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

@font-face {
    font-family: 'montserratlight';
    src: url('style/fonts/montserrat-light-webfont.eot');
    src: url('style/fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('style/fonts/montserrat-light-webfont.woff') format('woff'),
         url('style/fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('style/fonts/montserrat-light-webfont.svg#montserratlight') 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: 'montserratitalic';
    src: url('style/fonts/montserrat-italic-webfont.eot');
    src: url('style/fonts/montserrat-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/montserrat-italic-webfont.woff2') format('woff2'),
         url('style/fonts/montserrat-italic-webfont.woff') format('woff'),
         url('style/fonts/montserrat-italic-webfont.ttf') format('truetype'),
         url('style/fonts/montserrat-italic-webfont.svg#montserratitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratmedium_italic';
    src: url('style/fonts/montserrat-mediumitalic-webfont.eot');
    src: url('style/fonts/montserrat-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/montserrat-mediumitalic-webfont.woff2') format('woff2'),
         url('style/fonts/montserrat-mediumitalic-webfont.woff') format('woff'),
         url('style/fonts/montserrat-mediumitalic-webfont.ttf') format('truetype'),
         url('style/fonts/montserrat-mediumitalic-webfont.svg#montserratmedium_italic') 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;
}

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

/*

Couleurs principales :
#006c5c => rgba(0, 1.8, 92, 1)
#F7AA34

*/

/* CORPS */
body {
	margin: 0;
	padding: 0;
	font-family: 'montserratregular', "Montserrat", sans-serif;
	font-size: 0.75em;
	color: #555;
	background: #fff;
}
@media screen and (max-width: 980px) {
	body {
		font-size: 1em; /* ne fonctionne pas sur les vw */
	}
}
a {
	text-decoration: none;
	cursor: pointer;
}

a img {
	border: 0;
}

img, iframe {
	max-width: 100%;
}

.alignG {
	float: left;
	margin-right: 40px;
}
.alignD {
	float: right;
	margin-left: 40px;
}
@media screen and (max-width: 980px) {
	.alignG {
		float: none;
		margin: 0px auto 40px;
	}
	.alignD {
		display: block;
		float: none;
		margin: 0px auto 40px;
	}
}
.alignC, .txtAlignC {
	text-align: center;
}
.txtAlignD {
	text-align: right;
}
.txtAlignG {
	text-align: left;
}

.fin {
	clear: both;
}
.clearer , .fintoufin {
	clear: both;
	height: 0px;
	line-height: 0px;
}
.wfull {
	display: block;
	width: 100%;
	margin: 0 auto;
}
/*
@media screen and (min-width: 1500px) {
	.wfull {
		width: 1500px;
	}
}
*/
.w955, .w955ext {
	width: 955px;
	margin: 0 auto;
	position: relative;
}
@media screen and (max-width: 980px) {
	.w955, .w955ext {
		width: auto;
	}
}
@media screen and (min-width: 1600px) {
	.w955ext {
		width: 1500px;
	}
}

.w855, .w855ext {
	margin: 0 auto;
	width: 855px;
}
@media screen and (max-width: 855px) {
	.w855, .w855ext {
		width: 90vw;
	}
}
@media screen and (min-width: 1600px) {
	.w855ext {
		width: 1100px;
	}
}
.w755 {
	margin: 0 auto;
	width: 755px;
}
.w655 {
	margin: 0 auto;
	width: 655px;
}

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

#generale {
	background: #fff;
}
@media screen and (max-width: 980px) { /* ne pas en abuser... */
	#generale {
		font-size: 1.2em;
	}
}

/* HAUT */
header {
	position: relative;
	position: fixed;
	z-index: 500;
	/*border: 1px solid #F00;*/
	height: 200px;
	background: linear-gradient( rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
@media screen and (max-width: 980px) {
	header {
		position: relative;
		background: none;
		height: auto;
	}
}

#navHaut {
	z-index: 600;
	margin: 62px auto 0px;
	padding: 0px 0px 0px;
	height: 51px;
	line-height: 47px;
	color: #fff;
	text-align: center;
	font-size: 1.2em;
	/*font-family: 'montserratbold', "Montserrat Bold", "Montserrat", sans-serif;
	font-weight: bold;*/
	text-transform: uppercase;
	background-color: #006c5c;
	background-color: rgba(0, 108, 92, 0.8);
	transition: 0.5s;
}
#navHaut:hover {
	background-color: rgba(0, 108, 92, 1);
	transition: 0s;
}
#navHaut ul {
	margin: 0 auto;
	padding: 0px;
}
#navHaut li{
	display: inline-block;
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px 10px;
	width: 141px;
	width: auto;
	text-align: center;
	list-style: none;
	list-style-image: none;
	/*border: 1px solid #f00;*/
	color: #fff;
}
#navHaut li.NH-long{
	padding: 0px 0px;
}
#navHaut a {
	display: block;
	display: inline-block;
	margin: 0px;
	padding: 0px 10px;
	color: #fff;
	text-decoration: none;
}
#navHaut a:hover {
	color: #fff;
	border-bottom: 4px solid #fff;
}
#navHaut a.NH-deroule:hover {
	border-bottom: 0;
}
#navHaut a.NH-actif{
	color: #fff;
	border-bottom: 4px solid #fff;
}
#navHaut #logo {
	position: relative;
	margin: -32px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	z-index: 700;
	width: 132px;
	width: 107px;
	color: #fff;
	border: 0;
}
#navHaut #logo a{
	transition: 1s;
}
#navHaut #logo a:hover {
	margin-top: -20px;
	color: #fff;
	border-bottom: none;
}
#navHaut #logo img{
	transition: 1s;
}
#navHaut #logo a:hover img{
	box-shadow: 0px 0px 6px 6px rgba(255, 255, 255, 0.3);
}

