body{

margin:0;
padding:0;
background:#1e1e1e; 
font-family: Tahoma,Verdana;
}


#conteneur2{
width: 1000px;
margin-left: 30px;
background:url(images/bg_body2.png) center;
}


#conteneur1{

margin-right: auto;
margin-left: auto;
width: 1060px;

}

#bandeau-tete{
height:241 px;
width: 1000px;
}


#gauche {
float:left;
width: 200px;

}


#centre_blanc {
width: 750px;

border:1px solid #aaa;
-moz-border-radius : 10px 10px; 

background-color:#f0f0f0;

padding: 5px 5px 5px 10px;
margin: 10px 5px 0px 220px;
}

p {
margin: 0 0 0 0;
padding:10px;
font-family: Helvetica,Tahoma,Verdana,Segoe,sans-serif;
font-size: 13px;
color: #000000;
text-decoration:none;
font-weight:none ;
}
p.centre_blanc_s {
margin: 0 0 0 0;
padding:10px;
font-family: Helvetica,Tahoma,Verdana,Segoe,sans-serif;
font-size: 11px;
color: #000000;
text-decoration:none;
font-weight:none ;
}

.ref{
font-size: 11px;
}

#centre_droit {
background-color:#FFF;
margin-left: 180px;
margin-right: 180px;
}




#droite {
float:right;
}

.produit_index{
width: 200px;
height: 210px;
background: url(images/fond_cadre_200.png) no-repeat center; 
}


.produit_index2{
float:left;
width: 250px;
height: 201px;

background: url(images/fond_cadre_250.png) no-repeat center; 
}

.produit_index_texte{
text-align:center;

padding:3px 5px 3px 10px;

height: 58px;
}

.produit_index_texte2{
text-align:center;
padding:0px 5px 5px 10px;
height: 43px;
}

.produit_index_image{
text-align:center;
margin:5px 5px 5px 10px;
}



#droite2 {

float:left;
width: 200px;
margin-right: 30px;
margin-top: 0px;
}


ul.menugauche{

margin:4px 0 10px 5px;
padding:5px;
list-style-type:none;

}

.menugauche1{

display:block; zoom:1;
font-size: 8pt; 
color: #000; 
text-decoration:none;
font-weight:bold ;
margin: 0px;
padding:7px 2px 3px 8px;
background:url(images/menu1.png) no-repeat ;
}

li.menugauche2 a{
display:block; zoom:1;
font-size: 8pt;
font-weight:bold;
color: #d7d1bb; 
text-decoration:none;
padding:6px 2px 5px 13px;
background-image:url(images/menu2.png) ;
}

li.menugauche2i a{
display:block; zoom:1;
font-size: 8pt;
font-weight:bold ;
font-style: italic;
color: #FFFFFF; 
text-decoration:none;
padding:6px 1px 3px 13px;
background-image:url(images/menu2.png) ;
}

.menugauche3{

display:block; zoom:1;
font-size: 8pt; 
font-weight:bold;
color: #FFFFFF; 
text-decoration:none;
margin: 0px;
padding:7px 2px 3px 13px;
background:url(images/menu2.png) no-repeat ;
}

li.menugauche4 a{
display:block; zoom:1;
font-size: 8pt;
color: #FFFFFF; 
text-decoration:none;
padding:6px 2px 4px 30px;
background:url(images/menu4.png) no-repeat ;
}


li.menugauche2 a:hover, a.menu_central:hover {
color:#cab258;
font-weight:none;
}

li.menugauche4 a:hover{
color:#FFF600;
font-weight:none;

}

a.menu_central{
margin-left:35px;
padding: 1px 35px 1px 1px;
font-family: Tahoma,Verdana,Segoe,sans-serif;
font-weight:bold;
font-size: 9pt;
color: #FFFFFF; 
text-decoration:none;
background: url('images/separation_menu.png') no-repeat right;
}

a span{
vertical-align:top;
padding:10px 1px 10px 12px;
background: url('images/puce2.gif') no-repeat left;
}

