body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
/* GLOBAL */
body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans',sans-serif;
	font-size: 87.5%;
	color: #7e7b77;
	background: #f0f0eb url(../../files/META/layout/fond.jpg) fixed top center no-repeat;
}
div, span, img, p, object, embed, blockquote {
	padding: 0;
	margin: 0;
	outline: none;
	border: 0;
}
a {
	color: #7e7b77;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #60bfe0;
	text-decoration: none;
	outline: none;
}

ul {margin: 0; padding: 0 0 0 30px; overflow: auto;}
ol {margin: 0; padding: 0 0 0 30px; overflow: auto;}
li {margin: 0; padding: 0;}
	
.bleu {color: #60bfe0;}
.vert {color: #6eaf88;}
.orange {color: #eea569;}
.violet {color: #c782b4;}

.bold {font-weight: bold;}
.italic {font-style: italic;}
.smallcaps {font-variant: small-caps;}
.underline {text-decoration: underline;}
.center {text-align: center;}
.valign {vertical-align: middle;}

.padBot5 {padding-bottom: 5px;}
.padBot10 {padding-bottom: 10px;}
.padBot15 {padding-bottom: 15px;}
.padBot20 {padding-bottom: 20px;}
.padBot25 {padding-bottom: 25px;}
.padBot30 {padding-bottom: 30px;}
.padBot35 {padding-bottom: 35px;}
.padBot40 {padding-bottom: 40px;}

.padTop5 {padding-top: 5px;}
.padTop10 {padding-top: 10px;}

.size8 {font-size: 0.8em;}
.size9 {font-size: 0.9em;}
.size11 {font-size: 1.1em;}
.size12 {font-size: 1.2em;}
.size13 {font-size: 1.3em;}

.imgSansBordure {
	padding: 0 !important;
	border: none !important;
	background: none !important;
}

/* STRUCTURE */

#wrapper {
	width: 1000px;
	margin: 0 auto;
}

#left {right: 0 !important; margin-left: -780px !important;}

#logo {
	margin-top: 17px;
	position: fixed;
}

#menu {
	height: 110px;
	width: 670px;
	background: transparent url(../../files/META/layout/menu.png) top left no-repeat;
}

#menu .elMenu {
	display: block;
	float: left;
	height: 60px;
	margin-top: 15px;
	text-align: center;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	line-height: 1.2;
}

#menu1 {width: 82px; border-right: 1px dashed #fff;}
#menu2 {width: 87px; border-right: 1px dashed #fff;}
#menu3 {width: 115px; border-right: 1px dashed #fff;}
#menu4 {width: 95px; border-right: 1px dashed #fff;}
#menu5 {width: 87px; border-right: 1px dashed #fff;}
#menu6 {width: 100px; border-right: 1px dashed #fff;}
#menu7 {width: 98px;}

#menu .elMenu:hover {background: #30afdc;}
#menu .active {background: #30afdc;}

#menu .elMenu span {display: block;}
#menu .elMenu span.uneL {margin-top: 21px;}
#menu .elMenu span.deuxL {margin-top: 15px;}
#menu .elMenu span.troisL {margin-top: 8px;}

#contenu {
	background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.7);
	padding: 10px 25px 15px 25px;
	margin-bottom: 20px;
}

#footer {
	padding: 55px 0 0 0;
}

#footer .inside {
	font-size: 0.8em;
	text-align: center;
}	

#sousMenu {
	background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.7);
	width: 200px;
	margin: 110px 0 0 20px;
	padding-bottom: 20px;
}

#sousMenu a {color: #7e7b77;}
#sousMenu a.rouge {color: #e73424;}
#sousMenu a:hover {color: #48b7de;}
#sousMenu .active a {color: #48b7de;}

#sousMenu img {
	display: block;
	padding-bottom: 20px;
}

#sousMenu .inside {
	padding: 0 10px;
}

#sousMenu .elSousMenu {
	border-bottom: 1px dashed #aaa;
	padding-bottom: 7px;
	margin-bottom: 7px;
	font-family: 'Arvo',sans-serif;
}