#navHaut #navHautOnglet {
	display: none;
}

/* menus déroulants */
/* navHaut_2 */
ul#navHaut_1 li ul {
	display:none;
}
ul#navHaut_1 li:hover ul { 
	z-index: 1000000;
	display: block;
	width: 180px;
	margin: 0;
	padding: 0px 0px 5px;
	position: absolute;
	top: 47px;
	left: -10%;
	text-align: center;
	list-style-type: none;
	text-transform: none;
	border-radius: 0px 0px 20px 20px;
	/*
	border-bottom: 1px solid #ccc;
	background: linear-gradient(#fff 0%, #fefefe 70%, #eee 100%);
	box-shadow: 0px 5px 10px -2px #ddd;
	*/
	background: #006c5c;
}
ul#navHaut_1 li ul li {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	text-align: center;
	font-size: 0.8em;
	border-bottom: 1px solid #eee;
	border-bottom: 1px solid #407c6c;
}
ul#navHaut_1 li ul li a{
	display: block;
	padding: 17px 0px;
	color: #cdc;
}
ul#navHaut_1 li ul li a:hover{
	color: #f90;
	border: none;
}
ul#navHaut_1 li ul li:last-child {
	border-bottom: none;
}

/* lien ext. accès client */
#acces_client {
	position: absolute;
	display: inline-block;
	top: 20px;
	right: 360px;
	text-align: right;
	padding: 4px 12px;
	border-radius: 8px;
	transition: 0.4s;
}
#acces_client:hover {
	background: rgba(255,255,255,0.7);
	transition: 0.1s;
}

/* NAV LANG */
#lang_flag {
	display: inline-block;
	position: absolute;
	top: 2px;
	right: 43px;
	top: 25px;
	right: 300px;
	text-align: right;
	width: 70px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
#lang_flag a {
	padding: 0px 0px 0px 9px;
	font-weight: normal;
	color: #1a1a1a;
	border:none;
	/*border-right: solid 1px #999;*/
}
#lang_flag a:hover {
	border:none;
	color:#bc194b;
	text-decoration: none;
}
#lang_flag a:last-child {
	border:none;
}
#lang_flag a.lang_current {
	color:#bc194b;
}
#lang_flag a img{
	opacity: 0.3;
	transition: 0.5s;
	width: auto;
	filter: saturate(20%);
}
#lang_flag a.lang_current img{
	opacity: 1;
}
#lang_flag a:hover img{
	opacity: 1;
	transition: 0.3s;
}
#lang_flag:hover img{
	filter: saturate(100%);
}


/* recherche */
#form_recherche {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 0;
	margin: 0;
}
.entree_rech {
	width: 200px;
	height: 14px;
	line-height: 14px;
	padding: 5px 30px 5px 17px;
	background: #fff url(style/ico_loupe.png) no-repeat 95% center scroll;
	background-size: 1.2em;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-style: normal;
	font-size: 1.0em;
	color: #666;
	box-shadow: 3px 4px 7px 0px #ddd inset;
}
/* le même mais dans la page */
.label_rech_page {
	/*display: inline-block;
	float: right;*/
	width: 200px;
	height: 20px;
	line-height: 14px;
	padding: 5px 17px 5px 17px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-style: normal;
	box-shadow: 3px 4px 7px 0px #ddd inset;
}
.entree_rech_page {
	float: left;
	width: 176px;
	background: transparent;
	border: none;
	font-size: 1.1em;
	color: #666;
}
.submit_rech_page {
	float: left;
	height: 18px;
}