.menu_sous_menu{
vertical-align:top;
padding:0px 0px 0px 12px;
background: url('images/puce2.gif') no-repeat left;
}



a:hover span4, a:active sous_menu{

padding:10px 1px 10px 12px;
background: url('images/puce4.png') no-repeat left;
}

a:hover span, a:active span{

padding:10px 1px 10px 12px;
background: url('images/puce1.gif') no-repeat left;
}

#conteneur_menu_panier{
width: 740px;
height: 31px;
}


#menu_panier{
font-family: Tahoma,Verdana,Segoe,sans-serif;
font-weight:bold;
font-size: 9pt;
text-align:right;
padding: 0px 1px 10px 0px;
text-decoration:none;

}

a.menu_panier{
color: #006;
text-decoration:none;
}

a.menu_panier:hover{
color: #f90;
}


#pied {
clear:both;
padding: 20px 5px 0px 25px;
height: 52px;
line-height:12px;
background: url(images/bandeau_bas.png) no-repeat center;
text-align:right;
}


#copyright {
margin-right:30px;
font-family: Tahoma,Verdana,Segoe,sans-serif;
font-size: 11px;
color: #FFFFFF;
}


copyright a{
color: #FFFFFF; 
text-decoration:none;
}





h1{
display:block; zoom:1;
padding: 5px 0 5px 7px;
margin: 0;
font-family: "lucida grande",geneva,arial;
font-size: 15px;
color:#000;
font-weight:bold ;

background: url(images/fond-h1.png) left top no-repeat;

line-height:22px;

}

h2{
display:block; zoom:1;
margin-left:3px;
padding: 0px 0 4px 4px;
font-family: "lucida grande",geneva,arial;
font-size: 12px;
color:#000;
font-weight:bold ;
background: url(images/fond-h2.png) left top no-repeat;

line-height:20px;
}

h3{
text-align:center;

display:block; zoom:1;
margin-left:7px;
padding: 0px 5px 5px 5px;
font-family: "lucida grande",geneva,arial;
font-size: 12px;
color:#333;
line-height:12px;
}

h3 :hover{
color: #ff3;
}

div#cadre{
width:200px;
padding-top:8px;

text-align:center;
}

div#bloccadre{
background:url(images/cca_bas.jpg) left top no-repeat;
padding: 18px 0 82px 0;

}

ul.left{
text-align:left;
}

div#bloccadre p {
margin: 0 28px 0 18px;
}




.center {
margin: 0 0 0 0;
padding:3px;
font-family: Verdana,arial;
font-size: 13px;
color:#000;
text-align:center;
font-weight:bold ;
}

.txt{
font-family: Tahoma,Verdana,Segoe,sans-serif;
font-size: 11pt;
color: #000000;
text-decoration:none;
font-weight:none ;
}

.txt2{
font-family: Tahoma,Verdana,Segoe,sans-serif;
font-size: 10pt;
color: #333;
text-decoration:none;
font-weight:none ;
}

.txt3{
font-family: Tahoma,Verdana,Segoe,sans-serif;
font-size: 11pt;
color: #009;
text-decoration:none;
font-weight:bold ;
}

.txt4{
font-family: Tahoma,Verdana,Segoe,sans-serif;
font-size: 8pt;
color: #fff;
text-decoration:none;
}

.txt5{
font-family: Tahoma,Verdana,Segoe,sans-serif;
font-size: 10pt;
color: #069;
text-decoration:none;
font-weight:bold ;
display:block; zoom:1;
background:#FFF;
}

.txt6{
font-family: Tahoma,Verdana,Segoe,sans-serif;
font-size: 8pt;
color: #c00;
text-decoration:none;
display:block; zoom:1;
background:#FFF;
}

ul#liste{
vertical-align:top;
margin:4px 0 10px 30px;
padding:5px;
list-style-type:none;

font-family: Tahoma,Verdana,Segoe,sans-serif;
font-size: 11pt;
color: #00C;
font-weight:bold ;
line-height:20px;

}

