@charset "utf-8";
@import url('reset5.min.css');
@import url('material-design-iconic-font.min.css');
/* @import url('hover.css'); */
/*
font-family: 'uni_sans_lightregular';
font-family: 'uni_sans_light_italicitalic';
font-family: 'uni_sans_regularregular';
font-family: 'uni_sans_semiboldregular';
font-family: 'uni_sans_boldregular';
*/


/* config general site */
*{ color:#fff;}
*{-webkit-transition: all 0.5s ease; transition: all 0.5s ease; /* -webkit-backface-visibility: hidden; */ }


body{ font-family:'Nunito', serif; background-color:#F9F9F9; overflow-x:hidden; }
.contentBloc{ width:1900px; max-width:100%; margin:0 auto; margin-top: 100px;}
.centerBox{ width:1280px; max-width:100%; margin:0 auto; position:relative; overflow:visible}
div#map  {-webkit-transition: none; transition: none;}
div#map_fiche  {-webkit-transition: none; transition: none;}
div#map * {-webkit-transition: none; transition: none;}
div#map_fiche * {-webkit-transition: none; transition: none;}
div#filtre1  {-webkit-transition: none; transition: none;}
div#filtre1 * {-webkit-transition: none; transition: none;}
div#filtre2  {-webkit-transition: none; transition: none;}
div#filtre2 * {-webkit-transition: none; transition: none;}
div#filtre3  {-webkit-transition: none; transition: none;}
div#filtre3 * {-webkit-transition: none; transition: none;}

sup {
	color: #6B6775;
    vertical-align: super;
}

sub {
	color: #6B6775;
    vertical-align: sub;
}

input:focus, textarea:focus {
    outline: none;
}

.logo {
	top: -6px;
	position: relative;
	font-size: 27px;
	line-height: 25px;
}

.logo img {
	width:150px;
}

img
{
    transform: translateZ(0px);
}

em {
	font-style: italic;
	color: #6B6775;

}

/* header */
.forHead{  padding: 25px 0px 10px 0px;z-index: 9999; position: fixed;width: 100%;top:0px}

.forHead.scroller {background-color:#7FDC19;-webkit-box-shadow: 0 2px 2px 1px rgba(0,0,0,0.25);box-shadow: 0 2px 2px 1px rgba(0,0,0,0.25);}

.forHead.scroller .logo img {width:70px;}

.menu{ margin-top:16px;}
.menuMob{ display:none; margin-right: 20px;}
.menuMob img{ width:50px; height:auto}
.navigation{}
.navigation li{ display:inline-block; margin:0 30px;}
.navigation li a{font-family:'Barlow', serif; font-size:17px; color:#fff; text-transform:uppercase; font-weight:300; display:inline-block; padding-bottom:30px; border-bottom:2px solid transparent}
.navigation li a.active, .navigation li a:hover{ border-bottom:2px solid #ed7902; color:#ed7902}

.contenuMenuMobil{ width:100%; height:100vh; background-color:#7FDC19; display:none; position:absolute; max-width:100%; top:0; z-index:99999; }
.inVontenuMenuMobil{ margin:40px; margin-top: 25px; margin-right: 28px;}
.forCloseMenuMob{ margin-bottom:30px;}
.forCloseMenuMob .left{ margin-top:15px;}
.forCloseMenuMob .left img{ width:20px; height:auto}
.forCloseMenuMob .right img{ width:50px; height:auto}

.menuMobList{}
.menuMobList > li{ display:block; list-style:none; padding:10px;}
.menuMobList > li > a{ display:inline-block; padding-right:20px; background:url(../img/pic_23.png) 100% 8px no-repeat;}
.menuMobList > li > a{  color:#fff; font-size:26px; font-weight:100; position:relative; padding-bottom:20px;}
.menuMobList > li > a:after{ content:""; display:block; width:50px; height:2px; position:absolute; bottom:0; left:0; background-color:#ed7902;}
.menuMobList > li > a b{ color:#fff; font-size:26px; font-weight:700;}
.menuMobList > li ul{ margin:30px 0 0 30px; display:none}
.menuMobList > li ul li{ list-style:none; padding-left:20px; background:url(../img/pic_23.png) 0px 7px no-repeat; margin-bottom:20px; width:50%; line-height:130%}
.menuMobList > li ul li a{ color:#ed7902; font-size:18px; line-height:150%}
.menuMobList > li ul li a:hover{ text-decoration:underline}
.menuMobList > li:hover ul{ display:block}

.forFindMenuMob{ margin-top:30px;}
.forFindMenuMob img{ width:25px; height:auto}

.rechercheLoop{ margin-left:10px; padding-left:20px; padding-right:10px; border-left:1px solid #cccccc}
.rechercheLoop i.zmdi{ color:#cccccc}

.lockLoop{ margin-left:10px; padding-left:20px; border-left:1px solid #cccccc}
.lockLoop i.zmdi{ color:#cccccc}

/* slide */
.slide{ position:relative;max-width: 100%;min-height: 102px;margin-top: 99px;}
.contentSlide{ margin:0}
.slide .contentSlide img{ max-width:100%; height:auto}
.slides{}
.index .slides li{ position:relative; height: 700px;}
.actualite .slides li{ position:relative; }
.mediatheque .slides li{ position:relative; }
.slides li .centerBox {
    position: relative;
    top: 220px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
}
.slides li .centerBox .sousH{ width: 80%; font-size:51px; color:#fff; font-weight:100; margin-bottom:50px;}
.slides li .centerBox .linkToDiapo a {
    display: inline-block;
    padding: 10px 30px 10px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.slides li .centerBox .linkToDiapo a img{ display:inline-block; margin:2px 0 0 10px;}
.slides li .centerBox .linkToDiapo a:hover{ border-color:#7FDC19; background-color:#7FDC19; color:#fff}

#slide_1 {
	background-size: cover; background-image: url('/img/slide_1.jpg'); background-position: center center;
}
#slide_2 {
	background-size: cover; background-image: url('/img/slide_2.jpg'); background-position: center center;
}
#slide_3 {
	background-size: cover; background-image: url('/img/slide_3.jpg'); background-position: center center;
}
#slide_4 {
	background-size: cover; background-image: url('/img/slide_4.jpg'); background-position: center center;
}

.slides .desktop {display: block;}
.slides .mobile {display: none;}


.actualite .flex-direction-nav a::before{ content:url("../img/right2.png")}
.actualite .flex-direction-nav a.flex-next::before{ content:url("../img/left2.png")}
.actualite .flex-direction-nav a{ top:50%}
.actualite .flex-direction-nav .flex-next{ right:0; left:39%;}

.mediatheque .flex-direction-nav a::before{ content:url("../img/pic_14.png")}
.mediatheque .flex-direction-nav a.flex-next::before{ content:url("../img/pic_13.png")}
.mediatheque .flex-direction-nav a{ top:81%; width:43px}
.mediatheque .flex-direction-nav .flex-next{ left:inherit; right:2%;}
.mediatheque .flex-direction-nav .flex-prev{ left:inherit; right:13%}



.actusSlice{ position:absolute; bottom:2px; left:0px; width:100%}
.actusSlice .centerBox{ background-color:#7FDC19; padding:15px 0}
.forActuSlice{ margin:0 30px;}
.indiceActu{}
.indiceActu > *{ display:inline-block; vertical-align:top}
.indiceActu span{ font-size:13px; font-weight:700;  color:#fff; padding:5px 25px; background-color:#2daa9d; margin-right:20px;}
.indiceActu img{ height:22px; width:auto; opacity:0.5; margin-right:20px;}
.infoActu{}
.infoActu p{ font-size:17px; color:#666; margin-bottom:10px; font-weight: 300;}
.infoActu p a { color:#666;}
.infoActu span{  color:#2daa9d; font-size:14px; display:inline-block; margin-right:30px; font-weight: 300;}
.oppenActu{ margin:20px 25px 0 0}


.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
.animated{
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;

	animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;

	animation-fill-mode:both;
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	-ms-animation-duration:2s;
	-o-animation-duration:2s;
	animation-duration:2s;
}


@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-10px);}
	60% {-webkit-transform: translateY(-5px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-10px);}
	60% {-moz-transform: translateY(-5px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-10px);}
	60% {-o-transform: translateY(-5px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-10px);}
	60% {transform: translateY(-5px);}
}


/* liste index */
.contentListeDep{ margin:15px auto}
.depecheListe{ width:100%;}
.depecheListe > ul{ list-style:none}
.depecheListe > ul > li{ overflow: hidden; list-style:none; width:296px; float:left; margin-right:30px; margin-bottom:30px;
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0);
box-shadow: 0 0 10px 0 rgba(0,0,0,0);position: relative; top:0px; background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.depecheListe > ul > li:hover{
-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.30);
box-shadow: 0 0 30px 0 rgba(0,0,0,.30);
top: -5px;
position: relative;
}

.depecheListe > ul > li:hover .intro2Dep a {
	color: #ed7902;
}

.depecheListe > ul li.for2dep{ list-style:none; width:624px;}
.depecheListe > ul > li figure{ position:relative; width:100%}
.depecheListe > ul > li figure img{ width:100%;}
.depecheListe > ul > li:hover figure img{ opacity:0.5}
.depecheListe > ul > li figure span{ position:absolute; top:20px; left:20px; display:none;font-size:13px; font-weight:500;  color:#fff; padding:5px 25px; background-color:#43474c; text-transform: uppercase}
.depecheListe > ul > li figure span.date { display:none; position:absolute; top:50px; left:20px;font-size:13px; font-weight:500;  color:#fff; padding:5px 10px; background-color:#43474c; text-transform: uppercase}
.depecheListe > ul > li figure span.date b {
font-size: 25px;
color: #7FDC19;
font-weight: 700;
}

.img_slide {display: none;}

.depecheListe > ul > li:hover figure span{ background-color:#7FDC19; display:inline-block; color:#43474c; }
.depecheListe > ul > li:hover figure span.date b{ color:#43474c; }
.intro2Dep{ overflow:hidden; padding:20px 30px; background-color:#fff; font-size:18px; color:#7FDC19; height: 80px;  font-weight: 300; line-height: 21px;}
.intro2Dep a { color: #7FDC19; }
.intro2Dep a:hover { color: #ed7902; }


.introCat {
background: #7FDC19;
color: #fff;
padding: 6px;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
margin-bottom: 0px;
font-size: 13px;
font-weight: 500;
}

.introFig {
    background: #fff;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 15px;
    font-size: 13px;
    font-weight: 700;
    border-top: 1px solid #c7c9c9;
    padding-top: 20px;
}

.linkmove {position: relative; top:0px;}
.partage2Dep{ padding:15px 20px; background-color:#fff;}
.partage2Dep > *{ display:inline-block;}
.partage2Dep a{ padding:0 20px; border-right:1px solid #EEEFF0}
.noBorder{ border:none!important}
.partage2Dep p.date{  font-size:13px; color:#CCCCCC; margin-top:5px; text-transform: uppercase; margin-left: 10px;}

.forCartoHome .intro2Dep{ background-color:#5D6977; font-size:17px; color:#7FDC19; border-color:#5D6977}
.forCartoHome .intro2Dep a { color:#7FDC19;}
.forCartoHome .partage2Dep{ background-color:#5D6977;}
.forCartoHome .partage2Dep a{ border:none; padding:6px 15px; background-color:#7FDC19; font-size:13px; font-weight:700; color:#43474c; margin-left:10px; display:inline-block}

i.zmdi.zmdi-twitter:hover {color : #2daa9d !important;}
i.zmdi.zmdi-facebook:hover {color : #2daa9d !important;}
i.zmdi.zmdi-linkedin:hover {color : #2daa9d !important;}
/*.depecheListe ul li:nth-child(4), .depecheListe ul li:nth-child(8), .depecheListe ul li:nth-child(12), .depecheListe ul li:nth-child(16), .depecheListe ul li:nth-child(20){ margin-right:0}*/

/* fil actu */
.depecheFilActu{ width:296px;}
.tetoFil{ padding:20px 30px; background:#fff url(../img/pic_7.png) 250px 30px no-repeat; border-bottom:2px solid #F5F5F5}
.tetoFil > *{ display:inline-block; vertical-align:middle}
.tetoFil img{ margin-right:15px;}
.tetoFil span{  font-size:19px; font-weight:700; color:#666}
.listeFilActu{ list-style:none}
.listeFilActu li{ display:block; list-style:none; padding:20px 0 0; background-color:#fff; border-bottom:2px solid #F5F5F5; margin:0}
.listeFilActu li > *{ padding:0 30px;}
.listeFilActu li p, .listeFilActu li p a{  font-size:13px; color:#666; line-height:150%}
.seoFilActu{ margin:40px 0 0; padding-top:20px; border-top:2px solid #F5F5F5 }
.seoFilActu .left{}
.seoFilActu .left a{ display:inline-block; margin-right:20px; width:20px; height:16px; padding:20px 0}
.seoFilActu .left a.partageFil{ background:url(../img/pic_8.png) center left no-repeat}
.seoFilActu .left a.repondreFil{ background:url(../img/pic_9.png) center left no-repeat}
.allFillActu{ padding:20px 0; text-align:center; background-color:#fff;}
.allFillActu a{  font-weight:700; color:#43474c; padding-right:20px; background:url(../img/pic_10.png) right center no-repeat; font-size:14px}
.allFillActu a:hover{ color:#2daa9d}

.seoFilActuDate{ margin:7px 0 30px;}
.seoFilActuDate span{ font-size:13px; color:#CCCCCC;}

/* footer site */
.footerSite{ background-color:#fff; padding:50px 0 20px}
.footerSite .centerBox > div{ width:33%}
.footerSite .centerBox > div .titreBloc{ font-size:20px; color:#43474c; margin-bottom:25px;font-weight: 300;}

.soutien {
	color: #959595;
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 13px;
	padding-left: 15px;
}

.contactFoot {width:30% !important; float: left !important;}
.unpgFoot {width:30% !important; float: left !important;}
.unicemFoot { display : none;}

.contentContactFoot{}
.contentContactFoot p{ font-size:15px; color:#959595; margin-bottom:10px;}
.contentContactFoot p i{font-size:15px; color:#959595;}
.smoContactFoot{ margin-top:35px;}
.smoContactFoot a{ display:inline-block; padding:12px 17px; background-color:#f5f5f5; margin-right:10px;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
border-radius: 150px;}
.smoContactFoot a i{ font-size:17px; color:#d9d9da}

.raccourcieFoot{}
.raccourcieFoot ul{ list-style:none}
.raccourcieFoot ul li{ list-style:none; display:block; margin-bottom:15px}
.raccourcieFoot ul li a{  font-size:15px; color:#959595; font-weight: 500;}
.raccourcieFoot ul li a:hover{ color:#2daa9d}

.questionFoot{width: 35% !important;
	float: left !important;
	padding-right: 5%;}
.questionFoot p{ margin-bottom:15px;}
.questionFoot p input, .questionFoot p textarea{ background:none; border:none; padding:8px 15px; background-color:#F9F9F9; font-size:15px; display:block; width:80%; color:#666}
.questionFoot p button{ width:200px; background:none; border:none; font-size:16px; padding:8px 10px; color:#fff; background-color:#257db1; cursor:pointer; font-weight: 300;}
.questionFoot p button:hover{ background-color:#7FDC19; color:#fff}
.questionFoot p textarea{ height:100px}


.questionFoot p textarea::-webkit-input-placeholder { color: #999999; }
.questionFoot p textarea:-moz-placeholder { color: #999999; opacity:  1;}
.questionFoot p textarea::-moz-placeholder { color: #999999; opacity:  1;}
.questionFoot p textarea:-ms-input-placeholder { color: #999999; }
.questionFoot p textarea::-ms-input-placeholder { color: #999999;}

.questionFoot p input::-webkit-input-placeholder { color: #999999; }
.questionFoot p input:-moz-placeholder { color: #999999; opacity:  1;}
.questionFoot p input::-moz-placeholder { color: #999999; opacity:  1;}
.questionFoot p input:-ms-input-placeholder { color: #999999; }
.questionFoot p input::-ms-input-placeholder { color: #999999;}

.listeParFoot{}
.listeParFoot a{ display:inline-block; margin-right:5px; vertical-align:top}
.forLinkCopy a:hover{ color:#fff;}

/* copyright */
.copy{ padding:30px; background-color:#7FDC19}
.forLinkCopy, .forCopy{ font-size:12px; color:#c2c2c2; font-family:"Open Sans"}
.forLinkCopy a{ font-size:12px; color:#c2c2c2; padding:0 5px;  text-transform:uppercase}

/* index */
/* recherche installation */
.findInstallation{ position:fixed; bottom:0px; display: none;}
.findInstallation .centerBox{}
.findInstallation .titreBloc{padding:10px 20px; background-color:#fff; font-size:20px; color:#5e6977; width:350px;}
.findInstallation .titreBloc span{font-size:20px; color:#5e6977;}
.findInstallation .titreBloc img{ height:35px; width:auto; margin-right:10px; display:inline-block; vertical-align:text-bottom}
.filtreFindInst{ padding:20px 20px; background-color:#056aa9}
.filtreFindInst > p{ width:20%}
.filtreFindInst > p:nth-child(1){ width:25%}
.filtreFindInst > p:nth-child(2){ width:30%}
.filtreFindInst > p:nth-child(3){ width:25%}
.filtreFindInst > p  span{ font-size:14px;  display:block; width:90%}
.filtreFindInst > p input, .filtreFindInst > p select{ width:85%; border:none; padding:0 10px; background-color:#F0F4F7; margin-top:10px; font-size:15px; color:#5e6977;  line-height:100%;  height:30px}
.filtreFindInst > p select > option { background-color:#F0F4F7; color:#5e6977; }
.filtreFindInst > p button{ width:95%; background:none; border:none; padding:0 10px; background-color:#91d2fb; margin-top:10px; font-size:16px; color:#fff;  line-height:100%; font-weight:500;  height:30px; cursor:pointer;}
.filtreFindInst > p button:hover{ background-color:#055b8c; }

.resultatFind{ padding:0 20px; background-color:#FFE001}
.resultatFind > *{ padding:10px 0 10px; height:70px}
.nbrResult{ width:150px; border-right:1px solid #fff; text-align:center; padding-right:10px}
.nbrResult span{  font-weight:700; font-size:13px; display:inline-block; padding:3px 7px; background-color:#2CAB9A; margin-top:7px}
.nbrResult span b{ text-transform:uppercase; color:#3bfae6; font-size:13px; font-weight:700}
.nbrResult p{ margin-top:5px; font-size:12px; color:#fff; font-family:"Open Sans"}

.perimetreResult{ width:570px; border-right:1px solid #fff; padding-left:20px; padding-right:20px;}
.perimetreResult p{ font-size:14px; color:#5e6977; font-weight:500}

.triResulte{ width:200px; padding-right:10px; border-right:1px solid #fff; text-align:center}
.triResulte select{ background:none; border:none; font-size:14px; font-weight:600; color:#5e6977; padding:0 5px; margin-top:15px;}
.triResulte select > option {
    background-color: #F0F4F7;
    color: #5e6977;
}
.distanceResulte{ width:120px; border-right:1px solid #fff; text-align:center}
.distanceResulte select{ background:none; border:none; font-size:14px; font-weight:600; color:#5e6977; padding:0 5px; margin-top:15px;}
.distanceResulte select > option {
    background-color: #F0F4F7;
    color: #5e6977;
}

.courtResulte{ padding-left:40px;}
.courtResulte span{ display:block; font-size:14px; color:#5e6977;  font-weight:600; margin-bottom:5px}
.courtResulte span input{ margin-right:10px}

/* liste resulte */
.contentListeResulte{ padding-top:30px;}
.resultatIn{ width:406px; margin-right:30px;margin-bottom:30px;
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.10); background: #fff;
box-shadow: 0 0 10px 0 rgba(0,0,0,.10); min-height: 348px; 	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.resultatIn:nth-child(3n) {
	margin-right: 0;
}
.resultatIn:hover{
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.30);
box-shadow: 0 0 10px 0 rgba(0,0,0,.30);}
.resultatIn > .titreBloc{ border-bottom:1px solid #F5F5F5}
.resultatIn > .titreBloc .left{ text-align:center; background-color:#F7F8FC; border-right:1px solid #F5F5F5; display:block; width:254px; font-size:17px; font-weight:500; color:#bdc6cf}
.resultatIn > .titreBloc .left.for2Res{ width:100%;}
.resultatIn:hover > .titreBloc .left.for2Res{ background-color:#056aa9; color: #fff;}
.resultatIn:hover > .titreBloc .left.for2Res a{ color: #fff;}
.resultatIn > .titreBloc .left.for2Res a{ color: #bdc6cf;}


.resultatIn > .titreBloc .right{ width:75px; text-align:center; display:block; background-color:#fff;font-size:13px; font-weight:500; color:#5e6977; line-height:17px;}
.resultatIn > .titreBloc .right i{font-size:26px; font-weight:500; color:#5e6977; line-height:17px; display:block; margin-bottom:-9xp;}
.resultatIn > .titreBloc > span{ padding:20px 0}
.resultatIn > .titreBloc .right:nth-child(3){ border-right:1px solid #F5F5F5}

.contentResultatIn{ padding: 30px 30px 0;
	background-color: #fff;
	min-height: 260px;
	position: relative;
	padding-bottom: 0px;}
.contentResultatIn .titreBloc{ color:#43474d; font-weight:300; font-size:25px; margin-bottom:40px; }
.contentResultatIn .titreBloc a { color:#43474d; }
.contentResutIn { font-size:16px; color:#86939e;  line-height:150%; font-weight:300;}
.contentResutIn b { font-weight:600; font-size:16px; color:#86939e;  line-height:150%}

.linkToResIn{ border:1px solid #F5F5F5; border-width:1px 0; padding:15px 0; margin:20px 0 20px; font-size: 16px; color: #86939e; font-weight:300;}
.linkToResIn b { font-size: 16px; color: #86939e; font-weight:600;}
.linkToResIn a{ font-size:14px; color:#86939e; }
.linkToResIn a:hover{ color:#2ea89b}
.clicToResIn{text-align: right;
	bottom: -20px;
	position: absolute;
	right: 0px;
}
.clicToResIn a{ padding:8px 10px 8px 30px;  font-size:12px;  background:#2EA89B url(../img/pic_16.png) 10px 50% no-repeat; display:inline-block;}
.clicToResIn a:hover{ background-color:#5d6977}

.liste_type {
	width: 366px;
	background: #2EA89B;
	display: block;
	font-size: 17px;
	line-height: 25px;
	padding: 20px;
	text-align: left;
	font-weight: 300;
}

.mobileDetCarto{ padding:20px 0; background-color:#fff; display:none}
.mobileDetCarto a{ display:inline-block; width:33%; text-align:center; font-size:15px; color:#5D6977}
.mobileDetCarto a i{font-size:28px; color:#5D6977;}

.noMarginRight{ margin-right:0}

.paginationResultatIn{ margin:20px 0;}
.paginationResultatIn span{ width:200px; padding:30px 0; background-color:#fff; text-align:center}
.paginationResultatIn div{ width:878px; padding:22px 0; background-color:#fff; border:1px solid #F5F5F5; border-width:0 1px; text-align:center}
.paginationResultatIn div a{ display:inline-block; padding:7px 10px; background-color:#fff; font-size:14px;  color:#3a405b; margin:0 20px;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
border-radius: 150px;}
.paginationResultatIn div a:hover, .paginationResultatIn div a.active{ color:#fff; background-color:#aeb4bb}

.pinUp{ position:absolute; top:800px; right:800px; width:290px; z-index:999; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.20); background: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.20); cursor: pointer;}
.pinUp .titreBloc{ color:#bdc6cf;  font-weight:600; padding:10px 30px; font-size:18px; background-color:#5e6977; position:relative}
.pinUp .titreBloc:before{ position:absolute; top:-10px; left:27px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 15px solid #5e6977; content:''}
.pinUp .contentPinUp{ padding:10px 30px; background-color:#fff; padding-left: 20px;}
.pinUp .contentPinUp p{ font-size:20px; font-weight:300; color:#232e78; line-height:130%; margin-bottom:15px;}
.pinUp .contentPinUp a{padding:5px 10px;  font-size:11px;  background-color:#2EA89B; display:inline-block; margin-bottom:5px; text-transform: uppercase}
.pinUp .headerpin {background: #e6813b;}
.pinUp .headerpin p {padding: 6px; color: #fff; font-family: 'nunito'; font-size:14px;padding-left: 20px;}

.legendbox {
	width:290px; z-index:999; height:300px;
	padding-top: 20px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.20);
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.20);
	position: absolute ;
	top : 200px;
	left:10%;
}
.header_box {border-bottom: 1px solid #9196bb; padding-bottom: 10px;}
.header_box p {font-family: 'nunito'; color : #e6813b; font-size:20px;}

.footer_box {border-bottom: 1px solid #9196bb; padding-bottom: 10px;}
.footer_box p {font-family: 'nunito'; color : #7e82a7; font-size:17px;}

/* contenu */
/* big photo home */
.bigTof{ margin-bottom:50px; position:relative;}
.bigTof figure{ width:100%; position:relative; max-height:694px; overflow:hidden}
.bigTof figure img{ width:100%; height:auto;}
.bigTof figure:before{ content:''; display:block; width:100%; height:100%; position:absolute; background-color:rgba(0,0,0,.25)}
.descTof{ position:absolute; top:45%; width:100%}
.bigTof p{ font-size:60px; text-align:center; color:#7FDC19; font-weight:300; line-height:100%}
.bigTof p span{ font-size:25px; color:#fff; display:block;  font-weight:300}

.bigTof:hover figure:before{ background-color:rgba(0,0,0,.10)}
.bigTof:hover figure img{
transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-moz-transform: scale(1.05);}

/* contenu */
.aLaUne{ margin-bottom:50px;}
.aLaUne .titreBloc {
    font-size: 45px;
    color: #F5D223;
    font-weight: 400;
    margin-bottom: 30px;
    position: relative;
    margin-top: 50px;
    text-transform: uppercase ;
	line-height: 60px;
	font-family:'Nunito';
}
.aLaUne .titreBloc:after{ width:100px; height:4px; display:block; content:''; background-color:#C3C0C3; position:absolute; bottom:-10px;}
.aLaUne .titreBloc b{ font-weight:400; color:#2daa9d; font-size:60px;}
.contentUne > div.contentVideo, .overUne .contentUne > div.right{ margin:0; width:30%}
.contentUne figure, .contentUne .video{ width:65%}
.contentUne figure img{ max-width:100%; height:auto}
.contentUne div.contentVideo .titreUne{ font-size:21px; color:#6B6775; line-height:32px; margin-bottom:30px; font-weight: 400;font-family:'Nunito';}
.contentUne div.contentVideo .titreUne2{ font-size:21px; color:#6B6775; line-height:32px; font-weight: 400; margin-bottom:0px; font-family:'Nunito';letter-spacing: 1px; text-align: left;}
.contentUne div.contentVideo .titreUne3{ font-size:21px; color:#6B6775; line-height:32px; margin-bottom:30px; font-weight: 200;font-family:'Nunito'; text-align: left;}
.contentUne div.contentVideo .contentUne{ font-size:16px;  line-height:185%; color:#6B6775; text-align:justify; font-weight: 300;}
.contentUne div.contentVideo p{ font-family: "Nunito"; font-size:16px;  line-height:185%; color:#6B6775; text-align:justify; font-weight: 300;}
.contentUne div.contentVideo p strong {font-family: "Nunito"; font-size:15px;  line-height:185%; color:#6B6775; text-align:justify; font-weight: 700;}
.contentUne div.contentVideo p b { font-family: "Nunito";font-size:15px;  line-height:185%; color:#6B6775; text-align:justify; font-weight: 700;}
.contentUne div.contentVideo p em { font-family: "Nunito";font-size:15px;  line-height:185%; color:#6B6775; text-align:justify; font-style: italic;}
.contentUne div.contentVideo p u { font-family: "Nunito";font-size:15px;  line-height:185%; color:#6B6775; text-align:justify; text-decoration: underline;}
.contentUne div.contentVideo p a { font-family: "Nunito";font-size:15px;  line-height:185%; color:#6B6775; text-align:justify; text-decoration: none;}
.contentUne div.contentVideo p a:hover { font-family: "Nunito";font-size:15px;  line-height:185%; color:#ed7902; text-align:justify; text-decoration: none;}



.contentUne div.contentVideo ul li::before {
	content: "• ";
	color: #7FDC19; /* or whatever color you prefer */
	font-size: 16px;
	top:0px;
	position: relative;
	margin-right: 5px;
}





.contentUne div.contentVideo ul {
	font-size: 16px;
	font-family: "Nunito";
	line-height: 185%;
	color: #6B6775;
	text-align: justify;
	font-weight: 300;
	list-style: none;

}

.contentUne div.contentVideo ul li::before {
	content: "• ";
	color: #7FDC19; /* or whatever color you prefer */
	font-size: 16px;
	top:0px;
	position: relative;
	margin-right: 5px;
}

.contentUne div.contentVideo ul li {
	font-size: 16px;
	font-family: "Nunito";
	line-height: 185%;
	color: #6B6775;
	text-align: left;
	font-weight: 300;
	margin-left: 0px;
}

.contentUne div.contentVideo ul li a {
	color: #6B6775;
	text-decoration: underline;
}

.contentUne div.contentVideo ul li strong { font-weight: 600;font-size: 16px;color: #6B6775;line-height: 185%;}
.contentUne div.contentVideo ul li b { font-weight: 600; font-size: 16px;color: #6B6775;line-height: 185%;}
.contentUne div.contentVideo ul li em { font-style: italic; font-size: 16px;color: #6B6775;line-height: 185%;}

.contentUne div.contentVideo .suiteUne{ margin-top:30px; font-size:15px; color:#6B6775; font-weight:600}
.contentUne div.contentVideo .suiteUne a b{ font-size:15px; color:#6B6775; font-weight:500; line-height:20px; display:inline-block; top: -3px;
	position: relative;}
.contentUne div.contentVideo .suiteUne a:hover b{ color:#2daa9d}
.contentUne div.contentVideo .suiteUne i{ display:inline-block; vertical-align:middle}
.contentUne div.contentVideo .suiteUne img{ padding:10px 12px; border:2px solid #7FDC19; margin-right:10px;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
border-radius: 150px;}
.contentUne.biBc > div.left, .contentUne.biBc > div.right, .contentUne.triBc > div.left, .contentUne.triBc > div.right{ width:47.5%;}
.contentUne.triBc > div.right{ margin-bottom:0}
/*.contentUne.triBc > div:nth-child(2){ margin:0; float:right!important;}*/
.contentUne.triBc > div:nth-child(3){ width:100%}
.downDoc a{ margin-right:80px;}
.contentUne.triBc{ margin-bottom:0}
.contentListeContenu > .contentUne{ margin-bottom:50px; clear: both;}

.contentUne.fullBc .video{ width:100%; margin:0; }
.contentUne.fullBc .contentVideo{ width:100%; margin:0;}

.contentUne.biBc{ margin-bottom:50px;}
.contentUne.biBc > div.left, .contentUne.biBc > div.right{ width:47.5%}
.contentUne.biBc > div .video{ width:100%; margin-bottom:25px}
.contentUne.biBc  div.contentVideo{ width:98%; margin:0 auto}

.contentUne.triBc{ margin-bottom:50px;}
.contentUne.triBc > div.left, .contentUne.triBc > div.right{ width:30%}
.contentUne.triBc > div .video{ width:100%; margin-bottom:25px}
.contentUne.triBc > div:nth-child(2){ margin:0 5%}

.contentUne img{ max-width:100%; height:auto}

/* downdoc */
.downDoc{ margin-bottom:50px; display: inline-block;}
.downDoc a {
    display: inline-block;
    margin-right: 130px;
    width: 274px;
    height: 58px;
	vertical-align: top;
	border-bottom: 1px #e0e2e4 solid;
	border-top: 1px #e0e2e4 solid;
}
.downDoc a:hover{
	border-bottom: 1px #182a7c solid;
	border-top: 1px #182a7c solid;
}

.downDoc a:hover span{
	color: #7FDC19;
}

.downDoclink{ }
.downDoclink img{ float:left; margin:8px; height:40px; width:auto}
.downDoclink span{
    display: block;
    margin: 11px 0px 5px 10px;
    color: #6B6775;
    font-size: 16px;
    font-weight: 300;
    padding-bottom: 5px;
    float: left;
    width: 73%;
    height: 37px;
    line-height: 20px;
    overflow: hidden;
}
.downDoclink b{ color:#fff; font-size:1.5em; font-weight:400; line-height:120%}

.federlink{ }
.federlink img{ float:left; margin:8px; width:auto; height:40px;}
.federlink span {
    display: block;
    margin: 11px 0px 5px 10px;
    color: #6B6775;
    font-size: 16px;
    font-weight: 300;
    padding-bottom: 5px;
    float: left;
    width: 73%;
    height: 37px;
    line-height: 20px;
    overflow: hidden;
}
.federlink b{ color:#fff; font-size:1.5em; font-weight:400; line-height:120%}

/* accordeons */
.accordeons{ margin-bottom:50px;}
.accordeons ul{ list-style:none}
.accordeons ul li{ list-style:none; display:block;}
.accordeons ul li div.titreAccord{ padding: 13px 20px 13px 20px; border:1px solid #dee1e4; cursor:pointer;}
.accordeons ul li div.titreAccord:hover {background-color:#d5dcdf}
.accordeons ul li div.titreAccord span{ font-size:20px; color:#7FDC19; font-weight:300; display: inline-block;
	max-width: 1200px;
	line-height: 26px;}
.accordeons ul li div.titreAccord i{ float:right; width:33px; display:inline-block; padding:8px 0; background-color:#e1e8ee; color:#a7b2bb; font-size:16px; font-style:inherit; font-weight:500; position:relative; top:-5px; text-align:center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.accordeons ul li.active div.titreAccord{ background-color:#7FDC19}
.accordeons ul li.active div.titreAccord span{ font-size:20px; color:#fff; font-weight:300; display: inline-block;
	max-width: 1200px;
	line-height: 26px;color: #fff !important;}
.accordeons ul li .contenuAccord{ padding:30px 20px; border:1px solid #dee1e4; border-width:0 1px}
.accordeons ul li .contenuAccord p { font-size:15px; color:#888b90; line-height:170%; font-weight:300; text-align: justify}
.accordeons ul li .contenuAccord p a { font-size:15px; color:#888b90; line-height:170%; font-weight:300; text-decoration: underline;}
.accordeons ul li .contenuAccord p strong {font-size:15px; color:#888b90; font-weight:600}
.accordeons ul li .contenuAccord p em {font-size:15px; color:#888b90; font-style: italic;}

.accordeons ul li .contenuAccord ul li {
	font-size: 15px;
	color: #888b90;
	font-weight: 300;
	line-height: 25px;
	margin-left: 20px;
	list-style-type: disc !important;
	list-style: disc;
	margin-bottom: 10px;

}


.accordeons ul li .contenuAccord ul li:before {
	content: "\2022  ";
 }

 .accordeons ul li .contenuAccord ul li em {
	font-size: 15px;
	color: #888b90;
	font-weight: 300;
	line-height: 25px;
	margin-left: 20px;
	margin-bottom: 10px;
	font-style: italic;
 }


.accordeons ul li .contenuAccord ul {
	list-style-type: disc !important;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #000;
	list-style: disc;
}

.accordeons ul li .contenuAccord:last-child{ padding:30px 20px; border-bottom:1px solid #dee1e4;}


/* patage contenu */
.partageContenu{ width:100%; background-color:#fff; margin-bottom:30px;}
.partageContenu p{ width:21%; height:100px; text-align:center}
.partageContenu p.sep{ width:5%; border:1px solid #efefef; border-width:0 1px;}
.partageContenu .tweet{ display:inline-block; padding:8px 10px; background-color:#24a9e6; margin-top:20px;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
border-radius: 150px;}
.partageContenu .tweet i{ font-size:22px; color:#fff;}
.partageContenu .fb{ display:inline-block; padding:8px 10px; background-color:#43619c; margin-top:20px;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
border-radius: 150px;}
.partageContenu .fb i{ font-size:22px; color:#fff;}
.partageContenu .linkin{ display:inline-block; padding:8px 10px; background-color:#187fb8; margin-top:20px;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
border-radius: 150px;}
.partageContenu .linkin i{ font-size:22px; color:#fff;}
.partageContenu p > span a{ font-size:14px; font-weight:700; color:#b2b2b2; display:inline-block; margin-top:10px;}
.partageContenu p > span a:hover{ color:#2daa9d}

.otherContenu{ display:inline-block; padding-right:18px; background:url(../img/pic_10.png) right center no-repeat; margin-top:17px;}
.otherContenu *{ display:inline-block}
.otherContenu i{ margin-right:20px;}
.otherContenu span{ font-size:20px; color:#b2b2b2; text-align:justify; margin-top:15px;}
.otherContenu span b{ font-weight:700; color:#b2b2b2 ; font-size:18px; text-transform:uppercase}
.otherContenu:hover span, .otherContenu:hover span b{ color:#2daa9d}

/* pop up fiche */
.popFiche{
	position: absolute;
	top: 0px;
	background-color: #F5F5F5;
	max-width: 100%;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 10000;
}
.tetoPopRech{ padding:0 0 0 50px; background-color:#7FDC19; max-width: 1212px; width: 80%; margin-left: auto; margin-right: auto; margin-top:30px; padding-left: 30px;
	padding-right: 30px;
	border-top-left-radius : 5px;
	border-top-right-radius : 5px;
}
.tetoPopRech > *{ padding:15px 0}
.icoTopRech{ padding-right:30px;height: 44px;}
.icoTopRech img{ height:42px; display:inline-block; margin-right:10px; vertical-align:text-bottom}
.icoTopRech a{ line-height:35px; font-size:24px; color:#fff; }

.closeTopRech{ padding:15px 20px; display:inline-block; margin-left:20px; }

.paginationTopRech{}
.paginationTopRech > *{ display:inline-block; vertical-align:middle; margin:0 10px;}
.paginationTopRech p.right{ text-align:center; margin:0 20px}
.paginationTopRech p.right span{ display:block;  color:#fff; font-weight:700; font-size:13px; text-align:center; margin-top:10px;}
.paginationTopRech p.right b{  color:#7FDC19; font-size:16px; font-weight:600; }

.detailFichePop{ padding:30px; background-color:#fff; max-width:1212px; width: 80%; margin-left: auto; margin-right: auto;     -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.titreDetFichePop{}
.titreDetFichePop h2{ position:relative; font-weight:100; font-size:60px; color: #7FDC19; margin-bottom:50px;}
.titreDetFichePop h2:after{ width:100px; height:2px; display:block; content:''; background-color:#ed7902; position:absolute; bottom:-20px;}
.titreDetFichePop p{ font-size:16px; color:#5e6977;  font-weight:700;}
.titreDetFichePop p img{ margin:30px 10px 0 0}
.titreDetFichePop p span{ font-size:16px; color:#5e6977;  font-weight:700;}

.descFichePop{ margin:50px 0; font-size:16px;  line-height:150%; color:#6B6775}
.descFichePop *{font-size:16px;  line-height:150%; color:#6B6775}
.descFichePop a{ color:#2daa9d}

.diversContentFichePop{ margin-bottom:25px;}
.diversContentFichePop .titreBloc{ position:relative; font-size:16px; color:#6B6775;  font-weight:600; padding-left:13px; margin-bottom:15px;}
.diversContentFichePop .titreBloc span{ font-weight:300; color:#6B6775; font-size:16px;}
.diversContentFichePop .titreBloc:before{ position:absolute; top:4px; left:2px; content:""; width:6px; height:6px; background-color:#7FDC19}
.diversContentFichePop h3{font-size:25px; font-weight:100; color:#2daa9d; line-height:120%}

.listeDiversContPop{}
.listeDiversContPop span{ display:inline-block; padding:3px 10px; text-transform:uppercase; color:#43474c; font-size:13px; font-weight:700; background-color:#7FDC19; margin:0 10px; vertical-align:middle; margin-bottom:20px;}

.descLibreDiversContPop{  font-size:16px; line-height:130%; color:#6B6775; line-height:170%; font-weight: 300;}
.descLibreDiversContPop b {  font-size:16px; line-height:130%; color:#6B6775; line-height:170%; font-weight: 700;}
.descLibreDiversContPop li { font-size:16px; line-height:130%; color:#6B6775; line-height:170%; font-weight: 300; margin-left: 50px; }

.popAdresseFiche{ margin:50px 0 0; padding:50px 0 0; border-top:1px solid #5e6977; position:relative}
.popAdresseFiche:before{ content:""; display:block; width:100%; height:1px; top:0px; left:0; position:absolute; background-color:#dfe1e4}
.popAdresseFiche .left p{ margin-bottom:20px;}
.popAdresseFiche .left p *{ display:inline-block; vertical-align:top}
.popAdresseFiche .left p span{ line-height:150%; position:relative; font-size:16px; color:#43474d; font-weight:500; padding-left:10px; display:inline-block}
.popAdresseFiche .left p i{ color:#2daa9d; font-size:17px; position:relative; top:4px;}
.popAdresseFiche .left p.webPop i{ color:#43474d}
.popAdresseFiche .left p.webPop a{ color:#2daa9d}
.popAdresseFiche .left p.webPop a:hover{ text-decoration:underline}
.popAdresseFiche .right p.titreBloc{line-height:150%; position:relative; font-size:16px; color:#2daa9d; font-weight:500; margin-bottom:30px;}
.popAdresseFiche .right div{ line-height:175%; line-height:150%; position:relative; font-size:16px; color:#43474d; font-weight:300}
.popAdresseFiche .right div span{ display:inline-block; line-height:150%; position:relative; font-size:16px; color:#43474d; font-weight:300; width:150px}

.cartoPop.slide{ max-width:1212px; border:5px solid #7FDC19; border-width:5px 0; width: 80%; margin-left: auto; margin-right: auto; padding: 30px;background: #fff;}
.cartoPop.slide img{ max-width:100%; height:auto}


/* liste actu */
.contentActu{ margin:50px 0}
.contentActu .actuALaUne{ margin-bottom:30px; background-color:#FFF;	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.contentActu .actuALaUne div.left{ width:45%}
.contentActu .actuALaUne div.left img{ max-width:100%; height:420px;}
.contentActu .actuALaUne div.right{ width:55%; padding-top:20px;}
.contentActu .actuALaUne div.right p.categActu, .contentActu .actuALaUne div.right p.titreBloc{ margin-bottom:25px; margin-left:30px; margin-right: 20px; min-height: 51px;}
.contentActu .actuALaUne div.right p.categActu span{ display:inline-block;font-size:13px; font-weight:700;  color:#fff; padding:5px 25px; background-color:#43474c; margin-top:10px; text-transform: uppercase;}
.contentActu .actuALaUne .right p.titreBloc{ font-size:17px; color:#7FDC19;line-height: 170%;}
.contentActu .actuALaUne .right p.titreBloc a { color:#7FDC19;}
.contentActu .actuALaUne .right .descActuALaUne{min-height: 115px; font-size:16px;  color:#b2b2b2; line-height:175%; margin:0 30px 30px; font-weight: 300; text-align: justify; height: 115px; overflow: hidden}
.contentActu .actuALaUne .right .suiteActu{ margin:0 30px;}
.contentActu .actuALaUne .right .suiteActu a{  color:#7FDC19; font-size:15px; font-weight: 500; padding-left:13px; background:url(../img/pic_10.png) left center no-repeat}
.contentActu .actuALaUne .right .suiteActu a:hover{ color:#ed7902}
.contentActu .actuALaUne .right .suiteActu .right{ font-size:14px; color:#b2b2b2; font-weight:600; font-family:"Open Sans"}
.shareActuALaUne{ margin:30px 0 0; padding:10px 0 0; border-top:2px solid #fcfcfc; position:absolute; bottom: 32px;}
.shareActuALaUne:before{ position:absolute; top:-2px; height:2px; width:35%; content:""; background-color:#7FDC19}
.contentSlideActuALaUne{ position:relative}
.dateActueALaUne{ position:absolute; top:25px; right:25px; padding: 10px 15px 10px 15px; font-size:13px;  color:#fff; font-weight:700; text-transform:uppercase; background-color:#43474c}
.dateActueALaUne b{ font-size:25px; color:#7FDC19; font-weight:700; font-family:"Open Sans"}

.filtreListeActu2 { margin:20px 0 40px; border-bottom:2px solid #F2F0F0}
.filtreListeActu2  *{ display:inline-block; padding-bottom:20px; vertical-align:bottom}
.filtreListeActu2  span{ margin-right:50px; font-size:24px;  color:#7FDC19; font-weight:100}
.filtreListeActu2  a{ margin-right:50px; font-size:16px; color:#7FDC19; position:relative; font-weight: 300;}
.filtreListeActu2  a:after{ content:""; display:block; position:absolute; left:0; bottom:-2px; width:30px; height:2px}
.filtreListeActu2  a:hover, .filtreListeActu a.active{ color:#ed7902}
.filtreListeActu2  a:hover:after, .filtreListeActu a.active:after{ background-color:#ed7902}

.filtreListeActu2 a.active{ margin-right:50px; font-size:16px; color:#ed7902; position:relative; font-weight: 300;}

.filtreMobile{ display:none}
.filtreMobile span{font-size:24px;  color:#999; display:block; font-weight:100; margin-bottom:10px;}
.filtreMobile select{ width:100%; color:#5D6977; border: 1px solid #d9d9da; font-size:16px;  line-height:17px; margin-bottom:30px; -webkit-appearance: none;  height: 40px; padding: 10px; background: #fff;}
.filtreMobile select *{font-size:17px;;  line-height:17px; padding:10px; color:#5D6977;}

/* mediatheque */
.mediatheque .contentActu .actuALaUne div.paginationTopRech{ margin:0; padding:0; position:relative; top:-10px;}
.mediatheque .contentActu .actuALaUne div.paginationTopRech img{ visibility:hidden}
.mediatheque .paginationTopRech p.right span{ font-size:14px; color:#b2b2b2}
.mediatheque .contentActu .actuALaUne div.right p.categActu span{ background:#7FDC19}
.listeMediatheque{}
.listeMediatheque ul{ list-style:none}
.listeMediatheque ul li {
    list-style: none;
    width: 266px;
    height: 370px;
    overflow: hidden;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    background-color: #fff;
    padding: 15px;
    padding-bottom: 0px;
    min-height: 380px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
	position: relative;
	top:0px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.listeMediatheque ul li:hover{
-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.30);
box-shadow: 0 0 30px 0 rgba(0,0,0,.30);
position: relative;
top:-5px;
}

.listeMediatheque ul li:hover .contentDescMediatheque a {
	color: #ed7902;
}

.listeMediatheque ul li:nth-child(4), .listeMediatheque ul li:nth-child(8), .listeMediatheque ul li:nth-child(12), .listeMediatheque ul li:nth-child(16), .listeMediatheque ul li:nth-child(20){ margin-right:0}
.listeMediatheque ul li .catMediatheque, .catmediatheque{ display:inline-block;font-size:13px; font-weight:700;  color:#fff; padding:5px 25px; background-color:#a3a5a7; text-transform:uppercase}
.listeMediatheque ul li:hover .catMediatheque, .catmediatheque{ background-color:#7FDC19; color:#fff}
.listeMediatheque ul li .contentDescMediatheque{ color:#7FDC19; font-size: 18px; font-weight: 300; line-height:21px; margin:20px 0; padding-bottom:10px; position:relative; height:60px;}
.listeMediatheque ul li .contentDescMediatheque a { color:#7FDC19;
	display: block;
	float: left;
	height: 53px;
	overflow: hidden;
	margin-bottom: 20px;
	border-bottom: 1px solid #2daa9d;
	padding-bottom: 13px;
}

/* .listeMediatheque ul li .contentDescMediatheque a:hover { color:#64676b;
	display: block;
	float: left;
	height: auto;
	min-height: 53px;
	overflow: none;
	margin-bottom: 20px;
}
 */
/* .listeMediatheque ul li .contentDescMediatheque:after{ position:absolute; width:75px; height:2px; display:block; left:0; bottom:0; background-color:#2daa9d; content:"";}
 */.listeMediatheque ul li figure{}
.listeMediatheque ul li figure img{ max-width: 100%;
	max-height: 225px;
-webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,.20);
box-shadow: 1px 1px 2px 0 rgba(0,0,0,.20);}
.listeMediatheque ul li video{ width:100%}
.listeMediatheque ul li video > *{ width:100%; height:auto}
.loadVideotheque{ margin-top:20px;}
.loadVideotheque span.left a{ color:#a3a5a7; font-size:13px; font-weight:600}
.loadVideotheque span.left a:hover{ color:#2daa9d}
.loadVideotheque .right > *{ display:inline-block; vertical-align:middle}
.loadVideotheque .right span{display:inline-block;font-size:13px;  color:#fff; padding:5px 5px; background-color:#a3a5a7; text-transform:uppercase; margin-left:10px;}
.loadVideotheque .right a i{ font-size:22px; color:#7FDC19}

/* pop mediatheque */
.mediathequeFiche {position: absolute;top: 0px;background-color: rgba(255, 255, 255, 0.70);max-width: 100%;width: 100%;height: 100%;display: none;z-index: 1000;}
.mediathequeFiche .tetoPopRech{ padding:0; margin:0; width:100%; background-color:inherit; position: absolute;}
.mediathequeFiche .detailFichePop {padding:0; margin:0; width:100%;}
.mediathequeFiche .closeTopRech{ border:none}
.catmediatheque{ margin-bottom:30px; margin-left: 30px; margin-top: 30px;}
.mediathequeFiche .titreDetFichePop h2{ font-size:35px; width:100%; margin-left: 30px;}
.detailFichePopMedia {margin:0; width:auto;}


.mediathequeFicheVideo {position: absolute;top: 0px;background-color: rgba(255, 255, 255, 0.70);max-width: 100%;width: 100%;height: 100%;display: none;z-index: 1000;}
.mediathequeFicheVideo .tetoPopRech{ padding:0; margin:0; width:100%; background-color:inherit; position: absolute;}
.mediathequeFicheVideo .detailFichePop {padding:0; margin:0; width:100%;}
.mediathequeFicheVideo .closeTopRech{ border:none}
.mediathequeFicheVideo .titreDetFichePop h2{ font-size:35px; width:100%; margin-left: 30px;}




.detailFicheMedia{ padding: 30px; padding-top:0; padding-left: 0px;}
.detailFicheMedia .video{ width:100%; margin-bottom:20px;}
.detailFicheMedia .left{ width:25%;}
.detailFicheMedia .left img{ padding:10px; background-color:#fff;
-webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,.20);
box-shadow: 1px 1px 2px 0 rgba(0,0,0,.20);
width:100%;
padding-left: 0px;
}
.detailFicheMedia .right{ width:70%;}
.detailMedia{ margin:10px 0 40px; position:relative; padding-left:15px; font-weight:700; font-size:16px; color:#6B6775; position:relative}
.detailMedia:before{ display:block; width:5px; height:5px; position:absolute; left:0; top:5px; background-color:#ed7902; content:"";}
.descMediaFiche{ font-size:16px;  line-height:180%; color:#6B6775; margin-top:-30px; text-align: justify;}
.descMediaFiche p { font-size:16px;  line-height:180%; color:#6B6775; margin-bottom:20px; text-align: justify;}
.descMediaFiche li { font-size:16px;  line-height:180%; color:#6B6775; margin-bottom:20px; margin-left: 20px; text-align: justify;}
.descMediaFiche strong {font-weight:600; font-size:16px;  line-height:180%; color:#6B6775; text-align: justify;}
.descMediaFiche b {font-weight:600; font-size:16px;  line-height:180%; color:#6B6775;  text-align: justify;}
.descMediaFiche em {font-style: italic; font-size:16px;  line-height:180%; color:#6B6775; text-align: justify;}

.venteMedia{ padding:20px 0px 0px 0px; margin:30px 0; border:1px solid #dee1e4; border-width:1px 0 }
.venteMedia a{ display:inline-block; float:left; width:250px; background:none; margin-right:50px;}
.venteMedia a img{ opacity:.5}
.venteMedia a span{ font-size:14px; display:block; color:#5e6977; width:100%; margin-top:26px;     height: 33px;
    overflow: hidden;}
.venteMedia a b{ display:block; font-size:16px; color:#5e6977}
.venteMedia a:hover span{ color:#e6813b}

.partageMediaFiche{}
.partageMediaFiche a{ padding:25px 20px; margin:0; border-right:1px solid #F4F4F4}
.partageMediaFiche a i{ font-size:28px; color:#CCC}
.partageMediaFiche a:nth-child(2) i{ color:#00a2f9; font-size:24px}
.partageMediaFiche a:nth-child(3) i{ color:#43619c; font-size:24px}
.partageMediaFiche a:nth-child(4){ border:none}
.partageMediaFiche a:nth-child(4) i{ color:#489ac7; font-size:24px}

/* pop recherche */
.rechercheForPop{
	position: absolute;
	top: 0px;
	background-color: rgba(255, 255, 255, 0.99);
	display: none;
	height: 100%;
	min-height: 100%;
	z-index: 99999;
	width: 100%;
}
.rechercheForPop .tetoPopRech{ background:#fff}
.rechercheForPop .closeTopRech{ border:none}
.rechercheForPop .detailFichePop{ background:#fff;}
.forInputFind{ position:relative; padding-bottom:20px; margin-bottom:50px;}
.forInputFind input{ background:none; border:none; cursor:pointer; padding:10px 0; font-size:87px; color:#f0efef; font-weight:100; display:block; width:100%}
.forInputFind:after{ content:""; display:block; width:100px; height:2px; position:absolute; bottom:0; background-color:#7FDC19}

.resulatPopRecherche{}
.resulatPopRecherche > .left{ width:55%}
.resulatPopRecherche > .right{ width:40%}
.resulatPopRecherche > .left ul{}
.resulatPopRecherche > .left ul li{ padding:20px 0; border-bottom:2px solid #f1f9f5}
.resulatPopRecherche > .left ul li p{ margin-bottom:10px}
.resulatPopRecherche > .left ul li p a{ font-size:18px; color:#2daa9d; font-weight:500; line-height:150%}
.resulatPopRecherche > .left ul li p a span{ font-size:18px;color:#000; font-weight:500;}
.resulatPopRecherche > .left ul li p a:hover{ text-decoration:underline}
.resulatPopRecherche > .left ul li > span{  font-size:12px; color:#5e6977}

.resulatPopRecherche > .right > *{ width:45%; margin-top:20px;}
.resulatPopRecherche > .right > .left{ font-size:16px; color:#666666; line-height:200%; font-family:"Open Sans"}
.resulatPopRecherche > .right > .right{ margin:0}
.resulatPopRecherche > .right > .right p{padding:20px 0; border-bottom:2px solid #f1f9f5; margin-bottom:20px}
.resulatPopRecherche > .right > .right p > *{ display:inline-block; vertical-align:top}
.resulatPopRecherche > .right > .right p > input{ margin-right:10px; margin-top:5px;}
.resulatPopRecherche > .right > .right p > span{  color:#5e6977; font-size:12px}
.resulatPopRecherche > .right > .right p > span b{ font-size:18px; color:#2daa9d; font-weight:500; display:inline-block; margin-bottom:5px;}

/* pop connexion */
.forConnexionPop{
	position: fixed;
	top: 0px;
	background-color: rgba(255, 255, 255, 0.95);
	display: none;
	height: 100%;
	z-index: 9999
}
.forConnexionPop .tetoPopRech{ background:none;}
.forConnexionPop .closeTopRech{ border:none}
.contentForConnex{ width:700px; margin:0 auto; max-width:100%}
.contentForConnex p.titreBloc{ text-align:center;}
.contentForConnex p.titreBloc a{ display:inline-block; padding:10px 0 ; border-bottom:2px solid transparent; font-size:24px; color:#CFD3D9; }
.contentForConnex p.titreBloc span{ display:inline-block; padding:0 30px; border-right:1px solid #CFD3D9; margin-bottom:30px;}
.contentForConnex p.titreBloc span:last-child{ border:none}
.contentForConnex p.titreBloc a:hover, .contentForConnex p.titreBloc a.active{ color:#64676b; border-color:#7FDC19;}
.inContentForConnex{ padding:25px; background-color:#fff}
.contentInputLog{}
.contentInputLog span{ width:49%; border:1px solid #CFD3D9; padding:10px 0}
.contentInputLog span:hover{ background-color:#f0f0f0}
.contentInputLog span > *{ display:block; margin-left:20px;}
.contentInputLog span b{ color:#626262; font-size:11px; text-transform:uppercase; font-weight:600; }
.contentInputLog span input{ background:none; border:none; padding:5px 0; font-size:14px;  color:#cfd3d9}

.contentInputLogToo{ margin:30px 0}
.contentInputLogToo span{ display:inline-block;}
.contentInputLogToo span.left input{ background:none; border:none; border:1px solid #CFD3D9;}
.contentInputLogToo span.left{ font-size:13px;  color:#666 }
.contentInputLogToo span.left a{ font-size:13px; color:#2daa9d; font-family:"Open Sans"}
.contentInputLogToo span.right{ text-align:right}
.contentInputLogToo span.right a{ font-size:13px; color:#2daa9d; font-family:"Open Sans"}
.contentInputLogToo span.right a:hover{ text-decoration:underline;}

.contentInputLogFree{}
.contentInputLogFree input{ background:none; border:none; padding:10px 20px; background-color:#7FDC19; color:#2daa9d; font-size:15px;  cursor:pointer}
.contentInputLogFree input:hover{ background-color:#2daa9d; color:#7FDC19;}

.erreur{ color:#e4504d; font-size:12px; }
.contentInputLogFor{border:1px solid #CFD3D9; padding:10px 0; margin:10px 0; position:relative}
.contentInputLogFor span{ display:inline-block;}
.contentInputLogFor span > *{ display:block;}
.contentInputLogFor span b{ color:#626262; font-size:11px; text-transform:uppercase; font-weight:600;  margin-left:20px}
.contentInputLogFor span input{ background:none; border:none; padding:5px 0; font-size:14px;  color:#cfd3d9; margin-left:20px;}
.contentInputLogFor span.left input{ background:none; border:none; width:75%}
.contentInputLogFor span.left{ font-size:13px;  color:#666; width:75%}
.contentInputLogFor span.left i{  color:#cfd3d9; font-weight:700; font-size:9px}
.contentInputLogFor span.right{ padding:23px 30px; font-size:14px; color:#626262; background-color:#f0f0f0;  position:absolute; top:0; right:0;}

.succesCreate{ display:inline-block; margin:0 10px 0 20px; font-size:13px;  color:#626262}
.succesCreate *{ color:#7FDC19;}

/* sous menu */
.ongletMenu{ width:100%; background-color:#fff; position:absolute; z-index:9999; right:0; margin-top:0; display:none; min-height: 300px; top:110px;}
.ongletMenu div.left{ width:35%}
.ongletMenu div.left .titreBloc{  color:#7FDC19; font-size:36px; font-weight:100; position:relative; padding-bottom:20px; margin-bottom:35px;}
.ongletMenu div.left .titreBloc:after{ content:""; display:block; width:75px; height:2px; position:absolute; bottom:0; left:0; background-color:#ed7902;}
.ongletMenu div.left .titreBloc b{ color:#7FDC19; font-size:36px; font-weight:500;}
.ongletMenu div.left .descMenu{ font-size:16px;  color:#666; line-height:200%; font-weight: 300; padding-right: 10px;}

.ongletMenu div.right{ width:60%; margin-top:95px;}
.ongletMenu div.right ul{}
.ongletMenu div.right ul li{ list-style:none; float:left; display:inline-block; width:50%; margin-bottom:20px;}
.ongletMenu div.right ul li:nth-child(odd){ clear:both}
.ongletMenu div.right ul li a{ display:inline-block; font-size:18px; color:#2daa9d; max-width:80%; line-height:100%; padding-left:15px; background:url(../img/pic_10.png) 0 5px no-repeat; font-weight: 300;}
.ongletMenu div.right ul li a:hover{ text-decoration:underline}

.ongletMenu div.right p.left {
	width: 27%;
	margin-bottom: 30px;
	margin-right: 3%;
	padding-left: 3%;
}
.ongletMenu div.right p.left:before {
	content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAIAAAA88gD/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkFCRkZFRjlGMEQzMTFFN0E1RjREQzA5ODU0Mjc2NjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkFCRkZFRkFGMEQzMTFFN0E1RjREQzA5ODU0Mjc2NjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQUJGRkVGN0YwRDMxMUU3QTVGNERDMDk4NTQyNzY2MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQUJGRkVGOEYwRDMxMUU3QTVGNERDMDk4NTQyNzY2MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsPhhIoAAAC7SURBVHjaYpyz98K6k7cYGBiUJQT7452ZmRiBbKZoW21JQR4g6+6L9xtPg6RBohysLDkeRoxgzpLDV5+//wISBWIDBXEXPQUg4+fvv1N3nvsPEQWCFGd9QW4OIOP8/Zf7Lj+AivJwsHkbKUPYK45dh4p+/PZzy9k7EHaElSZUdNrOcx++/YTY4aSrABI9fP3xkRtPgAx2VmaIe5iASqbtPA/REW0DdTvT1B1nP30H6VUWFwgwU4NIAwQYAILrP94XsfoHAAAAAElFTkSuQmCC');
	position: absolute;
	margin-top: 2px;
	font-size: 20px;
	margin-left: -20px;
}



.ongletMenu div.right p.left:hover:before {
	content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkFCRkZFRkRGMEQzMTFFN0E1RjREQzA5ODU0Mjc2NjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkFCRkZFRkVGMEQzMTFFN0E1RjREQzA5ODU0Mjc2NjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQUJGRkVGQkYwRDMxMUU3QTVGNERDMDk4NTQyNzY2MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQUJGRkVGQ0YwRDMxMUU3QTVGNERDMDk4NTQyNzY2MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjdilrIAAACLSURBVHjaYnzWaN3NwMBQwgAB54DYHIj/gDhMQFwPxHehkkZAXABlgyW/AXEGEP+HijUCsTJMEgT2APF8KJsLiKcDMSNMkgFq7wso2xWI45Al30N1wEA1sqQoEGcj8VuRJacBsRiSGxbBJMOAOATKhrueCap6KpIJDTB/M0EdIQKVOA/E/TBVAAEGAJWHGduGWxhYAAAAAElFTkSuQmCC');
	position: absolute;
	margin-top: 2px;
	font-size: 20px;
	margin-left: -20px;
}

.ongletMenu div.right p.left:hover span b {
	font-weight: 600;


}

.ongletMenu div.right p.left > *{ display:inline-block; vertical-align:top;}
.ongletMenu div.right p.left img{ margin-right:10px; height:45px; width:45px;}
.ongletMenu div.right p.left span {
	font-size: 15px;
	color: #818282;
	font-weight: 300;
	height: 75px;
	overflow: hidden;
}
.ongletMenu div.right p.left span a {color:#818282; font-size: 15px;}
.ongletMenu div.right p.left span b{
	display: block;
	font-size: 22px;
	color: #4a86aa;
	font-weight: 300;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px #4a86aa solid;
}
.ongletMenu div.right p.left:nth-child(n3){ margin-right:0px}

.contentMenu {
	width:1200px; margin:0 auto; padding:50px; background-color:#fff; display:block; padding-left: 0px; padding-right: 0px;
	max-width: 1400px;
}



.third {
	width: 34% !important;
}

.two_third {
  width: 60% !important;
}

@media screen and (max-width: 1450px) {
	.contentActu .flex-direction-nav {display: block;}
}

@media screen and (max-width: 1300px) {
	.centerBox{ width:960px}
	.forHead .centerBox{ width:95%; padding-left: 20px; padding-right: 20px;}
	.depecheListe ul li { margin-right:30px !important;}
	.depecheListe ul li:nth-child(3n) { margin-right:0px !important;}
	.ongletMenu{ max-width:100%}


	.footerSite .centerBox { width:1100px}
	partenaireFoot { width:40%; margin-right:10%}
	.ongletMenu div.right p.left span{ font-size:12px;}

	.contactFoot  img { width: 70%; margin-left:20px;}

	.contentActu .actuALaUne div.left, .contentActu .actuALaUne div.right{ width:100%;}
	.contentActu .actuALaUne div.left > img{ width:100%; height:auto; display: none;}
	.contentActu .flex-direction-nav {display: none;}
	.actualite .flex-direction-nav a{ top:59%}
	.actualite .flex-direction-nav .flex-next{ left:91%}
	.contentActu .actuALaUne {height:420px;}
	.filtreListeActu span{ display:block}
	.paginationResultatIn span{ width:150px;}
	.paginationResultatIn div{ width:658px;}

	.triResulte, .distanceResulte, .courtResulte{ display:none}
	.perimetreResult{ border:none; width:719px;}
	.noMarginRight{ margin-right:30px;}
	.resultatIn{ margin-right:30px !important}
	.resultatIn:nth-child(even){ margin-right:0 !important;}
	.resultatIn{ width:465px;}


	.contentUne figure, .contentUne .video{ width:100%;}
	.contentUne > div.contentVideo, .overUne .contentUne > div.right{ width:100%}
	.contentUne div.contentVideo .contentUne{ font-size:13px;}
	.contentUne figure img { margin-bottom: 10px;}

	.mediatheque .flex-direction-nav a{ top:92%}
	.mediatheque .flex-direction-nav .flex-prev{ right:18%;}
	.listeMediatheque ul li:nth-child(4), .listeMediatheque ul li:nth-child(8), .listeMediatheque ul li:nth-child(12), .listeMediatheque ul li:nth-child(16){ margin-right:30px;}
	.listeMediatheque ul li:nth-child(3), .listeMediatheque ul li:nth-child(6), .listeMediatheque ul li:nth-child(9), .listeMediatheque ul li:nth-child(12){ margin-right:0}

	.detailFicheMedia .left{ width:35%}
	.detailFicheMedia .left *{ max-width:100%; height:auto}
	.detailFicheMedia .right{ width:60%}
	.venteMedia a{ margin-right:10px;}

	.resulatPopRecherche > .left{ width:100%}
	.resulatPopRecherche > .right{ display:none}
}




@media screen and (max-width: 981px) {

	.resultatIn{ margin-right:30px !important}
	.resultatIn:nth-child(even){ margin-right:0 !important;}

	.centerBox{ width:630px}
	.menuMob{ display:block; margin-right: 0px;}
	.menu{ display:none}
	.footerSite .centerBox > div{ margin:0; width:50%}

	.questionFoot, .partenaireFoot{
		margin-top: 30px !important;
		}

	.flex-direction-nav a{ top:44%!important;}
	.contentSlide{ min-height:inherit}
	.infoActu{ width:350px;}
	.depecheListe ul li:nth-child(3n) {margin-right: 30px !important;}
	.depecheListe ul li {margin-right: 30px !important;}
	.depecheListe ul li:nth-child(even) {margin-right: 0px !important;}
	.index .depecheListe ul li:last-child, .index .depecheListe ul li:last-child > *{ display:block; }

	.depecheListe ul li.forcemarge {margin-right: 30px !important;}
	.depecheListe ul li.removemarge {margin-right: 0px !important;}

	.filtreListeActu2 {display: none;}
	.filtreMobile{ display:block}

	.filtreListeActu span{ padding:0}
	.filtreListeActu a{ padding-top:20px;}
	.paginationResultatIn span{ width:100px;}
	.paginationResultatIn div{ width:428px;}
	.paginationResultatIn div a{ margin:0 10px;}

	.filtreFindInst{ position:relative}
	.filtreFindInst > p:nth-child(1), .filtreFindInst > p:nth-child(2), .filtreFindInst > p:nth-child(3), .filtreFindInst > p{ width:50%; margin-bottom:10px;}

	.filtreFindInst > p:nth-child(3) {clear: both;}

	.pinUp{ display:block;}
	.zmdi-help-outline{ position:absolute; top:10px; right:10px;}
	.filtreFindInst > p span{ height:15px;}
	.perimetreResult{ width: 389px;}
	.perimetreResult *{ max-width:100%; height:auto}
	.resultatIn{ width:300px;}
	.resultatIn > .titreBloc .left.for2Res{ width:100%;}
	.contentResultatIn .titreBloc{ font-size:24px;}
	.contentResutIn{ font-size:14px;}

	.bigTof p{ font-size:40px;}
	.bigTof p span{ font-size:15px;}
	.aLaUne .titreBloc, .aLaUne .titreBloc b{ font-size:40px;}
	.downDoc a{ margin-right:30px;}
	.contentUne div.contentVideo .titreUne{ font-size:17px;}
	.otherContenu i{ display:none}

	.icoTopRech{ border:none}
	.titreDetFichePop h2{ font-size:42px; max-width:75%; }
	.popAdresseFiche > *{ width:100%}

	.mediatheque .flex-direction-nav a{ top:inherit!important; bottom:60px!important}
	.mediatheque .flex-direction-nav .flex-prev{ right:28%}
	.listeMediatheque ul li:nth-child(3), .listeMediatheque ul li:nth-child(6), .listeMediatheque ul li:nth-child(9), .listeMediatheque ul li:nth-child(12){ margin-right:30px;}
	.listeMediatheque ul li:nth-child(even){ margin-right:0}
	.forInputFind input{ font-size:47px;}

	.detailFicheMedia {
		padding: 0;
	}

	.detailFicheMedia .left img { padding: 0;}

	.third {
		width: 100% !important;
	}
	.two_third {
	  width: 100% !important;
  }
}

@media screen and (max-width: 745px) {
	.contactFoot {width: 100% !important; clear: both;}
	.questionFoot {width: 100% !important; clear: both; margin-bottom: 30px !important; display:none;}
	.unpgFoot {width: 100% !important; clear: both;     margin-top: 30px !important;}
	.unicemFoot { display : block;}
	.footerSite > .centerBox {width: 300px;}
	.forInputFind input{ font-size:30px;}
	.footerSite .centerBox > div {text-align: center;}


}

@media screen and (max-width: 768px) {

	.slides li .centerBox{ width: 600px;}

}



@media screen and (max-width: 640px) {
	.forInputFind input{ font-size:20px;}
	#slideshow {display: block;}

	.centerBox{ width:310px}
	.slides .desktop {display: none;}
	.slides .mobile {display: block;}
	.slides li .centerBox{ width: 90%; top: 220px;}
	.slides li .centerBox .linkToDiapo{ display:none}
	.oppenActu{ position:absolute; right:1px;}
	.actusSlice .centerBox { width: 100%;}
	.infoActu{ width: 100%;
		margin-left: 0px;
		margin-top: 10px;}
	.indiceActu img{ position:absolute; left:30px; top:55px; display:none;}
	.depecheListe > ul > li{ width:100%!important; margin-right:0!important}
	.footerSite .centerBox > div{ width:100%; margin-bottom:30px;}
	.slides li .centerBox{ display:block}
	.forLinkCopy{ display:none}

	.index .slides .current {
		background-color: rgba(4, 130, 196, 0.27);
		background-blend-mode: darken;
	}
	.flex-direction-nav {display: none;}

	.forCopy{ width:100%; text-align:center}

	.actualite .flex-direction-nav a{ top:22%!important}
	.actualite .flex-direction-nav .flex-next{ left:83%}

	.partage2Dep p.date { display: none;}

	.contentActu .actuALaUne {height: 480px;}
	.contentActu .actuALaUne div.right p.categActu, .contentActu .actuALaUne div.right p.titreBloc {width: 270px;}
	.contentActu .actuALaUne .right .descActuALaUne {height: 133px; width: 260px;}
	.filtreListeActu{ display:none}
	.filtreMobile{ display:block}

	.paginationResultatIn span{ width:50px}
	.paginationResultatIn div{ width:208px;}
	.paginationResultatIn div a{ margin:0}

	.cartographie .contentSlide{ display:none}

	.cartoPop.slide {display: none;}
	.tetoPopRech {width: 90%;}
	.findInstallation{ position:inherit; margin-top:30px;}
	.findInstallation .titreBloc{ width:270px}
	.findInstallation .titreBloc span{ display:inline-block; width:75%; vertical-align:top}
	.filtreFindInst > p:nth-child(1), .filtreFindInst > p:nth-child(2), .filtreFindInst > p:nth-child(3), .filtreFindInst > p{ width:100%}
	.filtreFindInst > p input, .filtreFindInst > p select{ width:88%}
	.filtreFindInst > p select{ width:95%}
	.nbrResult{ padding-right:0; width:100%; border:none; text-align:left; height:inherit}
	.perimetreResult p{ margin-bottom:10px;}
	.perimetreResult{ width:100%; padding-left:0}
	.nbrResult p{ display:none}
	.clicToResIn{ display:none}
	.contentResultatIn .titreBloc{ padding-bottom:30px; margin-bottom:1px;}
	.mobileDetCarto{ display:block}

	.resultatIn{ margin-right:30px !important}
	.resultatIn{ width: 310px;}
	.resultatIn:nth-child(even){ margin-right:0 !important;}


	.contentInputLog span{ width:99%; margin-bottom:10px;}
	.inContentForConnex form{ position:relative}
	.contentInputLogToo span.right{ position:absolute; left:0; bottom:-20px;}
	.contentInputLogToo{ margin:20px 0; }
	.succesCreate{ margin:20px 0}
	.succesCreate *{ float:left}
	.contentForConnex p.titreBloc a{ font-size:18px;}

	.contentUne figure, .contentUne .video, .contentUne > div.contentVideo, .overUne .contentUne > div.right, .contentUne.biBc > div.left, .contentUne.biBc > div.right, .contentUne.triBc > div.left, .contentUne.triBc > div.right{ width:100%; margin-left:0!important; margin-right:0!important}
	.downDoc a{ margin:0; margin-bottom:30px;}
	.accordeons ul li.active div.titreAccord span, .accordeons ul li div.titreAccord span{ display:inline-block; width:80%}
	.partageContenu{ display:none;}
	.contentUne.triBc  div{ margin-bottom:30px!important;}
	.contentUne.triBc{ margin:0}
	.icoTopRech{ display:none}
	.closeTopRech{ margin:0}
	.tetoPopRech{ padding:0}
	.paginationTopRech{ float:left!important; width:71%}
	.paginationTopRech > *{ margin:0 2px;}
	.paginationTopRech p.right span{ font-size:9px;}

	.titreDetFichePop h2{ font-size:28px; width:100%; max-width:100%}
	.titreDetFichePop p img{ margin-top:0;}
	.titreDetFichePop p.right{ float:left!important}
	.titreDetFichePop{ margin-bottom:30px;}
	.diversContentFichePop h3{ font-size:18px;}
	.popAdresseFiche .left p span{ width:80%; font-size:14px;}
	.popAdresseFiche .right div span{ font-size:14px; width:95px}
	.popAdresseFiche .right div{ font-size:12px;}

	.paginationTopRech > span{ width:10px}
	.listeMediatheque ul li{ margin-right:0!important; width:280px;}

	.mediathequeFiche .titreDetFichePop h2{ font-size:30px;}
	.mediathequeFicheVideo .titreDetFichePop h2{ font-size:30px;}
	.detailFicheMedia .left{ width:100%; margin-bottom:30px;}
	.titreDetFichePop{ margin-bottom:0;}
	.detailFicheMedia .left *{ max-width:95%}
	.detailFicheMedia .right{ width:100%;}
	.partageMediaFiche a{ padding:25px 17px}

	.contentUne figure img {margin-bottom:10px;}


}




input[type=range] {
	-webkit-appearance: none;
	width: 100%;
	margin: 4.5px 0;
	margin-top: 10px;
  }
  input[type=range]:focus {
	outline: none;
  }
  input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 6px;
	cursor: pointer;
	box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
	background: #2daa9d;
	border-radius: 0px;
	border: 0px solid #010101;
  }
  input[type=range]::-webkit-slider-thumb {
	box-shadow: 0px 0px 0px #ffffff, 0px 0px 0px #ffffff;
	border: 3px solid #ffffff;
	height: 15px;
	width: 15px;
	border-radius: 15px;
	background: #2daa9d;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -4.5px;
  }
  input[type=range]:focus::-webkit-slider-runnable-track {
	background: #9be4dd;
  }
  input[type=range]::-moz-range-track {
	width: 100%;
	height: 6px;
	cursor: pointer;
	box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
	background: #2daa9d;
	border-radius: 0px;
	border: 0px solid #010101;
  }
  input[type=range]::-moz-range-thumb {
	box-shadow: 0px 0px 0px #ffffff, 0px 0px 0px #ffffff;
	border: 3px solid #ffffff;
	height: 15px;
	width: 15px;
	border-radius: 15px;
	background: #2daa9d;
	cursor: pointer;
  }
  input[type=range]::-ms-track {
	width: 100%;
	height: 6px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
  }
  input[type=range]::-ms-fill-lower {
	background: #0a2522;
	border: 0px solid #010101;
	border-radius: 0px;
	box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  }
  input[type=range]::-ms-fill-upper {
	background: #2daa9d;
	border: 0px solid #010101;
	border-radius: 0px;
	box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  }
  input[type=range]::-ms-thumb {
	box-shadow: 0px 0px 0px #ffffff, 0px 0px 0px #ffffff;
	border: 3px solid #ffffff;
	height: 15px;
	width: 15px;
	border-radius: 15px;
	background: #2daa9d;
	cursor: pointer;
	height: 6px;
  }
  input[type=range]:focus::-ms-fill-lower {
	background: #2daa9d;
  }
  input[type=range]:focus::-ms-fill-upper {
	background: #e7ce12;
  }



  .home .logo a {
	  color: #7FDC19;
  }

  .background_menu {
	width:100%; background-color:#7FDC19; height:115px; position: absolute; top:0px; left:0px; display:none; z-index: 0;
  }

  .headSite {
    width: 100%;
    z-index: 99999;
    position: relative;
}

span.suite,
span.reduire {
	display: block;
	cursor: pointer;
	font-size: 16px;
	color: #ffffff;
	width: 100%;
	height: 20px;
	margin: 10px auto;
	text-align: left;
	text-decoration: underline;
	transition: 1s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
}

span.reduire {
	display: none;
}

.grandPrix .forGrandPrix .descBloc {

  overflow: hidden;
}

.grandPrix .forGrandPrix .descBloc p {
    font-family: "Nunito",sans-serif;
    font-size: inherit;
    color: #6B6775;
    font-weight: 400;
    line-height: 1.8em;
}

.grandPrix .forGrandPrix .descBloc p em {
    font-family: "Nunito",sans-serif;
    font-size: inherit;
    color: #6B6775;
    font-weight: 400;
    line-height: 1.8em;
		font-style: italic;
}


.mainContent .cointentDetailProjet .mapProjet>div:first-child {
	height: 536px;
}

.linkme {
	cursor: pointer;
}
.contentZoneMap .filtreMap ul li .champZone label span {
	color:#51657B;
}


.contentPopMap .descBloc {
    font-family: "Nunito",sans-serif;
    font-size: 13px;
    color: #C3C0C3;
    font-weight: 700;
    line-height: 1.2em;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #F5D223;
}

.contentPopMap .titreBloc {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-family: "Nunito",sans-serif;
    font-size: 20px;
    color: #6B6775;
    font-weight: 400;
    line-height: 1.3em;
}

.contentPopMap .nomLieu {
    font-family: "Nunito",sans-serif;
    font-size: 14px;
    color: #9B9B9B;
    font-weight: 700;
}

.contentPopMap .titreBloc:before {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 2px;
    background-color: #F5D223;
}

.contentPopMap .nomLieu i {
    display: inline-block;
    margin-right: 5px;
    color: #F5D223;
    font-size: 15px;
}

.popMap2 .typeSelection {
    padding: 7px 15px;
    background-color: #7FDC19;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width: 65%;
    font-family: "Nunito",sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    position: relative;
}


.popMap2 .typeSelection span {
    display: block;
    position: absolute;
    top: -10px;
    right: -35px;
    padding: 8px 3px 2px 7px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #E0E0E0;
    background-color: #fff;
    -webkit-box-shadow: 0 10px 10px 5px rgba(0,0,0,0.1);
    box-shadow: 0 10px 10px 5px rgba(0,0,0,0.1);
}

.popMap2 .typeSelection span img {
    width: 34px;
    height: 32px;
}


.contentZoneMap {
    position: relative;
    /* margin-bottom: 100px; */
}

.seclectionJury h2.inactive {
	color:#9B9B9B;
}
.seclectionJury h2.inactive::after {
    height: 0px;
    background-color:none;
}

.seclectionJury h2 a {
	color: inherit;
}


.seclectionJury h2 a:hover {
	color: #F5D223;
}



.seclectionJury h3.inactive {
	color:#9B9B9B;
}
.seclectionJury h3.inactive::after {
    height: 0px;
    background-color:none;
}

.seclectionJury h3 a {
	color: inherit;
}


.seclectionJury h3 a:hover {
	color: #F5D223;
}

.seclectionJury h3 {
    font-family: "Nunito",sans-serif;
    font-size: 18px;
    color: #F5D223;
    font-weight: 300;
    position: relative;
}

.seclectionJury {
	margin-bottom: 0px;
	margin-top: 76px;
	background-color: #F9F9F9;
	padding: 110px 0 30px;
}

.listeJury {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.listeJury li {
    width: 45%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 50px;
}

.listeJury li figure {
    width: 35%;
    background-color: #F2F2F2;
}

.listeJury li .contentDetJury {
    width: 60%;
}

.listeJury li .contentDetJury .titreBloc {
    margin-top: 5px;
    font-family: "Nunito",sans-serif;
    font-size: 21px;
    color: #7FDC19;
    font-weight: 700;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.listeJury li .contentDetJury .titreBloc::after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100px;
	height: 2px;
	background-color: #BFBCC0;
}



.listeJury li .contentDetJury .sousTitreBloc {
    font-family: "Nunito",sans-serif;
    font-size: 18px;
    color: #7FDC19;
    font-weight: 400;
	line-height: 1.5em;
	text-transform: uppercase;
}
.listeJury li .contentDetJury p {
    font-family: "Nunito",sans-serif;
    font-size: 15px;
    color: #6B6775;
    font-weight: 400;
	line-height: 1.5em;
}

.listeJury li .contentDetJury p a {
    font-family: "Nunito",sans-serif;
    font-size: 15px;
    color: #6B6775;
    font-weight: 400;
	line-height: 1.5em;
	text-decoration: underline;
}

.listeJury li .contentDetJury p a:hover {
    font-family: "Nunito",sans-serif;
    font-size: 15px;
    color: #7FDC19;
    font-weight: 400;
	line-height: 1.5em;
}


.preFooter ul li p {
    margin-bottom: 10px;
    font-family: "Nunito",sans-serif;
    font-size: 16px;
    color: #6B6775;
    font-weight: 400;
}


.grandPrix .forGrandPrix .sousTitreBloc {
    font-family: "Nunito",sans-serif;
    font-size: 26px;
    color: #fff;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 35px;
}

.grandPrix .descImgGp .descBloc {
    font-family: "Nunito",sans-serif;
    font-size: 18px;
    color: #9B9B9B;
    font-weight: 500;
}

.grandPrix .forGrandPrix h2 span img {
    width: 52px;
    height: 47px;
}

.listeSelectionJury li .tetoSelection .typeSelection span img {
    width: 34px;
    height: 32px;
}

.listeSelectionJury li .tetoSelection .typeSelection {
	padding: 7px 15px;
	padding-top:9px;
    margin-bottom: 15px;
    background-color: #7FDC19;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width: 65%;
    font-family: "Nunito",sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    position: relative;
}

.listeSelectionJury li .inAutreText {
    padding: 20px 30px 0;
    font-family: "Nunito",sans-serif;
    font-size: 25px;
    color: #7FDC19;
    font-weight: 500;
    line-height: 1.5em;
}


.listeSelectionJury li .descImgGp .descBloc {
    font-family: "Nunito",sans-serif;
    font-size: 18px;
    color: #9B9B9B;
	font-weight: 500;
	line-height: 23px;

}

.mainContent .container h2 {
    font-family: "Nunito",sans-serif;
    font-size: 26px;
    color: #9B9B9B;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.mainContent .cointentDetailProjet .photoProjet h3 {
    font-family: "Nunito",sans-serif;
    font-size: 26px;
    color: #7FDC19;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 30px;
}

.mainContent .cointentDetailProjet .mapProjet .detailMapProjet .titreBloc b {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
    font-family: "Nunito",sans-serif;
    font-size: 24px;
    color: #6B6775;
    font-weight: 500;
}

.titreBlocMain .typeSelection span img {
    width: 34px;
    height: 32px;
}

.titreBlocMain .typeSelection {
	padding: 7px 15px;
	padding-top:9px;
    margin-bottom: 15px;
    background-color: #7FDC19;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width: 250px;
    font-family: "Nunito",sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    position: relative;
    margin-right: 10px;
}

.titreBlocMain .titreBloc {
	max-width: 76%;
}


.mainContent .cointentDetailProjet .mapProjet>figure {
    margin-top: 75px;
    text-align: left;
}

.mainContent .cointentDetailProjet .mapProjet>figure img {
    width: 200px;
	height: auto;
	padding-left: 30px;
}


.homeInfo .container .listeHomeInfo {
    width: 22%;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 30px;
}

.homeInfo .container .listeHomeInfo:hover {
    -webkit-box-shadow: 0 29px 40px 0 rgba(0,0,0,0.27);
    box-shadow: 0 29px 40px 0 rgba(0,0,0,0.27);
}

.imgGrandPrix {
	min-height: 540px;
	max-height : 540px;
}

.listeSelectionJury li .tetoSelection .descBloc {
	color: #6B6775;
	min-height: 42px;
	overflow: auto;
	max-height: 20px;
	text-align: left;
}

.listeSelectionJury li .tetoSelection {
	opacity: 1;
}

.detail_projet {
	background-color: #FFF;
}




.nav_content {
	width: 100%;
    position: fixed;
    top: 0px;
    left: 0;

}

.nav_content:hover {
	background-color: #7FDC19;
}


.nav_content:hover .burger i::before {
	color: #fff;
}


.nav_content:hover  a {
	color: #fff !important;
}


.nav_content.hoverdown {
	background-color: #7FDC19;
}

.nav_content.hoverdown  a {
	color: #fff !important;
}

.nav_content.hoverdown .burger i::before {
	color: #fff;
}


nav {
	width: 1275px;
    margin: 0 auto;
}

.detail_projet .nav_content {
	background-color: #7FDC19;
}


.home {
    background: none;
}

.slides li{ position:relative; height: 811px;}


.homeInfo {margin-top:-141px; position: relative;}


.slide .descHeadSite {
    width: 25%;
    padding: 40px 50px;
    background: rgba(187,212,220,0.7);
    float: right;
	margin: 10px 0;
}

.slide .descHeadSite h1 {
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    font-family: "Barlow",sans-serif;
    text-transform: uppercase;
    line-height: 1.2em;
    margin-bottom: 20px;
}

.slide .descHeadSite .inDescHeadSite {
    font-size: 17px;
    font-family: "Nunito",sans-serif;
    color: #fff;
    line-height: 1.3em;
}

.grandPrix {
    padding: 75px 0;
    background-color: #F5D223;
    border-bottom: 1px #fff solid;
}

.zoneMap .container>.descBloc {
	line-height: 32px;
}

.listeSelectionJury li .descImgGp .imgGp img {
    width: 230px;
    height: auto;
}

.listeSelectionJury li .descImgGp .imgGp {
    text-align: center;
    margin-top: 25px;
}

.listeSelectionJury li:hover .imgGrandPrix{
	box-shadow: 0 29px 40px 0 rgba(0,0,0,0.27);
	-webkit-box-shadow: 0 29px 40px 0 rgba(0,0,0,0.27);
}

.contentMenuMobil {
	z-index:999999;
}

.contentMenuMobil .forCloseMenuMob {
	background: none !important;
}

.contentMenuMobil {
	max-width: 100%;
	height: 100%;
}


.contentMenuMobil ul li a {
    padding: 10px 15px;
    font-family: "Barlow",sans-serif;
	font-size: 22px;
	line-height: 30px;
    color: #fff;
    font-weight: 500;
    display: block;
}

.mainContent .cointentDetailProjet .mapProjet .detailMapProjet .titreBloc p {
	color: #6B6775;
    font-weight: 400;
}
.mainContent .cointentDetailProjet .mapProjet .detailMapProjet .titreBloc p em {
	font-style: italic;
	color: #6B6775;

}
.mainContent .cointentDetailProjet .mapProjet .detailMapProjet .titreBloc p b {
	color: #6B6775;
    font-weight: 900;
}
.mainContent .cointentDetailProjet .mapProjet .detailMapProjet .titreBloc p strong {
	color: #6B6775;
    font-weight: 900;
}

.grandPrix .forGrandPrix .descBloc {
    font-family: "Nunito",sans-serif;
    font-size: 16px;
    color: #6B6775;
    font-weight: 400;
    line-height: 1.8em;
}

.grandPrix .forGrandPrix .sousTitreBloc {
    font-family: "Nunito",sans-serif;
    font-size: 26px;
    color: #fff;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 15px;
}

.grandPrix .forGrandPrix .titreBloc {
    font-family: "Nunito",sans-serif;
    font-size: 23px;
    color: #6B6775;
    font-weight: 400;
    margin-bottom: 15px;
}

.grandPrix .forGrandPrix h2 {
    font-family: "Nunito",sans-serif;
    font-size: 35px;
    color: #fff;
    font-weight: 400;
    margin: 0px 0 30px;
    padding-bottom: 20px;
    position: relative;
}

.grandPrix .descImgGp .imgGp img {
    width: 230px;
    height: auto;
}


.sous_menu {
	display: inline-block; width:140px; margin-right:20px; border-right:1px #999 solid;
}
.sous_menu2 {
	display: inline-block; width:33%;
}

.seclectionJury h2 {
    font-family: "Nunito",sans-serif;
    font-size: 35px;
    color: #F5D223;
    font-weight: 400;
    margin: 0;
    padding-bottom: 20px;
    position: relative;
}

#logo {
	width: 270px;
	position: fixed;
	top:20px;
}

#logo img {
	width: 100%;
	max-width: 300px;
}


.mainContent .cointentDetailProjet .mapProjet>figure {
    margin-top: 25px;
    text-align: left;
}

.mainContent .cointentDetailProjet .mapProjet>figure img {
    width: 300px;
    height: auto;
    padding-left: 30px;
}

.mainContent .cointentDetailProjet .mapProjet>figure img {
    width: 300px;
    height: auto;
    padding-left: 30px;
    padding-right: 30px;
	margin-left: 30px;

}

.homeInfo .container .listeHomeInfo .inTime .forInTime .heures {
	padding: 0 15px;
    margin: 0 15px;
	border-left: 1px solid #fff;
	border-right-width: 0;
	margin-right:0;
	padding-right: 0;
}

.homeInfo .container .listeHomeInfo .inTime .forInTime .seconds {
	padding: 0 15px;
    margin: 0 15px;
	border-left: 1px solid #fff;
	border-right-width: 0;
	margin-right:0;
	padding-right: 0;
}


.homeInfo .container .listeHomeInfo .inTime .titreSousBloc {
    text-align: center;
    font-family: "Nunito",sans-serif;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 15px;
}

.homeInfo .container .listeHomeInfo .inTime {
    position: absolute;
    width: 100%;
    position: absolute;
    top: 8%;
    left: 0;
}

@media screen and (max-width: 870px) {
	.sous_menu {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 890px) {
	.sous_menu2 {
		width: 100%;
	}
	.seclectionJury h2 {
		margin-bottom: 20px;;
	}
}

@media screen and (max-width: 600px) {
	.sous_menu2 {
		width: 100%;
	}
	.seclectionJury h2 {
		margin-bottom: 20px;;
	}

	#logo {
		width: 230px;
		margin-left: 20px;
	}
}

@media screen and (max-width: 1250px) {
	.seclectionJury h2 {
		font-size: 25px;
	}
}


@media screen and (max-width: 1325px) {
	nav {
		width: 95%;
	}

	.seclectionJury .container {
		width: 95%;
	}
}

@media screen and (max-width: 1300px) {

	.zoneMap .container {
		width: 960px;
	}

}

@media screen and (max-width: 1150px) {
	nav ul {
		display: none;
	}
	.menuMob {
		display: block;
	}

	.slide .descHeadSite {
		width: 45%;
	}
}

@media screen and (max-width: 981px) {

	.zoneMap .container {
		width: 630px;
	}

	.listeJury li {
		width: 100%;
	}

}

@media screen and (max-width: 1200px) {
	.homeInfo .container .listeHomeInfo {
		width: 45% !important;
		border: #EFEFEF 1px solid;
	}
	.homeInfo .container .listeHomeInfo .contentBloc {
		max-height: 300px;
		overflow: hidden;
	}
}

@media screen and (max-width: 993px) {

	.homeInfo .container .listeHomeInfo .contentBloc {
		max-height: 200px;
		overflow: hidden;
	}
}


@media screen and (max-width: 640px) {
	.homeInfo .container .listeHomeInfo {
		width: 100% !important;
		border: #EFEFEF 1px solid;
	}
	.homeInfo .container .listeHomeInfo .contentBloc {
		max-height: 300px;
		overflow: hidden;
	}
	.homeInfo .container .listeHomeInfo {
		width: 90% !important;
		border: #EFEFEF 1px solid;
	}
	.zoneMap .container {
		width: 310px;
	}

}

@media screen and (max-width: 992px) {
	.grandPrix .imgGrandPrix, .grandPrix .forGrandPrix {
		width: 100%;
	}
	.grandPrix .forGrandPrix h2 span {
		display: none;
	}

	.grandPrix .imgGrandPrix {
		margin-bottom: 40px;
	}

	.grandPrix .imgGrandPrix figure {
		max-height : 250px;
		overflow: hidden;
	}
	.grandPrix .imgGrandPrix figure > img {
		width: 100%;
	}
}