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

/* Feuille de style OGAM Sitelite par Gildas MONJOIN pour Lesmeilleursdevis -(c)2014-2018 */

/* FONTES */


@font-face {
    font-family: 'museo300';
    src: url('/style/fontes/museo300-regular-webfont.eot');
    src: url('/style/fontes/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/fontes/museo300-regular-webfont.woff2') format('woff2'),
         url('/style/fontes/museo300-regular-webfont.woff') format('woff'),
         url('/style/fontes/museo300-regular-webfont.ttf') format('truetype'),
         url('/style/fontes/museo300-regular-webfont.svg#museo300') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'museo100';
    src: url('/style/fontes/museo100-regular-webfont.eot');
    src: url('/style/fontes/museo100-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/fontes/museo100-regular-webfont.woff2') format('woff2'),
         url('/style/fontes/museo100-regular-webfont.woff') format('woff'),
         url('/style/fontes/museo100-regular-webfont.ttf') format('truetype'),
         url('/style/fontes/museo100-regular-webfont.svg#museo100') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'museo700';
    src: url('/style/fontes/museo700-regular-webfont.eot');
    src: url('/style/fontes/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/fontes/museo700-regular-webfont.woff2') format('woff2'),
         url('/style/fontes/museo700-regular-webfont.woff') format('woff'),
         url('/style/fontes/museo700-regular-webfont.ttf') format('truetype'),
         url('/style/fontes/museo700-regular-webfont.svg#museo700') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'museo900';
    src: url('/style/fontes/museo900-regular-webfont.eot');
    src: url('/style/fontes/museo900-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/fontes/museo900-regular-webfont.woff2') format('woff2'),
         url('/style/fontes/museo900-regular-webfont.woff') format('woff'),
         url('/style/fontes/museo900-regular-webfont.ttf') format('truetype'),
         url('/style/fontes/museo900-regular-webfont.svg#museo900') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'museo500';
    src: url('/style/fontes/museo500-regular-webfont.eot');
    src: url('/style/fontes/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/fontes/museo500-regular-webfont.woff2') format('woff2'),
         url('/style/fontes/museo500-regular-webfont.woff') format('woff'),
         url('/style/fontes/museo500-regular-webfont.ttf') format('truetype'),
         url('/style/fontes/museo500-regular-webfont.svg#museo500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novalight_italic';
    src: url('/style/fontes/proximanova-lightitalic-webfont.eot');
    src: url('/style/fontes/proximanova-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/fontes/proximanova-lightitalic-webfont.woff2') format('woff2'),
         url('/style/fontes/proximanova-lightitalic-webfont.woff') format('woff'),
         url('/style/fontes/proximanova-lightitalic-webfont.ttf') format('truetype'),
         url('/style/fontes/proximanova-lightitalic-webfont.svg#proxima_novalight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_novaextrabold';
    src: url('/style/fontes/proximanova-extrabold-webfont.eot');
    src: url('/style/fontes/proximanova-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/fontes/proximanova-extrabold-webfont.woff2') format('woff2'),
         url('/style/fontes/proximanova-extrabold-webfont.woff') format('woff'),
         url('/style/fontes/proximanova-extrabold-webfont.ttf') format('truetype'),
         url('/style/fontes/proximanova-extrabold-webfont.svg#proxima_novaextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_novalight';
    src: url('/style/fontes/proximanova-light-webfont.eot');
    src: url('/style/fontes/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/fontes/proximanova-light-webfont.woff2') format('woff2'),
         url('/style/fontes/proximanova-light-webfont.woff') format('woff'),
         url('/style/fontes/proximanova-light-webfont.ttf') format('truetype'),
         url('/style/fontes/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_novablack';
    src: url('/style/fontes/proximanova-black-webfont.eot');
    src: url('/style/fontes/proximanova-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/fontes/proximanova-black-webfont.woff2') format('woff2'),
         url('/style/fontes/proximanova-black-webfont.woff') format('woff'),
         url('/style/fontes/proximanova-black-webfont.ttf') format('truetype'),
         url('/style/fontes/proximanova-black-webfont.svg#proxima_novablack') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_nova_rgbold_italic';
    src: url('/style/fontes/proximanova-boldit-webfont.eot');
    src: url('/style/fontes/proximanova-boldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/fontes/proximanova-boldit-webfont.woff2') format('woff2'),
         url('/style/fontes/proximanova-boldit-webfont.woff') format('woff'),
         url('/style/fontes/proximanova-boldit-webfont.ttf') format('truetype'),
         url('/style/fontes/proximanova-boldit-webfont.svg#proxima_nova_rgbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('/style/fontes/proximanova-bold-webfont.eot');
    src: url('/style/fontes/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/fontes/proximanova-bold-webfont.woff2') format('woff2'),
         url('/style/fontes/proximanova-bold-webfont.woff') format('woff'),
         url('/style/fontes/proximanova-bold-webfont.ttf') format('truetype'),
         url('/style/fontes/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('/style/fontes/proximanova-reg-webfont.eot');
    src: url('/style/fontes/proximanova-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/fontes/proximanova-reg-webfont.woff2') format('woff2'),
         url('/style/fontes/proximanova-reg-webfont.woff') format('woff'),
         url('/style/fontes/proximanova-reg-webfont.ttf') format('truetype'),
         url('/style/fontes/proximanova-reg-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_novasemibold';
    src: url('/style/fontes/proximanova-sbold-webfont.eot');
    src: url('/style/fontes/proximanova-sbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/fontes/proximanova-sbold-webfont.woff2') format('woff2'),
         url('/style/fontes/proximanova-sbold-webfont.woff') format('woff'),
         url('/style/fontes/proximanova-sbold-webfont.ttf') format('truetype'),
         url('/style/fontes/proximanova-sbold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_novaregular_italic';
    src: url('/style/fontes/proximanova-regitalic-webfont.eot');
    src: url('/style/fontes/proximanova-regitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/fontes/proximanova-regitalic-webfont.woff2') format('woff2'),
         url('/style/fontes/proximanova-regitalic-webfont.woff') format('woff'),
         url('/style/fontes/proximanova-regitalic-webfont.ttf') format('truetype'),
         url('/style/fontes/proximanova-regitalic-webfont.svg#proxima_novaregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_novasemibold_italic';
    src: url('/style/fontes/proximanova-sbolditalic-webfont.eot');
    src: url('/style/fontes/proximanova-sbolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/style/fontes/proximanova-sbolditalic-webfont.woff2') format('woff2'),
         url('/style/fontes/proximanova-sbolditalic-webfont.woff') format('woff'),
         url('/style/fontes/proximanova-sbolditalic-webfont.ttf') format('truetype'),
         url('/style/fontes/proximanova-sbolditalic-webfont.svg#proxima_novasemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* CORPS */

body {
	margin: 0;
	padding: 0;
	font-family: 'proxima_novalight', sans-serif;
	font-size: 12px;
	color: #000;
	background: #fff;
}

a {
	text-decoration: none;
}

a img {
	border: 0;
}

.fin {
	clear: both;
}
.clearer , .fintoufin {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}
.w955 {
	width: 955px;
	margin: 0 auto;
	position: relative;
}
.alignD {
	float: right;
}
.alignG {
	float: left;
}
.alignC {
	text-align: center;
}

/* HAUT */
header {
	position: relative;
	background: #fff;
}
#navTresHaut {
	background: #fbf9f6;
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 0px 0px;
	font-size: 1em;
	line-height: 3em;
	height: 3em;
	text-align: right;
	width: 100%;
}
#navTresHaut  a {
	border-right: 1px solid #ddd;
	display: inline-block;
	margin: 0;
	padding: 0px 10px;
	color: #aaa;
	text-align: center;
}
#navTresHaut  a#bt_NTH_tel {
	border-left: 1px solid #ddd;
	padding: 0px 16px;
}
#navTresHaut  a#bt_NTH_pro {
	background: #005ea8;
	color: #fefefe;
	font-size: 1.2em;
	font-family: 'proxima_novasemibold', sans-serif;
}
#navTresHaut  a#bt_NTH_log {
	color: #f0c;
	font-size: 1.2em;
	font-family: 'proxima_novasemibold', sans-serif;
}

#navHaut {
	z-index: 300;
	padding: 0px 0px 0px;
	height: 98px;
	line-height: 1.2em;
	color: #000;
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	font-family: 'proxima_novasemibold', sans-serif;
	background: #fff;
	text-align: right;
}
#navHaut a.bt_NH {
	margin: 0px;
	padding: 34px 0px;
	display: block;
	height: 30px;
	width: 150px;
	font-style: normal;
	font-size: 1em;
	float: left;
	border-right: 1px solid #ddd;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	color: #000;
}
#navHaut a.logo_NH {
	margin: 0px;
	padding: 25px 0px;
	display: block;
	height: 48px;
	width: 501px;
	border-right: 1px solid #ddd;
	text-align: left;
	float: left;
}
#navHaut a:hover {
	color: #039;
	background: linear-gradient(#fefef6 0%,#fff 50%, #fefef6 100%);
}
#navHaut a.NH-actif{
	color: #fff;
	font-style: normal;
	background: linear-gradient(#222 0%, #333 20%, #111 40%, #090909 70%, #000 100%);
	border-bottom:  1px solid #000;
}
#logo { /* image contenue dans #navHaut a.logo_NH  */
	margin: 0;
	padding: 0px 0px;
	width: 425px;
	z-index: 100;
	color: #fff;
	font-size: 12px;
}

#slogan_conteneur {
	margin: 0;
	position: relative;
	z-index: 200;
	text-align: center;
	padding: 4px 0px 0px;
	background: linear-gradient(to right, #db3a8c 0%, #145ea7 100%);
}
#slogan {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	width: 100%;
	height: auto;
	padding: 6% 0px 0px;
	color: #fff;
	font-family: 'museo300', sans-serif;
	font-size: 4em;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
}
@media screen and (max-width: 1024px) {
	#slogan {
		padding: 6% 0px 0px;
		font-size: 3.4em;
	}
}
#slogan span {
	font-family: 'museo700', sans-serif;
}
#slogan_img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}

