body{
background-color:black;
width:100%;
height:800px;
margin:20px auto auto auto;
}
#header{
background-color:black;
height:230px;
}
#header .logo{
width:800px;
height:230px;
margin:auto;
background-image:url('header/header.jpg');
}
/*---------------------------AUTHENTIFICATION------------------------------------*/
#connexion{
width:1100px;
margin:auto;
color:white;
}
#connexion .conect-cour{
font-family:arial;
font-size:12px;
}
#connexion .conect-cour b{
color:maroon;
display:block;
border:0px solid;
width:125px;
text-align:left;
}
#connexion .conect-cour a{
color:white;
}
#connexion label{
display:block;
font-family:arial;
font-size:12px;
}
#connexion input#conect{
color:yellow;
height:16px;
width:150px;
border:1px outset red;
outline:none;
background-color:black;
}
#connexion input#conect:hover{
border:1px inset red;
}
#connexion input#submit{
height:25px;
width:25px;
border:none;
outline:none;
background-image:url('images/submit.png');
background-color:transparent;
cursor:pointer;
}
/*---------------------------AUTHENTIFICATION------------------------------------*/

#corps{
width:1200px;
margin:auto;
height:600px;
}
#menu{
height:600px;
width:400px;
background-image:url('menu/fond.jpg');
z-index:100000;
position:relative;
}
#menu a{
margin: 0 0 0 40px;
color:white;
width:150px;
height:100px;
line-height:100px;
text-decoration:none;
display:block;
text-align:center;
outline:none;
}
#menu a.lien1{
background-image:url('menu/action.png');
}
#menu a.lien1:hover{
background-image:url('menu/action-over.png');
}
#menu a.lien2{
background-image:url('menu/photo.png');
}
#menu a.lien2:hover{
background-image:url('menu/photo-over.png');
}
#menu a.lien3{
background-image:url('menu/video.png');
}
#menu a.lien3:hover{
background-image:url('menu/video-over.png');
}
#menu a.lien4{
background-image:url('menu/entrainement.png');
}
#menu a.lien4:hover{
background-image:url('menu/entrainement-over.png');
}
#menu a.lien5{
background-image:url('menu/evenement.png');
}
#menu a.lien5:hover{
background-image:url('menu/evenement-over.png');
}
#menu a.lien6{
background-image:url('menu/contact.png');
}
#menu a.lien6:hover{
background-image:url('menu/contact-over.png');
}
#menu a.lien7{
background-image:url('menu/forum.png');
}
#menu a.lien7:hover{
background-image:url('menu/forum-over.png');
}
#contenu{
width:700px;
min-height:850px;
margin:-600px 0 0 40%;
}
#content-haut{
width:700px;
height:145px;
margin:0px 0 0 0px;
padding:0;
background-image:url('contenu/content-haut.jpg');
}
#content-milieu{
width:606px;
margin:-20px 0 0 51px;
background-color:white;
padding:0 0 20px 0;
}
/*---------------------------FORUM------------------------------------*/
#content-milieu a.dossier{
background-image:url('forum/ico-dossier.png');
background-repeat:no-repeat;
height:70px;
width:240px;
line-height:70px;
padding: 0 0 0 80px;
display:block;
color:black;
font-family:arial;
}
#content-milieu a.dossier1,a.dossier2,a.dossier3,a.dossier4  {
height:70px;
width:240px;
line-height:70px;
padding: 0 0 0 80px;
display:block;
color:black;
font-family:arial;
}
#content-milieu a.dossier1{
background-image:url('forum/ico-dossier1.png');
background-repeat:no-repeat;
}
#content-milieu a.dossier2{
background-image:url('forum/ico-dossier2.png');
background-repeat:no-repeat;
}
#content-milieu a.dossier3{
background-image:url('forum/ico-dossier3.png');
background-repeat:no-repeat;
}
#content-milieu a.dossier4{
background-image:url('forum/ico-dossier4.png');
background-repeat:no-repeat;
}
#content-milieu a.dossier:hover{
color:violet;
}
/*---------------------------/FORUM------------------------------------*/

/*---------------------------INSCRIPTION------------------------------------*/
#content-milieu .inscription {
margin:10px;
background-image:url('images/inscription.jpg');
min-height:500px;
}
#content-milieu .inscription label,select{
display:block;
width:150px;
padding:0;
margin:10px 0 0 10px;
}

/*---------------------------/INSCRIPTION------------------------------------*/

/*---------------------------PROFIL------------------------------------*/

#profil{
margin:10px;
}
#profil .avatar-profil{
position:absolute;
margin:0 0 0 350px;
}
#profil .avatar-profil img{
width:150px;
height:150px;
border:8px double black;
}
/*---------------------------/PROFIL------------------------------------*/
#content-bas{
width:700px;
height:145px;
margin:-20px 0 0 0px;
padding:0;
background-image:url('contenu/content-bas.jpg');
}
#content-haut .titre{
padding:90px 50px 0 130px;
color:black;
font-weight:bold;
font-size:21px;
text-decoration:underline;
text-align:left;
font-family:verdana;
}
#contenu p{
color:black;
text-align:justify;
font-family:arial;
font-size:13px;
padding:5px 50px 50px 50px;
}
#contenu p span{
font-weight:bold;
}
#contenu p img{
display:block;
float:left;
margin:5px;
height:236px;
width:229px;
}
#contenu p b{
margin:0 0 0 5px;
color:maroon;
font-size:28px;
}
#footer{
height:150px;
width:1100px;
margin:20px auto auto auto;
background-color:black;
color:white;
text-align:center;
}
#footer a{
color:white;
font-family:arial;
font-size:11px;
}