@media screen and (max-width: 980px) {
	#navHaut {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 160px 0px 10px;
		line-height: 3em;
		color: #cc0;
		text-align: center;
		font-size: 3.4em;
		font-weight: normal;
		/*border-bottom: double 4px #ccc;*/
	}
	#navHaut ul#navHaut_1{
		height: 0px;
		overflow: hidden;
		position: static;
	}
	#navHaut ul#navHaut_1.navHautDeploy {
		height: auto;
	}
	#navHaut li{
		color: #cac9c8;
		margin: 0px;
		padding: 0px 0px;
		display: block;
		float: none;
		width: 100%;
		text-align: center;
		list-style: none;
		list-style-image: none;
		border-bottom: 3px solid #333;
	}
	#navHaut a {
		margin: 0px;
		padding: 4px 0px;
		color: #a3998f;
		color: #fff;
		text-decoration: none;
	}
	#navHaut a:hover {
		color: #fff;
		border-bottom: none;
	}
	#navHaut a.NH-actif{
		color: #a3998f;
		border-bottom: none;
	}
	#navHaut #logo {
		position: absolute;
		top: 10px;
		left: 10px;
		margin: 0px;
		z-index: 1;
		width: 189px;
		border: none;
		line-height: 1em;
		font-size: 1em;
		border: 0;
	}
	#navHaut #logo img{
		height: 196px;
	}
	
	/* recherche */
	#form_recherche {
		position: absolute;
		top: 55px;
		left: 210px;
		width: 530px;
		max-width: 80vw;
		z-index: 1000;
		/*border: 1px solid #f00;*/
	}
	.entree_rech {
		width: 470px;
		width: 50%;
		height: 1.4em;
		line-height: 1.4em;
		padding: 5px 30px 5px 20px;
		background: #fff url(style/ico_loupe_max.png) no-repeat 95% center scroll;
		background-size: 1.2em;
		border: 1px solid #ccc;
		border-radius: 15px;
		font-style: normal;
		font-size: 2.0em;
		font-size: calc(10px + 2vw);
		color: #666;
		box-shadow: 3px 4px 7px 0px #ddd inset;
	}
	/* le même mais dans la page */
	.label_rech_page {
		/*display: inline-block;
		float: right;*/
		width: 200px;
		height: 20px;
		line-height: 14px;
		padding: 5px 17px 5px 17px;
		background: #fff;
		border: 1px solid #ccc;
		border-radius: 5px;
		font-style: normal;
		box-shadow: 3px 4px 7px 0px #ddd inset;
	}
	.entree_rech_page {
		float: left;
		width: 176px;
		background: transparent;
		border: none;
		font-size: 1.1em;
		color: #666;
	}
	.submit_rech_page {
		float: left;
		height: 18px;
	}

	/* bouton "menu tablette" */
	#navHaut #navHautOnglet {
		z-index: 1010;
		display: block;
		position: absolute;
		top: 30px;
		right: 30px;
		width: 100px;
		height: 90px;
		padding: 0px 8px 20px;
		border: 4px solid #fff;
		border-radius: 15%;
		line-height: 1em;
		font-size: 2em;
		cursor: pointer;
	}
	ul#navHaut_1 li ul {
		display: block;
		display: none;
		z-index: 1000000;
		width: 180px;
		margin: 0;
		padding: 0px 0px 5px;
		position: absolute;
		top: 47px;
		left: -10%;
		text-align: center;
		list-style-type: none;
		text-transform: none;
		border-radius: 0px 0px 20px 20px;
		/*
		border-bottom: 1px solid #ccc;
		background: linear-gradient(#fff 0%, #fefefe 70%, #eee 100%);
		box-shadow: 0px 5px 10px -2px #ddd;
		*/
		background: #006c5c;
	}
	ul#navHaut_1 li ul li {
		display: block;
		display: none;
		width: 100%;
		margin: 0;
		padding: 0;
		line-height: 1.4em;
		text-align: center;
		font-size: 0.8em;
		border-bottom: 1px solid #eee;
		border-bottom: 1px solid #407c6c;
	}
	ul#navHaut_1 li ul li a{
		display: block;
		display: none;
		padding: 17px 0px;
		color: #cdc;
	}
	ul#navHaut_1 li ul li a:hover{
		color: #f90;
		border: none;
	}
	ul#navHaut_1 li ul li:last-child {
		border-bottom: none;
	}

}


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

footer {
	padding: 30px 0px 60px;
	background: #006c5c;
	color: #fff;
}
#navBas {
	
}
.col_nav_bas{
	width: 160px;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	float: left;
	list-style: none;
}
.col_nav_bas li {
	line-height: 2em;
	font-size: 0.9em;
	color: #fff;
}
.col_nav_bas li a{
	color: #fff;
}
.col_nav_bas li:first-child {
	line-height: 3em;
	font-size: 1em;
	font-family: 'montserratbold', "Montserrat Bold", "Montserrat", sans-serif;
	/*font-weight: bold;*/
	text-transform: uppercase;
	color: #fff;
}
@media screen and (max-width: 980px) {
	#logo_pied img{
		width: 30%;
	}
	.col_nav_bas{
		display: block;
		width: auto;
		margin: 10px 0px;
		padding: 10px 0px;
		float: none;
		text-align: center;
		font-size: 2.7em;
		border-bottom: 1px solid #698;
	}
}


/*    	    Signature 	        */

#siteWeb{
	margin: 0px 0px 0px;
	padding: 20px;
	text-align: center;
	line-height: 14px;
	background: #000;
}
#siteWeb a {
	text-decoration: none;
	font-size: 0.8em;
    text-shadow: none;  
	color: #666;
}
#siteWeb a:hover {
	color: #fff;
	text-decoration: none;
}
#siteWeb img{
	height: 20px;
}

@media screen and (max-width: 980px) {
	#siteWeb{
		padding: 70px 0px 100px;
		font-size: 2em;
		line-height: 1.4em;
	}
	#siteWeb img{
		height: 70px;
	}
}

/* fil d'ariane */

#filAriane {
	margin: 0px auto 50px;
	padding: 4px 0px 4px 0px;
	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:first-child {
	padding-left: 10px;
}
#filAriane a:hover {
	/*text-decoration: underline;*/
	color: #f90;
}
#filAriane strong {
	padding: 0px 4px;
	color: #000;
}
@media screen and (max-width: 980px) {
	#filAriane {
		padding: 8px 0px 8px 0px;
		line-height: 2em;
		font-size: 0.7em;
	}
	#filAriane strong {
		display: none;
}
}


/* 			*/
/* ACCUEIL 	*/
/* 			*/

/* sur ce site, le slogan a été déporté dans la page d'accueil */

#slogan {
	margin: 40px 0px;
	padding: 100px 0px 20px;
	font-size: 2em;
	line-height: 1.4em;
	text-transform: uppercase;
	text-align: center;
	color: #006c5c;
	color: #448678;
	background: url("style/fond_slogan.png") no-repeat center top;
}