#formHeader {
	margin: -70px auto 0px;
	padding: 0px;
	z-index: 500;
	background: #005ea8;
	height: 127px;
}
#formHeader fieldset{
	border: none;
	padding: 45px 45px;
	margin: 0px;
	text-align: center;
}
@media screen and (max-width: 1024px) {
	#formHeader {
		margin: -50px auto 0px;
		height: 87px;
		width: 915px;
	}
	#formHeader fieldset {
		padding: 25px 25px;
	}
}

#formHeader input{
	border: 1px solid #336;
	border-radius: 5px;
	margin: 0px 10px 0px 0px;
	padding: 8px 12px;
	width: 250px;
	text-align: left;
	color: #999;
	background: #fff url("style/ico_lieux.png") no-repeat 97% 5px;
	font-family: 'proxima_novasemibold', sans-serif;
}
#formHeader input.formHeaderSubmit{
	border-right: 1px solid #d39;
	border-bottom: 1px solid #d39;
	border: none;
	border-left: 1px solid #f3c;
	border-top: 1px solid #f3c;
	background: #d39;
	width: 250px;
	text-align: center;
	color: #fff;
	box-shadow: 1px 1px 0px 1px #036;
	text-shadow:  1px 1px 1px #936;
	font-family: 'proxima_nova_rgbold_italic', sans-serif;
	/*font-weight: bold;
	font-style: italic;*/
}
#formHeader input.formHeaderSubmit:hover{
	cursor: pointer;
	box-shadow: none;
}
.formHeaderButton { /* duplication du style pour les médaillons, voir aussi bt_1 */
	border: none;
	border-radius: 5px;
	border-left: 1px solid #f3c;
	border-top: 1px solid #f3c;
	background-color: #d39;
	margin: 40px 10px 0px 0px;
	padding: 8px 12px;
	width: 250px;
	text-align: center;
	color: #fff;
	box-shadow: 1px 1px 0px 1px #d0d3d6;
	text-shadow:  1px 1px 1px #936;
	font-family: 'proxima_nova_rgbold_italic', sans-serif;
	/*font-weight: bold;
	font-style: italic;*/
}
.formHeaderButton:hover{
	cursor: pointer;
	box-shadow: none;
}

