#document {
	width:100%;
	margin : 0;
	padding : 0;
	text-align: left;
	position:absolute;
}

a { /*-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;*/
	font-weight: 400; }
			
a:link          { color: #3e3e3e; text-decoration: none }
a:visited         { color:#3e3e3e; text-decoration: none }
a:hover       { color: #3e3e3e; text-decoration: underline }

strong { font-weight:700;}

.videocontainer{
	width:100%;
	height:0;
	padding-bottom:56.25%;
	margin:10px 0;
	overflow:hidden;
	position:relative;	
}
.videocontainer iframe{
	position:absolute;
	top:0;left:0;
	width:100%;height:100%;
}

input, select, textarea { color: #333333; font-size: 18px; font-weight: 300; font-family: 'Catamaran', sans-serif; background-color: #FAFAFA; margin: 1% 0; padding: 1%; border: solid 1px #CECECE; border-radius:0px;

} 

body {
	font-family: 'News Cycle', sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #3e3e3e;
}

hr { background:#f3f3f3; height:2px; border:none; }

#haut { height: 300px; }

table, tr, td { border:none;}
td { padding: 10px }

.move { transition:all 1s; opacity:0;}
.moving { opacity:1; }

.centre { float:left; width:100%; }
.contenu { float:left; width:calc(100% - 400px);  }

#zone_gauche { float:left; width:400px; }

#logo { float:left; width:100%; height: 90px; padding:20px 0; text-align:center; }
#logo img.logo { width:auto; height:100px; }

#zone_info { float:left; width:100%; padding:10px 0; text-align:center; border-width:1px 0; border-style:solid; border-color:#cbcccd;  }

#menuGauche {
	float:left;
	width:100%;
}
#list_articleGauche { 
	float:left;
	width:100%;
	list-style-type:none;
	margin:0; padding:0; 
	font-family:'Catamaran', sans-serif;
}
#list_articleGauche li { 
	float:left;
	width:100%;
    max-height: 357px;
    box-sizing:border-box;
    overflow:hidden;
}
#list_articleGauche li .title, #list_articleGauche li .content { 
	float:left;
	position:relative;
	width:92%;
	padding:2% 4%;
	background:#ededed;
}
#list_articleGauche li:nth-child(even) .title { 
	border-width:1px 0; border-style:solid; border-color:#cbcccd; 
}
#list_articleGauche li .title.on { 
	background:#ffffff;
}
#list_articleGauche li .title { 
	font-size:14px;
	cursor:pointer;
}
#list_articleGauche li .title .open:before{    
    position: absolute;
	content:"\f105";
    top: 0;
    height: 100%;
    right: 0;
    line-height: 40px;
    padding: 0;
	width:10%;
	background:rgba(0,0,0,0.3);
	font-family:'FontAwesome';
	color:#FFF; 
	text-align:center;
}
#list_articleGauche li .title .open.on:before{ background:#9e0d48; }
#list_articleGauche li .title .close:before{ content:"\f00d"; }

#list_articleGauche li .content { 
	display:none;
}
#list_articleGauche li .content p, #list_articleGauche li .content table { 
	color:#fff;
	font-size:14px;
	font-family:'Catamaran', sans-serif;
}
#list_articleGauche li .content a, #list_articleGauche li .content a:hover, #list_articleGauche li .content a:visited { color:#FFF; }

#menu_second, #menu {
	width:100%;
	height:65px;
}
#menu_second { overflow:hidden; }
#menu_second ul {
	float:right;
	height:65px;
	margin:0;
	padding:0;
	list-style-type:none;
} 
#menu_second ul li { 
	float:left;
	padding:0 5px; 
	line-height:65px;
	font-size:15px;
	font-weight:700;
	font-family:'News Cycle', sans-serif;
	color:#3e3e3e;
}
#menu_second ul li a, #menu_second ul li a:hover, #menu_second ul li a:visited { 
	text-decoration:none; color: #3e3e3e;
}
#menu_second ul li.inter { 
	padding:0; 
}

/* CONTENU */
#slider { float:left; position:relative; width:100%; height:300px; background:#FFF; z-index:1; }
#cache {  height: 300px; background-color: #FFF; z-index: 10; }
#caption{
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
#caption_title {
	position: absolute;
    top: calc(50% - 61px);
    right: 210px;
	padding: 10px;
    z-index: 1020;
    background: #3f4348;
    color: #FFF;
    font-family: 'Catamaran', sans-serif;
    font-weight: 700;
    font-size: 25px;
	display:none;
}
#caption_texte {
	position: absolute;
    top: 50%;
    right: 210px;
    padding: 10px;
    z-index: 1020;
    background: rgba(255,255,255,0.6);
    color: #c81f64;
    font-family: 'Bitter', sans-serif;
    font-weight: 700;
    font-size: 40px;
}
#caption_link {
	position: absolute;
    top: 50%;
    right: 0px;
	width:210px;
	height:75px;
    z-index: 1020;
    background: #c81f64;
    color: #FFF;
    font-family: 'Bitter', sans-serif;
    font-weight: 700;
    font-size: 18px;
	line-height:75px;
	text-decoration:none;
	cursor:pointer;
	transition:all 1s;
}
#caption_link:hover, #caption_link:visited {
	background: #9e0d48;
	color:#FFF;
}
#caption_link a{
color:#FFF;	
}
#caption_link a:hover, #caption_link a:visited {
	text-decoration: none;
	color:#FFF;
}

