/* FONT 
Generated by Font Squirrel (http://www.fontsquirrel.com) on June 6, 2014 */

@font-face {
    font-family: 'lato_blackitalic';
    src: url('style/fonts/lato-blackitalic-webfont.eot');
    src: url('style/fonts/lato-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/lato-blackitalic-webfont.woff') format('woff'),
         url('style/fonts/lato-blackitalic-webfont.ttf') format('truetype'),
         url('style/fonts/lato-blackitalic-webfont.svg#roboto_slabthin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lato_black';
    src: url('style/fonts/lato-black-webfont.eot');
    src: url('style/fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/lato-black-webfont.woff') format('woff'),
         url('style/fonts/lato-black-webfont.ttf') format('truetype'),
         url('style/fonts/lato-black-webfont.svg#roboto_slabthin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lato_bolditalic';
    src: url('style/fonts/lato-bolditalic-webfont.eot');
    src: url('style/fonts/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/lato-bolditalic-webfont.woff') format('woff'),
         url('style/fonts/lato-bolditalic-webfont.ttf') format('truetype'),
         url('style/fonts/lato-bolditalic-webfont.svg#lato_bolditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lato_bold';
    src: url('style/fonts/lato-bold-webfont.eot');
    src: url('style/fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/lato-bold-webfont.woff') format('woff'),
         url('style/fonts/lato-bold-webfont.ttf') format('truetype'),
         url('style/fonts/lato-bold-webfont.svg#lato_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lato_italic';
    src: url('style/fonts/lato-italic-webfont.eot');
    src: url('style/fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/lato-italic-webfont.woff') format('woff'),
         url('style/fonts/lato-italic-webfont.ttf') format('truetype'),
         url('style/fonts/lato-italic-webfont.svg#lato_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lato_light';
    src: url('style/fonts/lato-light-webfont.eot');
    src: url('style/fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/lato-light-webfont.woff') format('woff'),
         url('style/fonts/lato-light-webfont.ttf') format('truetype'),
         url('style/fonts/lato-light-webfont.svg#lato_light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lato_regular';
    src: url('style/fonts/lato-regular-webfont.eot');
    src: url('style/fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/lato-regular-webfont.woff') format('woff'),
         url('style/fonts/lato-regular-webfont.ttf') format('truetype'),
         url('style/fonts/lato-regular-webfont.svg#lato_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('style/fonts/montserrat-regular-webfont.eot');
    src: url('style/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/montserrat-regular-webfont.woff') format('woff'),
         url('style/fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('style/fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratbold';
    src: url('style/fonts/montserrat-bold-webfont.eot');
    src: url('style/fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/montserrat-bold-webfont.woff') format('woff'),
         url('style/fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('style/fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proximanova_black';
    src: url('style/fonts/proximanova-black-webfont.eot');
    src: url('style/fonts/proximanova-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/proximanova-black-webfont.woff') format('woff'),
         url('style/fonts/proximanova-black-webfont.ttf') format('truetype'),
         url('style/fonts/proximanova-black-webfont.svg#proxima_novablack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proximanova_bold';
    src: url('style/fonts/proximanova-bold-webfont.eot');
    src: url('style/fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/proximanova-bold-webfont.woff') format('woff'),
         url('style/fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('style/fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proximanova_extrabold';
    src: url('style/fonts/proximanova-extrabold-webfont.eot');
    src: url('style/fonts/proximanova-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/proximanova-extrabold-webfont.woff') format('woff'),
         url('style/fonts/proximanova-extrabold-webfont.ttf') format('truetype'),
         url('style/fonts/proximanova-extrabold-webfont.svg#proxima_novaextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proximanova_boldit';
    src: url('style/fonts/proximanova-boldit-webfont.eot');
    src: url('style/fonts/proximanova-boldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/proximanova-boldit-webfont.woff') format('woff'),
         url('style/fonts/proximanova-boldit-webfont.ttf') format('truetype'),
         url('style/fonts/proximanova-boldit-webfont.svg#proxima_nova_rgbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proximanova_condregular';
    src: url('style/fonts/proximanovacond-regular-webfont.eot');
    src: url('style/fonts/proximanovacond-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/proximanovacond-regular-webfont.woff') format('woff'),
         url('style/fonts/proximanovacond-regular-webfont.ttf') format('truetype'),
         url('style/fonts/proximanovacond-regular-webfont.svg#proxima_nova_cn_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

/* Feuille de style Web'Ethys(R) par Gildas MONJOIN pour OGAM -(c)2016-2017 */

/* CORPS */
body {
	margin: 0;
	padding: 0;
	font-family: "lato_light", "Lato Light", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #555;
	background: #fff url("style/fond_body.gif") repeat left top fixed;
	background: #fff;
}

a {
	text-decoration: none;
}

a img {
	border: 0;
}

.fin {
	clear: both;
}
.clearer , .fintoufin {
	clear: both;
	height: 0px;
	line-height: 0px;
}
.alignC {
	text-align: center;
}

.wfull {
	display: block;
	width: 100%;
	margin: 0 auto;
}
/*
@media screen and (min-width: 1500px) {
	.wfull {
		width: 1500px;
	}
}
*/
.w955, .w955ext {
	width: 955px;
	margin: 0 auto;
}
@media screen and (max-width: 980px) {
	.w955, .w955ext {
		width: auto;
	}
}
@media screen and (min-width: 1600px) {
	.w955ext {
		width: 1500px;
	}
}

.w855 {
	margin: 0 auto;
	width: 855px;
}
.w755 {
	margin: 0 auto;
	width: 755px;
}
.w655 {
	margin: 0 auto;
	width: 655px;
}

.hautVide {
	padding-top: 50px;
}
.basVide {
	padding-bottom: 50px;
}

/* HAUT */
header {
	margin: 0 auto;
	position: relative;
	height: 260px;
	height: 280px;
	background: #fff url(style/fond_haut-2.png) no-repeat right bottom scroll;
	background-size: 40% auto;
}
#logo {
	position: absolute;
	top: 20px;
	left: 20px;
	/**/
	display: block;
	text-align: center;
	margin: 0px auto;
	padding: 30px 0px 0px;
	padding: 10px 0px 0px;
	z-index: 100;
	color: #fff;
	font-size: 12px;
}
#navHaut {
	z-index: 300;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 0px 0px 0px;
	height: 62px;
	line-height: 62px;
	color: #f00;
	text-align: center;
	font-family: lato_bolditalic;
	font-size: 1.7em;
	background: #f96;
	background: #eee;
}
#navHaut a {
	display: inline-block;
	float: left;
	width: 158px;
	margin: 0px;
	padding: 0px 0px;
	color: #fff;
	color: #999;
	text-decoration: none;
	font-size: 17px;
	border-top: 1px solid #f9f6f9;
	border-right: 1px solid #a73;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #ddd;
	box-shadow: 4px -3px 3px 0px rgba(70,70,70,0.1),  inset 0px -4px 2px 0px rgba(70,70,70,0.1);
	transition: 0.5s;
}
#navHaut a:hover {
	color: #fff;
	background: #906;
	background: #79BE00;
}
#navHaut a.NH-actif{ /* cohérent avec #generale */
	color: #fff;
	font-family: lato_bold, lato_regular, lato_black;
	color: #fc0;
	color: #906;
	background: #090;
	background: #fff;
	background: #f9f6f9;
	border-right: 1px solid #ddd;
	border-bottom: none;
	border-top: 1px solid #ddd;
	box-shadow: 2px -3px 3px 0px rgba(70,70,70,0.1);
	/*box-shadow: none;*/
}

#site_nom {
	margin: 0px 0px 0px;
	padding: 20px 0px 0px;
	color: #906;
	text-align: center;
	line-height: 1.6em;
	font-family: lato_bold, lato_regular, lato_black;
	font-size: 2.0em;
	font-style: normal;
	letter-spacing: 0.2em;
}

#site_objet {
	margin: 0px 0px 20px;
	padding: 0px 0px 0px;
	color: #000;
	text-align: center;
	line-height: 1.4em;
	font-family: "lato_light", "Lato Italic", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	letter-spacing: 0.1em;
}

#slogan {
	margin: 0;
	z-index: 200;
	color: #606060;
	text-align: center;
	line-height: 1.3em;
	font-size: 0.9em;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.1em;
}

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

footer  {
	clear: both;
	margin: 0 auto;
	padding: 10px 0px 10px;
	background: #222 /*url(style/fond_bas.png) repeat-x center bottom scroll*/;
	border-top: 6px solid #000;
	text-align: center;
	line-height: 1.4em;
	font-size: 10px;
}
address {
	margin: 10px 0px 0px;
	padding: 5px;
	line-height: 1.6em;
	color: #000;
	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: #999;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}
#navBas a {
	color: #999;
	padding: 0 4px;
}
#navBas a:hover {
	color: #fff;
}
#navBas a::after {
	content: "-";
	margin-left: 10px;
}
#navBas a:last-child::after {
	content: none;
}
#navBas a#add_raison {
	font-weight: bold;
	font-size: 1.4em;
	font-style: italic;
	color: #fff;
}

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

#generale {
	margin: 10px auto;
	padding: 0px 0px 0px;
	/*background: #e9e9e9 url("style/fond_generale.png") repeat;*/
	background: #f9f6f9;
	border: 1px solid #ccc;
	/*box-shadow: 20px 0px 30px 0px #ccc,  -20px 0px 30px 0px #ccc;*/
}
#corps {
	padding: 5px 20px 20px;
	border-bottom: 1px dashed #ccc;
}

/* fil d'ariane */

#filAriane {
	margin: 0px auto 50px;
	padding: 4px 0px 4px 6px;
	font-size: 1em;
	line-height: 1.8em;
	color: #666;
	border-bottom: 1px solid #ccc; 
	border-top: 1px solid #ccc; 
}
#filAriane a {
	color: #666;
	padding: 0px 4px;
}
#filAriane a:hover {
	/*text-decoration: underline;*/
	color: #f90;
}
#filAriane strong {
	font-family: lato_bold;
	font-weight: normal;
	padding: 0px 4px;
	color: #000;
}
@media screen and (max-width: 950px) {
	#filAriane {
		font-size: 1.6em;
	}
}