/****************/
/*	BAS 		*/
/****************/

footer  {
	clear: both;
	padding: 0px 0px 10px;
	text-align: center;
	background-color: #005ea8;
}
#bas_suivre {
	margin: 0px;
	padding: 40px 0px;
	background-color: #2982c6;
	line-height: 36px;
	height: 36px;
	font-family: 'proxima_nova_rgbold', sans-serif;
	font-size: 2.4em; /* ic et non dans .bas_fol_txt, car pb avec l'alignement des pictos */
}
#bas_suivre .bas_fol_txt {
	padding: 0px 10px;
	color: #fff;
	/*font-weight: bold; proxima_nova_rgbold*/
}
#bas_suivre img {
    vertical-align: middle;
	margin: 0px 0px 0px 6px;
}
address {
	margin: 10px 0px 0px;
	padding: 5px;
	line-height: 1.6em;
	color: #2982c6;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}
#add_email {
	color: #333;
}
#add_email:hover{
	color: #fff;
}
#navBas {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 8px 5px;
	line-height: 3em;
	text-align: center;
	color: #7db3dd;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}
#navBas a {
	color: #7db3dd;
	padding: 0 4px;
}
#navBas a:hover {
	color: #fff;
}
#navBas a#add_raison {
	font-weight: bold;
	font-size: 1.4em;
	font-style: italic;
	color: #fff;
}
#bas_cont_site_pied {
	margin: 10px;
	padding: 10px;
	color: #7db3dd;
	font-size: 0.9em;
}

/*    	    Signature 	        */

#siteWeb{
	padding: 20px;
	text-align: center;
}
#siteWeb a {
	text-decoration: none;
	font-size: 10px;
	color: #fff;
    text-shadow: 1px 1px 0 #777;  
}
#siteWeb a:hover {
	text-decoration: none;
	color: #666;
    text-shadow: none;  
}

/*************/
/* STRUCTURE */
/*************/

/* non utilisée
#generale {
	width: 955px;
	margin: 0 auto;
	position: relative;
	padding: 0px 0px 0px;
	background: #000;
	border: 1px solid #222;
	box-shadow: 50px 0px 60px 0px #1a1a1a,  -50px 0px 60px 0px #1a1a1a;
}
*/
#corps {
	clear: both;
	padding: 20px 0px 20px;
}

