/* CSS Document */

.bloc_principal{
clear:both;
margin-top:0px;
width:750px;
padding-bottom:40px;
}

.clear{ 
	clear:both;
}
/* cadre contact gauche */
#left{
float:left;
width:270px;
padding-bottom:40px;
padding-top:20px;
}

#ombre_right{
	position:absolute;
	width:322px;
	height:237px;
	margin-left:0px;

}

#contenu_left{
	position:absolute;
	width:282px;
	height:216px;
	margin:15px 0px 0px 29px;
}
.arrobase{
	float:left;
}



#ombrecrea_left{
	position:absolute;
	width:340px;
	height:75px;
	margin-left:20px;
	margin-top:273px;
}

#contenucrea_left{
	position:absolute;
	width:307px;
	height:40px;
	margin-left:51px;
	margin-top:305px;
	font-size:10px;
	color:#a0a0a0;
	line-height:15px;
}
#contenucrea_left a{
	font-size:10px;
	color:#a0a0a0;
	text-decoration:underline;
}
/* end cadre gauche*/



/* titre */

#titre_pr{
background-color:#000000;
color:#ffffff;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
padding:0px 11px 2px 8px;
margin-left: 30px;


}

.contact_txt{
	color:#848484;
	margin-left: 4px;
	margin-top: 3px;
	width:215px;
}

#contenu_left h1 {
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
margin-left: 4px;
margin-top: 13px;

}

#details{
padding-top: 5px;
margin-left:7px;
padding-bottom:20px;
}
.more_details{
font-weight:bold;
padding:1px 3px 1px 3px;
left:5px;
top:5px;
display:block;
font-size:11px;
margin-top:6px;
}

.more_details  a{
background-color:#b8b8b8;
color:#FFFFFF;
text-decoration:none;
padding:0px 8px 0px 5px;

}


.more_details  span{
color:#414141;
text-decoration:none;
font-weight:normal;

}


.div_form #txt{
color:#848484;
font-size:11px;
margin-bottom:10px;
width:340px;
margin-left:2px;



}
/* fin texte */
/*  pop up */
#contenu_popup{
display:none;
z-index:300;
position:absolute;
right:150px;
top:180px; 
background-color:#ffffff;
height:100px;
width:330px;
color:#434343;
font-size:11px;
font-weight:bold;
padding-top:16px;
padding-left:19px;
padding-right:19px;
text-align:center;
}

.bouton_fermer{
text-align:right;
padding-bottom:15px;
}

/* END pop up */


#titre{
float:left;
background-color:#000000;
color:#ffffff;
font-size:18px;
font-weight:bold;
text-transform:uppercase;
padding:1px 8px 1px 8px;
margin:0px 0px 10px 20px;
-margin-left:10px;
}

/*.newsletter_please{
position:relative;
clear:both;
background-image:url(/images/newsletter/img_centrale.gif);
background-repeat:no-repeat;
width:335px;
height:60px;
margin-left:30px;
padding:125px 53px 35px 300px;
}*/


/* cadre contact droit */

#right{
width:300px;
padding-top:38px;
margin-left: 428px;
-padding-left: 4px;

}

#contenucrea_right{
	position:absolute;
	width:330px;
	height:40px;
	-margin-left:-60px;
	margin-top:35px;
	font-size:10px;
	color:#a0a0a0;
	line-height:15px;
}

#contenucrea_right a{
text-decoration:underline; 
color:#000000; 
font-weight: bold; 
font-family:Arial, Helvetica, sans-serif; 
font-size:11px;
}

div.sous_titre{
padding-top:15px;
padding-bottom:10px;
color:#000000;
font-weight:bold;
}
.div_form {
width: 340px;
margin-left: 58px;
margin-top: 6px;
z-index:1;
position:relative;
line-height:15px;
}
.div_form td{
color:#626262;
vertical-align:top;
background-color:#f7f7f7;
}

.div_form td p{
padding-top:4px;
width:95px;
color:#626262;

}

.div_form td select{
width:240px;
font-size:11px;
background-color:#e0e0e0;
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
border-right:1px solid #bebebe;
border-left:1px solid #bebebe;
height:19px;
margin-bottom:4px;
margin-left:3px;
}

.div_form td select option{
height:19px;
}

p.adresse_livraison{
line-height:10px;
}

.div_form input, input.input{
background-color:#e0e0e0;
border-top:0px;
border-bottom:0px;
border-right:1px solid #bebebe;
border-left:1px solid #bebebe;
width:234px;
margin-top:0px;
margin-bottom:2px;
-margin-bottom:0px;
font-size:11px;
color:#626262;
padding:3px 0px 3px 5px;
height:14px;
margin-left:3px;
}

.div_form textarea{
width:234px;
height:108px;
background-color:#e0e0e0;
border:0px;
border-right:1px solid #bebebe;
border-left:1px solid #bebebe;
overflow:auto;
font-size:11px;
color:#626262;
margin-left:3px;
padding:5px 0px 5px 5px;
}

.div_form input.input_radio{
width:15px;
padding:0px;
margin:0px;
margin-top:2px;
background-color:transparent;
border:0px;
}

.div_form input.bt_envoyer{

padding:0px 0px 0px 0px;
margin-top:7px;
margin-right:-3px;
border:0px;
float:right;
display:block;
color:#ffffff;
font-size:11px;
font-weight:bold;
background-color:#b8b8b8;
width:47px;
height:20px;
}

.desinscrire{
padding-top:25px;
color:#626262;
}


.obligatoire{
font-size:10px;
color:#a0a0a0;
}

#right .newsletter{
font-size:11px;
color:#626262;
padding:5px 0px 9px 0px;
-padding-top:0px;
}

.submit{

padding:1px;
background-color:#b5b5b5;
border:1px solid #b5b5b5;
color:#ffffff;
font-weight:bold;
font-size:11px;
}

/* SE DESINSCRIRE */
.etape1{
	clear:both;
	margin-left:60px;
	margin-top:7px;
	color:#626262;
	padding-bottom:20px;
	width:360px;
}

.etape2{
	clear:both;
	margin-left:60px;
	color:#626262;
	border-top:5px solid #e7e7e7;
	width:360px;
	padding-top:20px;
}

.etape {
font-size:14px;
font-weight:bold;
color:#000000;
}

.etape2 td{
background-color:#f7f7f7;
height:35px;
vertical-align:top;
}

.etape2 td p{
width:124px;
color:#626262;
}

.etape2 td input{
-margin-top:-4px;
}

.etape2 td sup{
color:#a0a0a0;
}

.bt_valider{
margin:0px 30px 40px 0px;
padding:1px;
-padding-top:3px;
background-color:#b5b5b5;
border:1px solid #b5b5b5;
color:#ffffff;
font-weight:bold;
font-size:11px;
}

.etape1  .bt_valider{
margin-bottom:0px;
}
/* END ----------- SE DESINSCRIRE */