/************************/
/*	Colonnes page ACCUEIL	*/
/************************/

.acc_rub {
	display: inline-block;
	width: 27.5%;
	border: 1px solid #999;
	margin: 20px 1% 20px 1%;
	padding: 10px 1%;
	background: #fff;
	transition: 0.4s;
}
.acc_rub:hover {
	box-shadow: 0px 0px 5px 3px rgba(70, 60, 50, 0.3);
	transition: 0.1s;
}
.acc_rub_titre {
	margin: 10px 0px 20px;
	padding: 0px 0px;
	text-align: center;
	color: #000;
	font-size: 2em;
	line-height: 1em;
	height: 1em;
	overflow: hidden;
}
.acc_rub_intro {
	margin: 20px 0px 4px;
	padding: 0px 0px;
	text-align: center;
	color: #312;
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	line-height: 1em;
	height: 2.8em;
	overflow: hidden;
}
.acc_rub_descr {
	margin: 4px 0px 10px;
	padding: 0px 0px;
	text-align: justify;
	color: #333;
	font-size: 1em;
	line-height: 1.2em;
	height: 3.6em;
	overflow: hidden;
}


.acc_page {
	display: block;
	border-bottom: 1px solid #ccc;
	margin: 10px 0px;
	padding: 20px 20px;
	background: #fff;
	transition: 0.4s;
}
.acc_page:hover {
	box-shadow: 0px 0px 5px 3px rgba(70, 60, 50, 0.3);
	transition: 0.1s;
}
.acc_page_img {
	float: right;
	margin: 0px 0px 10px 3%;
	border: 1px solid #999;
	width: 40%;
}
.acc_page_txt {
	width: 57%;
}
.acc_page_titre {
	margin: 10px 0px 5px;
	padding: 0px 0px 10px 0px;
	color: #000;
	font-size: 1.8vw;
	font-size: 1.6em;
	line-height: 1.2em;
	/*border-bottom: 1px solid #ccc;*/
	/*text-decoration: underline;*/
}
.acc_page_intro {
	margin: 5px 0px 10px;
	padding: 0px 0px;
	color: #312;
	font-size: 1.1vw;
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	line-height: 1.2em;
}
.acc_page_descr {
	margin: 10px 0px;
	padding: 0px 0px;
	color: #333;
	font-size: 1vw;
	font-size: 1em;
	line-height: 1.3em;
}