#slider #puce_nav { position:absolute; bottom:2%; right:2%; z-index:3000; }
#slider #puce_nav ul { margin:0; padding:0; list-style-type:none; }
#slider #puce_nav ul li.nav { float:left; width:10px; height:10px; margin:5px; background:transparent; outline:2px solid #FFF; cursor:pointer; transition:all 1s; }
#slider #puce_nav ul li.nav.on, #slider #puce_nav ul li.nav:hover { background:#c81f64; outline:2px solid #c81f64; }


#zone-texte { padding:2%; }
.contenu table, tr, td { font-size: 100%; border-spacing : 0; border-collapse : collapse; }
.contenu table { width: 100%; cellpadding: 10px; background: rgba(0,0,0,0.0) }
.contenu td { 
	vertical-align: top;
}

.contenu h1 {
	font-family: 'Bitter', sans-serif; 
	color: #c81E64; font-size: 300%;
	font-weight: 800; margin: 10px 0; 
	position:relative; line-height:35px;
}

.contenu h2 {
	font-family: 'News Cycle', sans-serif; color: #e59732; font-size: 200%;
	font-weight: 300; margin: 10px 0; 
	position:relative;
}

.contenu h3 {
	font-family: 'Catamaran', sans-serif; color: #077e84; font-size: 170%;
	font-weight: 300; margin: 10px 0; line-height:25px;
}

.contenu h4 {
	font-family: 'Bitter', sans-serif; color: #3e3e3e; font-size: 140%;
	font-weight: 400; margin: 5px 0 5px 0; 
}

.contenu h5 {
	font-family: 'Catamaran', sans-serif; color: #c81E64; font-size: 125%;
	font-weight: 300; margin:0; line-height: 20px;
}

.contenu p {
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	padding: 0;
	text-align: left;
	color:#3e3e3e;
}

.contenu li {
	font-size: 125%;
	font-weight: 300;
	line-height: 24px;
}