/* pages PREMS à l'accueil */
#acc_rap_page_prems {
	margin: 40px 0px;
	padding: 0px 0px 40px;
	background: #F7AA34;
	text-align: center;
	background: #fff url("style/fond_acc_rap_page.png") repeat-x center bottom;
}
.acc_rap_page_a {
	position: relative;
	display: inline-block;
	width: 30%;
	height: 200px;
	height: 48vw;
	margin: 0px 1% 0px;
	background: #fff;
	color: #000;
	/*border: 1px solid #f00;*/
}
.acc_rap_page_img {
	width: 100%;
}
.acc_rap_page_libelle {
	margin: 30px 0px;	
	padding: 0px 0px;
	line-height: 1.2em;
	text-transform: uppercase;
	font-size: 1.5em;
	font-size: 1.5vw;
	/*font-family: 'montserratbold', "Montserrat Bold", "Montserrat", sans-serif;
	font-weight: bold;*/
	color: #000;
}
.acc_rap_page_chapo {
	margin: 30px 0px;	
	padding: 0px 20px;
	font-size: 1.2vw;
	color: #888;
	line-height: 2em;
}
.acc_rap_page_resume {
	margin: 0px;
	padding: 0px 3vw;
	height: 9.9vw;
	overflow: hidden;
	font-family: montserratlight;
	font-size: calc(0.6em + 8px);
}
.acc_rap_page_chapo aside {
	font-size: 1.4em;
}

.acc_rap_page_lire {
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: block;
	width: 100%;
	margin: 1.3vw auto;	
	font-size: 1.4vw;
	font-family: 'montserratbold', "Montserrat Bold", "Montserrat", sans-serif;
	/*font-weight: bold;*/
	line-height: 3em;
	background: #fff;
	transition: 0.5s;
}
.acc_rap_page_lire span{
	display: inline-block;
	width: 80%;
	padding: 16px 0px 0px;
	border-top: 1px solid #ccc;
}
.acc_rap_page_a:hover .acc_rap_page_lire{
	/*line-height: 14em;*/
}

/* pages en rappel à l'accueil */
#acc_rap_page {
	
}
.rap_service {
	clear: both;
	padding: 10px 0px 0px;
}
.rap_serv_a_img {
	display: block;
	width: 475px;
	height: 285px; /* 3/5e */
	overflow: hidden;
}
.rap_align_d {
	float: right;
	margin-left: 50px;
}
.rap_align_g {
	float: left;
	margin-right: 50px;
}
.rap_serv_intro {
	font-family: 'montserratbold', "Montserrat Bold", "Montserrat", sans-serif;
	font-size: 1.4em;
	line-height: 1.4em;
}
.rap_serv_resume {
	margin: 0px 0px 10px;
	font-family: 'montserratlight', sans-serif;
	font-size: 1.2em;
	line-height: 1.6em;
}

/* page PREMS et RAPPEL d'accueil pour petits écrans */
@media screen and (max-width: 980px) {
	#slogan {
		padding: 100px 100px 20px;
		font-size: 2em;
		line-height: 1.5em;
		text-transform: uppercase;
	}

/* page PREMS d'accueil */
	#acc_rap_page_prems {
		margin: 40px 0px;
		padding: 0px 0px 40px;
		background: #F7AA34;
		text-align: center;
		background: none;
	}
	.acc_rap_page_a {
		position: relative;
		display: block;
		width: 80%;
		height: auto;
		margin: 40px auto 40px;
	}
	.acc_rap_page_libelle {
		font-size: 4vw;
	}
	.acc_rap_page_chapo {
		font-size: 3vw;
	}
	.acc_rap_page_resume {
		height: auto;
		overflow: visible;
	}
	.acc_rap_page_chapo aside {
		display: none;
	}
	.acc_rap_page_lire {
		position: static;
		display: block;
		width: 100%;
		margin: 1.3vw auto;	
		font-size: 4vw;
		line-height: 3em;
	}
	.acc_rap_page_lire span{
		width: 80%;
		padding: 16px 0px;
		border-bottom: 1px solid #ccc;
	}
	.acc_rap_page_a:hover .acc_rap_page_lire{
		line-height: 3em;
	}
	
	/* pages en rappel à l'accueil */
	#acc_rap_page {
		margin: 0px 0px 10px;
		text-align: justify;
	}
	.rap_service {
		clear: both;
		padding: 0px 0px 50px;
		margin: 0px 0px 50px;
		border-bottom: 1px solid #ccc;
	}
	.rap_service:last-child {
		border: none;
	}
	.rap_serv_a_img {
		float: none;
		display: block;
		width: 100%;
		height: auto;
		overflow: visible;
	}
	.rap_serv_a_img img {
		display: block;
		width: 100%;
		height: auto;
	}
	.rap_align_d {
		float: none;
		margin-left: 0px;
	}
	.rap_align_g {
		float: none;
		margin-right: 0px;
	}
	.rap_serv_intro {
		font-size: 1.4em;
		padding: 20px 40px 0px;
	}
	.rap_serv_resume {
		font-size: 1.2em;
		margin: 0px 0px 10px;
		padding: 20px 40px 10px;
	}
	#acc_rap_page .lien_2 {
		font-size: 2em;
		margin: 10px 0px 10px;
		padding: 20px 40px 0px;
	}

}

/* page actualités */

/* cf og-actu.css */

/* Pages internes */

#page_bg {
	background: #f3f3f3;
}
#page_contenant {
	position: relative;
	background: #fff;
	margin-top: -70px;
	z-index: 2;
	box-shadow: 0 -1vh 1vh 0px rgba(50,50,50,0.2);
}
#page_contenu {
	padding-top: 110px;
	padding-top: 70px;
}

