#newsletter {
position:absolute;
top:5px;
left:340px;
}

#newsletter input {
border:1px solid #FFFFFF;
height:10px;
width:113px;
}

#go {
position:absolute;
top:0;
left:459px;
}

#titre_form{
float: left;
text-align: center;
width: 530px;
margin-top:20px;
margin-bottom:10px;
}

#titre_form .contact{
font-family:Verdana, Arial;
font-size:14px;
font-weight: bold;
color:#DC001C;
margin-top:0;
margin-bottom:15px;
}

#titre_form .adresse{
font-family:Verdana, Arial;
font-size:11px;
font-weight: bold;
color:#01408F;

}

#statique{
float:left;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
padding-right:20px;
margin-bottom:15px;
text-align:justify;
color:#000000;
}

#statique a{
font-size:11px;
text-decoration:underline;
}

#statique a:hover{
font-size:11px;
text-decoration:underline;
color:#01408D;
}

#statique h3{
font-family:Verdana, Arial;
font-size:14px;
color:#DC001C;
margin-top:0;
margin-bottom:5px;
}

#statique img{
float:right;
margin-left:15px;
}

#statique .adresse{
text-align:left;
font-weight:bold;
margin-bottom:10px;
}

#statique5{
float:left;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
padding-right:20px;
margin-bottom:15px;
text-align:justify;
color:#000000;
width: 520px;

}

#statique5 a{
font-size:11px;
text-decoration:underline;
}

#statique5 a:hover{
font-size:11px;
text-decoration:underline;
color:#01408D;
}

#statique5 .h3{
font-family:Verdana, Arial;
font-size:14px;
color:#DC001C;
margin-top:120px;
margin-bottom:5px;
width: 110px;
font-weight: bold;
display: block;
float: left;
}
#statique5 .h4{
font-family:Verdana, Arial;
font-size:14px;
color:#DC001C;
margin-top:20px;
margin-bottom:5px;
width: 110px;
font-weight: bold;
display: block;
float: left;
}

#statique5 .adresse{
text-align:left;
font-weight:bold;
margin-bottom:10px;
}

/****    Pages livraison et revendeurs  ***/

#statique2{
float:left;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
padding-right:20px;
margin-bottom:15px;
text-align:justify;
color:#000000;
width:520px;
}

#statique2 a{
font-size:11px;
color:#000000;
text-decoration:underline;
}

#statique2 a:hover{
font-size:11px;
text-decoration:underline;
color:#01408D;
}

#statique2  h3{
font-family:Verdana, Arial;
font-size:14px;
color:#DC001C;
margin-top:0;
margin-bottom:15px;
}

#statique2  h4{
font-family:Verdana, Arial;
font-weight:normal;
font-size:14px;
color:#000000;
margin-top:10px;
margin-bottom:10px;
}

#statique2 li{
padding-left:-1px;
margin-bottom:7px;
}

#statique2 .images {
float:left;
margin-right:10px;
}

#statique2 #franchise {
float:right;
margin-left:10px;
}

#statique2 .liens{
background:#666666;
border:1px solid #1B1B1B;
text-align:center;
padding:5px;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
}

#statique2 .cadre{
background:#D2DDE4;
border:1px solid #92B1CD;
	padding:10px;
	margin-bottom:10px;
}

#statique2 .cadre .valid{
	text-align:right;	
	padding-left:20px;
}

#statique2 .cadre2{
	background:#E3F0F3;
	border:1px solid #CBE1E6;
	padding:10px;
	color:#052128;
}

.question{
font-size:11px;
margin-bottom:15px;
}

.faq{
border:1px solid #848484;
padding:4px; 
margin:2px; 
background:#FCFDFE;
color:#01408D;
}

/****    Page Liens  ***/

#liens{
padding:10px;
margin-bottom:15px;
}

#liens img{
float:left;
margin-right:15px;
}

#liens a{
font-size:11px;
color:#000000;
text-decoration:underline;
clear:both;
}

#liens  h3{
font-family:Verdana, Arial;
font-size:14px;
color:#DC001C;
margin-top:0;
margin-bottom:15px;
}

#liens  p{
width:350px;
}

#liens .liens{
float:left;
width:475px;
background:#FCFDFE;
border:1px solid #F8DD6C;
color:#000000;
font-weight:normal;
margin-bottom:10px;
text-align:justify;
padding:10px;
}

/****    Page Conditions et aide  ***/

#statique3{
float:left;
padding:10px;
margin-bottom:15px;
text-align:justify;
color:#000000;
background:#FFFFFF;
width:500px;
}

#statique3 a{
font-size:11px;
color:#000000;
text-decoration:underline;
}

#statique3 a:hover{
font-size:11px;
text-decoration:underline;
color:#01408D;
}

#statique3	 h3{
font-family:Verdana, Arial;
font-size:14px;
color:#DC001C;
margin-top:0;
margin-bottom:15px;
}

#statique3	 h5{
font-family:Verdana, Arial;
font-size:12px;
color:#DC001C;
margin-top:0;
margin-bottom:15px;
}

