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

	Ctrl+F couleur par défaut:
	#193367;

*************************************************/
@import url(//fonts.googleapis.com/css?family=Khand:300,400,500,600,700);
@import url(//fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(//fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
@import url(//fonts.googleapis.com/css?family=Playfair+Display+SC:400,700,900);
/*****************************************************
				Body et éléments html (ex. sup, hr...)
*****************************************************/
/* Support du PNG par ie6 */
img, a, p, table { behavior: url(http://www.peigne-corne-azema-bigou.com/iepngfix.htc) }
hr { clear:both;visibility:hidden;margin:0;padding:0;height:0; }
body, html{width:100%;}
html {
	background: #fefee4;
}
body {
	height:100%;
	margin:0;
	padding:0;
	background:url(../img/fond.jpg) no-repeat center top;
	color:#666666;
	font-family: 'Droid Sans', sans-serif;
	font-size: 16px;
	line-height: 24px;
	min-width: 1000px;
}
sup{
	line-height:0;
}
/*****************************************************
				H2, H3, H4, liens, mise en forme texte
*****************************************************/
h2 {
	font-family:Khand,sans-serif;
	text-align:left;
	font-size:30px;
	line-height:32px;
	font-weight:700;
	color:#193367;
	margin:0;
	padding:10px 0 40px 0;
}

h3 {
	text-align:left;
	font-size:28px;
	line-height:30px;
	font-weight:700;
	margin:0;
	padding:10px 0;
}

h3, h4 { color:#193367; font-family:Khand,sans-serif; }

h4 {
	font-size:24px;
	line-height:26px;
	font-weight:700;
	margin:0;
	padding:5px 0;
}

a {	font-weight:700; color:#666;}
a:hover { text-decoration:none; color:#666;}

.texte_mis_en_evidence {color:#666666;}
.texte_mis_en_evidence a {color:#666666;}
.texte_mis_en_evidence a:hover {color:#666666;}


/*****************************************************
				Diaporama nivoslider
*****************************************************/
.diapo{
	position: absolute;
	height:195px;
	width:1000px;
	left:0px;
	top:0px;
	z-index:5;
}

.diapo img {
	width: 100% !important;
	height: 100% !important;
}

/*****************************************************
				Bouton devis, call_to_action
*****************************************************/
.call_to_action {
	position:absolute;
	top:108px;
	right:45px;
	display:block;
	z-index:50;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s ;
	background: #fff;
	/* si image de fond, nécessaire de déclarer width et height */
	width:258px;
	height:47px;
	background: url('../img/cta_off.png') no-repeat;
}
.call_to_action:hover {
	background: url('../img/cta_on.png') no-repeat;
}


/*****************************************************
				Bouton devis, call_to_action
*****************************************************/
.contact_entete{
	font-family:'Playfair Display SC',sans-serif;
	position:absolute;
	top:170px;
	right:176px;
	text-align:center;
	font-size:24px;
	line-height:26px;
	color:#232020;
	z-index:99;
}
.contact_entete p{margin:0; padding:0;}
#contactez_nous{
	/*font-size:12px;
	color:#666;
	border-bottom:solid 1px #666;*/
	padding-bottom:5px;
	margin-bottom:6px;
}
/*#enseigne_entete{
	font-size:24px;
	line-height:26px;
}*/
#adr_entete{
}
#ville_entete{
}
.tel_entete{
}


/*****************************************************
				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;}

.contact_form, .form_error {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	background-color:#FFF;
	font-size:14px;
	color:#999;
	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 solid #193367;
	color:#193367;
	/* Ombrage externe */
	-webkit-box-shadow: 0px 0px 8px #193367;
	-moz-box-shadow: 0px 0px 8px #193367;
	box-shadow: 0px 0px 8px #193367;
}
label { display:none; }

.form_error {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	background-color:#FFF;
	color:#999;
	-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:#193367;
	/* 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:#FFF;
	line-height:18px;
	padding-top:10px;
	padding-left:30px;
	overflow:auto;
}

.select_form{
	background-color:#FFF;
	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:#193367;
	color:#FFFFFF;
	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:#193367;
	/* Ombrage externe */
	-webkit-box-shadow: inset 1px 0px 14px rgba(255,255,255,0.9);
	-moz-box-shadow:inset 1px 0px 14px rgba(255,255,255,0.9);
	box-shadow:inset 1px 0px 14px rgba(255,255,255,0.9);
}

/* 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(../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(../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); }
.picto_piece_jointe:hover{background-image:url(../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(../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-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	background-color:#FFF;
	font-size:14px;
	color:#999;
	padding:5px;
	min-height:10px;
}
.formulaire:hover, .formulaire:focus{
	border: 1px solid #193367;
	background-color:#FFF;
	color:#193367;
	/* Ombrage externe */
	-webkit-box-shadow: 0px 0px 8px #193367;
	-moz-box-shadow: 0px 0px 8px #193367;
	box-shadow: 0px 0px 8px #193367;
}

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:#FFFFFF;
	display:inline-table;
	border: 1px solid #ddd;
	-webkit-box-shadow: 0px 2px 13px rgba(0,0,0,.2);
	box-shadow: 0px 2px 13px rgba(0,0,0,.2);
}
#map {color:#000; margin:9px; min-height:200px;/*Augmenter la taille de carte si besoin*/}

.enseigne{ color:#193367; margin-bottom:10px;font-size:20px; line-height:50px;}
.info_coordonnees_client{ margin-top:10px; font-size:15px; text-align:left;}

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

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


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

img{border:none}
.border {margin:2px;border:1px solid #666666;}

/* Opacite bordure coins arrondis */
.opacite {
	padding: 4px 5px;
	background:#FFFFFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/* Changer la couleur de bordure */
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #999;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	/* Ombre sur img */
	/*-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.opacite {filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
a:hover img.opacite {filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}

/* Opacite bordure large et coins droits */
.opacite2 {
	padding:9px; margin:0px;
	background:#FFF;
	border: 1px solid #ddd;
	-webkit-box-shadow: 0px 2px 13px rgba(0,0,0,.2);
	box-shadow: 0px 2px 13px rgba(0,0,0,.2);
}
a img.opacite2 {filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
a:hover img.opacite2 {filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}

/* Opacité sans bordure ni ombre */
.opacite3 {}
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;}


/************************************************
				Corps et conteneur
************************************************/
div#conteneur {
	margin:auto;
	width:1000px;
	/*background: url('http://www.peigne-corne-azema-bigou.com/img/repetition.jpg') repeat-y ;*/
	position:relative;/**/
}
div#corps {
    /*background: url('../img/bas.jpg') no-repeat 0 bottom;*/
    clear: both;
}
div#contenu {
	/*
	background:url('http://www.peigne-corne-azema-bigou.com/img/haut.jpg') no-repeat;
	min-height:350px;
	*/
	text-align:left;
	margin: 0;padding: 0;
}
html>body #contenu {
	height:auto;
	min-height: 500px;
}

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

div#contenu_modifiable ul.puce {
	font-family:Khand,sans-serif;
	list-style-type:none;
	margin:5px 0 5px 0;
	padding:0 0 0 0px;
	font-size:22px;
	line-height:30px;
}
div#contenu_modifiable ul.puce li {
	background:url(../img/puce.png) no-repeat left 6px;
	margin-left:0px;
	padding:2px 0 2px 23px;
}
.colonnes_2,.colonnes_3, .colonnes_4 {float: left;}
.colonnes_2  { width:50%;position: relative;}
.colonnes_3  { width:33%;position: relative;}
.colonnes_4  { width:25%;position: relative;}


/************************************************
			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:16px; padding:0; margin:0; }
.niv0 li { margin:5px; }
.niv0 a { text-decoration:none; }
.niv0 a:hover { text-decoration:underline; }

.niv1{ font-size:15px; 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; }

/*** Helper classes ***/
.index_l {
	float: left;
	width: 650px;	
}

.index_r {
	float: right;
	width: 260px;
	margin-left: 30px;
	margin-right: 70px;
}

.float-left {
	float: left;
	margin-right: 0px;
}

.float-right {
	float: right;
	margin-left: 20px;
}

.acc {
	margin-top: 20px;	
}

.acc h2 {
	text-align: left;
	padding: 10px;
	background: #000;
	color: #fff;
	cursor: pointer;
	margin-bottom: 0;
	transition: background-color 0.2s, padding 0.2s, color 0.2s;
}

.acc h2:hover, .acc h2.active {	
	color: #666;
}

.acc h2.active {
	box-shadow: 0 3px 5px rgba(0,0,0,0.20);
}

.acc > div {
	 border: 1px solid #000;
	 border-width: 0 1px 1px;
	 padding: 20px 20px 10px;
	 margin: 0 0 10px;
	 background: #f3f3f3;
	 box-shadow: 0 3px 5px rgba(0,0,0,0.20);
}

.tbl {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #000;
	background: #f3f3f3;
	margin: 20px 0;
}

.tbl td, .tbl th {
	border: 1px solid #c3c3c3;
	padding: 5px 10px;
}

.tbl tr:hover {
	background: #f9f9f9;	
}

.tbl th {
	font-weight: 700;
	background: #193367;
	color: #fff;
}

.tbl p {
	margin: 0 !important;
}

.chemin-text {
	display:inline;
	}

.chemin-container {
	float: left;
	width: 100%;
	clear: both;
}
	
.chemin-line{
	float:left;
	background:url(http://www.peigne-corne-azema-bigou.com/img/chemin-bg.jpg) repeat-x left center;
	padding:10px 0;
}
	
.one_line {
	padding-top:60px;
	}
		
.three_lines {
	font-size: 47px;
	}
	
.blue-bg {
	background:#193367;
	padding:45px;
	width:100%;
	color:#fff;
	}
	
.blue-bg a {
	color:#fff;
	}
	
.blue-bg a:hover {
	color:#fff;
	}
	
.separator {
	display:block;
	margin:50px auto;
	}
	
.list {
	position:relative;
	width:1000px;
	}
	
.list a {
	text-decoration:none;
	}
	
.list ul.puce {
	height:315px;
	position:absolute;
	top: 8px;
	left: 20px;
	background:url(../img/list-bg.png) repeat;
	padding:0 60px !important;
	color:#193367;
	font-weight:600;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

.list ul.puce li:first-child {
	margin-top: 90px;
	}
	
.width-470 {
	width:326px;
}

.width-4702 {
	width:242px;
}

.height-300 {
	height:200px;
	}
	
.height-150 {
	height: 95px;
	}
	
.height-125 {
	height:110px;
	}
	
.margin-top-20 {
	margin-top:10px;
	}
	
.center-image {
	display:block;
	margin:20px auto 0 auto;
	}
	
.peimg{
	float:right;
	margin-left: 70px;
}

.mr{
	margin-right:10px;
}