#sousMenu .last {
	border-bottom: none !important;
}

#sousMenu .niveau3 {
	font-size: 0.9em;
	padding-left: 15px;
	padding-top: 3px;
}

.sousMenuNews {
	font-family: 'Arvo',sans-serif;
	font-size: 0.9em;
	padding-left: 15px;
	padding-top: 3px;
}

.sousMenuTitreActu, .sousMenuTitreRevue {
	font-family: 'Arvo',sans-serif;
	padding-bottom: 5px;
	color: #e73424;
}

.sousMenuToutActu {
	border-bottom: 1px dashed #aaa;
	margin: 10px 0 10px 0; 
	padding-bottom: 10px; 
	font-family: 'Arvo',sans-serif;
}

.sousMenuToutRevue {
	margin: 10px 0 10px 0;  
	font-family: 'Arvo',sans-serif;
}

#prochainsCours {
	background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.7);
	width: 200px;
	margin: 15px 0 0 20px;
}

#prochainsCours .inside {
	padding: 15px 15px;
	font-size: 0.9em;
}


/* NEWS ARCHIVES */

.mod_newslist {
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.news-archive {
	padding: 8px;
	background: #fff;
	border: 1px solid #dad4cd;
	float: left;
	width: 280px;
	display: inline-block;
	margin: 0 10px 10px 0;
}

.news-archive-img {
	width: 280px;
	height: 187px;
	overflow: hidden;
}

.news-archive-img a {border: none !important;}
.news-archive-img img {
	padding: 0 !important;
	border: none !important;
	background: none !important;
}

.news-archives_titre {
	padding: 10px 0 16px;
	font-family: 'Arvo',sans-serif;
	font-size: 1.1em;
}

.news-archives_more {padding-bottom: 16px;}

.news-archives_more a {
	padding: 2px 5px;
	color: #7e7b77 !important;
	border: 1px solid #dad4cd !important;
	font-size: 0.9em;
	letter-spacing: 0.3pt;
}

/* MAIN */

#main img {
	padding: 8px;
	background: #fff;
	border: 1px solid #dad4cd;
	max-width: 580px;
}

.titre {
	color: #60bfe0;
	font-size: 22px;
	text-transform: uppercase;
	padding: 20px 0;
	font-family: 'Arvo',sans-serif;
}

#contenu {color: #777470;}

#contenu a {color: #3cb3dd; border-bottom: 1px dotted;}
#contenu a:hover {color: #3cb3dd; border-bottom: 1px dotted; opacity: 0.5; filter: alpha(opacity=50);}

#contenuTopL {float: left; width: 420px;}
#contenuTopR {float: left; width: 200px;}


/* CITATIONS */

.citation {
	background: url(../../files/META/layout/guillemets.png) top left no-repeat;
	padding-left: 35px;
}


/* VIDÉOS */

.vidsLabel, .vidsSLabel {
	float: left;
	font-family: 'Arvo',sans-serif;
	font-size: 13px;	
	color: #78c095;
	text-align: right;
	padding-top: 8px;
	line-height: 1;
}
.vidsLabel {width: 145px;}
.vidsSLabel {width: 105px;}

.vidsVignette, .vidsSVignette {
	float: left;
	width: 55px;
	text-align: right;
}
.vidsVignette {width: 55px;}
.vidsSVignette {width: 95px;}

.vidsVignette a, .vidsSVignette a {
	border-bottom: 0 !important;
}
.vids {
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
}
.vidsSVignette .vids {
	width: 38px;
	padding: 2px 0 0 2px !important;
}

.vidsISymbole {
	float: left;
	width: 55px;  
}

.vidsISymbole a {
	border-bottom: 0 !important;
}

.vidsITexte, .vidsITexteL {
	float: left;
	font-family: 'Arvo',sans-serif;
	font-size: 13px;	
	color: #78c095;
}

.vidsITexte {width: 230px;}
.vidsITexteL {width: 400px; padding-top: 5px;}


/* TABLEAUX */

table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	border: 0;
}

