@charset "utf-8";
/* CSS Document */

/*** ELEMENTS CONTAINER - ID **********************************************************************/
body {
background-image:url(../img/a_bg.jpg);
background-repeat:repeat-x;
background-color: #fff;/*062d68;*/
margin:0;
padding:0;
font-family :  Verdana, Helvetica, sans-serif;
font-size:12px; 
color:#333;
}

#fond { /* logo */
/*background-color:#CC3333;*/
overflow: hidden;
position:absolute;
width:100%;
height:1024px;;
margin-top:0px;
padding-top:0px;
border-top:0px;
top:0;

width:100%;
height: 100%;
padding:0px;
margin:0px auto;
text-align:center;
}

#contenu_top { /* conteneur principal, centrée dans la page */
/*background-color:#FF0000;*/
overflow: hidden;
position:absolute;
width:100%;
height:184px;
padding:0px;
margin:0px auto;
margin-bottom:0px;
padding-bottom:0px;
z-index:1;
}
#top{
/*background-color:#990000;*/
background-image:url(../img/a_fond_top.png);
width:1010px;
height:184px;
padding:0px;
margin:0px auto;
}


#contenu { /* conteneur principal, centrée dans la page */
/*background-color:#FF0000;*/
overflow: hidden;
position:absolute;
width:100%;
height:1900px;
padding:0px;
margin:0px auto;
margin-bottom:0px;
padding-bottom:0px;
margin-top:184px;
z-index:1;
}
#conteneur{
/*background-color:#999900;
background-image:url(../img/a_fond_contenu.png);*/
background-image:url(../img/a_fond_bg.png);
background-repeat:repeat-y;
width:1010px;
height:1999px;
padding:0px;
margin:0px auto;
}


#gg{
background-image:url(../img/a_fond_feuille.png);
background-repeat:no-repeat;
width:107px;
height:1700px;
float:left;
}
#gauche {
/*background-color:#990000;*/
width:494px;
float:left;
}
#droite {
/*background-color:#CC33CC;*/
width:331px;
float:left;
}
#droite_1 {
/*background-color:#CC33CC;*/
width:331px;
height:1786px;
float:left;
overflow:hidden;
}

#contenu_g{
border-color:#ececec;
border-style:solid;
border-width:2px;
width:444px;
padding:1px;
margin-bottom:20px;
}
#contenu_d{
border-color:#ececec;
border-style:solid;
border-width:2px;
width:300px;
padding:1px;
}

#content{
background-color:#f1f1f1;
width:100%;
padding-bottom:20px;
}

#conteneur_d{
background-color:#f1f1f1;
width:100%;
height:100px;
padding-bottom:1px;
}

#bottom{ /* conteneur du pied de page */
background-color: #FFF;
width:770px;
height:35px;
margin:0px auto;
margin-top:-5px;
padding-top:0px;
}




/***** ELEMENTS DE CLASSES ********************************************************************3**/
.spacer {
clear:both;
}

ul{
font-family :  Verdana, Helvetica, sans-serif;
font-size:12px; 
color:#333;
padding:0px;
margin-left:10px;
margin-top:5px;
margin: 0 ;
padding: 0 ;
margin-left:15px;
margin-top:5px;
padding-left:15px;
padding-top:2px;
list-style-image: url(../img/puce.gif);
}

li{
margin: 0 ;
padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

.swf{
margin-top:0px;
padding-top:0px;
border-top:0px;
}




/***** ELEMENTS DE TEXTES ********************************************************************3**/

p {
font-family :  Verdana, Helvetica, sans-serif;
font-size:12px; 
color:#333;
padding:0px;
margin-left:10px;
margin-top:5px;
}

p.bottom {
font-family :  Verdana, Helvetica, sans-serif;
font-size:9px; 
color:#CCC;
padding-left:45px;
padding-top:10px;
text-align:center;
}

h1{
font-family :  Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#666666;
padding:0px;
margin-left:10px;
margin-top:5px;
margin-bottom:0px;
}

h4 {
font-family :  Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#333;
margin-left:0px;
margin-top:0px;
padding-top:13px;
margin-bottom:2px;
}

.titre{
font-family :  Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#666666;
padding:0px;
margin-top:5px;
margin-bottom:0px;
}

.petit {
background-color:#f1f1f1;
font-family :  Verdana, Helvetica, sans-serif;
font-size:11px; 
color:#333;
padding:0px;
margin:0px;
}

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




/***** IMAGES ********************************************************************3**/
img.reference {
padding:0px;
margin:0px;
border:0px;
float:left;
}
img.reference1 {
padding:0px;
margin:0px;
margin-bottom:-1px;
border:0px;
float:left;
}




/***** FORMULAIRE ******************************************************************/

div.row {
  clear: both;
  padding-top: 4px;
  }

div.row span.label {
  float: left;
  width: 80px;
  text-align: right;
  }
div.row span.label1 {
  float: left;
  width: 150px;
  text-align: right;
  }

div.row span.formw {
  margin-left:20px;
  float: left;
  width: 200px;
  text-align: left;
  }