/*************************************************
	Elements communs

	Ctrl+F couleur par d�faut:haut
	

*************************************************/

/*****************************************************
				Body et �l�ments html (ex. sup, hr...)
*****************************************************/
/* Support du PNG par ie6 */
img, a, p, table { behavior: url(https://www.langensand-csc.com/iepngfix.htc) }
hr { clear:both;visibility:hidden;margin:0;padding:0;height:0; }
body, html{height:100%;width:100%;}
body {
	margin:0;
	padding:0;
	background: url(../img/fond.jpg) no-repeat top center #fff;
	color:#667072;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
sup{
	line-height:0;
	font-size:8px;
}
div.clear { clear:both}
/*****************************************************
				H2, H3, H4, liens, mise en forme texte
*****************************************************/

a {	font-weight:normal; color:#e1430b;}
a:hover { text-decoration:none; color:#000;}


h2 {
	font-size:17px;
	line-height:22px;
	font-weight:400;
	color:#e1430b;
	margin:0;
	padding:3px 0;
}
h2.titre {font-family: 'Dosis', sans-serif;font-size:24px; line-height:24px;font-weight:500;margin:0 0 15px 0;color:#e1430b;padding:0 0 0 0; text-align:left; }
h2.titre2 {font-family: 'Dosis', sans-serif;font-size:22px; line-height:24px;font-weight:500;margin:0 0 15px 0;color:#e1430b;padding:0 0 5px 0;  text-align:left; border-bottom:1px solid #e1430b; display:block }
h3 {
	font-size:16px;
	line-height:20px;
	font-weight:400;
	margin:0;
	padding:5px 0;
	color:#e1430b; 
}
h3.titre {font-family: 'Dosis', sans-serif; font-size:20px; line-height:24px;font-weight:500;margin:0 0 15px 0;padding:0 0 4px 0;color:#e1430b;text-align:left; border-bottom:1px #e1430b dotted; display:block}


h4 {
	font-size:14px;
	font-weight:700;
	margin:0;
	padding:5px 0;
	color:#e1430b; 
}

/*****************************************************
				Diaporama nivoslider
*****************************************************/
.diapo{ position:absolute; top:184px; right:0;height:233px; width:482px; background: url(https://www.langensand-csc.com/img/diapo/01.jpg) no-repeat; z-index:200}

#flash {
width:368px;
height:160px;
position:absolute;
top:0;
left:-10px;
z-index:50;	
}

/*****************************************************
				Bouton devis, call_to_action
*****************************************************/
.call_to_action {
	position:absolute;
	right: 20px;
    top: 280px;
	/*display:block;*/
	display:none;
	z-index:500;
	width:304px;
	height:67px;
	background: url(../img/call_to_action.png) no-repeat 0 100%;
}

.call_to_action:hover {
	width:304px;
	height:67px;
	display:block;
	background-position: 0 0;
}


/*.call_to_action .fleche{
	background: url('https://www.langensand-csc.com/img/fleche.png') no-repeat 120px 90px ;
	width:100%;
	height:100%;
  	z-index:400;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s ;
}

.call_to_action:hover .fleche{
	background: url(https://www.langensand-csc.com/img/fleche.png) no-repeat 150px 90px ;
 }*/



/*.resa {
	display:block;
	width:300px;
	height:110px;
	background-position: top left;
	background-image: url(https://www.langensand-csc.com/img/resa.jpg);
	background-repeat:no-repeat;
	border:15px #FFF solid;
}

.resa:hover {
	width:300px;
	height:110px;
	display:block;
	background-position: bottom left;
	background-image: url(https://www.langensand-csc.com/img/resa.jpg);
	background-repeat:no-repeat;
}

.resa .fleche{
	background: url('https://www.langensand-csc.com/img/fleche.png') no-repeat -50px -50px;
	width:100%;
	height:100%;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s ;
	z-index:400;
	
}
.resa:hover .fleche{
	background: url(https://www.langensand-csc.com/img/fleche.png) no-repeat 80px 85px ;
	
}*/

/*****************************************************
				Bouton devis, call_to_action
*****************************************************/
.contact_entete{
	position:absolute;
	right: 415px;
    top: 293px;
	z-index:300;
	text-align:center;
	font-weight:400;
	line-height:24px;
	padding:0;
	font-family: 'Dosis', sans-serif;
}
.tel_entete {padding:0px 0px 0px 35px; margin:0;color:#000000;font-size:22px;font-weight:bold;}
.adr_entete {padding:0; margin:0;color:#000000;font-size:16px;}
/*****************************************************
				Contact, formulaire, devis
*****************************************************/
/* contact */
.colonne_formulaire_contact_left{float:left; width:60%;}
.colonne_formulaire_contact_right{float:right; width:35%;}
.titre_contact{padding:3px 0; margin:10px 0; border-bottom:1px dotted;font-family: 'Dosis', sans-serif; font-weight:400; font-size:22px; color:#e1430b; line-height:24px;} 

.contact_form, .form_error {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px dotted #CCCCCC;
	background-color:#ffffff;
	font-size:14px;
	color:#667072;
	width:94%;
	padding-left:30px;
	min-height:30px;
	line-height:30px;
	margin-bottom:10px;
	background-repeat:no-repeat;
	background-position:5px center;
	font-family:Arial, Helvetica, sans-serif;
}
.contact_form:hover, .contact_form:focus{
	border: 1px dotted #667072;
	color:#e1430b;
	/* Ombrage externe */
	-webkit-box-shadow: 1px 1px 8px 1px #999999;
	box-shadow: 1px 1px 8px 1px #999999;
}
label { display:none; }

.form_error {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ffffff;
	background-color:#ffffff;
	color:#000;
	-webkit-box-shadow: 0px 0px 8px red;
	-moz-box-shadow: 0px 0px 8px red;
	box-shadow: 0px 0px 8px red;
}
.form_error:hover, .form_error:focus{
	border: 1px solid red;
	color:#000;
	/* Ombrage externe */
	-webkit-box-shadow: 0px 0px 8px red;
	-moz-box-shadow: 0px 0px 8px red;
	box-shadow: 0px 0px 8px red;
}

textarea.contact_form, textarea.form_error {
	background-color:#ffffff;
	line-height:18px;
	padding-top:10px;
	padding-left:30px;
	overflow:auto;
}

.select_form{
	background-color:#ffffff;
	text-align:left;
	vertical-align:middle;
	padding:5px;
	min-height:20px;
	width:100%;
}

.champs_calendrier{}
.champs_calendrier img{ vertical-align:middle;}
.tableau_attacher_fichier{ margin-top:20px; height:25px }
.champs_obligatoires{text-align:right; margin-top:20px;/*;font-weight:bold; font-style:italic*/}
.capcha{ width:100%;}
.capcha img{ vertical-align:middle;}
.form_capcha{padding-left:0; text-align:center; width:40%;}

/* bouton envoyer */
input[type="submit"], input[type="button"]{
	background:#e1430b;
	color:#FFF;
	padding:7px 25px;
	font-size:14px;
	text-transform:uppercase;
	/* Coins arrondis */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:none;
	/* Ombrage externe */
	-webkit-box-shadow: inset 0px 0px 5px rgba(255,255,255,.3);
	-moz-box-shadow:inset 0px 0px 5px rgba(255,255,255,.3);
	box-shadow:inset 0px 0px 5px rgba(255,255,255,.3);
	/* Ombrage texte */
	-webkit-text-shadow:0px -1px 0 rgba(0,0,0,.2);
	-moz-text-shadow:0px -1px 0 rgba(0,0,0,.2);
	text-shadow:0px -1px 0 rgba(0,0,0,.2);
	cursor:pointer;
}

input[type="submit"]:hover, input[type="button"]:hover{
	background:#000;
	/* Ombrage externe */
	-webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,.4);
	-moz-box-shadow:inset 0px 0px 5px rgba(0,0,0,.4);
	box-shadow:inset 0px 0px 5px rgba(0,0,0,.4);
}

/* pictos contact */
.picto_vide{padding:1px 5px 1px 5px;}

.picto_prenom{background-image:url(../img/picto_prenom.png); }
.picto_prenom:hover{background-image:url(../img/picto_prenom_hover.png);}

.picto_mail{background-image:url(../img/picto_mail.png);}
.picto_mail:hover{background-image:url(../img/picto_mail_hover.png);}

.picto_tel{background-image:url(../img/picto_tel.png);}
.picto_tel:hover{background-image:url(../img/picto_tel_hover.png);}

.picto_adresse{ background-image:url(https://www.langensand-csc.com/img/picto_adresse.png);}
.picto_adresse:hover{background-image:url(../img/picto_adresse_hover.png);}

#ville{ width:60%; float:left;}
.picto_ville{background-image:url(https://www.langensand-csc.com/img/picto_ville.png);}
.picto_ville:hover{background-image:url(../img/picto_ville_hover.png);}

#cp{width:30%; float:right; margin-right:4%}
.picto_cp{background-image:url(../img/picto_cp.png);}
.picto_cp:hover{background-image:url(../img/picto_cp_hover.png);}

.picto_pen{background:url(../img/picto_pen.png) no-repeat 5px 5px;}
.picto_pen:hover{background-image:url(../img/picto_pen_hover.png);}

.picto_piece_jointe{background-image:url(../img/piece_jointe.png); text-align:left }
.picto_piece_jointe:hover{background-image:url(https://www.langensand-csc.com/img/piece_jointe_hover.png);}

.picto_demande{background-image:url(../img/picto_demande.png);}
.picto_demande:hover{background-image:url(../img/picto_demande_hover.png);}

.picto_note{background-image:url(https://www.langensand-csc.com/img/picto_note.png);}
.picto_note:hover{background-image:url(../img/picto_note_hover.png);}

.picto_recherche{background-image:url(../img/loupe-recherche.png); }
.picto_recherche:hover{background-image:url(../img/loupe-recherche_hover.png);}

/* formulaire */
.formulaire {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px dotted #ccc;
	background-color:#ffffff;
	font-size:14px;
	color:#667072;
	padding:5px;
	min-height:10px;
}
.formulaire:hover, .formulaire:focus{
	border: 1px dotted #667072;
	background-color:#ffffff;
	color:#e1430b;
	/* Ombrage externe */
	-webkit-box-shadow: 1px 1px 8px 1px #999999;
	box-shadow: 1px 1px 8px 1px #999999;
}

fieldset{border:solid 1px #666;padding:10px;}
legend{color:#666;font-size:24px;font-weight:normal;}

/* devis */
.block_devis{width:100%}
.block_devis_gauche{float:left; width:48%; margin-right:4%;}
.block_devis_droite{float:right; width:48%;}



/*****************************************************
				Plan et coordonn�es, liens Facebook et Twitter
*****************************************************/
.block_plan_coordonnees{
	width:100%;
	background:#fff;
	display:inline-table;
	-webkit-box-shadow: 1px 1px 8px 1px #999999;
box-shadow: 1px 1px 8px 1px #999999;
}
#map {color:#333333; margin:9px; min-height:200px;/*Augmenter la taille de carte si besoin*/}
#map h2 { color:#e1430b; text-align:left}
#map2 {color:#000; margin:9px; min-height:200px;/*Augmenter la taille de carte si besoin*/}
#map2 h2 { color:#7b1a54; text-align:left}
.enseigne{ color:#e1430b; margin-bottom:10px;font-size:18px; line-height:22px;font-family: 'Dosis', sans-serif; font-weight:400}
.info_coordonnees_client{ margin-top:10px; font-size:15px; text-align:left;}

.facebook_like{}
.facebook_like a{text-decoration:none; font-weight:normal;color:#e1430b;}
.facebook_like a:hover{text-decoration:underline;}

.twitter_like{}
.twitter_like a{ text-decoration:none; font-weight:normal;color:#e1430b;}
.twitter_like a:hover{text-decoration:underline;}



/************************************************
				Opacite, img
************************************************/

img {border:none}
.border {
	padding: 5px;
	background:#fff;
	 }
.cadre {
	border: 5px solid #fff;
}

.opacite {    /* Opacite pour la zone de contenu_modifiable */
	/*-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;*/
/* Changer la couleur de bordure */  
	border: 5px solid #fff;
	box-sizing:border-box;
	-webkit-box-shadow: 1px 1px 8px 1px #999999;
box-shadow: 1px 1px 8px 1px #999999;
}
a img.opacite {filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1; }
a:hover img.opacite {filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}

.rotation {    /* Opacite pour la zone de contenu_modifiable */
	padding: 0;
/* Changer la couleur de bordure */   
	border: 5px solid #fff;
	-webkit-box-shadow: 1px 1px 8px 1px #999999;
box-shadow: 1px 1px 8px 1px #999999;
	
transition:width 1s, height 1s;
-moz-transition:width .5s, height .5s, -moz-transform .5s; /* Firefox 4 */
-webkit-transition:width .5s, height .5s, -webkit-transform .5s; /* Safari and Chrome */
-o-transition:width .5s, height .5s, -o-transform .5s; /* Opera */


}
a img.rotation {filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
a:hover img.rotation {filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;
	transform:rotate(10deg);
	-moz-transform:rotate(10deg); /* Firefox 4 */
	-webkit-transform:rotate(10deg); /* Safari and Chrome */
	-o-transform:rotate(10deg); /* Opera */	
}




.opacite2 {/* Opacite pour pour les modules */    
	padding:0; margin:0;
	background:#fff;
	border: 5px solid #fff;
	/*-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);*/
}
a img.opacite2 {
	filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;
	}
a:hover img.opacite2 {filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}

.opacite3 {
	border:3px #fff solid;
	}/* Opacit� sans bordure */
a img.opacite3 {filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
a:hover img.opacite3 {filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}


.cadre_right {    /* Opacite pour la zone de contenu_modifiable */
	padding: 0;
	margin:0 0 15px 15px;
	border: 5px solid #fff;
}
a img.cadre_right {filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
a:hover img.cadre_right {filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}

.cadre_left {    /* Opacite pour la zone de contenu_modifiable */
	padding: 4px;
	margin:0 15px 15px 0;
	background:#b9cada;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
/* Changer la couleur de bordure */   
	border-top: 1px solid #40a9ed;
	border-bottom: 1px solid #40a9ed;
	border-left: 1px solid #40a9ed;
	border-right: 1px solid #40a9ed;
}
a img.cadre_left {filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
a:hover img.cadre_left {filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}


.ombre_carte{width:100%; margin-top:-1px;}

.titre_accueil { background: url(https://www.langensand-csc.com/img/fd_titre_h2_accueil.png) no-repeat top center; width:271px; height: 184px; border:none}

.no_cadre {    /* Opacite pour la zone de contenu_modifiable */
/* Ombre sur img */   
}
a img.no_cadre { background:none;filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
a:hover img.no_cadre {filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}

.border_bottom {   position: absolute; bottom:0 }


.img_nb_01, .img_nb_02, .img_nb_03 {    /* Opacite pour la zone de contenu_modifiable */
	display:block;
	padding: 0;
/* Changer la couleur de bordure */   
	/*background:#FB6F00;*/
/* Ombre sur img */   
	width:170px;
	height:118px;
	border:5px #000 solid;
}
.img_nb_01 a {
	width:170px;
	height:118px;
	display:block;
	position:relative;
	background: url(https://www.langensand-csc.com/img/photos/accueil-01.jpg) no-repeat 0 0;
    filter: alpha(opacity = 25);-moz-opacity: 1;opacity: 1; /* Hack IE 5-7 */
	    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
    -webkit-transition: opacity 0.2s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.2s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.2s ease-in-out;/* transition pour Op�ra */
    transition: opacity 0.2s ease-in-out;
	}
.img_nb_01 a:hover, .img_nb_01 a.active {
	width:170px;
	height:118px;
	display:block;
	background: url(https://www.langensand-csc.com/img/photos/accueil-01.jpg) no-repeat 0 -118px;
    -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Hack IE 8 */
    filter: alpha(opacity = 70);-moz-opacity: 0.7;opacity: 0.7; /* Hack IE 5-7 */	
	}
div.caption { position:absolute; bottom:0; left:0; background:#000; height:60px; padding:15px;filter: alpha(opacity = 70);-moz-opacity: 0.7;opacity: 0.7; /* Hack IE 5-7 */	}	
div.caption p { color:#FFF; /* Hack IE 5-7 */	}	
.img_nb_02 a {
	width:170px;
	height:118px;
	display:block;
	position:relative;
	background: url(https://www.langensand-csc.com/img/photos/accueil-02.jpg) no-repeat 0 0;
    filter: alpha(opacity = 25);-moz-opacity: 1;opacity: 1; /* Hack IE 5-7 */
	    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
    -webkit-transition: opacity 0.2s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.2s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.2s ease-in-out;/* transition pour Op�ra */
    transition: opacity 0.2s ease-in-out;
	}
.img_nb_02 a:hover, .img_nb_02 a.active {
	width:170px;
	height:118px;
	display:block;
	background: url(https://www.langensand-csc.com/img/photos/accueil-02.jpg) no-repeat 0 -118px;
    -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Hack IE 8 */
    filter: alpha(opacity = 70);-moz-opacity: 0.7;opacity: 0.7; /* Hack IE 5-7 */	
	}
.img_nb_03 a {
	width:170px;
	height:118px;
	display:block;
	position:relative;
	background: url(https://www.langensand-csc.com/img/photos/accueil-03.jpg) no-repeat 0 0;
    filter: alpha(opacity = 25);-moz-opacity: 1;opacity: 1; /* Hack IE 5-7 */
	    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
    -webkit-transition: opacity 0.2s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.2s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.2s ease-in-out;/* transition pour Op�ra */
    transition: opacity 0.2s ease-in-out;
	}
.img_nb_03 a:hover, .img_nb_03 a.active {
	width:170px;
	height:118px;
	display:block;
	background: url(https://www.langensand-csc.com/img/photos/accueil-03.jpg) no-repeat 0 -118px;
    -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Hack IE 8 */
    filter: alpha(opacity = 70);-moz-opacity: 0.7;opacity: 0.7; /* Hack IE 5-7 */	
}


/************************************************
				Corps et conteneur
************************************************/
div#conteneur {
	margin:auto;
	width:1000px;
	background: url(https://www.langensand-csc.com/img/repetition.jpg) repeat-y top center;
	position:relative;/**/
}
div#corps {
    /*background: url('https://www.langensand-csc.com/img/bas.jpg') no-repeat 0 bottom;*/
    clear: both;
}
div#contenu {
	background: url(https://www.langensand-csc.com/img/haut.jpg) no-repeat top center;
	min-height:622px;
	
	text-align:left;
	margin: 0;padding: 0;
}
html>body #contenu {
	height:auto;
	min-height:622px;
}

div#contenu p {
	margin:0;
	padding:0;
}

div#contenu_modifiable ul.puce {
	list-style-type:none;
	margin:5px 0 5px 0;
	padding:0 0 0 0px;
}
div#contenu_modifiable ul.puce li {
	background:url(../img/puce.jpg) no-repeat left 5px;
	margin-left:0px;
	padding:2px 0 2px 15px;
}
.colonnes_2, .colonnes_3, .colonnes_4, .colonnes_5, .colonnes_6 {float: left;}
.colonnes_1  { width:17%;position: relative; padding:0; float:left }
.colonnes_2  { width:45%;position: relative; padding:0 0 0 15px; text-align:justify; }
.colonnes_3  { width:35%;position: relative; padding:0; }
.colonnes_4  { width:100%;position: relative; padding:0;text-align:justify}
.colonnes_5  { width:50%;position: relative; padding:0;text-align:justify;}
.colonnes_6  { width:20%;position: relative; padding:0;text-align:justify }
.colonnes_7  { width:33.33%;position: relative; padding:0; float:left;}
.colonnes_9  { width:60%;position: relative; padding:0;float:left }
.colonnes_8  { width:40%;position: relative; padding:0;float:left }
.texte {
	/*border:1px solid #ccc;*/ padding:5px; margin:5px 10px;
	/*-webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.5), 0px 0px 15px rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.5), 0px 0px 15px rgba(255, 255, 255, 0.5) inset;
	box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.5), 0px 0px 15px rgba(255, 255, 255, 0.5) inset;*/
}
.texte2 {
	/*border:1px solid #ccc;*/  padding:15px; margin:5px 10px;
	background:#fbed9a;
	/*-webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.5), 0px 0px 15px rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.5), 0px 0px 15px rgba(255, 255, 255, 0.5) inset;
	box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.5), 0px 0px 15px rgba(255, 255, 255, 0.5) inset;*/
}
.texte3 {
	/*border:1px solid #ccc;*/  
	background:#FFF;
	padding:15px; margin:5px 10px;
	box-sizing:border-box;
	border-left:5px #a70e0e solid;
	/*-webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.5), 0px 0px 15px rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.5), 0px 0px 15px rgba(255, 255, 255, 0.5) inset;
	box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.5), 0px 0px 15px rgba(255, 255, 255, 0.5) inset;*/
}
/************************************************
			RAPPEL + Newsletter
************************************************/
.newsletter{
	position:absolute;top:184px;left:25px;
	text-align:left;
	background:url(../img/rollhover_opa_f.png);
}

.rappel {position:absolute;left:756px;top:189px}


/************************************************
				LANGUE
************************************************/
#lang{position:absolute;color:#FFF;top:150px;left:20px;}
#lang a{color:#FFF;}
a img.langue { cursor:pointer; filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;margin:1px; padding:1px}
a:hover img.langue {filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;margin:1px; }

/************************************************
					 INFOS FIXES
************************************************/
.code_incorrect {font-weight:bold;color:#FF0000;}

.ligne_pointille_vertical {border-left:1px solid #ccc;}
.ligne_pointille_horizontal {border-bottom:1px solid #ccc;}



/************************************************
				ul li de la page plan de site
************************************************/
.niv0{ list-style-type:none; font-size:13px; padding:0; margin:0; }
.niv0 li { margin:5px; }
.niv0 a { text-decoration:none; }
.niv0 a:hover { text-decoration:underline; }

.niv1{ font-size:12px; font-weight:bold;}
.niv1 a { text-decoration:none; }
.niv1 a:hover { text-decoration:underline; }

.niv2 a{ text-decoration:none; font-weight:normal; }
.niv2 a:hover{ text-decoration:underline; }
/************************************************
		Styles diff�rents
************************************************/
div.bt_acc { display:block; margin:0 0 0 0; padding:0; width:234px; height:67px; position:absolute; bottom:-5px; right:20px}
div.bt_acc a { display:block; margin:0 0 0 0; padding:0 0 0 0; width:234px; height:67px;line-height:67px; background:url(https://www.langensand-csc.com/img/bt_acc.png) no-repeat center top; font-size:18px;font-family: 'Dosis', sans-serif;font-weight: 400; color:#FFF; text-align:left}
div.bt_acc a:hover { display:block; width:234px; height:67px; background:url(https://www.langensand-csc.com/img/bt_acc.png) no-repeat center bottom}
div.box_01 {
	 -moz-box-sizing: border-box; box-sizing: border-box;
	position:relative;
	padding:15px;
	margin:0 ;	min-height:100px;
	background:#fff;
	box-shadow:
	0 1px 1px rgba(0,0,0,0.40), /* Le premier shadow */
		0 10px 0 -5px #e5e4e4, /* La seconde feuille */
		0 11px 1px -5px rgba(0,0,0,0.40); /* Le second shadow */
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.40), 0 10px 0 -5px #d0d0d0, 0 11px 1px -5px rgba(0,0,0,0.40), 0 22px 0 -14px #b4b4b4, 0 23px 1px -14px rgba(0,0,0,0.40);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.40), 0 10px 0 -5px #d0d0d0, 0 11px 1px -5px rgba(0,0,0,0.40), 0 22px 0 -14px #b4b4b4, 0 23px 1px -14px rgba(0,0,0,0.40);	

}
div.box_01 p {color:#000;}
div.box_01 .vinyl { position:absolute; top: -10px; right:-10px}
div.box_01 .petit_hamburger { position:absolute; top: -37px; right:-16px}
div.box_02 {
	position:relative;
	padding:15px;
	margin:0 ;
	background:#fbed9a;
	box-sizing:border-box;
}
div.box_02 a { color:#666666}

div.box_01 #ul3 {
	margin:15px 20px 5px 6px;
	padding:0 0 0 0;
	float: left;
 }
div.box_01 #ul3 li {list-style-type:none;padding:0 0 10px 10px; background:url(../img/puce2.png) no-repeat 0 3px; text-align:left; color:#FFF}

.box_01 div.div02 {  color:#FFF; width:600px;  text-align:left;}
.box_01 div.img_01 a { position:absolute; top:65px; right:30px; z-index:10 }
.box_01 div.img_02 a {position:absolute; top:80px; right:140px; z-index:50}
.box_01 div.img_03 a {position:absolute; top:130px; right:70px; z-index:150}

.description { overflow:auto;}

.thumb {
    float: right;
    margin: 0 0 0 30px;
    border:5px solid #fff; 
}
a .thumb  {cursor:pointer; filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
a:hover .thumb  {filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}

.thumb2 {
    float: left;
    margin: 0 15px 0 0;
	border:5px solid #fff; 
}
a .thumb2  {cursor:pointer;filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1; }
a:hover .thumb2  {filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}


.legende { font-size:12px; color:#999}
.legende2 { font-size:11px; text-align:center; padding:10px 0 0 0;}

#ul3 {
	margin:15px 20px 5px 6px;
	padding:0 0 0 0;
	float: left;
 }
#ul3 li {list-style-type:none;padding:0 0 10px 13px; background:url(https://www.langensand-csc.com/img/puce.png) no-repeat 0 4px; text-align:left}
#ul4 {
	margin:15px 0 15px 10px;
	padding:0 0 0 0;
 }
#ul4 li {list-style-type:none;padding:0 0 10px 13px; background:url(../img/puce2.png) no-repeat 0 4px; text-align:left}
strong.color2  { background:#000; color:#FFF;  margin:0 5px 0 0;display:block; padding:5px; text-align:center;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
 font-weight: 400;
  font-family: 'Dosis', sans-serif; 
  font-size:20px;
}

h2.mini_titre {
	font-family: 'Dosis', sans-serif;
	font-weight: 400;
	min-height:35px;
	line-height:35px;
	color:#e5e3e3;
	margin:0 0 15px 0;
	padding:5px;
	font-size:22px; 
	background:#333333;
	display:block;
	text-align:center;
/* Ombre sur img */   
	-webkit-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.3);
}
strong.color  { color:#e5e3e3;  margin:0 5px 0 0; font-weight:bold}
strong.titre { font-family: 'Dosis', sans-serif;font-weight: 400; color:#9f6d5b; margin:0 0 7px 0; font-size:18px; display:block   }
.accroche {margin:0 0 0 0; font-size:16px; font-weight:400;  }
.accroche2 {margin:0 0 0 0; font-size:20px; font-weight:400;  }

#tableau_01 {margin: 0;padding:0;text-align: left }
#tableau_01 th {font-size: 14px;font-weight: normal;color: #e1430b;}
#tableau_01 th.titre_centrer {text-align:center;}
#tableau_01 td {padding: 4px 8px 4px 8px;}
#tableau_01 td.produit {background:#0b090a; font-size: 16px; border-radius:5px;color: #FFF; vertical-align:top }
#tableau_01 td.titre {background:#666666; font-size: 16px; line-height:17px; border-radius:5px; color:#FFF; text-align:center; font-family: 'Dosis', sans-serif;font-weight: 300; }
#tableau_01 td.titre2 {background:#e1430b; font-size: 16px; line-height:17px; border-radius:5px; color:#333; text-align:center; font-family: 'Dosis', sans-serif;font-weight: 300; }
#tableau_01 td.temps {text-align:center;background:#84364e; border-radius:5px;  font-size: 18px;vertical-align:text-top;color: #FFF;vertical-align:top }
#tableau_01 td.prix {text-align:center;background:#111111; border-radius:5px; font-size:15px; line-height:16px;color: #FFF;vertical-align:top; font-weight:400;font-family: 'Dosis', sans-serif;width:25% }
#tableau_01 td.desc {text-align:left;background:#333333; font-family:Arial, Helvetica, sans-serif;border-radius:5px; color:#FFF;width:70%; font-size:13px;  }
#tableau_01 td.desc2 {text-align:left;background:#8D7050; font-family:Arial, Helvetica, sans-serif;border-radius:5px; color:#FFF }
#tableau_01 tr:hover td.produit, #tableau_01 tr:hover td.desc,#tableau_01 tr:hover td.desc2, #tableau_01 tr:hover td.prix {color: #000;background: #e1430b;}

#box_suivre {
	position:absolute;
	right:40px;
	top:310px;	
}