/* ------------------------ Commun : Général ------------------------ */

html{
height:250%;
/* -------- ie7 --------- */
*height:100%;
}

body {
font-family : verdana, sans-serif ;
width:100%;
margin-right:auto;
margin-left:auto;
margin-top:0px;
height:100%;
position:relative;
}

#corps{
position:relative;
margin-top:0px;
margin-left:auto;
margin-right:auto;
width:1024px;
height:100%;
}


/* ------------------------ ombre ------------------------ */
#ombre_gauche{
float:left;
height:200%;
width:28px;
background: url("images/ombre_gauche.jpg") repeat;
/* -------- ie7 --------- */
*height:200%;
}

#ombre_droite{
float:right;
height: 200%;
width:28px;
background: url("images/ombre_droite.jpg") repeat;
/* -------- ie7 --------- */
*height:200%;

}


/* ------------------------ Header ------------------------ */
#header{
margin-left:auto;
margin-right:auto;
width:968px;
height:102px;
margin-bottom:-1px;
/* -------- ie7 --------- */
*height:auto;
}

/* ------------------------ Contour ------------------------ */
#contour{
	
height:100%;
width:23px;
background: url("images/contourbleu.gif") repeat;	
float:left;
position:relative;
/* -------- ie7 --------- */
*position:relative;
*height:100%;
}


/* ------------------------ Contenu ------------------------ */
#contenu_index{
width:790px;
height:539px;
margin-left:51px;
background: url("images/Fond_Home.jpg") no-repeat;
padding-left:35px;
padding-top:10px;
margin-top:44px;
padding-bottom:-10px;
/* -------- ie7 --------- */
*margin-top:-60px;

}

#baseline{
background-color:#FF5800;
color:white;
padding:10px;
font-weight:4000;
font-size:18px;
margin-top:430px;
text-align:right;
margin-right:50px;
width:400px;
float:right;
}


#baseline a{
text-decoration:none;
color:white;
}


#contenu{
margin-left:auto;
margin-right:auto;

}

h2{
color:#C00;
font-size:14px;
}

#contenu_txt{
margin-left:auto;
margin-right:auto;
width:100%;
/* -------- ie7 --------- */
*width:auto;

}

#texte{
color:#B41E2C;
font-size:12px;
text-align:left;
padding-top:10px;
}

#onglet a{
padding-top:20px;
font-weight:bold;	
text-decoration:none;
color:#999999;
float:left;  
width:199px;
height:60px;
background: url("images/fond_onglet.png") no-repeat;
}

#onglet a:hover{
color:#FFFFFF;
background: url("images/fond_rouge_onglet.png") no-repeat;
}

#onglet{
width:787px;
float:left;	
font-size:11px;
background: url("images/fond_onglet.jpg");
}

#onglet1{
float:left;  
width:199px;
height:60px;
}

#onglet2{
height:60px;
float:left;
width:199px;
text-align:center;
margin-left:8px;
margin-right:-22px;
}

#inputPersoXL{
text-align:left;	
color:#3F3F40;
padding-right:240px;
padding-left:240px;
/* -------- ie7 --------- */
*margin-left:-240px;
}

#inputPersoXL input{
background-color:#CCCCCC;
border-radius: 0.5em;
border-style:none;
text-align:left;
float:right;
padding-left:05px;
margin-left:10px;
*float:none;
}

#inputPersoXL label{
border-style:none;
text-align:left;
float:right;
}

#inputPersoXL select{
text-align:right;
float:right;
border-radius: 0.5em;
background-color:#CCCCCC;
}

.Chps_inv{
color:#999;
background-color:#FFF;
float:left;
margin-top:-5px;
width:38%;
text-align:left;
margin-left:-50px;
}

#legende{
width:60%;
margin-bottom:-10px;
float:left;
}

#info{

margin-top:-5px;
width:40%;
text-align:right;
}

#info select{
float:right;
margin-top:3px;
width:100%;
text-align:right;
margin-left:-50px;
text-align:left;
}

#info input{
float:right;
margin-top:3px;

text-align:right;
}


#info_fix{
float:right;
margin-top:-5px;
width:38%;
text-align:right;
}

#info_fix input{
color:black;
background-color:#cccccc;
text-align:right;
padding-right:5px;
}


#info_fix textarea{
color:black;
background-color:#cccccc;
text-align:right;
padding-right:5px;