#col_menu {
	float: right;
	width: 300px;
	margin: 0px 0px 20px 20px;
}
@media screen and (min-width: 1600px) {
	#col_menu {
		width: 450px;
		margin: 0px 0px 20px 20px;
	}
}
#col_menu_corps { /* inutilisée */
	background-color: #efefef;
	padding: 0px 0px 20px 0px;
	border: 1px solid #e0e0e0;
}

/* PAGES SERVICES */
#nav_sous_serv {
	/*
	padding-left: 40px;
	padding-right: 40px;
	border-top: 1px solid #ddd;
	*/
}

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

/* cf og-actu.css */


/************************/
/*	CORPS page CONTACT 
(les colones sont : "col_plan", "col_adresse" et "col_message")	*/
/************************/

#col_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;
}

.raisonSociale {
	margin: 7px 0px 17px 0px;
	font-size: 1.7em;
	font-weight: normal;
	color: #fff;
}
.coordonnees {
	margin: 0px 0px 40px 0px;
	font-size: 1em;
}


/*	formulaire	 */

#col_message {
	/*width: 955px;*/
	margin: 0px auto 40px auto;
	padding: 0px 0px 0px 0px;
}

.form_message {
}
.form_contact {
	width: 450px;
	margin: 0px 0px 40px 0px;
}
.form_devis {
	/*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: 280px;
	border: 1px solid #ccc;
	margin: 0px 1% 10px 0px;
	padding: 2px 10px 10px;
}
.form_message fieldset.jeux_1.jeux_moit {
	width: 45%;
}
@media screen and (max-width: 980px) {
	.form_message fieldset.jeux_1 {
		float: none;
		width: auto;
		border: 1px solid #ccc;
		margin: 0px 1% 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 #006c5c;
	background: #fff;
	margin: 0px 0px 8px;
	padding: 4px 8px;
	line-height: 1.4em;
	font-size: 1.2em;
	color: #006c5c;
}
.form_message .paralab {
	line-height: 1.8em;
	border: 1px solid #006c5c;
	background: #fff;
	margin: 0px 0px 8px;
	padding: 2px 0px;
}
.form_message label.labWilde {
	background: transparent;
	border: none;
}
.form_message label.labSmart {
	background: transparent;
	border: none;
	display: inline;
}
.form_message .entree {
	background: transparent;
	line-height: 1.2em;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 75%;
}
.form_message .entree2 {
	background: transparent;
	line-height: 1.2em;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 50%;
}
.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 .selectionMiLite {
	background: transparent;
	line-height: 11px;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 50%;
	float: right;
}
.ope_spam {
	font-family: sans-serif;
}
.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: #fff;
	border: 1px solid #006c5c;
	margin: 0px;
	padding: 0px 6px 0px;
	line-height: 1.8em;
	height: 2.2em;
	color: #006c5c;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
.form_message #Envoyer:hover {
	background: #006c5c;
	color: #fff;
}


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



/*				***	***	***	***				*/
/*		FORMULAIRES D'INFORMATIONS		*/
/*				***	***	***	***				*/

/* le Form */

#form_demande_1 {
	
}
#form_demande_1 fieldset {
	margin: 2.5em 0em;
	padding: 0.5em 2em 2em;
}
#form_demande_1 fieldset legend {
	padding: 0.5em 1em;
	font-size: 2.1em;
	font-variant: small-caps;
	font-family: serif;
}

/* Titres */

.form_titre_1 {
	margin: 1em 0vw;
	padding: 1em 2vw;
	border: 1px solid #006c5c;
	text-align: center;
	font-variant: small-caps;
	font-size: 2em;
	color: #006c5c;
}

.form_titre_2 {
	margin: 2.4em 0vw 1.2em;
	padding: 0;
	font-variant: small-caps;
	font-size: 1.6em;
	color: #333;
}
.form_titre_2::after {
	content: " :";
}

.form_titre_3 {
	margin: 2.4em 0vw 1.2em;
	padding: 0;
	font-weight: bold;
	font-size: 1.3em;
	color: #666;
}

.form_titre_4 {
	position: relative; /* pour ancre_abs_1 */
	margin: 1.0em 0vw 1.4em;
	font-size: 1.3em;
	text-transform: uppercase;
}

/* ancres */
a.ancre_abs_1 {
	position: absolute;
	top: -200px;
}
@media screen and (max-width: 1280px) {
	a.ancre_abs_1 {
		top: -20px;
	}
}

/* Parag */

.form_comment_1 {
	font-family: serif;
	font-style: italic;
	color: #666;
	margin: 0 0 2em 0;
}

.form_comment_4 {
	float: right;
	margin-right: 4em;
	font-family: serif;
	font-style: italic;
	font-size: 1.2em;
	color: #666;
}
.form_comment_4::before {
	content: " ( "
}
.form_comment_4::after {
	content: " ) "
}
td .form_comment_4 {
	font-size: 1.0em;
}

.alert_good {
	margin: 1em 0;
	border: 3px double #fff;
	padding: 1em 1em;
	text-align: center;
	color: #fff;
	background-color: #006c5c;
	font-size: 1.4em;
}
.alert_bad {
	margin: 1em 0;
	border: 3px double #F7AA34;
	padding: 1em 1em;
	text-align: center;
	color: #fff;
	background-color: #F7AA34;
	font-size: 1.4em;
}

/* blocs */

.form_sous_bloc {
	margin: 0 0 2em 4em;
	font-size: 0.9em;
}

/* Champs */

#form_demande_1 label {
	display: block;
	width: 100%;
	margin: 1em 0 2em;
	font-size: 1.4em;
	color: #666;
}
#form_demande_1 input[type=text]{
	display: block;
	width: 98%;
	margin: 0;
	padding: 0 0 0 2%;
	border: none;
	border-bottom: 1px solid #ccc;
	font-size: 1.0em;
	color: #006c5c;
	background: #f0f6f5;
}