.fond_1 {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 0px;
	padding: 0px;
	background-color: #faf9f5;
}
.fond_actu {
	padding: 20px 0px;
}
.fond_2 {
	border: 1px solid #eee;
	padding: 10px 0px 0px;
	background-color: #fff;
}
.fond_3 {
	border: none;
	padding: 80px 0px;
	background-color: #005ea8;
	color: #fff;
	text-align: center;
	font-family: 'proxima_novasemibold', sans-serif;
	font-size: 2em;
}
.fond_3  big{
	font-family: 'museo700', sans-serif;
}
.col_1 {
	float: left;
	width: 60%;
	margin: 0px;
	padding: 0px;
}
.col_2 {
	float: left;
	width: 40%;
	padding: 0px;
}

/* pages services / contact /devis */
#col_menu {
	float: right;
	width: 300px;
	margin: 0px 0px 20px 50px;
}
#col_menu_corps {
	background-color: #efefef;
	padding: 0px 0px 20px 0px;
	border: 1px solid #e0e0e0;
}
#nav_serv {
	padding: 0px 0px 40px 0px;
}

/* fil d'ariane */
#nav_ariane {
	color: #666;
	font-family: 'proxima_nova_rgregular', sans-serif;
	text-transform: uppercase;
	font-size: 1em;
}
#nav_ariane a {
	color: #999;
}
#nav_ariane a:hover {
	text-decoration: underline;
}
#nav_ariane a.ariane_actif {
	color: #d0a;
}

/************************/
/*		ACTUALITES		*/
/************************/

/*		ACCUEIL		*/

.rap_actu {
	margin: 10px 0px 0px;
	padding: 0px 10px 0px 0px;
}
.rap_actu_img {
	float: left;
	display: block;
	margin: 0px 10px 0px;
	padding: 0px 0px;
	width: 210px;
	height: 140px;
	overflow: hidden;
}
.rap_actu_txt_glob {
	float: left;
	display: block;
	margin: 0px 0px 0px;
	padding: 4px 0px;
	width: 330px;
	height: 150px;
	overflow: hidden;
}
.rap_actu_date {
	font-size: 0.8em;
	color: #999;
	padding: 0px 0px 0px 18px;
	background: url("style/trombone.png") no-repeat 0px 0px;
}
.rap_actu_txt{
	height: 110px;
	overflow: hidden;
}
.rap_actu_titre {
	margin: 8px 0px 4px;
	padding: 0px 0px;
	line-height: 1em;
	font-size: 1.6em;
	font-family: 'proxima_novasemibold', sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #005ea8;
}
.rap_actu_titre  a{
	color: #005ea8;
}
.rap_actu_titre  a:hover{
	color: #f90;
}
.rap_actu_intro {
	margin: 0px 0px;
	padding: 0px;
	font-size: 1em;
	color: #666;
}
.rap_actu_plus {
	font-size: 0.8em;
	color: #f09;
	padding: 0px;
}


/*		CONSULT		*/

.actu_img {
	margin: 10px 0px 10px;
	padding: 0px 0px;
}
.actu_date {
	font-size: 0.9em;
	color: #999;
	padding: 0px 0px 0px 18px;
	background: url("style/trombone.png") no-repeat 0px 0px;
}
.actu_texte {
	margin: 10px 0px 20px;
	padding: 0px 0px;
	line-height: 1em;
	font-size: 1.6em;
	font-family: 'proxima_nova_rgregular', sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #666;
}
.actu_intro {
	margin: 10px 0px;
	padding: 0px;
	font-size: 1em;
	color: #666;
	font-family: 'proxima_novasemibold', sans-serif;
}

/************************/
/*	CORPS page CONTACT 
(les colones sont : "plan", "adresse" et "message")	*/
/************************/

#plan {
	display: block;
	float: left;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#carte {
	display: none;
	position: absolute;
	top: 111px;
	left: 50px;
	height: 500px;
	width: 600px;
	border: 1px solid #000;
	z-index: 1000;
}
.fermer-carte {
	background: #000;
	line-height: 16px;
	height: 18px;
	padding-right: 1px;
	color: #ccc;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}
.fermer-carte a {
	color: #ccc;
	display: block;
}
.fermer-carte a:hover {
	color: #fff;
	text-decoration: none;
}
.cadreX {
	border: 1px #aaa solid;
	padding: 0px 3px;
}

#adresse {
	display: block;
	float: left;
	width: 270px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #fff;
	font-size: 13px;
	line-height: 1.6em;
}
#col_adresse {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}

.raisonSociale {
	margin: 0px 0px 4px;
	font-size: 24px;
	font-weight: normal;
	color: #000;
}
.coordonnees {
	margin: 4px 0px 10px;
	font-size: 14px;
}
#adresse a {
	color: #000;
}
#adresse a:hover {
	color: #369;
	text-decoration: none;
}


/*	formulaire	 */

#col_message {
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}

.form_message {
}
.form_contact {
	width: 500px;
	margin: 0px 0px 40px 0px;
}
.form_devis { /* utilisé ?? */
	width: 955px;
}
.form_devis p {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.2em;
}

