/*structure*/
#container{
margin-left:auto;
margin-right:auto;
margin-top:40px;
width:875px;
background: url(../medias/fond-centre-page.png) top left repeat-Y;
}
/*bord du haut plus bando sombre*/
#haut{
width:875px;
height:28px;
background:url(../medias/fond-haut-page.png) top left no-repeat;
clear:both;
}


/*capsule centrale avec le bouton contact*/
#centre{
width:875px;
}


/*ombre du bas*/
#bas{
clear:both;
width:875px;
height:28px;
background:url(../medias/fond-bas-page.png) top left no-repeat;

}



/*bloc page et contact*/

#contact{
width:56px;
height:501px;;
float:left;
position:relative;
padding-top:59px;
}

#home #contact{
background: url(../medias/fond-bloc-contact.png) bottom left no-repeat;
}

#btn_contact{
width:56px;
height:129px;
display:block;
background:url(../medias/btn-contact.png) top left no-repeat;
border:none;
text-decoration:none;
}
#btn_contact:hover{
background:url(../medias/btn-contact-over.png) top left no-repeat;
}


/*page accueil*/
#page{
width:801px;
float:left;
position:relative;
}
#bando{
width:801px;
height:189px;
background:url(../medias/fond-bando.jpg) top left no-repeat;
}
#bando1{
width:801px;
height:189px;
background:url(../medias/fond_1.jpg) top left no-repeat;
}
#bando2{
width:801px;
height:189px;
background:url(../medias/fond_2.jpg) top left no-repeat;
}
#bando3{
width:801px;
height:189px;
background:url(../medias/fond_3.jpg) top left no-repeat;
}
#bando4{
width:801px;
height:189px;
background:url(../medias/fond_4.jpg) top left no-repeat;
}
#formulaire #bando{
background:url(../medias/fond_4.jpg) top left no-repeat;
}
/*accroche sur le concours*/
#concours{
text-align:left;
height:74px;
width:801px;
background:url(../medias/fond-concours.png) top left no-repeat;
clear:both;
color:#58B237;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}


/*page d'accueil avec post-it*/
#home #corps-page{
height:326px;
width:801px;
background: #fff url(../medias/fond-post-it.png) top left no-repeat;
}

#site #corps-page{
width:801px;
}

/*partie gauche de la page d'accueil*/
#colonne-gauche{
float:right;
position:relative;
width:258px;
text-align:left;
}
p.actu{
text-align:left;
}
/*partie droite de la page d'accueil*/
#colonne-droite{
float:right;
position:relative;
width:523px;
margin-left:20px;
text-align:left;
}

#base-line{
margin-top:20px;
height:130px;
color:#595959;
font-size:14px;
}

#base-line a{
color:#000;
}

/*bouton espace candidat*/
#espace_candidat img{
display:block;
margin-bottom:10px;
}
/*bloc info pratique*/

#info-pratique{
border-top:#ccc 2px solid;
width:520px;
height:110px;
background:url(../medias/fond-bloc-info.png) top left no-repeat;
padding-top:10px;
}

#info_1{
float:right;
position:relative;
width:146px;
}

#outils-home{
clear:both;
}



/*mise en page des contenu*/

/*menu-gauche*/
#menu-gauche{
float:left;
position:relative;
width:180px;
margin-left:30px;
text-align:left;
color:#000;
margin-top:40px;
}
#formulaire #menu-gauche{
width:120px;
}
#doc-ashoka{
margin-top:40px;
}
#note-deroulement{
margin-top:140px;
}
/*affichage articles*/
#corps-texte{
float:left;
position:relative;
text-align:justify;
width:460px;
margin-top:20px;
margin-left:40px;
margin-bottom:30px;

}
/*pied de page avec les logo des partenaires*/
#pied{
clear:both;
background:#F9F9F9 url(../medias/fond-pied.png) top left no-repeat;
height:80px;
text-align:left;
color:#949494;
padding-top:6px;
}
#pied p{
margin:0 0 0 6px;
}
#pied ul{
margin:0 10px 0 6px;
}
#pied li{
float:left;
position:relative;
margin-left:14px;
}

/*les logos*/
#credit_mutuel{
width:153px;
height:54px;
display:block;
background:url(../medias/logo-credit-mutuel.png);
}
#credit_mutuel:hover{
background:url(../medias/logo-credit-mutuel-hover.png);
}
#credit_foncier{
width:148px;
height:54px;
display:block;
margin-left:100px;
background:url(../medias/logo-credit-foncier-hover.png);
}
#credit_foncier:hover{
background:url(../medias/logo-credit-foncier.png);
}
#krauthamer{
width:142px;
height:54px;
display:block;
background:url(../medias/krauthamer.png);
}
#krauthamer:hover{
background:url(../medias/krauthamer-hover.png);
}
#agf{
width:82px;
height:54px;
display:block;
background:url(../medias/agf.png);
}
#agf:hover{
background:url(../medias/agf-hover.png);
}
#essec{
width:88px;
height:58px;
display:block;
background:url(../medias/logo-essec.png);
}
#essec:hover{
width:88px;
height:58px;
display:block;
background:url(../medias/logo-essec-hover.png);
}
#uma{
width:82px;
height:58px;
display:block;
background:url(../medias/logo-uma.png);
}
#uma:hover{
width:82px;
height:58px;
display:block;
background:url(../medias/logo-uma-hover.png);
}
#avise{
width:57px;
height:58px;
display:block;
background:url(../medias/logo-avise.png);
}
#avise:hover{
width:57px;
height:58px;
display:block;
background:url(../medias/logo-avise-hover.png);
}
#sos{
width:40px;
height:58px;
display:block;
background:url(../medias/logo-sos.png);
}
#sos:hover{
width:40px;
height:58px;
display:block;
background:url(../medias/logo-sos-hover.png);
}
/*copyright*/

#copy{
text-align:right;
height:40px;
line-height:40px;
padding-right:40px;
color:#B4B4B4;
width:815px;
}


div.texte-article{
clear:both;
}