#form_demande_1 input[type=text].in_dem_lite {
	display: inline;
	width: auto;
	margin: auto 1em;
	color: #666;
}
#form_demande_1 input[type=text].in_dem_signe {
	display: inline;
	width: auto;
	margin: auto 1em;
	color: #666;
	font-size: 1.6em;
	font-weight: bold;
	border-bottom: 1px dashed #ccc;
	background: none;
}

#form_demande_1 textarea {
	display: block;
	width: 100%;
	margin: 1em 0 2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #006c5c;
	border: 1px solid #ccc;
	border-left: none;
	border-top: none;
	background: #f0f6f5;
}

#form_demande_1 input[type=radio] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 50%;
	width: 1.2em;
	height: 1.2em;
	border: 1px solid #969998;
	outline: none;
	transition: 0.2s all linear;
	vertical-align: 0%;
}
#form_demande_1 input[type=radio]:checked {
	border: 0.4em outset  #006c5c;
	background: #fff;
}

#form_demande_1 .lab_lite { /* à l'intérieur d'un form_titre_3 */
	float: right;
}
#form_demande_1 .lab_lite label { /* à l'intérieur d'un form_titre_3 */
	display: inline;
	float: left;
	width: auto;
	margin: 0 0 0 1em;
	font-size: 1.0em;
	font-weight: normal;
}

/* Tableaux */

.form_table_1 {
	width: 100%;
	margin: 1.2em 0 4em;
	border-collapse: collapse;
}
.form_table_1 thead{
	font-size: 1.2em;
}
.form_table_1 td{
	border: 1px solid #ccc;
	padding: 0.5em 0.5em 0.1em 1em;
}
.form_table_1 td.form_td_tot{
	border: none;
	text-align: right;
	font-size: 1.2em;
	text-transform: uppercase;
}
.form_table_1 td.form_td_plus{
	border: none;
	text-align: right;
}


/* 	***	***	***	*** */
/* 	ENRICHISSEMENT 	*/
/* 	***	***	***	*** */


/* TITRES */

.titre_1 {
	margin: 0px 0px 1.2em;
	padding: 0px 0px 0.7em;
	background: url("style/pixel_vert.png") no-repeat center bottom scroll;
	background-size: 2em 3px;
	color: #006c5c;
	text-transform: uppercase;
	text-align: center;
	font-size: 3vw;
	font-weight: normal;
}
.titre_1 a{
	color: #006c5c;
}
.titre_2 {
	margin: 0px 0px 1.2em;
	padding: 0px 0px 0.7em;
	background: url("style/pixel_vert.png") no-repeat left bottom scroll;
	background-size: 2em 3px;
	color: #006c5c;
	text-transform: uppercase;
	font-size: 3vw;
	font-weight: normal;
}
.titre_2 a{
	color: #006c5c;
}
.titre_neg {
	background-image: url("style/pixel_blanc.png");
	color: #fff;
}
.titre_neg a{
	color: #fff;
}
.fond_fichier_b {
	display: block;
	text-align: center;
	margin: 0 0 30px;
}
.fond_fichier_b img{
	width: 80px;
}
.titre_4 {
	margin: 0px 0px 1em;
	padding: 0px 0px;
	color: #000;
	font-size: 1.5vw;
	font-weight: normal;
}
.titre_5 { /* mentions */
	margin: 30px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1em;
	font-family: 'montserratbold', "Monserrat Bold", "Monserrat", Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	text-align: left;
	color: #fa0;
}
.titre_6 {
	position: absolute;
	top: -1.7em;
	left: 0;
	right: 0;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.4em;
	font-size: 3.8vw;
	font-weight: normal;
	/* font-family: light */
}
.titre_6 span{
	display: inline-block;
	background: #F7AA34;
	color: #fff;
	padding: 0px 1em;
	z-index: 10;
}
.titre_7 {
	margin: 0px 0px 1em;
	padding: 0px 0px 0em;
	color: #006c5c;
	text-align: left;
	text-transform: uppercase;
	font-size: 2.5vw;
	font-weight: normal;
}
/* spéciaux pour les contenus administrables */
.soustitre_1 {
	margin: 2em 0px 1.2em;
	font-size: 1.4em;
	/* font-weight: bold; */
	font-family: "montserratbold", sans-serif;
	color: #000;
}
.soustitre_2 {
	margin: 1em 0px 0.8em;
	font-size: 1.2em;
	font-weight: normal;
	font-family: "montserratregular", sans-serif;
	color: #006c5c;
}
.soustitre_3 {
	margin: 1em 0px 0em;
	font-family: "montserratregular", sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	font-style: italic;
	color: #F7AA34;
}

/* pages de contenus */
.txt_page_intro {
	line-height: 1.6em;
	font-size: 1.4em;
	color: #777;
}
.txt_page_texte {
	line-height: 1.8em;
}

/* autres paragraphes */
.txt_1 {
	margin: 0px 0px 1em;
	padding: 0px 0px;
	font-size: 1.1vw;
	color: #888;
	line-height: 1.8em;
}
.txt_2 {
	margin: 0px auto 40px;
	font-size: 1.2vw;
	font-family: montserratlight;
	color: #fff;
	line-height: 1.8em;
}
.txt_3 {
	margin: 0px auto 40px;
	font-size: 1.4em;
	color: #fff;
	line-height: 1.8em;
}
.txt_4 {
	font-size: 1em;
	color: #666;
	line-height: 1.6em;
}