.form_message fieldset.jeux_1 {
	float: left;
	width: 440px;
	border: 1px solid #ccc;
	margin: 0px 15px 10px 0px;
	padding: 2px 10px 10px;
}
.form_message fieldset.jeux_1 legend{
	color: #f5bb02;
	font-weight: bold;
	padding: 0px 6px;
}

.form_message label {
	display: block;
	border: 1px solid #e0e0e0;
	background: #efefef;
	margin: 0px 0px 8px;
	padding: 1px 4px;
	font-size: 0.9em;
	color: #888;
}
.form_message label.labWilde {
	background: transparent;
	border: none;
}
.form_message label.labSmart {
	background: transparent;
	border: none;
	display: inline;
	padding: 1px 4px 1px 4px;
}
.form_message .entreeSmart {
	display: inline-block;
	line-height: 16px;
	height: 16px;
	font-size: 12px;
	padding: 2px 4px 2px 8px;
}

.form_message .entree {
	background: transparent;
	line-height: 11px;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 75%;
}
.form_message .selectionWilde {
	background: transparent;
	line-height: 11px;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 83%;
}
.form_message .selectionLite {
	background: transparent;
	line-height: 11px;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.form_message .codespam {
	background: #dfdfdf;
	line-height: 1em;
	padding: 0px 4px;
	border: 1px solid #ccc;
	font-size: 1em;
	width: 2ex;
}
.form_message .area {
	height: 40px;
	width: 100%;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
.form_message .area_2 { /* non utilisé */
	height: 60px;
}
.form_message .area_3 {
	height: 135px;
}
.form_message #Envoyer {
	display: block;
	width: 100%;
	background: #999;
	border: 1px solid #8f8f8f;
	border-bottom: 1px solid #808080;
	border-right: 1px solid #838383;
	/*border: none;
	background: none;*/
	margin: 0px;
	padding: 0px 6px 0px;
	line-height: 2em;
	height: 3em;
	color: #fff;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	cursor: pointer;
}
.form_message #Envoyer:hover {
	background: linear-gradient(#fd6 0%, #fc0 30%, #f90 60%, #c60 100%);
	background: linear-gradient(#0f0 0%, #6f6 30%, #6c6 60%, #393 100%);
	background: #d39;
	border: 1px solid #6a6;
	border-left: 1px solid #f3c;
	border-top: 1px solid #f3c;
	color: #fff;
	text-shadow: 1px 1px 1px #666;
}
.form_message .envoiSmart {
	display: inline-block;
	width: 100px;
	line-height: 2em;
	height: 3em;
	margin: 0px;
	padding: 0px 6px 2px;
	background: #444;
	background: #999;
	border: 1px solid #8f8f8f;
	border-bottom: 1px solid #808080;
	border-right: 1px solid #838383;
	color: #fff;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	cursor: pointer;
}
.form_message .envoiSmart:hover {
	background: linear-gradient(#fd6 0%, #fc0 30%, #f90 60%, #c60 100%);
	background: linear-gradient(#0f0 0%, #6f6 30%, #6c6 60%, #393 100%);
	background: #d39;
	border: 1px solid #6a6;
	border-left: 1px solid #f3c;
	border-top: 1px solid #f3c;
	color: #fff;
	text-shadow: 1px 1px 1px #666;
}
.inputEnvoyer {
	display: block;
	width: 100%;
	background: #999;
	border: 1px solid #8f8f8f;
	border-bottom: 1px solid #808080;
	border-right: 1px solid #838383;
	/*border: none;
	background: none;*/
	margin: 0px;
	padding: 0px 6px 0px;
	line-height: 2em;
	height: 3em;
	color: #fff;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	cursor: pointer;
}
.inputEnvoyer:hover {
	background: linear-gradient(#fd6 0%, #fc0 30%, #f90 60%, #c60 100%);
	background: linear-gradient(#0f0 0%, #6f6 30%, #6c6 60%, #393 100%);
	background: #d39;
	border: 1px solid #6a6;
	border-left: 1px solid #f3c;
	border-top: 1px solid #f3c;
	color: #fff;
	text-shadow: 1px 1px 1px #666;
}


label.labinline {
	display: inline;
}
label.labinline input{
	width: auto;
	border: none;
}


/****************************/
/* 			TITRES 			*/
/****************************/

/*
.titre-page {
	width: 500px;
	height: 130px;
	margin: 26px 0px 24px;
	margin: 0px 0px 4px;
	padding: 5px 0px 17px 0px;
	padding: 50px 200px 20px 67px;
	font-size: 28px;
	font-weight: normal;
	font-style: italic;
	text-align: center;
	color: #333;
	color: #fff;
	font-family: serif;
	background: url(/style/fond_bulle.png) no-repeat left center scroll;
}
*/
.titre-page {
	margin: 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	font-size: 2.7em;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	line-height: 1em;
	color: #000;
	background: none;
}
.titre-page  small{
	font-weight: normal;
	color: #aaa;
	font-size: 22px;
}


.titre_1 {
	margin: 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	line-height: 1.2em;
	font-size: 2.4em;
	font-family: 'museo700', sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #005ea8;
}
.form_devis_fieldset_page .titre_1 {
	margin: 10px 0px 10px 0px;
	padding: 4px 0px 6px 0px;
	line-height: 1.2em;
	font-size: 1.8em;
}
.titre_2 {
	margin: 20px 0px 10px;
	padding: 0px 0px 0px 0px;
	line-height: 1.2em;
	font-size: 1.2em;
	font-weight: normal;
	font-style: normal;
	font-family: 'proxima_nova_rgbold', sans-serif;
	text-transform: uppercase;
	color: #454545;
}
/* 
.titre_3 {
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	line-height: 1.2em;
}
.titre_4 {
	margin: 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	color: #fff;
}

.titre_5 {
	margin: 10px 0px 0px;
	padding: 0px 0px 0px;
	line-height: 1.4em;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	color: #c00;
	text-align: left;
}

.titre_6 {
	width: 70%;
	margin: 20px 0px 10px;
	padding: 0px 0px 10px 0px;
	font-size: 22px;
	font-weight: normal;
	font-style: italic;
	color: #fff;
	line-height: 1.0em;
	border-bottom: 1px dashed #ccc;
}
.titre-7 {
	margin: 14px 0px 14px;
	padding: 0px 0px 0px 0px;
	font-size: 26px;
	font-weight: normal;
	font-style: normal;
	color: #983;
	font-family: serif;
}
 */
.titre_8 {
	margin: 30px 0px 20px;
	padding: 0px 0px 0px 0px;
	line-height: 1em;
	font-family: 'museo700', sans-serif;
	font-size: 1.7em;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
	color: #005ea8;
}

/* paragraphes */

.commentaire_1 {
	font-size: 0.9em;
	font-style: italic;
	font-weight: normal;
	color: #999;
}
.commentaire_2 {
	font-size: 0.8em;
	font-style: italic;
	font-weight: normal;
	color: #f53;
}

/*	images	 */

.cadre_1 {
	border: 1px solid #333;
}
.cadre-2 { /* utilisé ?? */
	border: 1px solid #000;
	padding: 2px;
}
.cadre_2 {
	background-color: #f50;
	background: linear-gradient(to right, #d00 0%, #f90 100%);
	margin: 10px 0px 20px;
	padding: 10px 10px 15px;
	box-shadow: 0px 0px 8px 3px #621 inset;
	border: 1px solid #600;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 1.1em;
}
.cadre_2 b{
	font-size: 1.2em;
}
.cadre-3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 7px 7px 0px;
	background: url(/style/ombre-3.gif) no-repeat right bottom scroll;
}
.cadre-4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 11px 11px 0px;
	background: url(/style/ombre-4.gif) no-repeat right bottom scroll;
}


/*	lignes de separation	*/

.ligne_1 {
	clear: both;
	margin: 10px 0px;
	padding: 0px;
	line-height: 1px;
	background: #000;
	border: none;
	border-top: 1px solid #000;
	border-bottom: 1px solid #222;
}
.ligne-2 {
	clear: both;
	margin: 5px 0px;
	padding: 0px;
	line-height: 2px;
	border-bottom: 1px dashed #666;
}
.ligne-3 {
	margin: 50px 0px;
	padding: 4px;
	line-height: 8px;
	border: none;
	border: 0;
	border-color: transparent;
	background: url(/style/ombre-3.png) no-repeat center center scroll;
}

.bloc_1 , .bloc_2 {
	float: left;
	text-align: left;
}
.bloc_1 {
	margin: 5px 0 10px 0;
	padding: 5px 0px 5px 0;
	width: 49%;
}
.bloc_2 {
	margin: 5px 0px 10px 0;
	padding: 5px 0 5px 5%;
	width: 46%;
}

.col_list_1 {
	width: 170px; 
	float: left;
}
.col_list_2 {
	width: 250px; 
	float: left;
}
.col_list_1 ul, .col_list_2 ul{
	margin: 0px 5px 20px 5px;
	padding: 0px 0px 0px 10px;
}
.pave_1 {
	margin: 20px 0px 20px;
	padding: 8px 14px 10px 14px;
	border: 1px dashed #333;
	/*box-shadow: 2px 2px 5px #222;*/
	background: #111;
	color: #fff;
	text-align: center;
}
.pave_1 strong{
	color: #222;
}
.pave-2 {
	margin: 0px 0px 20px;
	padding: 5px 10px 10px 10px;
	background: #e9e9e9 url(/style/fond_col.png) repeat center top scroll;
	box-shadow: 2px 2px 5px #999;
}
/* listes */

.liste_1 {
	margin: 4px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
.liste_1 li {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 5px;
	list-style-position: inside;
	list-style-image: url(/style/liste-1.gif);
	line-height: 1.2em;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
}
.liste_1 li a {
	color: #ccc;
}
.liste_1 li a:hover{
	color: #333;
}


.liste_2 {
	margin: 5px 0px 10px 10px;
	padding: 5px 0px 5px 0px;
}
.liste_2 li {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 3px;
	list-style-image: url(/style/puce_1.png);
	line-height: 1.6em;
	font-weight: normal;
	font-size: 18px;
	color: #fff;
}
.liste_2 li a {
	color: #ccc;
}
.liste_2 li a:hover{
	color: #f00;
}

.liste_3 {
	margin: 3px 0px 20px 0px;
	padding: 3px 0px 5px 5px;
}
.liste_3 li {
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 0px 8px;
	list-style-type: circle;
	line-height: 1.4em;
	font-weight: normal;
	font-size: 13px;
	color: #fff;
}

ul#acc_serv_list {
	width: 310px;
	list-style: none;
	list-style-image: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-top: 1px solid #f00;
}
ul#acc_serv_list li  {
	list-style: none;
	list-style-image: none;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 4px;
	border-bottom: 1px solid #900;
	line-height: 60px;
	font-size: 16px;
	font-weight: normal;
}
ul#acc_serv_list li a {
	color: #ccc;
}
ul#acc_serv_list li a:hover{
	color: #f00;
}
ul#acc_serv_list li  img{
	float: right;
}

/* médaillons */

#medaillons {
	text-align: center;
	padding: 20px 0px;
}
.medaillon {
	/*display: block;
	float: left;*/
	display: inline-block;
	width: 195px;
	margin: 20px 20px;
	padding: 0px;
	height: 250px;
	font-size: 0.7em;
	text-align: center;
}
.medaillon p{
	margin: 20px 0;
}
.medaillon img{
	margin: 20px 0;
}
.medaillon p.med_cont{
	font-family: 'proxima_novasemibold', sans-serif;
	font-size: 1.8em;
	color: #000;
	font-weight: normal;
}