/************************/
/*			Pages		*/
/************************/

.txt_article {
	margin-top: 40px;
	margin-bottom: 40px;
	font-size: 1.3em;
	line-height: 1.6em;
}

/* fp partage reseaux */

#fp_partager {
	position: relative;
	display: inline-block;
	width: 300px;
	height: 30px;
	line-height: 30px;
	margin: 0px 0px;
	padding: 0px;
	/*border: 1px solid #f00;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
}
.fp_reso_g {
	float: left;
}
.fp_reso_d {
	float: right;
}
a#fp_bt_partager {
	display: inline-block;
	color: #bbb;
	margin: 0px;
	padding: 0px 10px;
	font-size: 1em;
	line-height: 2em;
	/* et puis finalement... */
	display: none;
}
a#fp_bt_partager:hover {
	color: #999;
}
#fp_partager #nav_fp_reseaux {
	display: inline-block; /* none */
	position: absolute;
	top : 0px;
	right: 0px;
	list-style: none;
	width: 215px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	transition: 0.4s;
	opacity: 0;
	/* et puis finalement... */
	opacity: 1;
}
#fp_partager:hover {
	opacity: 1;
	transition: 0.5s;
}
#fp_partager:hover #nav_fp_reseaux {
	display: inline-block;
	opacity: 1;
}
#fp_partager #nav_fp_reseaux li {
	display: inline-block;
	float: left;
	margin: 0px 10px 0px 0px;
}
#fp_partager #nav_fp_reseaux li a img{
	opacity: 0.5;
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	transition: 0.2s;
	width: 25px;
	height: 25px;
}
#fp_partager #nav_fp_reseaux li a:hover img{
	opacity: 1;
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
}


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