.puce_liste{

margin:-14px;
vertical-align: middle;
font-size: 9pt;
padding:13px 3px 13px 14px;
background: url('images/puce3.gif') no-repeat left;
}

td.txt{
color:#069;
}

.tableau1 table{
border:medium solid #6495ed;
border-collapse:collapse;
width:100%;
}


.tableau1 th{
border:thin solid #6495ed;
padding:1px;
background-color:#D0E3FA;
font-size: 10pt;
}

.tableau1 td{
border:thin solid #6495ed;
padding:1px;
text-align:center;
font-size: 10pt;
}
.tableau2 table{
border:medium solid #6495ed;
border-collapse:collapse;
width:67%;
}


.tableau2 th{
border:thin solid #6495ed;
padding:2px;
background-color:#D0E3FA;
background-image:url(sky.jpg);
font-size: 10pt;
}

.tableau2 td{
border:thin solid #6495ed;
padding:2px;
text-align:center;
font-size: 10pt;
	background: #efefef;
}

table{
font-size:10pt;
}



td.gris{
color:#333;
background-color:#E9F9FC;
}

ul{
list-style-type:none;
}

li.menulocation a{
display:block; zoom:1;
font-size: 9pt;
font-weight:bold;
color:#00c;
background: #fff;
text-decoration: none;
margin: 0px 15px 0px -20px;
padding: 3px 0 8px 15px;
}

li.menulocation a:hover{
color:#6CC;
font-weight:bold;
}


li.menulocation_titre{

display:block; zoom:1;
font-size: 9pt;
font-weight:bold;
color:#FF6;
background:url(images/menu1.png) ;
text-decoration: none;
margin: 0px 15px 0px -20px;
padding: 3px 0 8px 15px;
}

li.square{
font-family: Tahoma,Verdana;
font-size: 9pt;
list-style-type: square;
text-align: left;
}


#piedForm {
	text-align: center; /*** Les boutons sont align�s � droite ***/
}
#piedForm input {
	font-weight: bold; /*** Pour am�liorer la lisibilit� des boutons ***/
	margin-left: 1em;
}

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid black;
	color: black;
	background: #F3F3F3;
	margin: 0;
	padding: 1em;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
font-size: 12px;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
	font-family: Tahoma,Verdana,Segoe,sans-serif;
font-size: 12px;
}

#inscription {
	border: none;
	margin: 0;
	padding: 0;
	width: 46em;	/*** Largeur du formulaire ***/
}
#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1em arial, hevetica, sans-serif;
	color: white;
	background: #FFFF99;
	margin: 0;
	padding: .5em;
}
#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitul�s de champs ***/
	float: left;	/*** Tr�s important, ne pas suprimer ! ***/
	width: 25%;	/*** Les intitul�s prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont align�s � droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centr�s verticalement. ***/
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs � cliquer sur les intitul�s ***/
}

#corpForm label.oblig {
	font-weight: bold;	/*** Mise en �vidence des champs obligatoires ***/
}

#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}

#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
}
#corpForm .normal {	/*** Retour � l'�tat normal apr�s l'utilisation ***/
	background: white;
	color: black;
}

tr.color1{
background-color:#FBFADD;
font-weight: none;
vertical-align: middle;
}

tr.color2{
background-color:#fff;
font-weight: none;
vertical-align: middle;
}

tr.color3{
background-color:#FFFFE5;
font-weight: none;
vertical-align: middle;
}

img.ombre {
  padding: 3px 3px 6px 3px;
  background: white url(shad_bottom.png) repeat-x bottom left;
}

div.shadow {
  background: #b4afa3;
  padding: 0 0 2 1px;
  border-left: 1px solid #dcd7c8;
  border-right: 1px solid #EDEDED;
}

span.tariflocation{color: #327acc;font-size: 13px; line-height:13px;font-weight:bold;font-family:Arial, Helvetica, sans-serif}

.txta_xs{
color:#0097df;
font-size:10px;
text-decoration:underline;
}