/*	span de couleur */

.couleur_1 {
	color: #c09;
}


/*	liens */

.lien_1 {
	color: #c90;
	text-decoration: none;
}
.lien_1:hover {
	color: #f90;
}

.lien-2 {
	color: #999;
	text-decoration: none;
}
.lien-2:hover {
	color: #fff;
}
.lien-2 span {
	font-size: 90%;
	border: 1px solid #666;
	padding: 0px 2px;
	margin-right: 4px; 
}
.lien_3 {
	color: #f0c;
	text-decoration: none;
}
.lien_3:hover {
	color: #005ea8;
	text-decoration: underline;
}
.lien-4 {
	color: #999;
}
.lien-4:hover {
	color: #333;
	text-decoration: none;
}

.bt_event_resa {
	padding: 0px 10px 2px;
	margin: 0px 5px 0px 0px;
	border-radius: 4px;
	background: #420;
	background: #240;
	color: #fff;
	font-weight: bold;
	font-family: sans-serif;
	font-size: 10px;
}
.bt_1 {
	display: block;
	border: none;
	border-radius: 5px;
	border-left: 1px solid #f3c;
	border-top: 1px solid #f3c;
	background-color: #d39;
	margin: 10px auto;
	padding: 8px 12px;
	width: 250px;
	width: 96%;
	text-align: center;
	color: #fff;
	box-shadow: 1px 1px 0px 1px #d0d3d6;
	text-shadow:  1px 1px 1px #936;
	font-family: 'proxima_nova_rgbold_italic', sans-serif;
	/*font-weight: bold;
	font-style: italic;*/
}
.bt_1:hover{
	cursor: pointer;
	box-shadow: none;
}