/************************    Page Contact  **************************/

#contact{
color:#000000;
float:left;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
padding-right:20px;
margin-bottom:15px;

}

#contact ol {
color: #FFFFFF;
background-color : #01408F;
font-weight: bold;
padding-left: 5em;
padding-top: 2em;
padding-right: 2em;
padding-bottom: 2em;
width: 380px;
}

#contact a{
font-size:11px;
color: white;
font-weight: bold;
}

#contact a:hover{
font-size:11px;
text-decoration: underline;
/*color:#01408D;*/
}

#contact  h3{
font-family:Verdana, Arial;
font-size:14px;
color:#DC001C;
margin-top:0;
margin-bottom:15px;
}

/****    Page Paiement securise  ***/

#statique4{
color:#000000;
float:left;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
padding-right:20px;
margin-bottom:15px;
margin-bottom:15px;
text-align:justify;
}

#statique4 a{
font-size:11px;
text-decoration:underline;
}

#statique4 a:hover{
font-size:11px;
text-decoration:underline;
color:#01408D;
}

#statique4  h3{
font-family:Verdana, Arial;
font-size:14px;
color:#DC001C;
margin-top:0;
margin-bottom:15px;
}

/********************************* Mise en forme du formulaire *******/

#formulaire{
color:#000000;
padding:10px;
margin-bottom:15px;
text-align:justify;
}

#formulaire h3{
font-family:Verdana, Arial;
font-size:14px;
color:#DC001C;
margin-top:0;
margin-bottom:15px;
}

#inscription {
border: none;
margin: 0;
padding: 0;
}

#titreForm, #piedForm {	/******************* Mise en forme du titre et du pied de formulaire *****************/
font: bold 1.1em arial, hevetica, sans-serif;
color: white;
background: white;
margin: 0;
padding: 0;
}

#piedForm {
text-align: right; /************* Les boutons sont alignés à droite **************/
}
#piedForm input {
font-weight: bold; /************* Pour améliorer la lisibilité des boutons *****************/
margin-left: 0;
}

#corpForm {	/***************** Mise en fome du corp du formulaire (bordure, couleur du fond...) ******************/
float:left;
color: #FFFFFF;
background: #01408F;
margin: 0;
padding: 10px;
width:400px;
margin-bottom:20px;
}

#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: #4D0000;
background: #FFFFFF;
}

#corpForm p {	/******************** Mise en forme des lignes du formulaire ************************/
padding: .2em 0;
margin: 0 0 0 0;
}

#corpForm fieldset#coordonnees label {	
float: left;
width: 48%;	
text-align: left;	
margin: 0;
padding: 0 0 0 0;
line-height: 1.8;	
}

#corpForm label:hover, #piedForm input {
cursor: pointer;
}

#corpForm .normal {	
background: white;
color: black;
}

#corpForm .colonne1 {
float:left;
width: 175px;
}

#corpForm .colonne2 {
margin-left:180px;
margin-right:180px;
}

#corpForm .colonne3 {
float:right;
right:0;
width:175px;
margin-top:-13px;
}

#corpForm .titre {
float:left;
text-align:right;
width:80px;
line-height:2.5em;
padding-bottom: 10px;
}

#corpForm .champs{
float:left;
text-align:left;
width:220px;
padding-bottom: 10px;
}

#corpForm .champs input{
margin-top:0.38em;

margin-left:5px;
}

.moncompte {
float:left;
background:#D2DDE4;
border:1px solid #92B1CD;
width:235px;
height:190px;
min-height: 170px;
margin-bottom:10px;
}
.moncompte2 {
float:left;
background:#D2DDE4;
border:1px solid #92B1CD;
width:228px;
height:190px;
min-height: 170px;
margin-bottom:10px;
margin-left: 10px;
}
.moncompte2 li, .moncompte li {
margin-left: -20px;
margin-top: 5px;
}
.moncompte2 .titre_gestion {
	float: left;
	text-align: center;
	line-height: 18px;
	background-color: #FFF;
	border-bottom: 1px solid #92B1CD;
	font-size: 11px;
	font-weight: bold;
	width: 228px; 
}
.moncompte .titre_gestion {
	float: left;
	text-align: center;
	line-height: 18px;
	background-color: #FFF;
	border-bottom: 1px solid #92B1CD;
	font-size: 11px;
	font-weight: bold;
	width: 235px; 
 }

.moncompte-droite{
float:left;
margin-left:5px;
background:#D2DDE4;
border:1px solid #92B1CD;
width:235px;
height:190px;
min-height: 170px;
margin-bottom:10px;
padding:0px;
}
.moncompte-droite a {
	color:#FFFFFF;
	border: none;	
	display: block;
	width: 90px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	cursor: pointer;
	background: transparent url(../images/bouton_cliquez.gif) no-repeat left top;		
}
.moncompte-droite a:hover {
	background: transparent url(../images/bouton_cliquez_hover.gif) no-repeat left top;
}



