/* cmsms stylesheet: Content_PC modified: 06/29/21 15:16:53 */
html{
  font-family : Century Gothic;
  background: lightgray;
  padding : 0px;
  margin : 0px;
  margin-left : auto;
  margin-right : auto;
  height : 100%;
  overflow-wrap : break-word;
}
#soutienCeff {
  font-size:13px;
  text-align:center;
  margin:0px;
  margin-bottom : 5px;
}

a#ceff{
color:lightblue !important; 
}


#footer a{
color:white;

}

body{
  width : 852px;
  padding : 0px;
  margin : 0px;
  margin-left : auto;
  margin-right : auto;
  height: 100%;
}

#main {
    position: relative;
    min-height: 100%;
    background-color: white;
    width: 100%;
    overflow : auto;
}

#header{
   height : 198px;
   background : white;
}

.logo img{
  position : absolute;
  height : 168px;
  width : 168px; 
  margin : 15px 25px 15px 657px;
  cursor : pointer;
}

.point, .rencontre, .JuraBernois{
  padding : 15px 15px 15px 25px;
  font-family : Century Gothic;
  font-size : 55px;
  font-weight : bold;
  cursor : default;
}

.point{
  position : absolute;
}

.rencontre{
  position : absolute;
  margin-top : 50px;
}

.JuraBernois{
  position : absolute;
  margin-top : 100px;
  color : #797775;
}

#content {
  margin-bottom : auto;
  background-color : #FFF;
  padding: 5px 0px 100px 0px;
}

#content h1{
  color : #020003;
  border-left : 1px solid #020003;
  border-bottom: 1px solid #020003;
  padding : 0px 0px 5px 10px;
  margin-left : 30px;
  margin-right : 75px;
  text-align: left;
  font-size : 20px;
}

#content h2{
  display : none;
}

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

a {
color:#F05E31;
text-decoration:none;
           
          }
a:hover {
text-decoration: underline;
          }


#formulaire{
  border: 2px solid #F33399;
  background-color: #dad8d7;
  margin: 0px 25px 0px 25px;
}

p{
  text-justify: inter-word;
  margin : 0 75px 0px 75px;
}

p em{
  font-size : 13px;
}

foot{
  margin : 0px;
  padding : 0px;
  background-color : #F05E31;
  position: absolute;
  color : white;
  bottom : 0px;
  padding-left : auto;
  padding-right : auto;
  border-top : 3px solid #CA5A38;
  width : 100%;
  height : auto;
  font-weight : bold;
}

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

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

/* width */
  ::-webkit-scrollbar {
  width: 10px;
}

/* Handle */
  ::-webkit-scrollbar-thumb {
  background: #F05E31;
}

/* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
  background: #DD572E;
}

#HeadPoint{
  padding-top: 70px;
}
/* cmsms stylesheet: Galerie modified: 06/29/21 08:12:12 */
.gallery p{
    display : none;
}
.gallery {
padding-left:50px;
}

.pagenavigation{
    display : none;
}
.gallery>h3{
display:none;
}


a.group{
    display: block;
    width: auto;
    height: 120px; 
    margin: 20px;
    float: left;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    cursor: pointer;
    color: #000;
}

a.group:link{}
a.group:visited{}
a.group:hover{
    transition:all 0.3s ease-in;
    background-color: #F05E31;
}
a.group:active{}

.group img{    
    height: 120px;            
    width: 180px;
}
.gallery--mobile{
    display : none;
}
/* cmsms stylesheet: menu modified: 06/29/21 13:27:58 */
nav#menu_PC {
    position:relative;
    font-family:  Arial, Sans-Serif;
    top : 0px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    z-index: 3;
    margin-bottom : 20px;
}

#checkHamburger {
  display:none;
}

nav#menu_PC li a, nav#menu_PC .sectionheader label{ /*zone cliquable*/
    width: 100%;
    display: block;
    line-height: 50px; /* hauteur de ligne (identique) */
    color : black;
    font-weight : bold;
}

nav#menu_PC ul{ /*Le menu en entier*/
    list-style: none;
    padding: 0px;
    width: 100%;
    height: 50px;
    margin : 0px auto 0px auto;
}

nav#menu_PC ul ul{ /* ensemble des sous-menu */
    position: absolute;
    margin-left: 0px;
    width: 140px;
    height: 40px;
    border-bottom : 2px solid #CC2A83;
}

nav#menu_PC li{ /*toutes les cases du menu*/
    display: block;
    width: 142px;
    line-height: 40px;
    background-color: white; /*couleur fond du menu*/
    cursor: default;
    float: left; 
    white-space: nowrap;
    font-size: 16px;
    border-bottom : 4px solid #F05E31;
    border-top : 4px solid #F05E31;
}

nav#menu_PC li ul li:first-child, nav#menu_PC li ul li:first-child a{
   border-radius:15px 15px 0px 0px;
}

nav#menu_PC li ul li:last-child, nav#menu_PC li ul li:last-child a{
   border-radius:0px 0px 15px 15px;
}

nav#menu_PC li li ~ li{
    margin-top : -4px;
}

nav#menu_PC li li {
    width : 170px;
    line-height: 60px;
    margin-top: 4px;
    margin-left : -15px;
    background-color : #F05E31;
    border-bottom : 1px solid #fff;
    border-top : 1px solid #fff;
}

nav#menu_PC li ul{
    display: none;
}

nav#menu_PC li:hover > ul{
    display: block;
}

nav#menu_PC li:hover a{
    background-color: #F05E31; /*couleur quand on passe la souris*/
    color : white;
}

nav#menu_PC li li:hover a{
    transition:all 0.2s ease;
    color : black;
}

nav#menu_PC li li:not(hover) a{
  transition:all 0.4s ease-out;
    color : white;
}


nav#menu_PC a, nav#menu_PC li.sectionheader{
    text-align: center;
    text-decoration: none;
    color: #FFF;
    text-orientation: mixed;
    line-height: 60px;
}

nav label img {
    display: none;
}

nav#menu_PC li.currentpage{
    border-bottom: 5px solid #641753; /*bordure violette de la page actuelle*/
}

nav#menu_PC li li.activeparent{
    border-bottom: 0px solid #641753; /*bordure violette de la page actuelle*/
}

nav#menu_PC li.activeparent{
    border-bottom: 5px solid #641753; /*bordure violette de la page actuelle*/  
}

nav#menu_PC li.activeparent li.currentpage{
    border-bottom: 0px solid #641753; /*bordure violette de la page actuelle*/
}

#menu{
   display:none;
}