#col_adresse {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.raisonSociale {
	margin: 0px 0px 0px 20px;
	font-size: 1.4em;
	font-weight: normal;
	color: #666;
}
.coordonnees {
	margin: 0px 0px 40px 20px;
	font-size: 14px;
}
#adresse a {
	color: #fff;
}
#adresse a:hover {
	color: #369;
	text-decoration: none;
}


/*	formulaire	 */

#message {
	display: block;
	width: 300px;
	float: left;
	margin: 0px 30px 0px 0px;
	padding: 0px 0px 10px 0px;
}

.form_message {
	width: 450px;
}
.form_message label {
	display: block;
	border: 1px solid #ccc;
	background: #fff;
	margin: 0px 0px 8px;
	padding: 8px 16px;
	font-family: "lato_light", "Lato Light", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #999;
}
.form_message .entree {
	background: transparent;
	line-height: 1.4em;
	padding: 0;
	border: 0;
	font-size: 0.8em;
	width: 200px;
	color: #000;
}
.form_message .codespam {
	background: #eee;
	line-height: 1.6em;
	padding: 0px 4px;
	border: 1px solid #ddd;
	font-size: 10px;
	width: 12px;
	color: #000;
}
.form_message .area {
	height: 40px;
	width: 100%;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}
.form_message #Envoyer {
	display: block;
	width: 100%;
	background: #123;
	border: 1px solid #234;
	/*border: none;
	background: none;*/
	margin: 0px;
	padding: 0px 6px 0px;
	line-height: 2em;
	height: 2em;
	color: #999;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	cursor: pointer;
}
.form_message #Envoyer:hover {
	background: #036;
	border: 1px solid #666;
	color: #ccc;
}


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: 30px 0px 30px;
	padding: 10px 0px 0px 0px;
	line-height: 1.0em;
	font-family: lato_bolditalic;
	font-size: 2.0em;
	font-weight: normal;
	text-align: center;
	color: #000;
	/*text-shadow: 2px 2px 1px #ccc;
	background: #999;*/
}

