html,body {
	font-family:'Poppins', sans-serif,Arial;
	font-weight: 300;
	font-size:16px;
	margin:0;
	padding:0;
	color:#231f20;
	position: relative;
	height: 100%;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}

::selection {background: #000000;color:#fff;}
::-moz-selection {background: #000000;color:#fff;}

#ecran_horizontal{text-align: center;font-size:16px;padding:30px 0 0 0; display: none;}

body{overflow-x: hidden;background:#fff url(../images/bg.png) top center repeat-y;}
img{max-width: 100%;height: auto;}
.clear{clear:both;}
a{color:#854158;text-decoration: none;}
a:hover{text-decoration: none;color:#000000;}
p{text-align:left;}
.center{text-align: center;}
.center p{text-align: center;}
.right{text-align: right;}
.left{text-align:left;}

.sep{width: 40%;height:1px;border-top:2px solid #000;}
.sep.center{position: relative;margin:0 auto;}

*:focus {outline: none;background: none;}

#wrapper{max-width:800px;position: relative;margin:0 auto;overflow-x: hidden;}

.container{padding:0 0 66px 0;margin: 0 auto;position: relative;overflow: hidden;}
.row{clear:both;}

.col_50{float:left;width:50%;}
@media (max-width:600px) { 
	.col_50{float:none;width:100%;}
}

.padding{padding:0 25px;}

.btn{background: #00862d;color:#fff;padding: 12px 15px;border-radius: 5px 5px 5px 5px;font-weight: bold;font-size: 14px;}
.btn:hover{background:#000;color:#4a5a63;}

.btn1{background: transparent;color:#00862d;padding: 12px 15px;border:1px solid #00862d;border-radius: 5px 5px 5px 5px;font-weight: bold;font-size: 12px;text-transform: uppercase;}
.btn1:hover{background:#00862d;color:#fff;}

.btn2{background: #00862d;color:#fff;padding: 12px 15px;border:1px solid #00862d;border-radius: 5px 5px 5px 5px;font-weight: bold;font-size: 12px;text-transform: uppercase;}
.btn2:hover{background:#fff;color:#00862d;}


.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;height:auto}
.embed-container iframe,.embed-container object,.embed-container embed,.embed-container video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}

#ouverture{position:fixed;z-index:9999999;background:#fff;color:#fff;top:0;left:0;width:100%;height:100vh;text-align: center;padding-top:-3vh;}


#ouverture_swipe{display: none;left:-3000px;position:fixed;z-index:9999999;;width:100%;top:0;width:100%;height:100vh;padding:150px 30px 0 0;text-align: right;background:rgba(0,0,0,0.8);}
@media (max-width:800px) { 
	#ouverture_swipe{left:0;}
	#ouverture_swipe img {max-width: 70%;}
}

/*** BXSLIDER ***/
.bxslider{list-style-type: none;margin:0;padding:0;}
.bxslider_sansfleche{list-style-type: none;margin:0;padding:0;}
.bxslider_vertical{list-style-type: none;margin:0;padding:0;}

.bx-wrapper {position: relative;margin:0 auto;padding:0;width:100%;height:auto;}
.bx-wrapper img {display: block;width:100%;}
.bx-wrapper .bx-viewport {-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute;}

.bx-wrapper .bx-loading {min-height: 50px;background: url(../images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}

.bx-wrapper .bx-pager {display:block;position: absolute;top:10px;right:10px;font-size: .85em;font-family: Arial;font-weight: bold;color: #fff;}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {}
.bx-wrapper .bx-pager.bx-default-pager a {background: #fff;text-indent: -9999px;display: block;width: 15px;height: 15px;margin: 0 5px 10px 5px;outline: 0;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {background: #004f4e;}

.bx-wrapper .bx-prev {left:30px;background: url(../images/fleche-gauche.png) no-repeat;width:32px;height:61px;}
.bx-wrapper .bx-next {right:30px;background: url(../images/fleche-droite.png) no-repeat;width:32px;height:61px;}
.bx-wrapper .bx-prev:hover {background-position: 0 -61px;}
.bx-wrapper .bx-next:hover {background-position: 0 -61px;}
.bx-wrapper .bx-controls-direction a {position: absolute;top:50%;outline: 0;width:32px;height:61px;text-indent: -9999px;z-index: 9999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
.som_bxslider .bx-wrapper .bx-prev,.som_bxslider .bx-wrapper .bx-next{display:none;}

/**** HEADER ****/

#header{height:60px;box-shadow: 0 0 4px #4e4e4e;position: fixed;z-index:9999;top:0;width:100%;background: #fff;max-width: 800px;}
#header_logo{float:left;width:186px;padding:4px 4px 0 9px;}
#header_logo img{height: 50px;}
#header_cta{float:right;width:170px;padding-top:18px;font-size:30px;text-align: right;padding-right: 5px;}
#header_cta a{margin-right:26px;float: right;color:#00862d;}
#header_cta a:hover img{filter:grayscale(80%);}
#header_cta a i{font-size:22px;}
@media (max-width:420px) { 
	#header_logo{width:180px;}
	#header_cta{padding-right:10px;width:auto;}
	#header_cta a{margin-right:12px;}
}
#main{padding-top: 60px;}


.header-partage.active i{filter:grayscale(80%);}
.partage-options{display:none;position: absolute;top:50px;right:36px;background: #fff;border-radius: 15px 15px 15px 15px;box-shadow: 0 0 3px #ccc;padding:10px 10px 5px 20px;}
.partage-options a{margin:0 5px;}


/**** BARRE DE PROGRESSION ****/
#nav .progress-bar {width: 100%;height:8px;padding:0px;background-color: #ddd;}
#nav .progress-bar:before {animation: progressBar 2s ease;animation-fill-mode:both;    content: '';display: block;position: absolute;width: 10%;height:8px;background: #fff;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4295d1), to(#4295d1)); background: -moz-linear-gradient(top, #4295d1, #4295d1);}
/*.progress-bar:after {     content: '|||||||||||||';    display: block;    position: absolute;    width: 10%;    height: 6px;    overflow: hidden;   transform: skewX(-30deg);    -webkit-transform: skewX(-30deg);    -moz-transform: skewX(-30deg);   -o-transform: skewX(-30deg);   font: bold 120px/80px sans-serif;letter-spacing: -6px;color: #000;opacity: 0.06;}*/


/**** NAVIGATION ****/
#nav{min-height:70px;box-shadow: 0 0 4px #4e4e4e;position: fixed;z-index:999999;bottom:0;width:100%;background: #fff;max-width: 800px;}
#nav_bloc{height:70px;}
#nav_accesrapide{float:left;width:260px;padding:0;}
#nav_accesrapide a{float: left;border-right: 1px solid #e8e8ea;display: block;height:60px; width:80px;text-align: center;padding-top:10px;}
#nav_accesrapide a.bordernone{border-right:none;width:32px;}
#nav_accesrapide img{width: 46px;height: 46px;}
@media (max-width:800px) {#nav_accesrapide{width:200px;}  #nav_accesrapide a{width:65px;}}

#nav_nav{float:right;width:130px;padding-top:20px;}
#nav_nav a{margin-right:6px;}
#nav_nav a:focus{outline:none;}
#nav_bloc.active{background:#fff;}
#nav_bloc.active #navg{opacity: 0;}
#nav_bloc.active #navd{opacity: 0;}




.navswipe.swiper-container {width:100%;height:160px;display: none;box-shadow: 0 0 3px #000;}
.navswipe .swiper-slide {padding:8px 0;border:0px solid #fff;border-left:none;border-right:1px solid #fff;background: #fff;font-family:'Poppins', Arial;text-align: center;}
.navswipe .swiper-slide a{display:block;width:80%;height:90%;padding:2% 10% 5% 10%;color:#000;font-size:16px;font-weight: bold;}
.navswipe .swiper-slide a:hover{color:#00862d;}

.navswipe .swiper-slide.swiper-sommaire,.navswipe .swiper-slide.swiper-sommaire a{background:#00862d;color:#fff;text-align: center;padding-top:34px;font-size:20px;font-family:'Poppins', Arial;text-transform: uppercase;}
.navswipe .swiper-slide.swiper-agenda,.navswipe .swiper-slide.swiper-agenda a{background:#eaeef3;color:#00862d;text-align: center;padding-top:34px;font-size:20px;font-family:'Poppins', Arial;text-transform: uppercase;}

.swiper-rub{font-size:16px;color:#000;font-family:'Poppins', Arial;text-transform:uppercase;line-height:16px;height: 26px;}
.swiper-img img{width:140px;height:80px;margin-top: 20px;}





#flashinfo{position: fixed;bottom:70px;left:0;width:100%;z-index:99;}
#flashinfo_onglet{background: #00862d;width: 120px;padding:10px 0 20px 0;cursor:pointer;color:#fff;font-size:13px;text-align: center;;}
#flashinfo_onglet span{ animation: clignote 3.5s linear infinite;}
#flashinfo_content{display:none;background: #fff;padding: 20px 20px 20px 20px;max-height: 50vh;overflow: auto;width:300px;}
#flashinfo_image{float: right;width: 50%;margin:0 0 10px 10px;}
#flashinfo_titre{font-weight: 500;font-size:20px;font-family:'Poppins', Arial;}
#flashinfo_btn{padding:20px 0 20px 0;margin:20px 0;}
#flashinfo_btn .btn{max-width:180px;text-align: center;color:#00862d;background:#fff;border:1px solid #00862d;padding:20px 40px;text-transform: uppercase;font-family:'Poppins', Arial;}
#flashinfo_form{border:2px solid #4295d1;padding-bottom: 20px;}
@media (max-width:600px) { #flashinfo_image{float: none;width: 100%;margin:0 0 10px 0;}}



/**** EMAGS.PHP ****/
.emags_topbar{background:#fff;min-height: 130px;text-align: center;}
.emags_topbar img{}
.emags_topbar .titre{color:#00862d;font-size:16px;padding:15px 0 20px 0;}
.emags_topbar .titre strong{font-size:32px;font-weight: bold;}
@media (max-width:800px) {.emags_topbar{text-align: center;}}
@media (max-width:600px) {.emags_topbar .titre{padding:20px;}.emags_topbar .titre strong{font-size:24px;}}
@media (max-width:500px) {.emags_topbar img{float:none;margin-bottom:10px;}.emags_topbar .titre{padding:0 0 10px 0;}}

.emags_bibliotheque{background: #eeefef;padding:20px 0;}
.emags_etagere{background: url(../images/etagere.png) top center;}

.emags{float:left;width:150px;margin-right:3%;margin-left:3%;height:230px;position: relative;margin-bottom:89px;}
.emags div{position: absolute;top: 0;width: 100%;background: rgba(0,0,0,0.7);text-align: center;color:#fff;padding:5px 0;font-size:14px;}

.emag{float:left;width:23%;margin-right:1%;margin-left:1%;height:250px;position: relative;margin-bottom: 10px;}
.emag div{position: absolute;top: 0;width: 100%;background: rgba(0,0,0,0.7);text-align: center;color:#fff;padding:5px 0;}
@media (max-width:600px) { 	.emag{float:left;width:48%;margin-right:1%;margin-left:1%;height:250px;position: relative;}}




/****  HOME ****/
#home{height:calc(100vh - 130px);position: relative;}
_::-webkit-full-page-media, _:future, :root #home { height:78vh;} /*Patch safari*/

#home #home_edition{width:100%;text-align: center;text-transform: uppercase;padding:20px 0;font-size:18px;color:#fff;font-weight: bold;} 

#home_logo{margin:-20px auto 0 auto;width:600px;text-align: center;}
#home_logo img{width: 90%;}
@media (max-width:800px) {#home_logo{width:300px;}}

#home_dossier{margin:20px auto 0 auto;width:300px;text-align: center;}
#home_dossier img{width: 90%;}
@media (max-width:800px) {#home_dossier{width:200px;}}

#home_corner{position: absolute;right:0;/*top:calc(100% - 130px);*/ bottom :-10px;}
_::-webkit-full-page-media, _:future, :root #home_corner {bottom :-5px;}/*Patch safari*/

#home_txt{color:#fff;text-transform: uppercase;position: absolute;left:25px;bottom :60px;padding-right:25px;}
@media (max-width:800px) {#home_txt{max-width:65%;}}

#mode_emploi{display:none;position:absolute;z-index:9999999;background: rgba(255,255,255,0.92);color:#000;top:0;left:0;width:100%;height:95vh;text-align: center;padding-top:5vh;}


#home_anim #home_logo{position: absolute;z-index:98;left:50%;margin-left:-275px;}
#home_anim #home_edition{position:absolute;z-index:98;top:320px;left:50%;margin-left:68px;padding:0;font-size:18px;color:#fff;font-weight: bold;text-transform: uppercase;}
#home_anim #home_txt{position: absolute;bottom:90px;z-index:98;}
#home_anim #home_corner{position: absolute;bottom:73px;z-index:98;}
@media (max-width:800px) {
	#home_anim #home_logo{margin-left:-150px;}
	#home_anim #home_edition{top:220px;margin-left:-55px;}
}

#home_parcours{position:absolute;z-index:98;top:320px;left:50%;margin-left:-125px;width:250px;}

#bg-home{overflow: hidden;width: calc(100% + 200px);}
#bg-home img{
	position: absolute;
	height:auto;
	width:calc(100% + 200px);
	max-width:calc(100% + 200px);
	animation-name: movehome;
	animation-duration: 18s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes movehome {
  0% {left:0px;}
  50% {left:-200px;}
  100% {left:0px;}
}
@-webkit-keyframes movehome{ 
  0% {left:0px;}
  50% {left:-200px;}
  100% {left:0px;}
}


/****  SOMMAIRE ****/
#som_sommaire{position:fixed;z-index:999;top:35px;right:-40px;background:#000;color:#fff;padding:10px 20px;font-size:14px;text-transform:uppercase;border-radius:10px 0 0 0;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}

.som_titre{color:#000;font-size:32px;font-family:'Poppins', sans-serif,Arial;font-weight:700;line-height:36px;}
.som_titre div{padding:5px 5px 5px 5px;width: 90%;margin:0 auto;}

@media (max-width:600px) {
	.som_titre{font-size:24px;line-height: 30px;}
}

.som_liste{list-style-type: none;margin:0;padding:10px 0 0 0;}
.som_liste li{margin:2px 0;padding:10px 5px 10px 35px;}
.som_liste .rubrique{color:#000;font-size:16px;padding:0 0 5px 0;font-family: 'Poppins', serif;}
.som_liste li a{color:#000;font-size:18px;font-family:'Poppins', Arial;font-weight:700;line-height: 20px;text-transform: uppercase;}
.som_liste li a:hover{color:#00862d;}
.som_liste li img{float:left;width:140px;margin:0 20px 20px 0;}
.som_liste li .titre{padding-top:8px;display: block;}

.som_liste li a.som_bookmark{text-transform: none;font-size:14px;font-weight:400;margin:5px 20px 0 0;padding:3px 0 6px 24px;background: url(/images/bookmark.png) 0 0 no-repeat;}
.som_liste li a.som_podcast{float:left;width:30px;height:30px;margin:5px 10px 10px 0;padding:0px 0 6px 6px;background: url(/images/podcast.png) 0 0 no-repeat;background-size:30px;}

.som_photo {width: 80px; height:80px;float:left;overflow:hidden;border-radius: 50%;margin-right:15px;}
.som_photo img {width: 80px; height:80px;object-fit:cover;}

#som_edito{padding: 20px 20px 40px 20px;}
#som_edito .som_photo {width:120px; height:120px;}
#som_edito .som_photo img {width: 120px; height:120px;}
#som_edito .som_titre{color:#000d26;text-transform: uppercase;}
#som_edito .som_titre span{color:#00862d;}
#som_edito .rubrique{color: #000d26;}

#som_vie{}
#som_vie .som_titre{color:#4ba7a6;}
#som_vie .som_titre img{float: left;padding: 0 10px 30px 0;}

#som_patrimoine{background:#fff url(/images/bg_som_patrimoine.png) repeat-x top left;padding: 20px;}
#som_patrimoine .som_titre{color: #fff;line-height: 25px;}
#som_patrimoine .suivez{font-size: 16px;font-weight: 300;padding-bottom: 10px;}
#som_patrimoine .som_titre img{float: left;padding: 0 10px 30px 0;}
#som_patrimoine .titre{color: #000;font-size:20px;line-height:40px;font-weight: 500;}
#som_patrimoine .owl-carousel {padding:30px 0 0 0;}
#som_patrimoine .owl-carousel .rubrique{color: #000000;padding: 10px 0 0 0;}

#som_agenda{background:#dd735a;padding:40px 20px;}
#som_agenda .som_titre{color: #fff;}
#som_agenda .som_titre img{float: left;padding: 0 10px 30px 0;}

#som_viedelamutuelle{}
#som_viedelamutuelle .owl-carousel{padding:20px 10px 40px 10px;}
#som_viedelamutuelle .owl-carousel img{padding-bottom:7px;}
#som_viedelamutuelle .owl-carousel a{color:#009ede;font-size:20px;font-family:'Poppins', Arial;font-weight:500;line-height: 20px;}
#som_viedelamutuelle .owl-carousel .rubrique{color:#303639;font-size:16px;padding:0px 0 10px 0;font-family:'Poppins', Arial;}



#som_zoom{background: #f45900;padding: 20px;}
#som_zoom .som_titre{color: #fff;padding: 0 10px 10px 0;}
#som_zoom .som_titre img{float: left;padding: 0 10px 30px 0;}
#som_zoom .titre{color: #fff;font-size:24px;font-weight:500;line-height: 30px;text-transform: uppercase;}
#som_zoom .rubrique{color: #fff;font-size:18px;font-weight:300;line-height: 30px;}

#som_dossiers{background: #c10139;padding: 20px;}
#som_dossiers .som_titre{color: #fff;padding: 0 10px 10px 0;}
#som_dossiers .som_titre img{float: left;padding: 0 10px 30px 0;}
#som_dossiers .titre{color: #fff;font-size:24px;font-weight:500;line-height: 30px;text-transform: uppercase;}
#som_dossiers .rubrique{color: #fff;font-size:18px;font-weight:300;line-height: 30px;}


#som_portrait{background: #1c435e;padding: 20px;}
#som_portrait .som_titre{color: #00862d;}
#som_portrait .som_titre img{float: left;padding: 0 10px 30px 0;}
#som_portrait .titre{color: #fff;font-size:24px;font-weight:500;line-height: 30px;}
#som_portrait .rubrique{color: #fff;font-size:18px;font-weight:300;line-height: 30px;}

.som_mentions{background: #fff;}
.som_mentions a{color:#854158;font-size:12px;}

.som_bibliotheque{float: left;width: 50%;background: #000;text-transform: uppercase;text-align:center;font-size:14px;padding:30px 10px 30px 10px;border-right: 1px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.som_abonnement{float: left;width: 50%;background: #000;text-transform: uppercase;text-align:center;font-size:14px;padding:30px 10px 30px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.som_bibliotheque img, .som_abonnement img{height: 36px;}
.som_bibliotheque a:hover,.som_abonnement a:hover{color:#854158;}



/**** FORMULAIRES ****/
.form{max-width: 560px;margin:20px auto;padding:0 20px;}
.form input{border:1px solid #000;background: #fff;width: 100%;height:50px;padding:10px;font-size:15px;font-style:italic;font-family:'Poppins', sans-serif,Arial;   -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.form textarea{border:1px solid #000;background: #fff;width: 100%;height:80px;padding:10px;font-size:15px;font-style:italic;font-family:'Poppins', sans-serif,Arial;   -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.form .btn{width:100%;height:50px;background: #000;color:#fff;padding: 12px 25px;border:none;font-weight: bold;font-size: 16px;font-style: normal;cursor: pointer;}
.form .btn:hover{background:#00862d;color:#fff;}
.form .btn2{width:100%;height:50px;display: block;text-align: center;   -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.form .checkbox {font-size:14px;}
.form .checkbox input{width: 15px;height: 15px;}
.sendmessage{color:#000;text-align: center;}
.mentions{font-size:10px;line-height: 12px;}




/****  INTERIEUR ****/
.entree_image{padding-top:14vh;text-align: center;}
.entree_image img{width:150px;}
.entree_titre{padding-top:20px;font-size:60px;line-height:60px;color:#fff;text-align: center;text-transform:uppercase;font-weight:500;font-family:'Poppins', sans-serif,Arial;}
.entree_titre2{padding-top:40px;font-size:34px;line-height:38px;color:#fff;text-align: center;text-transform:uppercase;font-weight:300;font-family:'Poppins', sans-serif,Arial;}
.entree_titre2 span{font-size:50px;line-height:50px;color:#fff;text-align: center;text-transform:uppercase;font-weight:500;font-family:'Poppins', sans-serif,Arial;}
.entree_sstitre{padding-top:40px;color: #fff;text-align: center;font-size:18px;}

@media (max-width:600px) { .entree_image{padding-top:8vh;}	.entree_titre{font-size:50px;} }

.topbar{position:absolute;top:0;left:0;z-index:99;padding:0;height:56px;width: 100%;}
.topbar .right{float: right;padding:10px 10px 0 0;font-size:14px;}

.topbar .titre{padding-top:10px;}
.topbar .titre span{font-size:12px;padding:18px 20px 10px 20px;letter-spacing:3px;color:#fff;font-family:'Poppins', sans-serif,Arial;font-weight: 700;text-transform: uppercase;font-weight: bold;background: #000;}

.topbar .retour{padding-top:12px;float: left;}
.topbar .retour img{vertical-align: middle;}

.topright{position:absolute;top:30px;right:2px;z-index: 99;}

.partage{position: absolute;top:53px;right:10px;  float: right;margin:-8px 0 0 10px;text-align: right; overflow: hidden;transition: all 0.01s;width:21px;height: 21px; background: #fff;color:#000;padding:11px 12px 14px 15px;border-radius: 25px 25px 25px 25px;font-weight: bold;font-size: 14px;cursor:pointer;box-shadow:0 0 5px #797979;}
.partage i{margin:0 8px;}
.partage .partage-btn{float: right;}
.partage .partage-options{float: right;padding-right: 10px; display: none;}
.partage .partage-options a{color:#00862d; opacity: 0;}

.partage:hover{width:140px;}
.partage:hover .partage-options{display: block;}
.partage:hover .partage-options a{opacity: 1;}


.favoris{position: absolute;top:110px;right:10px;  float: right;margin:-8px 0 0 10px;text-align: right; overflow: hidden;transition: all 0.01s;width:21px;height: 21px; background: #fff;color:#000;padding:11px 12px 14px 15px;border-radius: 25px 25px 25px 25px;font-weight: bold;font-size: 14px;cursor:pointer;box-shadow:0 0 5px #797979;}
.favoris i{margin:0 8px 0 2px;font-size:18px;color:#000;}
.favoris a:hover i{color:#00862d;}

.ajout_agenda{position: absolute;top:110px;right:10px;  float: right;margin:-8px 0 0 10px;text-align: right; overflow: hidden;transition: all 0.01s;width:21px;height: 17px; background: #fff;color:#000;padding:15px 12px 14px 15px;border-radius: 25px 25px 25px 25px;font-weight: bold;font-size: 14px;cursor:pointer;box-shadow:0 0 5px #797979;}
.ajout_agenda i{margin:0 8px 0 2px;font-size:18px;color:#000;}
.ajout_agenda a:hover i{color:#00862d;}

.barre_titre{background: #00862d;color:#fff;text-align: center;padding:20px;font-family:'Roboto',sans-serif,Arial;font-weight:300;font-style:italic;font-size:20px;}


.podcast{background-color: #000;margin:10px 0;height:70px;width: 100%;}
.podcast_image{float:left;width:20%;}
.podcast_image img{max-width: 100%;max-height:70px;}
.podcast_titre{float:left;width:30%;color:#fff;padding-top:15px;font-size: 12px;}
.podcast_titre strong{color:#00862d;font-size:15px;}
.podcast_lecteur{float:left;width:50%;}
.podcast_lecteur audio{width: 100%;margin-top:15px}
@media (max-width:700px) { 
	.podcast_image{display: none;}
	.podcast_titre{width:48%;margin-left: 2%;}
}


#podcast_lecteur{width:100%;}
div.maudio .audio{height:40px;overflow:hidden;}
div.maudio .audio-control{overflow:hidden;margin-top:10px;font-size: 16px;font-weight: normal;padding:25px 5px;background:#00862d;}
div.maudio .audio-control a,div.maudio .audio-control div{float:left;margin:0 5px;cursor:pointer;}
div.maudio .audio-control a{display:block;background:url(/images/audio_icon.png) no-repeat 0 0;width:60px;height:60px;text-align:center;text-decoration:none;overflow:hidden;}
div.maudio .audio-control a.play{border-radius:50%;background-color:#000;background-position:0 0;}
div.maudio.playing .audio-control a.play{background-position:0 -60px;}
div.maudio .audio-control .progress-bar{width:calc(100% - 200px);;height:12px;margin:26px 5px;border-radius:3px;background:#fff;overflow:hidden;}
div.maudio .audio-control .progress-pass{width:0;height:12px;margin:0;border-radius:3px;background:#000;}
div.maudio .audio-control .time-keep{height:60px;line-height:60px;color:#fff;cursor:default;font-family: Arial;}

.titresurphoto{background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,87,131,0) 100%);height:120px;padding-top:120px;color:#fff;margin-top:-240px;}
.titresurphoto h1{color:#fff;line-height:36px;font-size: 32px;margin:0;padding:0;font-weight: 500;}
.titresurphoto h2{color:#fff;font-size:18px;line-height: 20px;margin:0;padding:15px 0 0 0;}

.txt_intro{padding:20px 20px;font-size:24px;line-height:28px;margin-bottom: 5px;color:#303639;}

.heure{background: #fff;border-radius: 90px;width:70px;height:48px;padding-top:22px;display: block;color:#000;text-align: center;font-family: 'Poppins', serif;font-weight:700;margin:30px 0 20px 30px;}
.heure1{color:#e1b047;box-shadow:0 0 20px #e1b047;}
.heure2{color:#8c8c8c;box-shadow:0 0 20px #8c8c8c;}
.heure3{color:#39a9ad;box-shadow:0 0 20px #39a9ad;}
.heure4{color:#7a7a7a;box-shadow:0 0 20px #7a7a7a;}
.heure5{color:#c74f68;box-shadow:0 0 20px #c74f68;}
.heure6{color:#854158;box-shadow:0 0 20px #854158;}
.heure7{color:#015a6c;box-shadow:0 0 20px #015a6c;}
.heure8{color:#1d1e20;box-shadow:0 0 20px #1d1e20;}
.heure9{color:#e1b047;box-shadow:0 0 20px #e1b047;}
.heure10{color:#8c8c8c;box-shadow:0 0 20px #8c8c8c;}
.heure11{color:#39a9ad;box-shadow:0 0 20px #39a9ad;}
.heure12{color:#c74f68;box-shadow:0 0 20px #c74f68;}

.texte p{line-height: 24px;}

#paragraphes{height:500px;overflow: hidden;position: relative;}
#paragraphes_fondu{position:absolute;top:200px;left:0;}
#paragraphes_fondu img{width:100%;height: 300px;}
#paragraphes_suite{color:#fff;text-align: center;width: 100%;text-transform:uppercase;}

.asuivre{list-style-type: none;border-top:1px solid #00862d;min-height: 250px;}
.asuivre h3{font-weight: 500;color:#00862d;}
.asuivre .rubrique{text-transform: uppercase;font-size:12px;}
.asuivre a{color:#000;font-size:13px;font-family:'Poppins', Arial;font-weight:500;}
.asuivre a img{float:left;width:140px;height:100px;margin:0 20px 10px 0;object-fit:cover;}



.asuivre2{background: #000 ;padding:10px 20px 60px 20px;}
.asuivre2 h3{color:#fff;text-transform: uppercase;font-size: 34px;}
.asuivre2 ul{list-style-type: none;margin:0;padding:10px 0 0 0;}
.asuivre2 ul li{margin:2px 0;padding:10px 5px 10px 5px;}
.asuivre2 ul li .titre{margin-top:8px;display: block;color:#fff;font-size:18px;padding:5px 5px 5px 5px;font-family: 'Poppins', serif;font-weight:300;}
.asuivre2 ul li .titre strong{text-transform: none;color:#fff;font-size:18px;font-family:'Poppins', Arial;font-weight:700;line-height: 20px;text-transform: uppercase;}
.asuivre2 ul li a:hover{color:#00862d;}
.asuivre2 ul li .photo {width: 80px; height:80px;float:left;overflow:hidden;border-radius: 50%;margin-right:15px;}
.asuivre2 ul li .photo img {width: 80px; height:80px;object-fit:cover;}

@media (max-width:600px) { 
	.asuivre2 ul li .titre{font-size:14px;line-height:16px;}
	.asuivre2 ul li .titre strong{font-size:14px;line-height:16px;}
}

#pubvideo{position: fixed;top:0;right:0;width:100%;z-index:90;}
#pubvideo_onglet{background: #00862d;width:75px;border-radius: 0 0 90px 0 ;padding:15px 0 25px 15px;cursor:pointer;text-align: left;}
#pubvideo_onglet span{ animation: clignote 1.5s linear infinite;margin-left:-15px;}
#pubvideo_content{display:none;background: #00862d;padding:10px;overflow: auto;height:100vh;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#pubvideo_close{position: absolute;bottom:9px;left:0;cursor:pointer;color:#fff;width:55px;font-size:26px;text-align: center;}

#pubvideo_onglet.open{width: 100%;border-radius:0 0 0 0;}


/**** AGENDA ****/
.agenda .m-scene{background-color: #fff;}

.filtres{padding: 20px 10px;}
.filtres .btn{background-color: #000;margin-right: 10px;color:#fff;opacity: 0.3;}
.filtres .actif{opacity: 1;}

#agenda{padding:10px;}

.agenda_liste{list-style-type: none;margin:0;padding:0;}
.agenda_liste li{display:block;margin:2px 0 22px 0;padding:0px 5px 0px 0;min-height:120px;clear: both;background: #fff;}
.agenda_liste li:hover {background:#f9f9f9;}

.agenda_liste .rubrique{color:#005095;text-transform: uppercase;font-size:12px;padding:0 0 4px 0;font-family:'Poppins', Arial;font-weight:500;}
.agenda_liste_date{float:left;height:70px;width:80px;padding:10px 0 10px 0;background: #005095;color:#fff;text-transform: uppercase;line-height: 16px;font-size:14px;text-align: center;}
	.agenda_liste_date strong{font-size:18px;}
	.agenda_liste_date .double{line-height: 14px;font-size:10px;}

.agenda_liste_img{float:left;width:90px;height:90px;}
	.agenda_liste_img img{width:90px;height:90px;}
.agenda_liste_content{float:left;padding:0 10px; width:calc(100% - 180px); -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.agenda_liste_content .titre{color:#000;font-size:16px;font-family:'Poppins', Arial;font-weight:500;line-height: 20px;width:90%;}
	.agenda_liste_content .date{color:#000;font-size:14px;}

@media (max-width:600px) { 
	.agenda_liste_content .titre{font-size:16px;line-height:16px;}

}

.agenda_date{margin-top: -30px;padding:0 20px;}
.agenda_date div{background: #000;color:#fff;text-align: center;font-family:'Poppins', Arial;font-weight:700;font-size:24px;padding:15px;}

.agenda_detail{background: #eaeef3;color:#00862d;padding-top:10px;}
.agenda_detail ul {margin:0;padding:0;list-style-type: none;}
.agenda_detail ul li{padding:15px 0;border-bottom: 1px solid #fff;}
.agenda_detail ul li i{margin-right:15px;color:#00862d;}
.agenda_detail ul li:last-child{border-bottom:none;}

.agenda_detail .btn{display: block;background:#00862d;color:#fff;text-transform: uppercase;text-align: center;font-size: 18px;}
.agenda_detail .btn:hover{background:#a8ba74;}




/**** FAVORIS ****/
.favoris_liste{list-style-type: none;margin:0;padding:0;}
.favoris_liste li{margin:20px 0;padding:10px;background: #fff;min-height: 85px;}
.favoris_liste .rubrique{color:#000;text-transform: uppercase;font-size:14px;}
.favoris_liste li a{color:#000;text-transform: uppercase;font-size:16px;font-family:'Poppins', Arial;font-weight:700;line-height:16px;}
.favoris_liste li a:hover{color:#000;}


.intro_rubriques{}
.intro_rubriques h1{position: absolute;top:30px;right:30px;z-index: 99;text-align: right;color: #fff;text-transform: uppercase;font-size:46px;margin:0;padding: 0;line-height: 46px;}
.intro_rubriques img{width:500px;position: absolute;top:-100px;right:-190px;}
@media (max-width:600px) {.intro_rubriques h1{top:20px;right:20px;font-size:42px;line-height: 42px;}}
@media (max-width:450px) {.intro_rubriques h1{font-size:32px;line-height:32px;top:10px;right:10px;}}



/**** Portraits ****/
.ter_top{background:url(/images/bg-ter-top.png) top left repeat-x;padding-top:30px;}

.ter_photo {width:200px; height:200px;overflow:hidden;border-radius: 50%;position: relative;margin:0 auto;border:3px solid #fff;}
.ter_photo img {width: 200px; height:200px;object-fit:cover;}

.ter_top h1{text-align: center;}
.ter_reagit{text-align: center;text-transform: uppercase;padding:5px 0 20px 0;font-weight: 700;}
.ter_imgreaction{text-align: center;}
.ter_imgreaction img{width: 80%;max-width: 500px;}

.ter_top h2{color:#fff;font-size:34px;line-height:44px;font-style: italic;text-transform: none;text-align: center;}
.ter_top h2 span{background: #000;padding:8px;}

.portrait_plus{position: absolute;z-index:199;top:170px;right:50%;margin-right:-100px;background:#e1b047;padding:20px 20px 20px 20px;width:30px;height:30px;border-radius: 90px 90px 90px 90px;font-size:58px;color:#000;box-shadow: 0 0 6px #8f8f8f;}
.portrait_plus a{color:#000;}
.portrait_plus:hover a{color:#fff;}

.portrait_plus.active{}
.portrait_plus.active a{color:#000;}

.portrait_plus_content{display:none;position: absolute;top:0;z-index:98;width:96%;height:100vh;padding:0% 2% 5% 2%;background:#e1b047;color:#000;padding-top:30px;}

.portrait_plus_content_titre{text-align:center;color:#000;font-size:46px;font-family:'Kaushan Script', sans-serif,Arial;font-weight: 700;line-height: 46px;margin:0;padding:10px 0 10px 0;}

@media (max-width:550px) {.portrait_plus_content{font-size:14px;line-height: 16px;}}




/********* PATRIMOINE ********/
.pat_retour{font-size: 12px;padding-top: 10px;}
.pat_retour img{float: left;width: 100px;margin-top: -45px;padding: 0 5px 0 0;}
.pat_etape{background: #00862d;color: #fff;padding:5px 10px;float: right;border-radius: 5px 5px 5px 5px;margin: 10px;}

.patrimoine h1{text-transform: uppercase;padding-top:10px;}

.map_bulle{width:auto;height:auto;}
.map_bulle img{width: 100%;}
.map_bulle_titre{color:#000;font-size:22px;font-weight: bold;text-transform: uppercase;padding:10px 10px 10px 10px;}


.patrimoine_poursuivre{}
.patrimoine_poursuivre h2{color:#000;padding: 10px 20px;margin: 0;}

.patrimoine_poursuivre .bloc{ box-shadow: 0px -4px 4px #e2d5eb;padding: 15px 0;}

.patrimoine_poursuivre .photo {width: 80px; height:80px;float:left;overflow:hidden;border-radius: 50%;margin:0 15px 10px 20px;}
.patrimoine_poursuivre .photo img {width: 80px; height:80px;object-fit:cover;}

.patrimoine_poursuivre .fleche{float: right;padding: 30px 30px 0 10px;}
.patrimoine_poursuivre .content{float: left;padding-top: 15px;}
	.patrimoine_poursuivre .etape{background: #00862d;color: #fff;padding:5px 10px;border-radius: 5px 5px 5px 5px;font-size: 12px;}
	.patrimoine_poursuivre .titre{margin-top:8px;display: block;color:#000;font-size:18px;padding:5px 5px 5px 5px;font-family: 'Poppins', serif;font-weight:500;}




@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-webkit-keyframes moveInFromLeft {
0% {opacity: 0;-webkit-transform: translateX(-100px);transform: translateX(-100px);}
100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes moveInFromLeft {
0% {opacity: 0;-webkit-transform: translateX(-100px);transform: translateX(-100px);}
100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
}
@-webkit-keyframes moveOutToLeft {
0% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
}
@keyframes moveOutToLeft {
0% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
}
@-webkit-keyframes moveInFromRight {
0% {opacity: 0;-webkit-transform: translateX(100px);transform: translateX(100px);}
100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes moveInFromRight {
0% {opacity: 0;-webkit-transform: translateX(100px);transform: translateX(100px);}
100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
}
@-webkit-keyframes moveOutToRight {
0% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(50%);transform: translateX(50%);}
}
@keyframes moveOutToRight {
0% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
100% {opacity: 0;-webkit-transform: translateX(50%);transform: translateX(50%);}
}
@keyframes greyscale-fade-in {
    0%   { -webkit-filter: grayscale(100%);filter: grayscale(100%); }
    100% { -webkit-filter: grayscale(0%);filter: grayscale(0%);  }
}

.scene {-webkit-animation-duration: .4s;animation-duration: .4s;transition-timing-function: ease-in;-webkit-animation-fill-mode: both;animation-fill-mode: both;padding-top:0px;}
.is-exiting .scene {transition-timing-function: ease-out;}
#main[data-transition=fade] .scene {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
#main[data-transition=fade].is-exiting .scene {-webkit-animation-name: fadeOut;animation-name: fadeOut;}
#main[data-transition=moveleft] .scene {-webkit-animation-name: moveInFromLeft;animation-name: moveInFromLeft;}
#main[data-transition=moveleft].is-exiting .scene {-webkit-animation-name: moveOutToRight;animation-name: moveOutToRight;}
#main[data-transition=moveright] .scene {-webkit-animation-name: moveInFromRight;animation-name: moveInFromRight;}
#main[data-transition=moveright].is-exiting .scene {-webkit-animation-name: moveOutToLeft;animation-name: moveOutToLeft;}


@media (max-width:600px) { 
	.resp_none{display: none;}
	.resp_center{text-align: center;}
	.resp_bb10{border-bottom:10px solid #fff;}

	h1,.portrait_plus_content_titre{font-size:32px;line-height: 40px;}
	h2{font-size:18px;line-height:24px;}

	.mag_header .left{top:-8px;}


#som_edito .som_titre{font-size: 20px;line-height: 22px;}
.som_liste .titre{font-size: 16px;line-height: 16px;}
.som_liste .rubrique{font-size: 13px;line-height: 14px;}

}