/* cmsms stylesheet: structure_mobile modified: 06/04/2020 16:14:00 */
html{
    padding: 0px;
    margin: 0px;
    background-color: white;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0px;
    overflow-wrap: break-word;
}

body {
    width: 100%;
    padding: 0px;
    margin: 0px;
    height: 100%;
    font-family: Verdana;
}

#header {
   margin-top: -20px;
    height: 135px;
}

#banniere {
    width: 100%;
    height: 100px;
    position: absolute;
    border-bottom: #91d6ffsolid 5px;
    background:#212177;
    top: 17px;
}

#checkHamburger:checked~#banniere {
    position: fixed;
    z-index: 10;
    height: 100px;
    border-bottom: #349FB5 solid 5px;
    top: -3px;
}

#retourAccueil {
    position: absolute;
    height: 120px;
    width: 200px;
    left: 30px;
    background-image:url("./../../uploads/images/images_site/Logo_petit.PNG");
}

#container{
    position: relative;
    height: 100%;
    background-color: white;
    width: 100%;
    
}

#content{
    padding-bottom:40px;
    width: 100%;
}


#footer{
    position : fixed;
    z-index: 0;
    bottom: 0px;
    display: block;
    line-height:40px;
    background-color: #D8D8D8;
    width: 100%;
    text-align: center;
    font-size: 12px;
}

#section {
    padding:0px 15px 0px 15px;
    background-color: white;
}

#section h1{
    color: #641753;
    font-family: 'Comfortaa', cursive;
    border-left : 2px solid #641753;
    border-bottom : 2px solid #641753;
    padding-left: 12px;
    padding-bottom: 5px;
    border-radius: 1px;
    white-space:nowrap;
     max-width:100%;
}


#section h2 {
   color: #641753;
   margin-left: 10px;
    margin-right: 0px;
}

#section h3 {
    color: #641753;
    margin-left: 20px;
    margin-right: 0px;
}

#section p {
    margin-left: 30px;
    margin-right: 30px;
}

a {
   color: #38ABC3;
}

p {
    text-align:justify;
}

img {
    width: 100%;
    height: auto;
}

.gallery.eecry img{
width: 100px;
height: auto;
}

.gallery.covicou .img {
width: 100px;
height: 140px;
box-shadow: none;
}

div.gallery.covicou div.img {
width: auto;
height: auto;
padding:5px;
margin:5px;
box-shadow: none;
}

#section hr {
    border-top: solid 1px #ECF0F1;
}

#retourAccueil {
    position: absolute;
    height: 150px;
    width: 200px;
    left: 30px;
}
#retourAccueil a {
    padding-bottom: 140px;
    padding-left: 200px;
    cursor: pointer;
}

#goUpButton {
    position: fixed;
    bottom: 24px;
    right: -30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #38ABC3;
    color: white;
    border-bottom: #349FB5 solid 5px;
    text-decoration: none;
    transition-duration: 0.2s;
}

#goUpButton p {
    display: none;
    transition-duration: 0.2s;
}

#goUpButton a {
    display: block;
    width: 100%; 
    height: 100%;
    position: absolute;
}

#goUpButton img {
    height: 20px;
    width: auto;
    padding: 10px;
}

#goUpButton:hover {
    border-bottom: #349FB5 solid 0px;
    transition-duration: 0.2s;
}

#retourAccueil{
 display: none;   
}
/* cmsms stylesheet: Menu_mobile modified: 11/05/2020 13:56:17 */
#banniere #communes{
display:none;

}

#banniere #syndicat{
color:white;
text-align:right;
font-size:20px;
padding-top:30px;
padding-right:10px;
}

nav#menu{
    font-size: 1.5em;
    height: 0px;
    visibility: hidden;
    /*display: none;*/
    width:100%;
    background: #212177;
    text-decoration: none;
    text-align:center;
    padding:0px;
    margin: 0px;
    position:absolute;
    z-index:6;
    padding-top: 129px;
    line-height: 50px;
    transform: translateX(-20%);
    opacity: 0;
    transition-duration: .3s;
    z-index: 1;
}

#checkHamburger:checked~nav#menu {
    height: 50000%;
    visibility: visible;
    /*display: block;*/
    transform: translateX(0px);
    opacity: 1;
    transition-duration: .3s;
    z-index: 1;
}

div#entete h2, div#entete p{
    display:none;
}

nav#menu h1{
    color: white;
    padding: 0px;
    text-align: center;
}

nav#menu ul{
    padding: 0px;
    margin:0px;
}

nav#menu li{
    list-style:none;  
    padding-top: 10px;
    padding-bottom:10px;
    color: white;
    text-align: center;
}

