/* CSS Document */

*{
margin:0;
padding:0;
border:none
}

body{
border:0;
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#000033;
}

h1{
color:#022a67;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
margin-left:5px;
padding-bottom:7px;
}

#megamaster{
margin:auto;
width:950px;
background-color:#FFFFFF;
}

#legales{
width:900px;
margin: auto;
margin-top:100px;
}
#legales p{
margin-top:20px;
}

/*------ header --------------------------------*/
#header{
width:950px;
height:54px;
margin:0 auto;
background-image:url(images/fond.jpg);
background-position:right;
background-repeat:repeat-y;
}

#header img{
float:left;
}

#langue{
float:left;
height:26px;
text-align:right;
width:600px;
}
#langue a{
color:#FFFFFF;
padding-top:3px
}
#menu{
width:608px;
float:right;
}

#menu ul{
float:right
}

#menu ul li{
display:block;
float:left;
list-style:none;
height:28px;
width:126px;
background:url(images/bouton.gif) top left no-repeat;
background-position:0% -28px;
color:#FFFFFF;
text-align:center;
font-size:12px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#menu ul li a{
display:block;
height:28px;
width:126px;
background:url(images/bouton.gif) top left no-repeat;
color:#FFFFFF;
text-align:center;
font-size:12px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}

#menu ul li a:hover{
background-position:0% -28px;
}

.menucentre{
display:block;
position:relative;
top:5px;
}

/*----------------- fin header-------------------------*/

/*----------------- visuel ---------------------------*/
#visuel{
margin:20px auto;
height:220px;
width:900px;
}
#submenu{
height:220px;
width:467px;
background-image:url(images/fond-submenu.jpg);
}

#submenu ul {
padding-top:50px;
margin-left:15px;
}
#submenu ul li{
margin-top:10px;
list-style:none;
color:#f08601;
text-transform:uppercase;
font-size:14px;
font-weight:bold;
}

#submenu ul li a{
color:#022a67;
text-decoration:none;
}

#submenu ul li a:hover{
color:#f08601;
}

/*------------------main -----------------------------------*/
#main{
margin:0 auto;
width:900px;
}
/*----------------- fin main ---------------------------*/

/*----------------- gauche ---------------------------*/
#gauche{
width:650px;
float:left;
}
#gauche h2{
color:#f08601;
font-size:16px;
font-weight:bold;
margin-bottom:10px;
}

.titre{
color:#022a67;
font-size:12px;
font-weight:bold;
}

#cadregauche{
width:650px;
background-image:url(images/cadregauche.gif);
margin-top:12px;
padding:0 0px;
}
#textegauche{
width:610px;
margin: 0 auto;
text-align:justify
}

#textegauche p{
margin:10px 0 0px 0;
}

#form1 input{
border:1px solid #999;
}

#form1 textarea{
border:1px solid #999;
}

#form1 select{
border:1px solid #999;
}

#basgauche{
width:650px;
background-image:url(images/basgauche.gif);
height:25px;
}

#pucesjaunes {
margin-left:20px;
}

#pucesjaunes li{
margin-top:20px;
list-style-image:url(images/pucejaune.jpg);
}
#pucesjaunes li ul {
margin-left:20px;
}
#pucesjaunes li ul li{
margin-top:0px;
list-style-image:none;
list-style:disc;
}

#pucesjaunes2 {
margin-left:20px;
}

#pucesjaunes2 li{
margin-top:0px;
list-style-image:url(images/pucejaune.jpg);
}
#pucesjaunes2 li ul {
margin-left:20px;
}
#pucesjaunes2 li ul li{
margin-top:0px;
list-style-image:none;
list-style:disc;
}




.postuler{
display:block;
width:193px;
height:37px;
float:right;
background-image:url(images/postuler1.jpg);
}

.postuler:hover{
background-image:url(images/postuler2.jpg);
}


/*----------------- fin gauche ---------------------------*/


/*------------------ droite------------------------------*/

#droite{
width:250px;
float:right;
}

.cadrejaune{
width:240px;
border:2px #f08601 solid;
margin:25px auto 0;
clear:right;
}


.cadrejaune h2{
font-size:14px;
color:#022a67;
margin-left:10px;
margin-bottom:10px;
text-transform:uppercase;
}



.cadrejaune h3{
font-size:14px;
margin-left:10px;
color:#f08601;
}
.cadrejaune h3 a{
text-decoration:none;
color:#f08601;

}

.cadrejaune h4{
font-size:12px;
color:#022a67;
margin-left:10px;
}

.cadrejaune h4 span{
border-bottom:#f08601 solid 1px;;
}
.cadrejaune p{
margin-top:5px;
text-align:justify;
margin-left:10px;
margin-right:10px;
}
.cadrejaune img{
float:left;
margin-right:5px;
}

.imgdroite{
margin-bottom:5px;
padding-right:5px;
float:right;
}

/*----------------------fin droite-------------------------*/

#footer{
clear:both;
width:600px;
margin:auto;
}

#footer ul{
width:400px;
height:30px;
margin:10px auto 0 auto;
}

#footer ul li{
display:block;
width:100px;
float:left;
list-style-type:none;
text-align:center;
}

#footer ul li.plan{
text-align:left;
}

#footer ul li a{
color:#000;
text-decoration:none;
font-weight:bold;
}


span.liste{margin-left:15px;}
span.ecart{margin-left:22px;}
span.ecart2{margin-left:35px;}