@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: 'Montserrat';
    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.woff2') format('woff2'),
         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: 'Montserrat Bold';
    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.woff2') format('woff2'),
         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#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat Italic';
    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');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bickham_script_mmregular';
    src: url('style/fonts/bickham-webfont.woff2') format('woff2'),
         url('style/fonts/bickham-webfont.woff') format('woff'),
         url('style/fonts/bickham-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bickhamscriptmmswcaps';
    src: url('style/fonts/bicksmsc-webfont.woff2') format('woff2'),
         url('style/fonts/bicksmsc-webfont.woff') format('woff'),
         url('style/fonts/bicksmsc-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 	OpenSans	*/

@font-face {
    font-family: 'open_sans';
    src: url('style/fonts/OpenSans-Regular-webfont.eot');
    src: url('style/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('style/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('style/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sans';
    src: url('style/fonts/OpenSans-Bold-webfont.eot');
    src: url('style/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('style/fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('style/fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'open_sans';
    src: url('style/fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('style/fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('style/fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('style/fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('style/fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('style/fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('style/fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('style/fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('style/fonts/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('style/fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('style/fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('style/fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'open_sans';
    src: url('style/fonts/OpenSans-Italic-webfont.eot');
    src: url('style/fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('style/fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('style/fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'open_sans';
    src: url('style/fonts/OpenSans-Light-webfont.eot');
    src: url('style/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('style/fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('style/fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight_italic';
    src: url('style/fonts/OpenSans-LightItalic-webfont.eot');
    src: url('style/fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('style/fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('style/fonts/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sans';
    src: url('style/fonts/OpenSans-Semibold-webfont.eot');
    src: url('style/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('style/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('style/fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('style/fonts/OpenSans-SemiboldItalic-webfont.eot');
    src: url('style/fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('style/fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('style/fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('style/fonts/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
Couleurs
#cbc // fond lilas foncé
#39c // bleu du logo
#c9c0ac // fond beige
rgb(51, 153, 204); // bleu du logo
*/

/* CORPS */
body {
	margin: 0;
	padding: 0;
	font-family: 'montserratlight', "Lato Light", Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #000;
	background: #fff;
}

a {
	text-decoration: none;
}
a:hover, button:hover {
	cursor: pointer;
}
a img {
	border: 0;
}

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

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

.hautVide {
	padding-top : 4vh;
	/* padding-top : 60px; */
}
.basVide {
	padding-bottom : 60px;
}

.wfull {
	display: block;
	width: auto;
}
@media screen and (min-width: 1500px) {
	.wfull {
		margin: 0 auto;
		width: 1500px;
	}
}
.wfullPad2 {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 2%;
	width: auto;
}
.w955, .w955ext, .w955int {
	width: 955px;
	margin: 0 auto;
	position: relative;
}
@media screen and (max-width: 955px) { /* ou 980 */
	.w955, .w955ext, .w955int {
		width: auto;
	}
	.w955int {
		padding: 2%;
	}
}
@media screen and (min-width: 1240px) {
	.w955ext {
		width: auto;
	}
}
@media screen and (min-width: 1600px) {
	.w955ext {
		width: 1600px;
	}
}
.w855 {
	margin: 0 auto;
	width: 855px;
}
@media screen and (max-width: 855px) {
	.w855 {
		width: auto;
	}
}

.w755 {
	margin: 0 auto;
	width: 755px;
}
@media screen and (max-width: 755px) {
	.w755 {
		width: auto;
	}
}
.w655 {
	margin: 0 auto;
	width: 655px;
}
@media screen and (max-width: 655px) {
	.w655 {
		width: auto;
	}
}


/* Ancres */
.ancre_header_cont {
	position: relative;
	padding: 5vh 0;
}
.ancre_header {
	position: absolute;
	top: -100px;
}




/*    	    *** *** *** *** 	        */
/*    	    				 	        */
/*    	ENRICHISSEMENTS GENERIQUES 	    */
/*    	    				 	        */
/*    	    *** *** *** *** 	        */

/*
Couleurs
#cbc // fond lilas foncé
#39c // bleu du logo
#c9c0ac // fond beige

*/

.titre_page, .titre_page_lite {
	margin: 0px 0px 0px;
	padding: 0px 0%;
	/* padding: calc(10% + 154px) 0px 10%; */
	/* padding: calc(5vw + 154px + 15vh) 0px calc(10vw + 10vh) ; */
	text-align: center;
	background: top center;
	background-size: cover -10%;
	font-family: "Trebuchet MS";
	font-size: 1.7vw;
	line-height: 2.8em;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px #000, -1px -1px 2px #333;
	text-shadow: 1px 1px 2px #69c, -1px -1px 2px #cbc;
	text-shadow: 1px 1px 2px #036, -1px -1px 2px #89a;
	letter-spacing: 3px;
	color: #fff;
	font-weight: normal;
	background-color: #6cf;
}
.titre_page_lite {
	/* padding: calc(5vw + 15vh) 0px calc(5vw + 5vh) ; */
	font-size: 1.5vw;
}
@media screen and (max-width: 955px) {
	.titre_page, .titre_page_lite {
		font-size: 4vw;
		text-shadow: 1px 1px 2px #123;
	}
}
.titre_page h1, .titre_page_lite h1{
	margin: 0;
	padding: calc(2.5vw + 154px + 7.5vh) 0px calc(5vw + 5vh) ;
	background: rgba(0,50,100,0.5);
	/* background: linear-gradient(rgba(0,100,200,0.0) 0%, rgba(0,100,200,0.2) 40%, rgba(0,100,200,0.2) 60%, rgba(0,100,200,0.0) 100%); */
}
.titre_1 {
	text-align: center;
	font-family: Garamond, Georgia, serif;
	font-size: 6.7em;
	font-family: bickham_script_mmregular, bickhamscriptmmswcaps, script;
	line-height: 0.7em;
	margin: 1ex;
	padding: 1ex;
	color: #39c;
	/*font-weight: bold;*/
}
.titre_1 a{
	color: #39c;
}
time.titre_1 { /* .actu_date */
	display: block;
}
.titre_1 small{
	display: block;
	font-size: 0.7em;
	line-height: 0.7em;
}
.sous_titre_1 {
	display: block;
	margin: 0px 0px;
	padding: 0px 0px;
	font-size: 0.5em;
	font-weight: normal;
	font-style: italic;
	text-transform: none;
	color: #456;
	letter-spacing: initial;
	line-height: 1.6em;
}

.titre_2 {
	font-size: 3.7em;
	text-transform: uppercase;
	color: #fff;
	background-color: #39c;
	margin: 0;
	padding: 1em 0 1em 4em;
}

.titre_3 {
	font-size: 2.7em;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	background-color: #39c;
	margin: 1em 0;
	padding: 1em;
	line-height: 1.2em;
}
.sous_titre_3 {
	padding: 0px 0px;
	font-size: 1em;
	font-weight: bold;
	color: #258;
}

.titre_4 { /* titre_1 petit */
	text-align: center;
	font-size: 3.7em;
	font-family: Garamond, Georgia, serif;
	font-family: bickham_script_mmregular, bickhamscriptmmswcaps, script;
	line-height: 0.9em;
	margin: 0.7em 1em 1ex;
	color: #39c;
	/*font-weight: bold;*/
}

.titre_5 {
	font-size: 1.7em;
	text-transform: uppercase;
	color: #39c;
	margin: 1em 0;
}

.titre_6 { /* gras */
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0;
}
.titre_7 { /* en blanc plus petit que les autres */
	font-size: 2.2em;
	line-height: 1.8em;
	margin: 1em 0;
	color: #fff;
}

.txt_intro {
	text-align: center;
	font-size: 1.7em;
	font-style: italic;
	font-style: normal;
	font-family: "Montserrat Italic";
	line-height: 1.4em;
	color: #fff;
	background: #d4f url("style/fond-txt_intro.png") no-repeat center center;
	background-color: #38c;
	margin: 0;
	padding: 2em 2em;
	/* border-top: 1px solid #93999c; */
	border-top: 1px solid #39c;
	/* border-bottom: 2px solid #c9c0ac; */
	/* border-bottom: 2px solid #369; */
}
.txt_intro h2 {
	font-size: 1.0em;
	font-weight: normal;
}

.txt_page {
	font-size: 1.6em;
	line-height: 1.6em;
	color: #333;
	font-family: Garamond, Georgia, serif;
}

.txt_1 {
	font-size: calc(12px + 1vw);
	line-height: 1.4em;
	color: #333;
	font-family: Garamond, Georgia, serif;
}
.txt_3 {
	padding: 1em;
	font-size: calc(16px);
	line-height: 1.8em;
	color: #39c;
	font-family: Garamond, Georgia, serif;
}

.commentaire_1, .comment_1 {
	font-size: 0.8em;
	font-style: italic;
	font-weight: normal;
	color: #999;
}
.alert_bad, .alerte_bad,
.alert_good, .alerte_good {
	padding: 4px 10px;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}
.alert_bad, .alerte_bad {
	color: #E7670B;
	border: 1px solid #E7670B;
}
.alert_good, .alerte_good {
	color: #39c;
	border: 1px solid #9d9;
	background: #fff;
	line-height: 1.8em;
}

.cadre_1 {
	border: 1px solid #ccc;
	padding: 1em;
}

.cadre_2 {
	display: inline-block;
	border: 1px solid #ccc;
	margin: 1em;
	padding: 1em;
}

/* Liens et boutons */

.lien_1 {
	color: #39c;
}
.lien_2 {
	color: #fff;
}
.lien_3 {
	color: #c93;
}
.lien_4 {
	color: #c66;
}

.flex_bt { /* testee sur eleve accueil */
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	justify-content: space-between;
	padding: 1vh 0;
}

.bt_1 {
	margin: 0.7em 2em;
	padding: 0.7em 2em;
	border-radius: 2em;
	font-size: 1.2em;
	letter-spacing: 1px;
	text-align: center;
	display: inline-block;
	background: #aab;
	background: #39c;
	color: #fff;
	transition: 0.5s;
	font-family: 'montserratlight';
}
.bt_1 img {
	vertical-align: middle;
	vertical-align: bottom;
}
.bt_1:hover {
	background: #39c;
	background: #c39;
}
.bt_2 { /* actuellement utilisée uniquement pour la popup */
	margin: 0.7em 2em;
	padding: 0.7em 2em;
	border-radius: 2em;
	font-size: 1.1em;
	text-align: center;
	display: inline-block;
	transition: 0.5s;
	color: #93999c;
	background: #fff;
}
.bt_2:hover {
	background: #39c;
	color: #fff;
}
.bt_3 { /* style identique au bt_1, faute d'imagination */
	margin: 0.7em 2em;
	padding: 0.7em 2em;
	border-radius: 2em;
	font-size: 1.1em;
	text-align: center;
	display: inline-block;
	background: #ccc;
	color: #fff;
	transition: 0.5s;
}
.bt_3:hover {
	background: #39c;
}
.bt_4 {
	display: inline-block;
	background-color: #c3c9cc;
	padding: 0.2em 2em;
	font-size: 1.1em;
	text-align: center;
	color: #fff;
}
.bt_4:hover {
	background: #39c;
}
.bt_5 {
	display: inline-block;
	border: 1px solid #c3c9cc;
	padding: 0.2em 2em;
	font-size: 1.1em;
	font-family: open_sanslight_italic, sans-serif;
	text-align: center;
	color: #fff;
}
.bt_5:hover {
	background: #33393c;
	color: #fff;
}
.bt_6 {
	position: relative;
	display: inline-block;
	background: #ace;
	background: linear-gradient(to right, #39c 0%, #39c 6ex, #fff 6ex, #fff 100%);
	border: 1px solid #39c;
	padding: 0.2em 1em 0.2em 8ex;
	font-size: 1.1em;
	text-align: center;
	color: #069;
}
.bt_6::before {
	content: "\1F3A7"; 
	position: absolute;
	left: 1ex;
	top: 0.5ex;
}
.bt_6:hover {
	filter: saturate(100%);
	background: #39c;
	background: linear-gradient(to right, #39c 0%, #39c 10%, #39c 20%, #39c 100%);
	color: #fff;
}

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

.bt_pdf {
	display: flex;
	flex-flow: row nowrap;
	align-content: center;
	/* justify-content: space-between; */
	align-items: center;
	align-items: stretch;
	/* padding-left: 40px; */
	/* padding: 0 20px 0 0px; */
	background: #e0e3e6;
	color: #666;
	/* border: 1px solid red; */
	border-radius: 1ex;
}
.bt_pdf div {
	/* border: 1px solid red; */
	display: inline-flex;
	padding: 4px 1em;
	align-self: center;
	flex: 1 1 auto;
	/* conteneur */
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: center;
	align-items: stretch;
	min-height: 40px;
}
/*
.bt_pdf:after {
	content: "\F34A";
}*/
@media screen and (max-width: 700px) {
	.bt_pdf div {
		flex-flow: column nowrap;
		align-items: flex-start;
	}
}
.bt_pdf span.doc_ico {
	border-radius: 1ex;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	/* align-content: center; */
	align-items: center;
	padding: 0 0 0 8px;
	min-height: 40px;
	background: #003264;
	background: #306294;
	color: #fff;
	flex: 0 0 40px;
	align-self: stretch;
}
.bt_pdf span.doc_libel {
	/* border: 1px solid red; */
	/* padding: 1em 2px; */
	color: #003264;
	font-size: 16px;
}
.bt_pdf span.doc_nom {
	/* border: 1px solid red; */
	/* padding: 1em 2px; */
	font-family: "Trebuchet MS", trebuchet, sans-serif;
	font-size: 0.7em;
	color: #003264;
	font-weight: normal;
}
.bt_pdf:hover {
	background: #003264;
	color: #fff;
}
.bt_pdf:hover span {
	color: #fff;
}


/* Alignements */

/* alignements image/inline */
.alignD {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
.alignG {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

/* alignements textes/blocs */
.txtAlignD {
	text-align: right;
}
.txtAlignG {
	text-align: left;
}
.txtAlignC {
	text-align: center;
}
.txtAlignJ {
	text-align: justify;
}

/*	lignes de separation	*/

.ligne_1 {
	margin: 20px 0px;
	padding: 0px;
	line-height: 1px;
	background: transparent;
	border: 0px;
	border-top: 1px solid #e3e3e3;
}
.ligne_2 {
	margin: 20px 0px;
	padding: 0px;
	line-height: 1px;
	background: transparent;
	border: 0px;
	border-top: 1px solid #39c;
}


/* Colonnes */

.col_med_1 {
	margin: 0 0 60px 0;
	text-align: center;
}
.col_med_1 a:first-child{
	margin-right: 1%;
}
.col_med_1 a:last-child{
	margin-left: 1%;
}
.col_med_1 a{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-bottom: 2%;
	width: 48%;
	height: 400px;
	background-size: cover;
	background-color: #999;
	overflow: hidden;
}
.col_med_1 a img:first-child{
	position: absolute;
	top: 0;
	left: -50%;
	left: 0%;
	/* max-width: initial; */
	/* width: 100%; */
	height: 400px;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	transition: 0.8s;
	z-index: 1;
}
.col_med_1 p{ /*display: flex; à venir (compatibilité) */
	z-index: 2;
	position: relative;
	background: rgba(0,0,0,0.4);
	margin: 32% auto;
	width: 90%;
	height: 2.4em;
	color: #fff;
	line-height: 1.2em;
	padding: 1em 0;
	font-size: 2em;
	text-transform: uppercase;
}
.col_med_1 p span{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
}
.col_med_1 a:hover img:first-child{
	transition: 0.1s;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
}
.col_med_1 a:hover p{
	background: rgba(0,0,0,0.5);
}
@media screen and (max-width: 955px) {
	.col_med_1 {
		margin: 0;
	}
	.col_med_1 a:first-child{
		margin-right: 0;
	}
	.col_med_1 a:last-child{
		margin-left: 0;
	}
	.col_med_1 a{
		display: block;
		width: 100%;
		height: 300px;
	}
	.col_med_1 p{
		margin: 30% auto;
		width: 90%;
		height: auto;
		color: #fff;
		line-height: 1.2em;
		padding: 1em 0;
		font-size: 2em;
		text-transform: uppercase;
	}
}

#col_menu {
	float: right;
	width: 440px;
	margin: 0px 0px 20px 20px;
}

/* listes */

.liste_1 li{
	list-style: none;
	font-size: 1.2em;
	color: #333;
	font-family: open_sans, 'lekton', 'Lato', sans-serif;
}
.liste_1 li a {
	color: #000;
}
.liste_1 li a:hover{
	color: #39c;
}

.liste_2 { /* menu et sous-menu */
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 10px;
	text-align: left;
	font-family: open_sans, 'lekton', 'Lato', sans-serif;
    font-weight: 500;
    font-style: normal;
	font-size: 2.2em;
	text-transform: uppercase;
	letter-spacing: 0.3ex;
}
.liste_2 li {
	clear: both;
	margin: 0px 0px 10px 5px;
	padding: 4px 0px 4px 5px;
	list-style: none;
	line-height: 1.4em;
	font-weight: normal;
	font-size: 0.9em;
	color: #333;
}
.liste_2 li a {
	color: #000;
}
.liste_2 li a:hover{
	color: #39c;
}
.liste_2 li ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}
.liste_2 li ul li {
	margin: 0px;
	font-family: Garamond, Georgia, "Book Antiqua", Palatino, "Times New Roman", Times, sans-serif;
    font-weight: 900;
    font-style: normal;
	text-transform: initial;
	letter-spacing: initial;
}
.liste_2 li ul li a {
	color: #666;
}



/* Table */

.table_1 {
	border: 1px solid #cccdce;
}
.table_1 td {
	border: 1px solid #dcddde;
	padding: 0.5em 1em;
}
.table_1 caption {
	font-weight: bold;
	font-size: 1.2em;
	padding: 1em 1em 0.5em 1em;
}
.table_1 thead {
	font-weight: bold;
}


.tab_centre {
	margin: 1vh auto 2vh;
}
.tab_flot {
	float: left;
}


/* couleurs */

.coul_1 {
	color: #39c; /* blue du logo */
}
.coul_2 {
	color: #c63; /* orange foncé */
	color: #e90; /* orange clair */
}
.coul_3 {
	color: #9c3; /* vert pistache */
}
.coul_3 {
	color: #c39; /* magenta */
}


/* fonds */

.fond_3 {
	/* background-color: #39c; */
	border: 1px solid #39c;
	border-radius: 15px;
}



/*    	    *** *** *** *** 	        */
/*    	    				 	        */
/*    	    PAGES SPECIFIQUES 	        */
/*    	    				 	        */
/*    	    *** *** *** *** 	        */




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


/* en-tête d'accueil */

#acc_diap {
	background: url(style/fond-acc_diap.png) no-repeat center top scroll;
	background-size: cover;
	padding: 100px 0 0;
}
.acc_diap_silhouette {
	background: url(style/diap_silhouette.png) no-repeat right top scroll;
	background-size: auto 70%;
	
}
.acc_diap_bloc {
	width: 70%;
	margin: 40px 0 0;
	padding: 40px 0 80px;
	text-align: center;
	color: #fff;
	text-shadow: 4px 4px 2px rgba(0,0,0,0.2);
	font-family: open_sanssemibold, sans-serif;
}
.acc_diap_logo {
	margin: 0px 0;
	width: 17vw;
}
.acc_diap_nom {
	display: block;
	font-size: 2.7em;
	font-family: Garamond, Georgia, serif;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.acc_diap_dir {
	display: block;
	margin: 0.7em 0;
	font-size: 1.5em;
}
.acc_diap_dir  strong{
	font-size: 1.2em;
}
.acc_diap_slog {
	display: block;
	font-size: 1.7em;
	margin-top: 30px;
}
.acc_diap_cert_1 {
	display: block;
	font-size: 1.7em;
}
.acc_diap_cert_2 {
	display: block;
	font-size: 1.7em;
}
.acc_diap_med {
	display: block;
	margin: 3em 0 1em;
}
.acc_diap_med img{
	margin: 1em;
	vertical-align: middle;
}
@media screen and (max-width: 955px) {
	#acc_diap {
		background-size: cover;
		padding: 10px 0 0;
	}
	.acc_diap_silhouette {
		padding: 0px 0 280px;
		background-position: center bottom;
		background-size: 100% auto;
	}
	.acc_diap_bloc {
		width: auto;
		margin: 4vw 0 0;
		padding: 40px 0 80px;
		text-align: center;
		color: #fff;
		text-shadow: 4px 4px 2px rgba(0,0,0,0.2);
	}
	.acc_diap_logo {
		margin: 10px 0;
		width: 60%;
	}
	.acc_diap_nom {
		font-size: 3.7em;
	}
	.acc_diap_dir  {
		margin: 2em 0;
	}
	.acc_diap_med img{
		margin: 10vw 3% 20vw;
	}
}
@media screen and (max-width: 400px) {
	.acc_diap_silhouette {
		padding: 0px 0 180px;
	}
	.acc_diap_logo {
		width: 80%;
	}
	.acc_diap_med img{
		display: block;
		margin: 10vw auto 20vw;
	}
}
@media screen and (min-width: 1240px) {
	.acc_diap_silhouette {
		/*background-position: right top;*/
		background-size: auto 100%;
	}
	.acc_diap_nom {
		font-size: 3.7em;
	}
	.acc_diap_dir  strong{
		font-size: 1.5em;
	}
}



/* medaillons 3col */

.acc_medaille  {
}
.acc_medaille a:nth-child(2n) {
	background: #eee;
}
.acc_medaille a {
	display: inline-block;
	width: 33%;
	width: 20%;
	height: 300px;
	padding: 20px 0;
	overflow: hidden;
	text-align: center;
	color: #333;
	transition: 0.4s;
}
.acc_medaille a:hover {
	background: #ddd;
}
.acc_medaille p {
	width: 90%;
	margin: 1em auto;
	text-align: center;
}
.acc_medaille p.acc_medaille_titre {
	font-size: 1.2em;
	font-weight: bold;
}
.acc_medaille p.acc_medaille_titre i {
	font-weight: normal;
}
@media screen and (max-width: 955px) {
	.acc_medaille a {
		display: block;
		width: auto;
		height: 300px;
		padding: 20px 0;
		overflow: hidden;
		text-align: center;
		color: #333;
		transition: 0.4s;
	}
}

/* video */

.acc_video {
	background: url("style/fond-acc_video.jpg") center center no-repeat;
	background-size: cover;
	text-align: center;
	height: 320px;
}
.acc_video iframe, .acc_video video {
	width: 569px;
}

/* acc ligne de coordonnées */
.acc_ligne_coord {
	text-align: center;
	line-height: 4em;
	font-size: 1.4em;
	color: #333;
}
.acc_ligne_coord span{
	padding: 0 4vw;
}
.acc_ligne_coord a{
	color: inherit;
	font-style: italic;
}
.acc_ligne_coord a:hover{
	color: #39c;
}
@media screen and (max-width: 955px) {
	.acc_video iframe, .acc_video video {
		width: 100%;
	}
	.acc_ligne_coord {
		margin: 2em;
		line-height: 1.2em;
		font-size: 1.4em;
	}
	.acc_ligne_coord span{
		display: block;
		padding: 0;
	}
}




/*		*** *** *** ***		*/
/*							*/
/*			CONTACT			*/
/*							*/
/*		*** *** *** ***		*/



#col_adresse {
	display: block;
	float: right;
	width: 350px;
	margin: 0px 0px 20px 50px;
	padding: 2em 2em;
	background: linear-gradient(to bottom right, #cbc 50%, #969 100%);
	background: #d9d0cc;
	background: #c9bfc9;
	background: #39c;
}
#col_message {
	/*width: 955px;*/
	margin: 0px auto 40px auto;
	padding: 0px 0px 0px 0px;
}
.raisonSociale {
	margin: 0px 0px 1em;
	font-family: Garamond, Georgia, serif;
	font-size: 2.0em;
	font-weight: normal;
	color: #fff;
}
.coordonnees {
	font-family: open_sans, sans-serif;
	margin: 0px 0px 40px 0px;
	font-size: 1.7em;
	color: #e3e9ec;
}
.coordonnees b {
	font-size: 0.7em;
	font-weight: normal;
	color: #999;
	color: #c3c9cc;
}

.form_message {
	font-size: 1.4em;
	font-family: open_sans, sans-serif;
}
.form_contact {
	width: 500px;
	margin: 0px 0px 40px 0px;
	font-family: open_sans, sans-serif;
	font-size: 1.4em;
}
.form_message .codespam {
	background: #dfdfdf;
	line-height: 1em;
	padding: 0px 4px;
	border: 1px solid #ccc;
	font-size: 1em;
	width: 2ex;
}
.txt_coul_0 {
	color: #777;
}
.form_message fieldset.jeux_1 {
	/* float: left; */
	/* width: 280px; */
	border: 1px solid #def;
	margin: 6vh 0px;
	padding: 1vh 1vh 1vh;
}
.form_message fieldset.jeux_1 legend{
	font-family: bickham_script_mmregular, 'Montserrat Italic', sans-serif;
	color: #39c;
	/* font-weight: bold; */
	padding: 0px 1em 0.5em;
	font-size: 3em;
	margin: 0 auto -0.5em;
	line-height: 1em;
}
@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 label, .form_message p.p_label {
	display: block;
	/*border: 1px solid #e0e0e0;*/
	background: #efefef;
	background: #f3f9fc;
	margin: 0px 0px 8px;
	padding: 1em;
	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;
}
.paralab {
	display: block;
	margin: 0px 0px 8px;
	padding: 0.7em 1.2em;
	font-size: 0.9em;
	color: #666;
	background: #efefef;
}
.form_message label.labinline {
	display: inline;
	border: none;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	background: transparent;
}
.form_message label.labinline input{
	width: auto;
	border: none;
}
.form_message label:focus-within {
	background: #e0e9ef;
}
.form_message input:focus{
	border: none;
	outline: none;
}

.form_message .entree {
	background: transparent;
	line-height: 1.2em;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-family: open_sans, sans-serif;
	font-size: 1em;
	width: 75%;
	box-sizing: border-box;
}
.form_message .entree_lite {
	width: 25%;
}
.form_message .selectionWilde {
	background: transparent;
	line-height: 11px;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-family: open_sans, sans-serif;
	font-size: 1em;
	width: 83%;
}
.form_message .selectionLite {
	background: transparent;
	line-height: 1.2em;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-family: open_sans, 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;
	font-family: open_sans, 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 #39c;
	/*border: none;
	background: none;*/
	margin: 0px;
	padding: 0px 6px 0px;
	line-height: 1.8em;
	height: 2.2em;
	color: #39c;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	cursor: pointer;
}
.form_message #Envoyer:hover {
	background: #cbc;
	background: #39c;
	border: 1px solid #39c;
	color: #fff;
}
.form_message .envoiSmart {
	display: block;
	width: 100%;
	line-height: 2.8em;
	height: 2.8em;
	background: #CFE9FB;
	border: none;
	color: #60696E;
	font-family: 'ralewayregular', sans-serif;
	font-size: 1.2em;
	text-align: center;
	cursor: pointer;
	transition: 0.5s;
}
.form_message .envoiSmart:hover {
	background: #00468C;
	border: none;
	color: #fff;
}

@media screen and (max-width: 980px) {
	#col_adresse {
		float: none;
		width: auto;
		margin: 0px 1em 20px;
	}
	#col_message {
		float: none;
		width: auto;
		margin: 0px 1em 20px;
	}
	.form_contact {
		width: auto;
		margin: 0px 0em 20px;
	}
}



/*		*** *** *** ***		*/
/*							*/
/*			REZO			*/
/*							*/
/*		*** *** *** ***		*/


#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;
	margin: 0px 10px 0px 0px;
}
#fp_partager #nav_fp_reseaux li a img{
	opacity: 0.3;
	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);
}

/* cas particulier centré */
#fp_partager.fp_reso_c {
	display: block;
	width: auto;
	margin: 0px auto;
	text-align: center;
}
#fp_partager.fp_reso_c #nav_fp_reseaux {
	display: block;
	position: relative;
	top : initial;
	right: initial;
	width: auto;
	text-align: center;
}
#fp_partager.fp_reso_c:hover #nav_fp_reseaux {
	display: block;
	width: auto;
	text-align: center;
}




/*		*** *** *** ***		*/
/*							*/
/*			POP UP			*/
/*							*/
/*		*** *** *** ***		*/

.popup_fond {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	background: rgba(0,0,0,0.7);
	z-index: 10000;
}
.popup_fond_a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10001;
}
.popup_bloc {
	position: absolute;
	top: 10vh;
	right: 0;
	left: 0;
	width: 70%;
	/*height: 75vh;*/
	max-height: 75vh;
	margin: auto;
	/* overflow: hidden; */ /* pb avec img seule */
	z-index: 10002;
	background-color: #6cf;
}
/*
Couleurs
#cbc // fond lilas foncé
#39c // bleu du logo
#c9c0ac // fond beige

*/

.popup_image {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	filter: brightness(0.6);
	z-index: 10003;
}
.popup_ferme_bt {
	z-index: 10004;
	position: absolute;
	top: calc(10vh - 0.8em - 4px);
	left: 0;
	right: 0;
	display: inline-block;
	width: 1.6em;
	height: 1.5em;
	margin: auto;
	padding: 8px 3px 0;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	text-shadow: none;
	border-radius: 50%;
	border: 1px solid #39c;
	box-shadow: 5px 5px 5px 0px #333;
	background: #fff;
	color: #39c;
	opacity: 0.8;
	transition: 0.5s;
}
.popup_ferme_bt:hover {
	opacity: 1;
}
.pop_txt {
	position: relative;
	width: 99%;
	margin: 8vh auto 100vh;
	z-index: 10004;
	text-align: center;
	color: #fff;
	font-size: 1.5vw;
	text-shadow: 0px 0px 1px #000;
}
.popup_titre{
	margin-top: 4vh;
	font-size: 1.8em;
	text-transform: uppercase;
}
.popup_date{
	font-family: open_sanslight_italic, open_sans, sans-serif;
}
.popup_intro{
	font-family: open_sans, sans-serif;
	font-style: italic;
}
.pop_txt .bt_2 {
	margin-top: 10vh;
	padding: 0.7em 2.6em;
	font-size: 0.6em;
	text-shadow: none;
}
@media screen and (max-width: 680px) {
	.popup_fond {
		/*display: none;*/
	}
	.popup_bloc {
		width: 100%;
		max-height: 90vh;
	}
	.pop_txt {
		font-size: 4vw;
		margin-bottom: 0;
}
.popup_titre{
		margin-bottom: 2vh;
}
.popup_date{
	font-size: 1.4em;
	margin: 0 1vw 1vh;
}
.popup_intro{
	font-size: 1.2em;
	margin: 0 1vw;
}
.pop_txt .bt_2 {
	font-size: 1.0em;
	margin-top: 5vh;
	}
}