nav#menu li a{
    text-decoration: none;
    color: white;
    width: 100%;
    display: block;
    height: 80px;
}

nav#menu li ul{
    height:0px;
    visibility: hidden;
    transform: translateY(-30px);
    /*background-color: #38ABC3;*/
    transition-duration: .1s;
    z-index: 1000;
    opacity: 0;
    background-image:url("./../../uploads/images/images_site/fleche_menu_mobile_1.png");
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 20% 0%;
}

nav#menu .nav-trigger:checked ~ ul{
    height:auto;
    visibility: visible;
    transform: translateY(0px);
    transition-duration: .3s;
    opacity: 1;
    background-color: #212177;
}

nav#menu li ul ul{
    margin-bottom: -9px;
    height:0px;
    visibility: hidden;
    background-color: #2E8DA0;
    transform: scaleY(0.2);
    transform: translateY(-30px);
    z-index: 1000;
    opacity: 0;
    background-image:url("./../../uploads/images/images_site/fleche_menu_mobile_2.png");
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 20% 0%;
}

.sectionheader label{
    width: 100%;
    display: block;
    /*background-image:url("./../../uploads/images/images_site/fleche_menu_mobile_3.png");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 30% 50%;*/
    height: auto;
    padding-bottom: 25px;
}

nav label img {
    width: 10px;
    height: auto;
    margin-left: 10px;
    display: inline;
    transform: rotate(0deg);
    transition: .3s ease-in-out;
}

nav#menu .nav-trigger:checked ~label img {
    transform: rotate(180deg);
    transition: .3s ease-in-out;
}

.sectionheader {
}

input.nav-trigger{
    height:0px;
    width:0px;
}

input {
    display: none;
}

#checkHamburger:checked ~label #nav_icon {
    position: fixed;
    top: auto;
}

#nav_icon {
color:red;
  width: 50px;
  height: 50px;
  left: 25px;
  top: 0px;
  position: absolute;
  z-index: 1000;
  margin: 50px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav_icon span{
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: white;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/* Icon 3 */

#nav_icon span:nth-child(1) {
  top: 0px;
}

#nav_icon span:nth-child(2),#nav_icon span:nth-child(3) {
  top: 18px;
}

#nav_icon span:nth-child(4) {
  top: 36px;
}

#nav_icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav_icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav_icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav_icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
/* cmsms stylesheet: citations_mobile modified: 27/03/2020 11:19:03 */
.citations{
    font-family: 'Kalam', cursive;
    font-size: 16px;

    text-align : center;
    /*line-height: 50px;*/ /* hauteur de ligne (identique) */
    
    /*white-space: initial; /* interdiction de passer à la ligne */

   /** width: auto;*/
    width: 100%;
    padding-left: 15px; /* ne met pas le padding de section aux citations */
    padding-right: 15px; /* ne met pas le padding de section aux citations */
    margin-left: -15px;
}

.citations{
    padding-top:17px;
    padding-bottom:12px;
}

.citations.jeunes{
    background: #38ABC3;
    border-bottom: 5px solid #349FB5;
    color: #641753;
}

.citations.animateurs{
    background: #CC9C38;
    border-bottom: 5px solid #BF9135;
    color: #fff;
}

.citations.jeunes p, .citations.animateurs p {
    display:inline;
}
/* cmsms stylesheet: Contenu_mobile modified: 14/03/2020 09:16:43 */
.paragraphe p{
    margin-bottom: 35px;
    margin-top: 35px;
}

.image_reseau img {
    display: none;
}

p.adresse_reseau {
    font-size: 17px;
    margin: auto;
    padding: 20px;
}

p.adresse_reseau a {
   color: #38ABC3;
}

.centres_reseau :hover{
    background-color: #ECF0F1;
    transition-duration: 0.3s;
}

#section .description_reseau {
    position: relative;
}

#checkHamburger:checked~nav#section {
    display: none;
}
/* cmsms stylesheet: Articles_mobile modified: 09/04/2020 09:55:05 */
.NewsVideo{
text-align:center;
}

.NewsVideo iframe, .NewsVideoRep iframe{
border:1px solid black;
height:auto;
width:auto;
}

h1.espace{
margin-top:60px;
}

h1{
font-size: 18px;
}

h2{
font-size: 15px;
}

.NewsVideoRep{
text-align:left;
}

/*.NewsVideoRep iframe{
        margin: 25px;
        height: 125px;
        width: 222px;
}*/
/* cmsms stylesheet: Gallery-mobile modified: 06/04/2020 13:37:22 */
.gallery.eecry{
       text-align:center;
}