/* paragraphes */

.txt_page_intro {
	font-family: lato_italic, lato_regular, lato_black;
	margin: 3ex 0px 5ex;
	padding: 0px;
	font-size: 1.3em;
	line-height: 1.2em;
	text-align: center;
}
.txt_page_texte p{
	line-height: 1.4em;
	font-size: 1.2em;
	text-indent: 2em;
}
.txt_page_texte p b{
	font-family: lato_bold;
	font-weight: normal;
}

.commentaire_1 {
	font-size: 0.8em;
	font-style: italic;
	font-weight: bold;
	color: #ccc;
}
.commentaire_2 {
	font-size: 0.8em;
	font-style: italic;
	font-weight: normal;
	color: #f53;
}
.pave_2 { /* texte d'intro */
	margin: 0px 0px 25px 0px;
	padding: 5px 0px 10px 0px;
	text-align: justify;
	font-size: 1.4em;
	line-height: 1.2em;
	color: #777;
}
.pave_2  p {
	margin: 0px 0px 15px 0px;
}

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


/*	images	 */

.alignD {
	float: right;
	margin: 0px 0px 0px 40px;
}
.alignG {
	float: left;
	margin: 0px 40px 20px 0px;
}

.cadre_1 {
	border: 1px solid #999;
}
.cadre_2 {
	background-color: #eee;
	padding: 4px;
	box-shadow: 0px 0px 2px 2px #ddd inset;
	border: 1px solid #ccc;
}
.cadre_2 b{
	font-size: 1.2em;
}

/*	lignes de separation	*/

.ligne_1 {
	margin: 20px 0px;
	padding: 0px;
	line-height: 1px;
	background: transparent;
	border: 0px;
	border-bottom: 0px dashed #ccc;
	border-top: 1px dashed #ccc;
}
.ligne_2 { /* inutilisé */
	clear: both;
	margin: 200px 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 { /* gros picto domaines d'activité */
	margin: 20px 0px 80px;
	padding: 40px 0px 40px 0px;
	text-align: center;
	background-color: #F6F6F6;
}
.liste_1 li {
	display: inline-block;
	list-style: none;
	list-style-image: none;
	width: 150px;
	height: 10px;
	margin: 0px 10px;
	padding: 0px 0px 0px 0px;
	line-height: 2.2em;
	font-family: 'montserratbold', "Montserrat Bold", "Montserrat", sans-serif;
	font-size: 1em;
	text-align: center;
	text-transform: uppercase;
	color: #4c4c4c;
}
.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: 1.2em;
	color: #fff;
}
.liste_2 li a {
	color: #999;
}
.liste_2 li a:hover{
	color: #939;
}

.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;
}

/*	liens */

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

.lien_2 { /* repris par .rapp_voir_all */
	color: #7cc576;
	text-decoration: none;
	font-family: 'montserratregular', "Montserrat", sans-serif;
	text-transform: uppercase;
}
.lien_2:hover {
	color: #393;
}
.lien_2 span {
	font-size: 1.4em;
}