text-align:right;
float:right;
border-radius: 0.5em;
}

#radio{
float:left;
margin-top:3px;
margin-left:-50px;
text-align:left;

}

#radio input{
background-color:#FFF;
*float:left;
}

#radio label{

float:left;
/* -------- ie8 --------- */
float:none\0;

}

#precedent{
padding-left:345px;
float:left;
width:117px;
height:23px;
}


#suivant{
padding-right:325px;
float:right;
width:117px;
height:23px;
}

#begin{
text-align:right;
margin-right:115px;
}

#puce{
background: url("images/puce.gif") repeat;
height:3px;
}

#puce_grey{
background: url("images/puce_grey.gif") repeat-x;
height:3px;
}

.star {
color:#C00;
font-weight: bold;
font-size:10px;
}


/* ------------------------ Menu horizontal ------------------------ */
#menu{
float:left;	
position:relative;
z-index :11;
}

#menu table{
height:44px;
width:789px;
border:0px;
border-collapse:collapse;
}

#menu tr{
text-align:center;
border:0px;
vertical-align:middle;
}

#menu td{
text-align:center;
border:0px;
vertical-align: middle;
padding:0px;
}

#menu td a{
font-size:11px;
color:#ff5600;
text-align:center;
text-decoration:none;
}
	
#menu td a:hover{
font-size:11px;
color:#002176;
background-color:#EEE;
text-align:center;
text-decoration:none;
}
	
#menu img{
text-align:right;
float:right;
width:2px;
}


/* ------------------------ Menu vertical droit ------------------------ */
#menuVertical{
float:right;
width:156px;
}

#Perso{
font-size:10px;
text-align:center;
width:156px;
height:104px;
background: url("images/EspacePerso.gif") no-repeat;	
}


#inputPerso input{
margin-top:5px;
font-size:10px;
color:#666;
border-radius: 0.5em;
border-style:none;
text-align:right;
}

#New{
color:#666;
font-size:8px;
text-align:left;
padding-left:10px;
padding-top:5px;	
height:27px;}

#valid{
float:right;
padding-top:10px;
padding-right:10px;
}

#equipez{
background: url("images/assurez.gif") no-repeat;	
width:156px;
height:124px;
margin-top:8px;
padding-top:80px;
padding-right:5px;
padding-left:10px;
text-align:left;
}

#assurez{
background: url("images/equipez.gif") no-repeat;	
width:156px;
height:124px;
padding-top:80px;
padding-right:5px;
padding-left:10px;
text-align:left;
}



#contact{
background: url("images/contact.gif") no-repeat;	
width:156px;
height:124px;
padding-top:80px;
padding-right:5px;
padding-left:10px;
text-align:left;
}

#suivre{
background: url("images/suivre.gif") no-repeat;	
width:156px;
height:124px;
padding-top:80px;
padding-right:5px;
padding-left:5px;
text-align:left;
}

/* ------------------------ Footer ------------------------ */
#Footer{
background: url("images/footer.gif") no-repeat top;
width:968px;
height:100%;
margin-right:auto;
margin-left:auto;
position:relative;
background-color:#FFF;
/* -------- ie7 --------- */
*margin-right:28px;

}

#Bt_Footer{
width:400px;
margin-top:00px;
margin-right:auto;
margin-left:auto;
padding-top:10px;
}

#Bt_G{
float:left;	

}
#Bt_D{
float:right;	
}

#Bt_C{
float:left;
}

.td1{
color:#999;
font-size:12px;
height:25px;
line-height:25px;
}

.input2{
background-color:#CCCCCC;
border-radius: 0.5em;
border-style:none;
width:180px;
text-align:left;	
color:#3F3F40;
}
.input3{
background-color:#CCCCCC;
border-radius: 0.5em;
border-style:none;
width:450px;
text-align:left;	
color:#3F3F40;
}
.input4{
background-color:#CCCCCC;
border-radius: 0.5em;
border-style:none;
width:452px;
text-align:left;	
color:#3F3F40;
}
.p1{
/*background-color:#CCCCCC;*/
color:#999;
font-size:12px;
width:250px;
height:150px;
float:left;
}
.p2{
/*background-color:#000000;*/
color:#999;
font-size:12px;
width:250px;
height:150px;
float:left;
}