.comment_1 { /* notes pour les form */
	line-height: 1.8em;
}
.comment_2 { /* notes pour les listes */
	font-size: 0.7em;
	font-style: italic;
}

/* titres et textes pour petits écrans */
@media screen and (max-width: 980px) {
	.titre_1 {
		font-size: 5vw;
	}
	.titre_2 {
		font-size: 5vw;
		text-align: center;
		background-position: center bottom ;
	}
	.titre_4 {
		padding: 0px 40px;
		font-size: 4vw;
		/*text-align: justify;*/
		text-align: center;
	}
	.titre_6 {
		position: absolute;
		top: -1.7em;
		left: 0;
		right: 0;
		line-height: 1.6em;
		font-size: 5.2vw;
	}
	.titre_6 span{
		padding: 0px 1em;
	}
	.txt_1 {
		padding: 0px 40px;
		font-size: 3vw;
		text-align: justify;
	}
	.txt_2 {
		margin: 0px auto 70px;
		font-size: 3.3vw;
	}
}

/* blocs, pavé, colonnes */

.fond_1 {
	padding: 40px 0px 50px 0px;
	text-align: center;
	background: #F4F3F1;
}
.fond_2 {
	padding: 50px 0px 60px 0px;
	background: #F7AA34;
}
.fond_3 {
	margin: 0;
	padding: 20px 0px 20px 20px;
	background: #F7AA34;
}

/* boutons */

.bt_1 , .bt_2 {
	padding: 10px 40px;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.4vw;
	font-size: calc(10px + 0.4vw);
	border: 1px solid;
	border-radius: 30px;
	transition: 0.6s;
}
.bt_1 {
	color: #F7AA34;
	background: #fff;
	border-color: #F7AA34;
}
.bt_2 {
	color: #fff;
	background: #F7AA34;
	border-color: #fff;
}
.bt_1:hover {
	background: #FEF7EB;
	transition: 0.1s;
}
.bt_2:hover {
	background: #FAC576;
	transition: 0.1s;
}
.bt_1:disabled , .bt_2:disabled {
	background: #ccc;
}
/* ico doc de GED */
.bt_doc {
	
}
@media screen and (max-width: 980px) {
	.bt_1 , .bt_2 {
		font-size: 4vw;
	}
	.bt_doc {
		width: 50px;
	}
}
.bt_3 {
	padding: 8px 20px;
	text-align: center;
	font-size: 1vw;
	font-size: calc(0.5vw + 7px);
	border-radius: 30px;
	transition: 0.2s;
	color: #fff;
	background: #FAC576;
	border-color: #fff;
}
.bt_3:hover {
	background: #F7AA34;
	transition: 0.1s;
}

.bt_gris { /* gris=desat */
	opacity: 0.5;
	filter: saturate(0%);
	transition: 0.6s;
}
.bt_gris:hover { 
	opacity: 1;
	filter: saturate(100%);
	transition: 0.6s;
}


/* listes */

.liste_1 { /* gros picto domaines d'activité */
	padding: 0px 0px 40px 0px;
	text-align: center;
}
.liste_1 li {
	display: block;
	float: left;
	list-style: none;
	list-style-image: none;
	width: 200px;
	height: 120px;
	margin: 0px 19px;
	padding: 0px 0px 0px 0px;
	line-height: 1.25em;
	font-family: 'montserratbold', "Montserrat Bold", "Montserrat", sans-serif;
	font-size: 1.2em;
	text-align: center;
	text-transform: uppercase;
	color: #000;
}
.liste_1 li img{
	margin-bottom: 10px;
}
.liste_1 li a {
	color: #000;
}
.liste_1 li a:hover{
	color: #333;
}

/* listes pour petits écrans */
@media screen and (max-width: 980px) {
	.liste_1 li {
		display: block;
		float: none;
		list-style: none;
		list-style-image: none;
		width: 70%;
		height: auto;
		margin: 80px auto;
		padding: 0px 0px 0px 0px;
		line-height: 1.25em;
		font-family: 'montserratbold', "Montserrat Bold", "Montserrat", sans-serif;
		font-size: 2em;
		text-align: center;
		text-transform: uppercase;
		color: #000;
	}
	.liste_1 li img{
		width: 10%;
		margin-bottom: 20px;
	}
}

.liste_2 {
	float: left;
	width: 50%;
	/*border: 1px solid #f00;*/
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
}
.liste_2 li {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 5px;
	list-style-image: url(style/puce_1.png);
	line-height: 1.6em;
	font-weight: normal;
	font-size: 1.2em;
	color: #333;
}
.liste_2 li a {
	color: #666;
	text-decoration: none;
}
.liste_2 li a:hover{
	color: #000;
}

.liste_3 {
	margin: 0px 0px 10px 50px;
	padding: 5px 0px 5px 0px;
}
.liste_3 li {
	margin: 0px 0px 25px 10px;
	padding: 0px 0px 0px 5px;
	list-style-image: url(style/puce_1.png);
	line-height: 1.6em;
	font-weight: normal;
	font-size: 1.4em;
	color: #666;
}
.liste_3 li a {
	color: #F7AA34;
	text-decoration: none;
}
.liste_3 li a:hover{
	color: #000;
}
@media screen and (max-width: 980px) {
	.liste_2 {
		float: none;
		width: auto;
		margin: 0px 0px 10px 0px;
		padding: 5px 0px 5px 0px;
	}
	.liste_2 li {
		line-height: 1.6em;
		font-size: 2.2em;
	}
	.liste_2 li a {

	}
	.liste_2 li a:hover{

	}
}

