/* cmsms stylesheet: Mobile modified: 06/29/21 13:15:33 */
html, body{
  padding : 0px;
  margin : 0px;
  height : 100%;
  font-family:verdana,sans-serif;
}

#main {
  min-height : 100%;
  position : relative;
  overflow : auto;
}

.TitleHeader{
  display : none;
}


a.logo img{
  position : relative;
  width : 120px;
  height  : 120px;
  margin : 10px 40px 10px 125px;
  z-index: 100;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#header{
  height : 1px;
  background :  white;
  border-bottom : 4px solid #D8D8D8;
  Text-align : center;
}

#liens {
  text-decoration : none;
}

p{
  margin : 10px 50px 0px 50px;
}

#content {
  margin-bottom : 90px;
}

#content h1{
  color : Black;
  border-left : 1px solid #020003;
  border-bottom: 1px solid #020003;
  padding : 0px 0px 5px 10px;
  margin-left : 20px;
  margin-right : 20px;
  text-align : left;
  font-size : 24px;
}
#content h2.titrepage{
  margin : 0px;
  background : #F05E31;
  color : White;
  font-size : 28px;
  border-bottom : 4px solid #CA5A38;
  text-align : center;
}


#content h4{
  color : #020003;
  margin : 10px 35px 0px 35px;
  padding : 10px 0px 0px 0px;
  text-align : left;
  font-size : 16px;
  border-top : 2px solid #dad8d7;
}

p em{
  font-size : 13px;
}

foot{
  background-color : #dad8d7;
  position: absolute;
  color : #020003;
  bottom : 0px;
  border-top : 3px solid #B2B1B0;
  width : 100%;
}

#text-footer{
  text-align : center;
  margin : 0px;
  padding : 20px;
  font-size : 10px;
}

p iframe{
  width : 100%;
  border : 2px solid gray;
}

.soutien{
  text-align : center;
  margin : 0px;
  padding : 10px;
  font-size : 10px;
}


#formulaire{
  border: 2px solid #F33399;
  background-color: #dad8d7;
  margin: 0px 25px 0px 25px;
}
/* cmsms stylesheet: Menu Mobile modified: 06/29/21 12:54:54 */
nav#menu{
}


#menu_pc{
display:none;
}

nav{
    display:block;
    position : absolute;
    top : -600px;
    height : 0px;
    background:white;
    width: 100%;
    font-family: Arial, sans-serif;
    visibility : hidden;
    padding : 0px;
    margin: 0px;
}

/********************************************* Hamburger *****************************************************/
#checkHamburger:checked~#menu {
    visibility: visible;
    top : 55px;
    transform: translateY(100px);
    opacity: 1;
    transition: all 0.4s ease;
    z-index: 2;
    height : auto;
}
#checkHamburger:checked~#content {
 transition: opacity 0.2s ease,height 0.2s ease;
 height:0px;
  opacity: 0;
display:none;
}
#checkHamburger:not(:checked)~#content {
   transition: opacity 0.3s ease,height 0.3s ease;
 height:100%
  opacity: 1;
}

#checkHamburger:checked ~label #nav_icon {
    position: absolute;
    top: 75px;
}
#checkHamburger:checked~#header{
   position:sticky;
   z-index: 3;
}
   #checkHamburger:checked~foot{
display:none;
}

#nav_icon {
  width: 50px;
  height: 50px;
  right: -28px;
  top: 75px;
  position: absolute;
  z-index: 1000;
  margin: 27.5px 25px 22.5px 25px;
  
  -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: 6px;
  width: 66%;
  background: #F05E31;
  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: 12px;
}

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

#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%;
}

/* Affichage du hamburger  du menu mobile*/
#checkHamburger{
    display: none;
}
 

#nav-trigger:checked ~ nav{
    display:block;
}


#nav-trigger {
}
/********************************************* Partie Déroulante *************************************************/
nav .sous_menu ul{
     display:none;
}
.checksousmenu:checked~.sous_menu ul {
     display:block;
     z-index: 1;
}

.checksousmenu{
   display:none;
}
#triangle{
opacity:1;
}
.checksousmenu:checked ~ #triangle{
opacity:0;
transition:all 0.5s ease;
}
#triangleUp{
opacity:0;
}
.checksousmenu:checked  ~  #triangleUp{
opacity:1;
transition:all 0.5 ease;
}

.sectionheader{
   display:none;
}
/********************************************* Menu *****************************************************/



nav ul{
    margin-left:0px;
    margin-top:0px;
    padding:0px 10px 0px 10px;
    margin-bottom : 0px;
}

nav li{
  
    list-style: none;
    font-size : 20px;
    color : #000000;

    
}

nav li ul li{
    font-size: 16px;
    color : #000000;
     border: none;

}


nav li ul li a:link{
   color : #000000
}

nav li a:link{
   color : #000000
}

nav li ul li a:visited{
   color : #000000
}

nav li a:visited{
   color : #000000
}

nav li{
   
    display:block;
    border-bottom: 1px solid lightgray;
    padding:4px;
    padding-bottom:10px;
}

nav li ul{
   padding-top:10px;
}

nav a{
    text-decoration:none;
}

nav a:hover{
    background: gray;
}
/* cmsms stylesheet: Galerie--Mobile modified: 06/29/21 07:44:18 */
.gallery p{
display : none;
}
.parentlink{
display:none;
}