/* autres paragraphes */
p.comment {
	font-size: 0.8em;
	font-weight: normal;
}
.alert_bad {
	color: #f30;
}
.alert_good {
	color: #c90;
}

/* POP UP */
#popup {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid #333;
	z-index: 1000;
	background-color: #000;
	text-align: center;
}
#popup .fermer_popup {
	background: #000;
	line-height: 16px;
	height: 18px;
	padding: 0px 2px 2px;
	color: #666;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}
#popup .fermer_popup a {
	color: #999;
	display: block;
}
#popup .fermer_popup a:hover {
	color: #fff;
	text-decoration: none;
}
#popup .cadreX {
	border: 1px #333 solid;
	padding: 0px 2px;
	color: #999;
}


/* 	OG-DIAP 1.2 */
/* diaporama css */

/* contenant */
.og_diap_contenant {
    position: relative;
    margin:  0px;
    overflow: hidden;
}
.og_diap_contenant figcaption {  
	display: inline-block; 
	z-index: 200;
	position: absolute; 
	bottom: 5px; 
	left: 5px; 
	margin: 0px 5px 5px 0px;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.5); 
	color: #000;
}
.og_diap_contenant figcaption i{
	font-size: 0.7em;
}
/*
.og_diap_contenant figcaption {  
    position:absolute;  
    left:0; right:0; bottom: 5px;  
    padding: 20px;  
    margin:0;  
    border-top: 1px solid rgb(225,225,225);  
    text-align:center;  
    letter-spacing: 0.05em;  
    word-spacing: 0.05em;  
    font-family: Georgia, Times, serif;  
    background: #fff;  
    background: rgba(255,255,255,0.7);  
    color: #555;  
    text-shadow: -1px -1px 0 rgba(255,255,255,0.3);  
} 
*/