.gallery.eecry .img {
        width: 100px;
	height: auto;
        padding: 10px;
        padding-top:10px;
	display:inline;
        margin: 0px; 
 	  
}

.gallery.eecry .img a {
	padding: 0px;
        margin: none;
	height: auto;
        width: auto;
}

.gallery.eecry .img a:hover {
	/*border-color: #999;
        background: #74D0F1;*/
}
.gallery.eecry .img .nom {
	/*padding-top: 35px;
        padding-bottom: 20px;*/
}

.lb-details{
        display: none;
}
.gallery.eecry img {
        border:2px solid black;
	webkit-box-shadow: 17px 10px 31px -10px rgba(0,0,0,0.75);
moz-box-shadow: 17px 10px 31px -10px rgba(0,0,0,0.75);
box-shadow: 17px 10px 31px -10px rgba(0,0,0,0.75);
}

.gallery.eecry .pagenavigation {

}

.gallery.eecry  .lb.details  {
        display:none;

}

.gallery.eecry .prevpage a, .gallery.eecry .prevpage em {
        display: block;
	width: 50px;
	height: 39px;
	float: left;
	margin: 0;
	text-indent: -1000px;
	background: url(../../images/previous.png) transparent no-repeat 0 0;
	overflow: hidden;
}

.gallery.eecry .nextpage a, .gallery.eecry .nextpage em {
        display: block;
	width: 50px;
	height: 39px;
	float: left;
	margin: 0;
	text-indent: -1000px;
	background: url(../../images/previous.png) transparent no-repeat 0 0;
	overflow: hidden;
}

.gallery.eecry .parentlink a {
        display: block;
	width: 50px;
	height: 39px;
	float: left;
	margin: 0;
	text-indent: -1000px;
	background: url(../../images/previous.png) transparent no-repeat 0 0;
	overflow: hidden;
}

.gallery.eecry .pagenavigation a:hover {
	background-position: 0 -40px;
}

.gallery.eecry .prevpage em, .gallery.eecry .nextpage em {
	background-position: 0 -80px;
}

.gallery.eecry .pagelinks {
	float: right;
	border-right: 2px solid #666;
}

.gallery.eecry .pagelinks a, .gallery.eecry .pagelinks em {
	margin-top: 0px;
 	padding: 0px;
	border-left: 0px solid #666;
	text-align: center;
	font: bold 10px verdana; color: #666;
}

.gallery.eecry .pagelinks em {
	color: #000;
}

.galleryclear {
	clear: both;
}
/* cmsms stylesheet: Gallery_mobile_Cret modified: 09/04/2020 14:58:24 */
.gallery.covicou .img {
	height: 100px;
	width: 80px;
        margin: 5px;
        box-shadow: none;
}
.gallery.covicou .img + .img{
       display:none;
}
.gallery.covicou .img a {
	height: 80px;
        width: 70px;
}

.gallery.covicou .img .nom {
	padding-top: none;
        padding-bottom: none;
}

.lb-details{
        display: none;
}
.lb-nav a.lb-prev{
opacity:none;
}

.gallery.covicou .pagenavigation {

}
/*.lb-nav{
opacity:non
}*/
.gallery.covicou  .lb.details  {
        display:none;

}

.gallery.covicou .prevpage a, .gallery.covicou .prevpage em {
        display: block;
	width: 50px;
	height: 39px;
	float: left;
	margin: 0;
	text-indent: -1000px;
	background: url(../../images/previous.png) transparent no-repeat 0 0;
	overflow: hidden;
}

.gallery.covicou .nextpage a, .gallery.covicou .nextpage em {
        display: block;
	width: 50px;
	height: 39px;
	float: left;
	margin: 0;
	text-indent: -1000px;
	background: url(../../images/previous.png) transparent no-repeat 0 0;
	overflow: hidden;
}

.gallery.covicouv .parentlink a {
        display: block;
	width: 50px;
	height: 39px;
	float: left;
	margin: 0;
	text-indent: -1000px;
	background: url(../../images/previous.png) transparent no-repeat 0 0;
	overflow: hidden;
}

.gallery.covicou .pagenavigation a:hover {
	background-position: 0 -40px;
}

.gallery.covicou .prevpage em, .gallery.covicou .nextpage em {
	background-position: 0 -80px;
}

.gallery.covicou .pagelinks {
	float: right;
	border-right: 2px solid #666;
}

.gallery.covicou .pagelinks a, .gallery.covicou .pagelinks em {
	margin-top: 6px;
	padding: 0 6px;
	border-left: 2px solid #666;
	text-align: center;
	font: bold 11px verdana; color: #666;
}

.gallery.covicou .pagelinks em {
	color: #000;
}

.galleryclear {
	clear: both;
}