body { 
color: #3e79bb; 
font-size: 13px; 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0; 
padding: 0; 
width: 100%;
height:100%;
background-color:#999999;
background: url(../medias/commun/fond.jpg) repeat;
}

#contenu-home{
position: absolute;
margin-left: -456px;
left: 50%;
width: 912px;
top:400px;
background-color:#fff;
}

#contenu{
position: absolute;
margin-left: -456px;
left: 50%;
width: 912px;
top:259px;
background-color:#fff;
}

#bandeau{
position: absolute;
margin-left: -456px;
left: 50%;
width: 912px;
top:57px;/*115*/
height:145px;
}

#contenu-interieur{
padding: 10px 30px 10px 30px;
}

#fil-ariane{
margin-bottom:15px;
}

/*menu*/

#menu-container{
position: absolute;
margin-left: -456px;
left: 50%;
width: 912px;
top:0px;
z-index:50;
padding:0px;
}
#menuContainer{
position: absolute;
margin-left: -456px;
left: 50%;
width: 912px;
top:0px;
z-index:1000;
padding:0px;
}

#logo {
height:60px;
padding-top:18px;
}

#flashContent{
position: absolute;
margin-left: -456px;
left: 50%;
width: 912px;
top:55px;
z-index:0;
}

#footer {
height:30px;/*45*/
font-size:12px;
font-style:italic;
color:#3c78bb;
background-color:#fff;
text-align:center;
padding-top:15px;
background: url(../medias/commun/trait-footer.gif) no-repeat;
background-position:top;
}

.pushs-interieurs {
width:219px;
padding-left:76px;
margin-top:40px;
float:left;
}

#edito {
width:263px;/*306*/
float:left;
padding: 10px 20px 0px 20px;
background:url(../medias/commun/fond-edito.gif) repeat-y;
/*height:218px;*/ /*228*/
}

#carte-accueil {
width:606px;
float:left;
/*height:228px;*/
background:url(../medias/commun/carte-accueil.jpg) no-repeat;
}

#col-gauche{ width:440px; margin:0px 40px 0px 0px; float:left;}
* html #col-gauche{ margin-right:0px; }

#col-gauche-voir{ width:440px; margin:0px 40px 50px 0px; float:left; }

#col-droite{ width:372px; margin:0px 0px 20px 0px; float:left; }

#col-gauche-metiers{ width:540px; margin:0px 40px 0px 0px; float:left;}
* html #col-gauche-metiers{ margin-right:0px; }

#col-gauche-voir-metiers{ width:540px; margin:0px 40px 50px 0px; float:left; }
* html #col-gauche-voir-metiers{ margin-right:0px; }

#col-gauche-voir-coord{ width:410px; margin:0px 40px 50px 0px; float:left; }
* html #col-gauche-voir-metiers{ margin-right:0px; }

#col-droite-metiers{ width:270px; margin:0px 0px 5px 0px; float:left; }

#col-droite-loi{ width:372px; margin:113px 0px 20px 0px; float:left; }

#col{  margin:0px 40px 50px 0px; }

#vignettes-container {
}

#voir-aussi{
position:absolute;
bottom:60px;
}

.vignettes {
border: 1px solid #3c78bb;
margin:0px 38px 15px 0px;
width:50px;
float:left;
cursor:pointer;
}

#col-droite-image{
width:250px;/*268*/
border:1px solid #bcbebe;
padding:9px;
margin-top:20px;
}
#main-image{
width:268px;/*268*/
height:200px;

}

#col-droite-image-gauche{
width:94px;
float:left;
margin:6px 14px 0px 0px;
}

#col-droite-image-droite{
width:142px;
float:left;
margin:6px 0px 0px 0px;
}

.calques {
border-bottom: #ffffff 1px solid;
padding:10px 0px 10px 0px;
z-index: 1000;
text-align:center;
background-color:#CCC;
}

.spacer{
clear:both;
}

.float{
float:left;
}

h1{
margin:0px 0px 10px 0px;
padding:0px;
font-size:20px;
color: #294c60;
}

h2{
margin:10px 0px 0px 0px;
font-weight:bold;
font-size:16px;
color: #294c60;
}

h3{
margin:0px 0px 5px 0px;
font-weight:bold;
font-size:13px;
color: #294c60;
}

p{
margin:0px 0px 8px 0px;
}

.plan-titre{
font-size:16px;
font-weight:bold;
}

ul {
padding: 0px 0px 0px 0px;
margin: 0em 0em 0em 1.5em;
}

li {
list-style:disc;
}

/* formulaire */

form{
padding:0px;
margin:0px;
font-size:11px;
}

label{
width: 150px;
float: left;
padding-top: 3px;
padding-right: 0px;
}

input{
padding: 0px;
margin: 0px;
float: left;
}

.textfield{
background-color: #ffffff;
border: #cccccc 1px solid;
width: 250px;
font-size: 11px;
color: #9d9d9d;
margin-bottom: 2px;
padding: 2px;
}

.textarea{
background-color: #ffffff;
border: #cccccc 1px solid;
width: 403px;
height: 100px;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif; 
}

.dropdown{
background-color: #ffffff;
border: #cccccc 1px solid;
width: 155px;
font-size: 11px;
color: #9d9d9d;
margin-bottom: 2px;
padding: 2px;
}

.envoyer{
width:80px;
margin-left:230px;
margin-top:10px;
}

.alerte{
color: #fb4b46;
}

.legals{
width:565px;
clear:both;
font-size:10px;
color:#b4b4b4;
}




 /* liens */
 
a:link { color: #294c60; text-decoration: underline; }
a:visited { color: #294c60; text-decoration: underline; }
a:hover { color: #294c60; text-decoration: none; }
a:active { color: #294c60; text-decoration: underline; }

a.lien-footer:link { color: #3e79bb; text-decoration: none; }
a.lien-footer:visited { color: #3e79bb; text-decoration: none; }
a.lien-footer:hover { color: #3e79bb; text-decoration: underline; }
a.lien-footer:active { color: #3e79bb; text-decoration: none; }

a.lien-accueil:link { color: #294c60; text-decoration: none; }
a.lien-accueil:visited { color: #294c60; text-decoration: none; }
a.lien-accueil:hover { color: #294c60; text-decoration: underline; }
a.lien-accueil:active { color: #294c60; text-decoration: none; }