.contenu p a:link { color: #c81f64; font-weight:bold; text-decoration: none; }
.contenu p a:visited { color: #c81f64; font-weight:bold; text-decoration: underline; }
.contenu p a:hover { text-decoration: underline; color: #c81f64; }

#ariane { margin-bottom:5px; font-size:13px; }

.contenu #galerie .fancy_picture { float:left; width:18%; height:0; padding-top:18%; margin:1%; }

 a.lien_cta:link,  a.lien_cta:visited { font-family: 'Catamaran', sans-serif; font-size: 140%; padding: 10px 15px; color: #FFF!important; background:#c81f64; transition:all 1s; display:inline-block; }
 a.lien_cta:hover { text-decoration: none!important; color: #c81f64!important; background:#FFF; }

 a.lien_cta2:link,  a.lien_cta2:visited  { text-decoration: none; font-size: 110%; color: #FFF!important; font-weight: 500; font-family: 'Catamaran', sans-serif; padding: 5px 10px; background-color: #077e84; transition:all 1s; display:inline-block;}
 a.lien_cta2:hover { text-decoration: none!important; font-size: 110%; color: #077e84!important; font-weight: 500; font-family: 'Catamaran', sans-serif; padding: 5px 10px; background-color: #FFF }

 a.lien_cta3:link,  a.lien_cta3:visited  { text-decoration: none; font-size: 110%; color: #FFF!important; font-weight: 500; font-family: 'Catamaran', sans-serif; padding: 5px 10px; background-color: #83c1dc; transition:all 1s; display:inline-block;}
 a.lien_cta3:hover { text-decoration: none!important; font-size: 110%; color: #FFF!important; font-weight: 500; font-family: 'Catamaran', sans-serif; padding: 5px 10px; background-color: #56a2c3 }


#bas { float: left;clear: both; position:relative; width:100%; background: #3f4348; color:#fff; padding:0; z-index:1003;}
#bas a { font-weight: 300; color: #fff; text-decoration: none; }
#bas a:visited { font-weight: 300; color: #fff; text-decoration: underline; }
#bas a:hover { font-weight: 400; color: #fff;text-decoration: underline; }
#bas p { font-family: 'Catamaran', sans-serif; font-size: 125%; font-weight: 300; color: #fff }


.toggle { float:left; width:100%; margin:2% 0; }
.title_toggle { float:left; position:relative; padding:0 2%; background:#c81f64; color:#FFF; cursor:pointer; overflow:hidden; }
.title_toggle:before { position:absolute; content:""; right:0;top:0; width:20px; height:100%; background:rgba(0,0,0,0.3); font-family:'FontAwesome'; text-align:center; line-height:60px; }
.title_toggle.open:before { content:"\f0d8"; }
.title_toggle:before { content:"\f0d7"; }
.title_toggle p { color:#FFF; }
.content_toggle { float:left; clear:left; width:100%; display:none; }

.title_toggle.blanc { background:#FFF; color:#c81f64; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.title_toggle.blanc:before { background:#c81f64; color:#FFF; }
.title_toggle.blanc p { color:#c81f64; }

/* ACTUS - AGENDA*/
#actus { 
	float:left;
	width:100%;
	background:#3f4348;
}
#actus .title {
	float:left;
	background:#077e84; 
	color:#fff;
}
#actus .title:hover .sstitle { 
	padding:5px 15px 5px 50px;	
}
#actus .prtitle {
	float:left;
	padding:5px 15px; 
	font-size:25px;
	line-height:40px;
	font-family:'Catamaran', sans-serif;
	font-weight:700;
}

#actus .sstitle {
	float:left;
	text-align:left;
	padding:5px 15px; 
	font-size:15px;
	line-height:40px;
	font-family:'News Cycle', sans-serif;
	font-weight:400;
	background:#006265;
	transition:all 1s ease-out;
}
#actus .list_actus {
	float:left;
	clear:both;
	width:100%; 
}
#actus .list_actus ul { 
	list-style-type:none;
	margin:0;
	padding:0;
}
#actus .list_actus ul li { 
	float:left;
	width:20%; 
	padding:1%; 
	margin:1.5%;
	transition:all 1s;
}
#actus .list_actus ul li:hover .more .darker { 
	padding: 5px 10px 5px 50px;
}
#actus .list_actus ul li .img_actus { 
	float:left;
	width:100%; 
	height:0;
	padding-top:100%;
	outline:15px solid #FFF; 
}
#actus .list_actus ul li .title_actus { 
	float:left;
	padding:5px 10px;
	background:#FFF;
	color:#e59732;
	outline: 15px solid #FFF;
    margin-top: 30px;
    font-size: 23px;
    font-weight: 700;
    font-family: 'Catamaran', sans-serif;
    line-height: 27px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #3f4348;
}
#actus .list_actus ul li .texte_actus{
	float:left;
	clear:left;
	width:calc(100% - 30px);
	padding:15px;
	font-size:14px;
}
#actus .list_actus ul li .texte_actus p{ 	
	color:#FFF;
    font-family: 'Catamaran', sans-serif;
}
#actus .more {
	float:right;
	clear:both;
	background:#077e84; 
	color:#fff;
}
#actus .higher {
	float:left;
	padding:5px 4px; 
	font-size:18px;
	line-height:15px;
	font-family:'Catamaran', sans-serif;
	font-weight:700;
}

#actus .darker {
	float:left;
	text-align:left;
	padding:5px 10px; 
	font-size:12px;
	line-height:15px;
	font-family:'News Cycle', sans-serif;
	font-weight:400;
	background:#006265;
	transition:all 2s;
}

#agenda { 
	float:left;
	width:100%;
	background:#fff;
    
}
#agenda .title {
	float:left;
	background:#c81f64; 
	color:#fff;
}
#agenda .title:hover .sstitle { 
	padding:5px 15px 5px 50px;	
}
#agenda .prtitle {
	float:left;
	padding:5px 15px; 
	font-size:25px;
	line-height:40px;
	font-family:'Catamaran', sans-serif;
	font-weight:700;
}
#agenda .sstitle {
	float:left;
	text-align:left;
	padding:5px 15px; 
	font-size:15px;
	line-height:40px;
	font-family:'News Cycle', sans-serif;
	font-weight:400;
	background:rgba(0,0,0,0.4);
	transition:all 1s ease-out;
}
#agenda a:link .sstitle , #agenda a:visited .sstitle  {
	color:#FFF;
	text-decoration:none;
}
#agenda a.on .sstitle , #agenda a:hover .sstitle  {
	background:rgba(0,0,0,0.2);
}
#agenda .list_agenda {
	float:left;
	clear:both;
	width:100%; 
}
#agenda .list_agenda ul { 
	list-style-type:none;
	margin:0;
	padding:0;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:space-evenly;
}
#agenda .list_agenda ul a { 
	width:22%; 
    /*margin:1%;*/
}
#agenda .list_agenda ul li { 
	float:left;
	position:relative;
	width:100%; 
	padding:1%; 
	margin:1.5% 2.5%;
}
#agenda .list_agenda.in_Article ul li { 
	float:left;
	position:relative;
	width:43%; 
	padding:1%; 
	margin:1.5% 2.5%;
}