#tbEthique td {
	border: 0;
	width: 270px;
	margin: 0;
	padding: 0 30px 10px 0;
	text-align: left; 
	vertical-align: top;
}

#tbSynthese {margin: 0 1px;}

#tbSynthese td {
	border: 1px solid #bbb;
	margin: 0;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

#tbSynthese td.rowspan {
	vertical-align: middle !important;
	padding: 0 15px;
}

#tbSynthese img {
	display: block;
	border: none !important;
	padding: 0 !important;
	background: transparent !important;
}

#tbTemps td {
	margin: 0;
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
}

#tbTemps td.fleche {
	font-size: 25px;
	font-family: Arial, sans-serif;
}

#tbTemps td div.fleche {
	text-align: center;
	font-size: 25px;
	font-family: Arial, sans-serif;
}

#tbTemps td.rowspan {
	padding: 20px 0 0 5px !important;
}

#tbTemps img {
	display: block;
	border: none !important;
	padding: 0 !important;
	background: transparent !important;
}

#tbChoix td {
	padding: 20px 30px;
	margin: 0;
	border: 1px dotted #aaa;
	vertical-align: top;
	text-align: center;	
}

#tbFonctionnement td {
	padding: 10px;
	margin: 0;
	border: 1px dotted #aaa;
	vertical-align: top;
	text-align: left;	
}

/* TÉLÉCHARGEMENTS */

.ce_download {
	padding-bottom: 5px;
}

.ce_download img {
	border: none !important;
	padding: 0 !important;
	background: none !important; 
	margin-right: 5px;
	vertical-align: middle;
}

.ce_download .size {
	font-size: 0.8em;
}

/* ÉLÉMENT DE CONTENU GALERIE PHOTOS */

.so_galphotos {margin: 20px 0;}

.so_galphotos a, .so_galphotos a:hover {border-bottom: none !important;}

.so_galphotos img {
	margin: 0 8px 3px 0 !important;
}

/* ÉLÉMENT DE CONTENU VIDÉO */

.so_video_bloc {
	padding: 8px; 
	background: #fff; 
	border: 1px solid #dad4cd; 
	max-width: 580px;
}

.fancybox-content .so_video_bloc {
	margin: 18px 0 0 0;
	padding: 0 !important;  
	background: transparent !important;
	border: none !important; 
	max-width: 720px !important;
}

/* FORMULAIRE CONTACT */

#f_contact .widget {
	margin: 0;
	padding: 0 20px 0 0;
	
}

#f_contact label, #f_contact input {
	display: inline-block;
	vertical-align: top;
}

#f_contact label {min-width: 140px;}

#f_contact span.mandatory {color: #60bfe0;}

#f_contact p.error {
	color: #a52a2a;
	font-size: 0.9em;
	padding-bottom: 2px;
}

#f_contact input, #f_contact textarea, #f_contact select {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color: #777470;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	background: none;
}
#f_contact input {
	width: 250px;
}
#f_contact textarea {
	width: 350px;
	height: 150px;
}
#f_contact button.submit {
	font-size: 1em;
	border: 0 !important;
	background-color: #60bfe0 !important;
	color: #fff !important;
	padding: 5px 20px !important;
	margin: 0 0 0 140px;
	width: auto !important;
	cursor: pointer;
}

/* NEWSLETTER */

.inf-input input {
	width: 260px;
	outline: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color: #777470;
	border: 1px solid #ccc;
	padding: 2px 5px;
	margin-bottom: 10px;
	background: none;
}

.inf-submit input {
	border: 0 !important;
	background-color: #60bfe0 !important;
	color: #fff !important;
	padding: 5px 20px !important;
	width: auto !important;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
}

.inf-error span {display: block !important; padding: 0 0 10px 0 !important; color: #f78181; font-weight: bold;}

.inf-success h4 {color: #60bfe0; font-size: 1.1em; font-weight: bold; padding-bottom: 10px;}
.inf-success p a.inf-btn {display: none !important; visibility: hidden !important;}

/* VERSION MOBILE */

@media only screen and (max-device-width: 768px) {
	#logo {position: relative !important;}
}
	