/* contenu parachute */
.og_diap_parachute {
    position: absolute;
	top: 0px;
	left: 0px;
    margin: 0;            
    padding: 0;
}
.og_diap_parachute figure {
  	z-index: 400;
    position: absolute;
	top: 0px;
	left: 955px; /* doit correspondre à diap_width, donc il faut le mettre dans la fonction qui construit les diap, donc le code ira dans la page Html et non ici */
	margin: 0;
    padding: 0;
	transition: 1s;
}
.og_diap_parachute figcaption {  
	z-index: 500;
}
/* contenu défilant */
.og_diap_contenu { /*display: none;*/
    position: absolute;
	top: 0;
    left: 0;
    margin: 0;            
    padding: 0;
}
.og_diap_contenu figure {
	z-index: 100;
    display: inline;
    position: relative;
	margin: 0;
    padding: 0;
}
/* bt nav */
.og_diap_nav_1 {
	z-index: 600;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.og_diap_bt {
	display: inline-block;
	background: rgba(255, 255, 255, 0.5);
	border: 1px solid #fff;
	border-radius: 4px;
	padding: 2px;
	height: 4px;
	width: 4px;
	line-height: 4px;
	font-size: 1px;
	box-shadow: -1px -1px 1px 1px #ddd inset, 
		1px 1px 1px 1px #999 inset,
		1px 1px 2px 0px #666
		;
}
.og_diap_bt:hover {
	cursor: pointer;
}

/* Calendrier http://www.g1script.com */

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #005ea8;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #d2d5d7;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */

.ds_cell_avant {
	background-color: #ddd;
	color: #999;
}


/*	**************	*/
/* FORMULAIRE DEVIS */
/*	**************	*/

#devis_ariane {
	position: fixed;
	z-index: 500;
	width: 100%;
	height: 170px;
	margin: -20px 0px;
	padding: 0px;
	text-align: center;
	background: #fff no-repeat center top fixed;
	background-image: url(/style/fond_form_ariane-1.png);
	border-bottom: 1px solid #ddd;
}
#devis_form {
	position: relative;
	width: auto;
	margin-top: 150px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #faf9f5 no-repeat center top fixed;
	background-image: url(/style/fond_form_page-1.png);
}
#form_devis {
	position: relative;
	width: 500px;
	height: 750px;
	margin: 10px auto;
	overflow: hidden;
}

.form_devis_fieldset_page {
	position: absolute;
	left: 50px;
	width: 400px;
	height: 800px;
	text-align: center;
	border: none;
	background-color: #faf9f5;
	transition: 3s;
}
#fs_1 {
	top: 0px;
	z-index: 500;
}
#fs_2 {
	top: 0px;
	z-index: 400;
}
#fs_3 {
	top: 0px;
	z-index: 300;
}
#fs_4 {
	top: 0px;
	z-index: 200;
}
.form_devis_fieldset {
	margin: 10px auto;
	width: 400px;
	text-align: left;
	border: none;
}
@media screen and (max-width: 980px) {
	#form_devis {
		font-size: 1.7em;
		width: auto;
		height: 1100px;
		/*border: 1px solid #f00;*/
	}
	.form_devis_fieldset_page {
		position: absolute;
		left: 50px;
		width: 90%;
		height: 1150px;
	}
	.form_devis_fieldset {
		margin: 10px auto;
		width: 400px;
		width: 750px;
		width: auto;
	}
}
.form_devis_fieldset legend{
	margin: 6px 0px 0px;
	padding: 0px 4px 0px 0px;
}
.labinput {
	display: block;
	position: relative;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin: 10px 0px;
	padding: 6px 0px 6px 8px;
	background-color: #fff;
	color: #979ba4;
	font-family: 'proxima_nova_rgregular', sans-serif;
	font-size: 1.2em;
}

.labinput input, .labinput textarea {
	margin: 0;
	font-family: 'proxima_nova_rgregular', sans-serif;
	font-size: 1em;
	border: none;
	background-color: #fff;
}
.labinput input, .labinput select {
	position: absolute;
	top: 8px;
	right: 8px;
	text-align: right;
}
.labinput input[type="text"] {
	width: 200px;
}
.labinput textarea {
	width: 98%;
}
.labinput select {
	width: 200px;
	border: none;
	padding-right: 5px;
	font-family: 'proxima_nova_rgregular', sans-serif;
	font-size: 1em;
}
.labinput input.inp_1 {
	width: 50px;
}

.labcoche {
	margin: 20px 10px;
}
@media screen and (max-width: 640px) {
	#form_devis {
		font-size: 1.2em;
	}
	.form_devis_fieldset_page {
		left: 0px;
	}
	.labinput input[type="text"] {
		width: 150px;
	}
	.labinput textarea {
		width: 90%;
	}
	.labinput select {
		width: 150px;
	}
}