#agenda .list_agenda ul li:hover .more .darker { 
	padding: 5px 10px 5px 50px;
}

#agenda .list_agenda ul li .date_agenda { 
	position:absolute;
	left:-30px;
	width:120px;
	box-sizing:border-box;
	background:#077e84;
	color:#fff;
	text-align:right;
	padding:10px 5px 20px 40px;
	font-size:17px;
	line-height:19px;
    font-family: 'News Cycle', sans-serif;
}
#agenda .list_agenda ul li .date_agenda .jour{
	font-weight:bold;
	font-size:25px;
}
#agenda .list_agenda ul li .title_agenda { 
	float:left;
	padding:5px 10px;
	background:#c81f64;
	color:#FFF;
    margin-top: 30px;
	margin-left: 80px;
    font-size: 29px;
    font-weight: 700;
    font-family: 'Bitter', sans-serif;
    line-height: 29px;
}
#agenda .list_agenda ul li .sstitle_agenda{
	float:left;
	clear:left;
	padding:5px 10px;
	margin-left: 90px;
	background:#c81f64;
	color:#FFF;
	font-family: 'Bitter', sans-serif;
	font-size: 19px;
	line-height:20px;
}
#agenda .list_agenda ul li .texte_agenda { 
	float:left;
	width:100%;
    margin-top: 10px;
    font-size: 14px;
	color:#333;
    font-family: 'News Cycle', sans-serif;
}
#agenda .list_agenda ul li .texte_agenda img:not(.reel) { 
	float:left;
	width:30%; 
	height:auto;
    margin-right: 10px;
}
#agenda .more {
	float:right;
	clear:both;
	background:#c81f64; 
	color:#fff;
}
#agenda .higher {
	float:left;
	padding:5px 4px; 
	font-size:18px;
	line-height:15px;
	font-family:'Catamaran', sans-serif;
	font-weight:700;
}

#agenda .darker {
	float:left;
	text-align:left;
	padding:5px 10px; 
	font-size:14px;
	line-height:18px;
	font-family:'News Cycle', sans-serif;
	font-weight:400;
	background:rgba(0,0,0,0.4);
	transition:all 1s ease-out;
}

/* RECHERCHE */ 

#recherche { 
	float:left;
	width:100%;
	background:#fff;
}
#recherche .title {
	float:left;
	background:#c81f64; 
	color:#fff;
}
#recherche .title:hover .sstitle { 
	padding:5px 15px 5px 50px;	
}
#recherche .prtitle {
	float:left;
	padding:5px 15px; 
	font-size:25px;
	line-height:40px;
	font-family:'Catamaran', sans-serif;
	font-weight:700;
}
#recherche .sstitle {
	float:left;
	text-align:left;
	padding:5px 15px; 
	font-size:15px;
	line-height:40px;
	font-family:'News Cycle', sans-serif;
	font-weight:400;
	background:rgba(0,0,0,0.4);
	transition:all 1s ease-out;
}
#recherche .list_recherche {
	float:left;
	clear:both;
	width:100%; 
}
#recherche .list_recherche ul { 
	list-style-type:none;
	margin:0;
	padding:0;
}
#recherche .list_recherche ul li { 
	float:left;
	position:relative;
	width:43%; 
	height:250px;
	padding:1%; 
	margin:1.5% 2.5%;
	display:table;
}

#recherche .list_recherche ul li:hover .more .darker { 
	padding: 5px 10px 5px 50px;
}
#recherche .list_recherche ul li .img_rech { 
	position:relative;
    width:30%;
	padding-top:30%;
	display:table-cell;
}
#recherche .list_recherche ul li .texte_rech { 
	position:relative;
	padding:2%; 
    font-size: 13px;
	color:#333;
    font-family: 'News Cycle', sans-serif;
	display:table-cell;
}
#recherche .more {
	position:absolute;
	bottom:0;
	right:0;
	background:#c81f64; 
	color:#fff;
}
#recherche .higher {
	float:left;
	padding:5px 4px; 
	font-size:18px;
	line-height:15px;
	font-family:'Catamaran', sans-serif;
	font-weight:700;
}

#recherche .darker {
	float:left;
	text-align:left;
	padding:5px 10px; 
	font-size:14px;
	line-height:18px;
	font-family:'News Cycle', sans-serif;
	font-weight:400;
	background:rgba(0,0,0,0.4);
	transition:all 1s ease-out;
}