.lien_3 {
	display: inline-block;
	padding: 0px 22px;
	color: #fff;
	font-family: 'montserratregular', "Montserrat", sans-serif;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 1px 1px 1px #060;
	font-size: 0.9em;
	line-height: 4.0em;
	border-radius: 2.0em;
	background-color: #7cc576;
	transition: 0.6s;
}
.lien_3:hover {
	text-decoration: none;
	background-color: #4c8c3c;
}
.lien_4 {
	display: block;
	font-family: 'montserratregular', "Montserrat", sans-serif;
	background-color: #7cc576;
	border: 1px solid #73bb6c;
	box-shadow: 0px 0px 5px 5px #73bb6c inset;
	text-align: center;
	line-height: 4em;
	text-transform: uppercase;
	color: #fff;
}
.lien_4:hover {
	text-decoration: none;
	background-color: #393;
	box-shadow: none;
}

.lien_retour {
	display: inline-block;
	margin: 10px 0px 20px;
}

/* 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 {
	display: none; 
}
#popup:hover .fermer_popup {
	display: inline-block; 
	background: rgba(255,255,255,0.5);
	position: absolute; 
	top: 4px; 
	right: 4px; 
	z-index: 1400;
	line-height: 16px;
	height: 18px;
	padding: 2px 8px 2px;
	margin: 0px;
	color: #666;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
}

/* GALERIES PHOTOS */

.gal_1 {
	/*clear: both;*/
	margin: 50px 0px 60px; 
	position: relative;
}
.bt_croix {
	position: fixed;
	display: inline-block;
	top: 5px;
	left: 47%;
	background: #000;
	background: rgba(0, 0, 0, 0.7);
	border: 1px solid #444;
	border-bottom: none;
	border-radius: 6px 6px 0px 0px;
	/*
	font-family: "lato_light", "Lato Light", Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	width: 4em;
	*/
	font-family: 'orbitronregular', "Montserrat Bold", "Montserrat", sans-serif;
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 2px;
	width: 6em;
	height: 1.3em;
	line-height: 1.3em;
	padding: 5px 10px 3px;
	color: #ccc;
	transition: 0.4s;
	opacity: 0;
}
#prod_consult_a_ferme:hover .bt_croix{
	opacity: 0.8;
}
.bt_croix:hover{
	color: #fff;
}
.diapoVign {
	float: left;
	margin-right: 4px;
	border: 1px solid #ccc;
}
.diapoVign_ligne {
	display: block;
}
.diapoVign_lien {
	float: left;
	margin: 6px 6px 0px 0px;
	/* doivent être associées à $vignettes->max_width et $vignettes->max_heigh
	width: 90px;
	height: 90px;*/
	border: 1px solid #ccc;
	text-align: center;
}
.diapoVign_nav .diapoVign_lien:last-child {
	margin-right: 0px;
}

/* IMG BIG */
#prod_consult_a_big {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 20000;
	width: 100%;
	height: 100%;
	margin: 0px 0px;
	background: rgba(0, 0, 0, 0.6);
	text-align: center;
}
#prod_consult_img_big {
	margin: 2% auto;
	border: 1px solid #999;
	padding: 2px;
	max-height: 90%;
	max-width: 99%;
}
.bt_fleche {
	background: rgba(255, 255, 255, 0.4);
	border: #ccc;
	border-radius: 50%;
	font-size: 5.8em;
	width: 80px;
	height: 80px;
	padding: 0;
	line-height: 0.7em;
	color: #eee;
	transition: 0.4s;
}
.bt_fleche:hover {
	background: #fff;
	color: #999;
}
#prod_imb_bt_G {
	position: fixed;
	top: 100px;
	left: 5%;
}
#prod_imb_bt_D {
	position: fixed;
	top: 100px;
	right: 5%;
}
#prod_img_large {
	border:solid 1px #d9d1cc;
	width:362px;
}



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