@charset "utf-8";
*{
padding:0px;
margin:0px;
}

html{
  font-size: 100%;
}

body{
   font-size:0.85em;
   scrollbar-base-color:#f2f1f1;
   scrollbar-arrow-color:#f2f1f1;
   scrollbar-highlight-color:#f2f1f1;
   scrollbar-shadow-color:#f2f1f1;
   scrollbar-face-color:#f2f1f1;
   scrollbar-track-color:#f2f1f1;  
   background-image:url('../skin/graphisme/fond.jpg');
   background-repeat:repeat-y;
   background-position:left;
   background-color:#f2f1f1;
   font-family:arial,trebuchet;
}

hr{
   color:#bda576;
   border:1px solid #bda576;
}

strong{
   font-weight:normal;
}

a img{
   border:none;
}

/* style du menu haut */

dl, dt, dd, ul,li
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size:11px;
}

/* style des liens */

.mod{
   color:#BC270B;
   font-weight:bold;
   font-size:11px;
   text-decoration:none;
}

.seq{
   color:black;
   font-size:11px;
   text-decoration: none;
}

a:hover{
   color:#be2412;
   text-decoration: none;
}

a{
   color:#5c9827;
   text-decoration:underline;
}

.logo{
   position:absolute;
   top:35px;
   left:50px;
   z-index:4;  
}

.conteneur{
   width:990px;
   height:540px;
   position:absolute;
   z-index:0;
   top:50%;
   left:50%;
   z-index:0;
   height:auto;
   margin-left:-495px;
   margin-top:-270px;
}

.bandeau{
   width:100%;
   z-index:3;
   height:180px; 
   text-align:center;
   color:black;
   font-size:1em;
   background-image:url('../skin/graphisme/fondBandeau.jpg');
}

#form{
   position:absolute;
   top:95px;
   right:630px;
   text-align:right;
   z-index:4;
   color:gray;
   font-size:10px;   
}

#dev{
   position:absolute;
   top:130px;
   right:630px;
   z-index:4;
   text-align:right;
   color:gray;
   font-size:10px;   
}

#con{
   position:absolute;
   top:115px;
   left:530px;
   z-index:4;
   text-align:left;
   color:gray;
   font-size:10px;   
}

#form span, #dev span, #con span{
   font-size:17px;
   color:black;
}

.zone_centrale{
  width:100%; 
  background-image:url('../skin/graphisme/fondMilieu.png');
  height:auto;
  font-size:0.8em;
}

.gauche{
   width:420px;
   float:left;      
   margin-top:20px;
   margin-left:50px;
   height:auto; 
}

.gauche div{
   width:100%;
   margin-top:30px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
   -moz-box-shadow: 4px 4px 5px #ededed; 
   -webkit-box-shadow: 4px 4px 5px #ededed; 
   box-shadow: 4px 4px 5px #ededed;   
 
}

.gauche div p{
   margin:10px; 
   width:190px;
   float:left;    
}

.gauche div ul{
   margin:10px; 
   }
   
hr{
	clear:both;
	visibility:hidden;
}

.droite{
   width:420px;
   margin-top:0px;
   float:right;
   height:auto; 
   margin-right:50px;     
   margin-bottom:5px;  
}

/* style du bas de page */
.bas_page{
   clear:both;
   width:990px;
   height:40px; 
   text-align:center;
   line-height:50px;
   color:gray;
   font-size:10px;
   background-image:url('../skin/graphisme/fondBasPage.png');  
}

.bas_page a{
   color:gray;
   
   text-decoration:none;
}

/* style des titres */
h3{
   text-align:inherit;
   font-size:13px;
   font-weight:normal;
   margin-left:10px;
   margin-bottom:5px;
   margin-top:10px;
   color:#3c71b4;
}

h2{
   text-align:left;
   font-size:12px;
   font-family:century gothic,verdana;
   text-transform:uppercase;
   letter-spacing:1px;
   margin-left:10px;
   margin-top:10px;
   margin-bottom:5px;
   color:black;
   font-weight:normal;
}

h1{
   text-align:right;
   font-size:17px;
   font-family:century gothic,verdana;
   text-transform:uppercase;
   letter-spacing:1px;
   color:gray;
   font-weight:normal;
   margin-bottom:10px;
   margin-top:10px;
}

/* style de controle.html */

.controle{
   margin-top:100px;
   text-align:center;
   padding:10px;
   font-size:11px;
}

/* style des formulaires partie tout public */

.formulaire{
   width:450px;
   color:#635438;
   margin-top:10px;
   font-family:trebuchet,arial;
   text-align:left;
   font-size:11px;
   line-height:17px;
}

.formulaire td{
   height:20px;
}

.formulaire select{
   border-top:transparent;
   border-left:transparent; 
   border-bottom:1px solid #d7c298;
   border-right:1px solid #d7c298; 
   font-size:11px;
}

.formulaire textarea{
   border-top:transparent;
   border-left:transparent; 
   border-bottom:1px solid #d7c298;
   border-right:1px solid #d7c298; 
   font-size:11px;
}

.formulaire input{
   border-top:transparent;
   border-left:transparent; 
   border-bottom:1px solid #d7c298;
   border-right:1px solid #d7c298;   
   color:gray;
   font-size:11px;
}

.erreurForm{
   color:red;
   font-family:trebuchet,arial;
   font-size:11px;
   text-align:center;
}

.thForm{
   font-size:11px;
   text-transform:uppercase;
   font-family:trebuchet,arial;
   text-align:center;
   height:20px;
}

.tdForm{
   font-size:11px;
   font-family:trebuchet,arial;
   text-align:center;
}

.bouton{
   background-color:#d7c298;
   border-bottom:1px solid #847352;
   border-right:1px solid #847352;
   font-size:10px; 
   height:21px;
   padding-left:5px;
   padding-right:5px; 
   text-transform:uppercase; 
   color:white;
}