/* liens */

.lien_1 {
	color: #F7AA34;
}
.lien_1:hover {
	text-decoration: underline;
}
.lien_2 {
	color: #006c5c;
}
.lien_1:hover {
	text-decoration: underline;
}
.lien_3 {
	color: #fff;
}
.lien_3:hover {
	text-decoration: underline;
}

/* cadres */

.cadre_1 {
	padding: 4px;
	background-color: #ccc;
}

/*	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 {
	margin: 4vh 0px;
	padding: 0px;
	line-height: 1px;
	background: transparent;
	border: 0px;
	border-bottom: 1px solid #eee;
}

/*	tableaux	*/

.tableau_1 {
	margin: 20px 0px 20px;
	background-color: #f6f6f6;
	border: 1px solid #ececec;
	border-top-color: #ddd;
	border-right-color: #dfdfdf;
	border-bottom-color: #dfdfdf;
	border-left-color: #ddd;
}
.tableau_1 td{
	border: 1px solid #ececec;
	border-top-color: #fcfcfc;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	border-left-color: #fcfcfc;
	padding: 10px 12px;
	margin: 1px;
}
@media screen and (max-width: 980px) {
	.tableau_1 td{
		padding: 10px 12px;
		margin: 1px;
		font-size: 2em;
	}
}
.tdHead1 {
	text-align: center;
	font-weight: bold;
	color: #F90;
	font-size: 1.2em;
}
.tdHead1.trH td {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.tdHead1.trH td[rowspan] {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1px;
	padding-bottom: 3px;
}
.tdHead2 {
	text-align: center;
	font-weight: bold;
	color: #000;
	color: #F90;
}
.tdHead2.trV td{
	color: #006c5c;
}
.tdHead2.trB td{
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}
.tdHead2 td.th2G{
	border-right: none;
}
.tdHead2 td.th2D{
	border-left: none;
}
.tableG {
	float: left;
	margin-right: 10px;
}
.tableC {
	clear: both;
}


/* Dossiers et documents */

.dos_list_dossier {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: stretch;
	align-items: stretch;
	margin: 1vh auto 10vh;
	/* margin: 1vh auto 1vh; */
	font-size: 14px;
}

.dos_list_document {
	background: #F4F5F5;
	box-sizing: border-box;
	flex: 0 0 400px;
	margin-top: calc(2vh + 10px);
	padding: calc(0.5vh + 0.5vw) calc(1vh + 1vw);
	line-height: 1.4em;
	color: #000;
	/* Flex */
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	box-shadow: 4px 4px 6px 2px rgba(200,200,200,0.5),
				-4px -4px 6px 2px rgba(200,200,200,0.2);
	border-radius: 10px;
}
.dos_list_document:hover {
	background: #E8ECEC;
	box-shadow: none;
}
.dos_list_document .dos_list_doc_libelle {
	margin: calc(0.25vh + 0.25vw) 0;
	font-size: 1.2em;
}
.dos_list_document .dos_list_doc_texte {
	margin: calc(0.25vh + 0.25vw) 0;
	color: #006c5c;
}
.dos_list_document .dos_list_doc_dates {
	margin: calc(0.25vh + 0.25vw) 0;
	font-size: 0.8em;
}
.dos_list_document .dos_list_doc_fichier {
	margin: calc(0.25vh + 0.25vw) 0;
	color: #F7AA34;
	color: #006c5c;
	font-family: 'montserratlight'
}
.dos_list_document .dos_list_doc_fichier img {
	vertical-align: middle;
	margin-right: 1ex;
	max-height: 2em;
	float: right;
	filter: brightness(0.4);
}

@media screen and (max-width: 980px) {
	.dos_list_dossier {
		flex-flow: column nowrap;
		justify-content: flex-start;
		align-content: center;
		align-items: stretch;
		padding: 10px;
	}
	.dos_list_document {
		flex: 0 0 auto;
	}
}


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

/* contenant */
.og_diap_contenant {
    position: relative;
    margin:  0px;
}
.og_diap_contenant figcaption {
	display: inline;
	z-index: 200;
	position: absolute;
	bottom: 50px;
	right: 50px;
	margin: 0px 5px 5px 0px;
	padding: 5px 13px;
	line-height: 1.4em;
	font-family: 'montserratregular', "Montserrat", sans-serif;
	font-size: 2.2em;
	font-weight: normal;
	text-align: right;
	text-transform: uppercase;
	background-color: rgba(247,170,52,0.6);
	color: #fff;
}
.og_diap_contenant figcaption i{
	font-size: 0.7em;
}
.og_diap_contenant span.diap_span_lien{ /* mettre en display=none pour pas se faire chier si ça colle pas avec la demande du client  */
	display: inline-block;
	display: none;
	position: absolute; 
	top: 60px; 
	left: 100px;
	height: 40px;
	line-height: 40px;
	padding: 0px 30px;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #000;
	opacity: 0.7;
}


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

/* OLD OG-DIAP 1.0
#diaporama {
    position: relative;
    margin:  0px;
    overflow: hidden;
}
#sContent li {
    display: inline;
    position: relative;
}
#sContent {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
	transition: 1s;
    
	/*CSS3 webkit keyframes animation
	-webkit-animation-name: AutoSlide;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	
	/*CSS3 moz keyframes animation
	-moz-animation-name: AutoSlide;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
	
	/*CSS3 W3C keyframes animation
	animation-name: AutoSlide;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}*/
/*
#diaporama 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);  
}*/