.moncompte .gauche {
float:left;
padding-left:10px;
}

.moncompte .droite {
float:left;
padding-left:10px;
margin-top: 10px;
}

.moncompte .bouton {
	padding-left: 70px;
	padding-top: 5px;
	text-align:center;
	float: left;
	display: block;	
}

.moncompte .bouton input {
	background: transparent url(../images/bouton_valider.gif) no-repeat left top;
	color:#FFFFFF;
	border: none;	
	display: block;
	float: left;
	width: 90px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	cursor: pointer;
	font-size: 8px;
	font-weight: bold;			
}
.moncompte .bouton input:hover {
	background: transparent url(../images/bouton_valider_hover.gif) no-repeat left top;

}

.moncompte .error {
	color: #cc0000;	
}



#conditions {
background:#EBEAEA;
border:1px solid #D1CFCF;
padding:10px;
width:350px;
margin-left:80px;
}

.bt_acces {
float:left;
margin-left:165px;
margin-right:20px;
}

.conseils_cadre {
background:#E3EFF5;
border:1px solid #BFDDED;
padding:5px;
margin-bottom:0;
}
.conseils_cadre img {
float:left;
margin-right:10px;
}
.rectangle {
	float:left;
	border:1px solid #CFCFCF;
	margin-bottom:10px;
	padding:5px;
	width:500px;
}
.rectangle .texte {
	float:left;
	text-align:left;
}
.rectangle .rectangle_gris {
	background:#ECECED;
	padding-top:2px;
	padding-bottom:22px;
	margin-bottom:5px;
}
.rectangle .rectangle_gris img{
	float:left;
}
.rectangle .titre {
	float:left;
	color:#D70621;
	padding-top:3px;
	margin-left:20px;
}
.rectangle .titre2 {
	float:left;
	padding-top:3px;
	text-decoration:underline;
	font-size:10px;
	margin-left:20px;
}
.rectangle .titre3 a {
	color:#4E79AC;
	border:1px solid #4E79AC;
}
.rectangle .titre4 {
	color:#01408D;
	text-decoration:none;
}
.rectangle .droite {
	float:right;
	margin-top:-10px;
	margin-right:15px;
	text-align:right;
}

#favoris {
	float: left;
	width: 520px;
	border: 1px solid #92B1CD;
	border-bottom: none;
	margin-top: 10px;
}
.ligne_favoris {
	float: left;
	width: 520px;	
	border-bottom: 1px solid #92B1CD;	
}
.ligne_favoris .img {
	width: 40px;
	height: 40px;
	margin: 5px 0 5px 5px !important;
	margin: 5px 0 5px 2px;
	float: left;
}
.ligne_favoris .desi {
	width: 300px;
	margin: 22px 0 5px 20px !important; 
	margin: 22px 0 5px 10px;
	float: left;	
}
.ligne_favoris .delete {
	float: right;
	margin: 22px 10px 5px 5px !important; 
	margin: 22px 5px 5px 5px;
}
#retour {
	margin-top: 10px;
	float: left;
}

/******************** Parrainage ************************/

.par_caption {
	float: left;
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	padding: 0px;
}

#par_nom { width: 50%; }
#par_date { width: 50%; }

.par_ligne {

	font-family: Trebuchet MS, Arial;
	font-size: 10px;
	color: #444444;
	padding: 0px;
} 

.par_entete {
	font-family: Trebuchet MS, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #555555;
	background: transparent;
	width: 100%;
	border: 0px;
	padding: 0px;
	border-bottom: solid 1px #999999;
	margin-bottom: 5px;
	margin-top: 10px;
}

.par_titre {
	font-family: Trebuchet MS, Arial;
	font-size: 12px;
	/*font-weight: bold;*/
	color: #555555;
	margin-bottom: 10px;
}

/************************ Compte fidelite *******************/
#fidelite {
	float: left;
	width: 500px;
	padding-bottom: 20px;	
}

#fidelite .fid_entete{
	width: 435px;
	font-family: Trebuchet MS, Arial;
	font-size: 13px;
	color: #444444;
	padding: 0px;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #92B1CD;
}

#fidelite .fid_ligne{

	font-family: Trebuchet MS, Arial;
	font-size: 12px;
	color: #444444;
	padding: 0px;
	width: 435px;
	text-align: center;
}

#fidelite .fid_numero{
	float: left;
	width: 20px;
	border-left: 1px solid #92B1CD;
	border-bottom: 1px solid #92B1CD;
}

#fidelite .fid_code{
	float: left;
	width: 140px;
	border-left: 1px solid #92B1CD;
	border-bottom: 1px solid #92B1CD;
}

#fidelite .fid_date{
	float: left;
	width: 140px;
	border-left: 1px solid #92B1CD;
	border-bottom: 1px solid #92B1CD;
}

#fidelite .fid_total{
	float: left;
	width: 130px;
	border-left: 1px solid #92B1CD;
	border-right: 1px solid #92B1CD;
	border-bottom: 1px solid #92B1CD;
}
.caption_promo {
	float: left;
}
