.embeded{
	max-width:none;
}

a { color: black; }

.imgacti img{
height:120px;
width:auto;	
}

#benf{
	width:80%;
	margin:0 auto;
}


#benf1{
	float:left;
	width:33%;
	text-align:center;
	}



#benf2{
	float:left;
	width:20%;
	text-align:center;
	}
	

#benf21{
	width:100%;
	margin:0 auto;
	float:left;
}
	
	

#ecole table{
  border: 0px solid #333;
  width: 50%;
margin: 0 auto;
}

#alsh table{

margin: 0 auto;
}


#alsh tr{

border : 1px solid;
}

#alsh td{

border : 1px solid;
}


#conscomdroite table,
tr {
    border: 1px solid #333;
	width:99%
}

#conscomdroite td {
    
	width:50%;
	padding:1%;
	vertical-align: top;
}


#conscomdroite thead,
tfoot {
    background-color: #4a72d7;
    color: #fff;
	text-align:center;
}


#conscombas table,
tr {
    border: 1px solid #333;
	
}

#conscombas table {
    float: left;
	margin-left: 2%;
	width : 30%;
}

#conscombas td {
        border: 1px solid #333;
	width:50%;
	padding:1%;
	text-align:center;
	vertical-align: top;
}


#conscombas thead,
tfoot {
    background-color: #f18c64;
    color: #fff;
	text-align:center;
}


#conscomcom table,
tr {
    border: 1px solid #333;
	
}

#conscomcom table {
  

	width : 50%;
	margin: auto;
}

#conscomcom td {
        border: 1px solid #333;
	width:50%;
	padding:1%;
	text-align:center;
	vertical-align: top;
}


#conscomcom thead,
tfoot {
    background-color: #f16464;
    color: #fff;
	text-align:center;
}

#conscomcom{
	width:99%;
	float:left;
	text-align:center;
	margin-top:2%;
}



#conscomplusbas{
	width:99%;
	float:left;
	padding-top:3%;
}


#conscomplusbas table,
tr {
    border: 1px solid #333;
	
}

#conscomplusbas table {
    float: left;
	margin-left: 2%;
	width : 30%;
}

#conscomplusbas td {
        border: 1px solid #333;
	width:50%;
	padding:1%;
	text-align:center;
	vertical-align: top;
}


#conscomplusbas thead,
tfoot {
    background-color: #79c94d;
    color: #fff;
	text-align:center;
}


#conscombas{
	width:99%;
	float:left;
}


img[usemap] {
   height: auto;
   max-width: 100%;
   width: auto;
   margin:0 auto;
   display:block;
   
} 


.pleine{
	
width: 96%;
margin: 2%;
padding: 2%;
float: left;
border-radius: 9px;
}

.pleine h1{
	
	text-align:center;
	
}


.moitie{
	
width: 45%;
margin: 2%;
padding: 2%;
float: left;
border-radius: 9px;
}

.moitie h1{
	
	text-align:center;
	color:black;
	font-size:2em;
	
}
	
	


.blocsante{

display: block;
float: left;
width: 16%;
height: 500px;
border: solid black 1px;
border-radius: 9px;
margin: 2%;
padding: 1%;
	
	
}


.blocsante p{
	text-align:center;
	font-size:1em;
}


.blocsante h4{
	
	text-align:center;
	 font-family: 'Lobster Two', cursive;
	  font-size: 1em;
	  color:#e60b71;
}


.blocsante img{
	
	text-align:center;
	  margin:0 auto;
	  display:block;

}




	
.bloctourisme{

display: block;
float: left;
width: 28%;
height: 421px;
border: solid black 1px;
border-radius: 9px;
margin: 2%;
padding: 1%;
	
	
}


.bloctourisme p{
	text-align:center;
	font-size:0.9em;
}


.bloctourisme h4{
	
	text-align:center;


	  color:#e60b71;
}


.bloctourisme img{
	
	text-align:center;
	  margin:0 auto;
	  display:block;

}



























	
	
	
	

.bloc2{

display: block;
float: left;
width: 16%;
height: 421px;
border: solid black 1px;
border-radius: 9px;
margin: 2%;
padding: 1%;
	
	
}


.bloc2 p{
	text-align:center;
	font-size:0.9em;
}


.bloc2 h4{
	
	text-align:center;


	  color:#e60b71;
}


.bloc2 img{
	
	text-align:center;
	  margin:0 auto;
	  display:block;

}


.vertical{
	padding-top:5%;
}

.blocenfa{

display: block;
float: left;
width: 27%;
height: 180px;
border: solid black 1px;
border-radius: 9px;
margin: 2%;
padding: 1%;
	
	
}

.blocenfa h4{

font-size:1.1em;
	
	
}




.blocacti{

display: block;
float: left;
min-width: 27%;
height: 180px;
border: solid black 1px;
border-radius: 9px;
margin: 2%;
padding: 1%;
	
	
}


.blocacti p{
	text-align:center;
	font-size:0.9em;
}


.blocacti h4{
	
	text-align:center;
	  font-family: 'verdana', cursive;
	  font-size: 1em;
}


.blocacti img{
	
	text-align:center;
	  margin:0 auto;
	  display:block;
}








.bloc{

display: block;
float: left;
width: 27%;
height: 180px;
border: solid black 1px;
border-radius: 9px;
margin: 2%;
padding: 1%;
	
	
}


.bloc p{
	text-align:center;
	font-size:0.9em;
}


.bloc h4{
	
	text-align:center;
	  font-family: 'verdana', cursive;
	  font-size: 1em;
}


.bloc img{
	
	text-align:center;
	  margin:0 auto;
	  display:block;
}


a:link{
	text-decoration:none;
}


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


a:visited {
  color: #0a0a13;
}


#explication{
	
		margin-bottom:2%;
		border : solid 2px black;
		border-radius : 27px;
}

#explication h2{
	
		color: black;
		font-family: 'Oleo Script Swash Caps', cursive;
}

#astuce{
	
		margin-bottom:2%;
		background-color: rgba(34, 191, 177, 0.90);
		border : solid 2px black;
		border-radius : 27px;
		width:65%;
		margin:0 auto;
}



.com-content-category-blog__items  {
  padding: 1%;
  border: solid 2px #2a237b;
  border-radius: 27px;
}

.os-gallery-img-title{
	background-color: rgba(255, 255, 255, 0.8);
	
}



 .osgalery-cat-tabs{
display:none;
	
}

.grid-child {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 100%;
}

.footer {
  background-color: white;
  background-image:none;
  color: black;
  margin-top: 1em;
  width:100%;
}

.container-sidebar-left{
width:20%;	
	
}


.container-component{
width:80%;	
	
}

.com-content-article__body{

}

.ppp{
	width:100%;
	margin: 0 auto;
}

#ic-calendar-117{
width: 90%;
margin: 0 auto;
}

body:not(.has-sidebar-right) .site-grid .container-component {
  grid-column-end: main-end;
 ;
}


.card{
	
	border: none;
}

.card-body {   
padding:0;

}

#maximenuck137 ul.maximenuck{
	text-align:center;
}



#background-acti {
border-radius: 0 0 360px 0;
margin-left: -19px;
overflow: hidden;
background-image: url('/images/acti.jpg');
height: 650px;
background-repeat: no-repeat;
background-position: 45% 65%;
width:79%;
margin-top: -59px;
}

#background-tourisme {
border-radius: 0 0 360px 0;
margin-left: -19px;
overflow: hidden;
background-image: url('/images/tourisme2.png');
height: 650px;
background-repeat: no-repeat;
background-position: 45% 65%;
width:79%;
margin-top: -59px;
}


#background-culte {
border-radius: 0 0 360px 0;
margin-left: -19px;
overflow: hidden;
background-image: url('/images/eglise.jpg');
height: 650px;
background-repeat: no-repeat;
background-position: 45% 65%;
width:79%;
margin-top: -59px;
}


#background-image3 {
border-radius: 0 0 360px 0;
margin-left: -19px;
overflow: hidden;
background-image: url('/images/vujoze.JPG');
height: 650px;
background-repeat: no-repeat;
background-position: 45% 65%;
width:79%;
margin-top: -59px;
}


#background-image2 {
border-radius: 0 0 360px 0;
margin-left: -19px;
overflow: hidden;
background-image: url('/images/drapeau.jpg');
height: 650px;
background-repeat: no-repeat;
background-position: 37% 45%;
width:79%;
margin-top: -59px;
}

#background-sang {
border-radius: 0 0 360px 0;
margin-left: -19px;
overflow: hidden;
background-image: url('/images/sang.jpg');
height: 650px;
background-repeat: no-repeat;
background-position: 25% top;
width:79%;
margin-top: -59px;
}


#background-ccas {
border-radius: 0 0 360px 0;
margin-left: -19px;
overflow: hidden;
background-image: url('/images/ccas.jpg');
height: 650px;
background-repeat: no-repeat;
background-position: 25% top;
width:79%;
margin-top: -59px;
}


#background-plui {
border-radius: 0 0 360px 0;
margin-left: -19px;
overflow: hidden;
background-image: url('/images/plui.jpg');
height: 650px;
background-repeat: no-repeat;
background-position: 25% top;
width:79%;
margin-top: -59px;
}



#background-image {
border-radius: 0 0 360px 0;
margin-left: -19px;
overflow: hidden;
background-image: url('/images/enfant.jpg');
height: 650px;
background-repeat: no-repeat;
background-position: 25% top;
width:79%;
margin-top: -59px;
}


#background-imagevie {
border-radius: 0 0 360px 0;
margin-left: -19px;
overflow: hidden;
background-image: url('/images/vujoze.JPG');
height: 650px;
background-repeat: no-repeat;
background-position: 45% 20%;
width:79%;
margin-top: -59px;
}


#background-imageresa {
border-radius: 0 0 360px 0;
margin-left: -19px;
overflow: hidden;
background-image: url('images/maisonass.jpg');
height: 650px;
background-repeat: no-repeat;
background-position: 45% 0%;
width:79%;
margin-top: -59px;
}

#background-video {
height: 80vh;
width: 76vw;
object-fit: cover;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -10;
margin-top: -50px;
border-radius: 0 0 360px 0;
margin-left:-19px;
overflow:hidden;
}

.vid{
	  z-index: 1;
	  position: absolute;
	  top: 50px;
}


.vid h1, h2, #btnVideo {
  color: white;
  font-family: Trebuchet MS;
  font-weight: bold;
  text-align: center;
}

.vid h1 {
  font-size: 6rem;

}

.vid h2 { font-size: 3rem; }

#btnVideo {
  font-size: 1.5rem;
  background: 0;
  border: 0;
  margin-left: 50%;
  transform: translateX(-50%);
}



#maximenuck114.maximenuckh ul.maximenuck {
	margin-left:-1.96rem;
}
#maximenuck114 {


	width:83%;
	

}
 
.container-header {
	background-color: rgba(255, 255, 255, 0.0);
	background-image: none;
	
}





#menudroit {
    position: fixed;
    right: 2px;
    top: 15%;
    width: 290px;
    margin: 0 0 0 0;
	padding: 10px 0px 10px 35px;
    font-weight: bold;
    font-size: large;
    text-align: left;
	text-indent: 10px;
	color: white;
	text-align:right;
	z-index: 2;
  }
 
#menudroit li {
background: hsla(329.1, 81.2%, 41.8%, 0.69);
width: 50px;
margin-bottom: 5%;
overflow: hidden;
line-height: 67px;
padding-right: 110px;
text-align: left;
margin-left: 163px;
white-space: nowrap;
border-radius: 12px 0px 0px 12px;
  }
  
#menudroit a {
    text-decoration: none;
	color: inherit;
  }
  
#menudroit img {
    width: 48px;
	height:48px;
	max-width:none;
  }  
  
#menudroit li:hover{

text-align: left;
width: 270px;
margin-left: 12px;
}  


div#maximenuck114.maximenuckh ul.maximenuck {
	padding-top:0px;
}  
  
  .circle {
    border-radius: 50%;
	background-color:white;
	border:1px solid black;
	
}



.item110 {
	border-radius:9px 0px 0px 9px;
	
		}
		
		.item112 {
	border-radius:0px 9px 9px 0px;
		}
		
.accordion_3 .accordion-group li section { display: flex; align-items: center; width: 75%; height: 100%; .container-below-top border-radius:9px;}

.accordion_3 .accordion-group li.out section article {
    right: 0;
    background-color: white;
    padding: 5px;
    border-radius: 9px;
}


.accordion-group li h3 {
	color:black;
}

.container-below-top{
	max-width: none;
}

.container-header .grid-child {
  padding: 0em;
}


.blog-items[class*=" masonry-"] .blog-item, .blog-items[class^=masonry-] .blog-item {
	width:100%;
	float:left;
}


.imageheader {

position: absolute;
bottom: -0px;
right: 0.5%;
opacity: 0.8;
z-index: 8;
height: 70%;
width: 50%;


}

.superposition-simple {
 position: relative;
 float:left;
}
.superposition-simple .image-originale {
 display: block;
 height: auto;
}
.superposition-simple .texte-original {
display: block;
 color: #fff;
 font-size: 30px;
 line-height: 1.5em;
 text-shadow: 2px 2px 2px #000;
 text-align: center;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
}
.superposition-simple .texte-hover {
  display: block;
 position: absolute;
 top: 0;
 height: 100%;
 width: 100%;
 opacity: 0;
 transition: 2s ease;
}
.superposition-simple:hover .texte-normal {
 opacity: 0;
}
.superposition-simple:hover .texte-hover {
 opacity: 1;
}
.superposition-simple .texte-normal {
 transition: 2s ease;
}

.site-grid {
grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,26.875rem)) [main-end] minmax(0,1fr) [full-end];
margin-top: -60px;
margin-left: 1%;
}


#abspage{
	position: absolute;
	height:28px;
	width:900px;
	z-index: 12;
	bottom:0;
	
	
}

#abs{
	position: absolute;
	height:92px;
	width:900px;
	z-index: 12;
	bottom: -42px;
	
	
}

#conscom{
	width:60%;
	padding:3%;
	float:left;
}

#conscomdroite{
	width:40%;
	padding:3%;
	float:left;
}

#wrap {
  
 
    text-align: center;
    width: 100%;
	display:flex;
	justify-content: center;
}

#ad {
     
     
     padding: 2%;
	 width: 25%;
}



#ad2 {
     
     
     padding: 2%;
	 width: 25%;
}



#ad2 img{
     
     

}




@media only screen and (max-width: 1200px) {
	
	#abs{
		display:none;
	}
	
	#abspage{
		display:none;
	}
	
	#menudroit{
		display:none;
	}
	
}



#bouton:hover { 
	height:300px;
}



#bouton{



position: relative;
float: left;
bottom: 85px;
left: 0;
width: 200px;
text-shadow: 3px 3px 3px black;
z-index: 12;
color: white;
background-image: url('/images/btpe0.png');
background-repeat: no-repeat;
text-align: center;
padding-top: 65px;
padding-right: 27px;
padding-bottom: 2%;
font-size: 1.5em;
line-height: 16px;
font-family: 'Oleo Script Swash Caps', cursive;
}


#bouton:hover { 
bottom: 290px;
left: 0;
width: 200px;
height: 300px;
z-index: 12;
color: white;
text-shadow: 3px 3px 3px black;
font-size:1.8em;
background-image: url('/images/btpe.png');
background-repeat: no-repeat;
text-align: center;
padding-top: 80px;
padding-right: 22px;
font-family: 'Oleo Script Swash Caps', cursive;
}


#boutonp{



position: relative;
float: left;
bottom: 85px;
left: 0;
width: 200px;
text-shadow: 3px 3px 3px black;
z-index: 12;
color: white;
background-image: url('/images/btp0.png');
background-repeat: no-repeat;
text-align: center;
padding-top: 65px;
padding-right: 16px;
padding-bottom: 2%;
font-size: 1.5em;
line-height: 16px;
font-family: 'Oleo Script Swash Caps', cursive;
}


#boutonp:hover { 
bottom: 290px;
left: 0;
width: 200px;
height: 300px;
z-index: 12;
color: white;
text-shadow: 3px 3px 3px black;
font-size:1.8em;
background-image: url('/images/btp.png');
background-repeat: no-repeat;
text-align: center;
padding-top: 62px;
padding-right: 18px;
font-family: 'Oleo Script Swash Caps', cursive;
line-height:30px;
}


#boutonc a{
	color:white;
	text-decoration:none;
	
}

#boutonp a{
	color:white;
	text-decoration:none;
	
}

#bouton a{
	color:white;
	text-decoration:none;
	
}


#boutonc {



position: relative;
float: left;
bottom: 85px;
left: 0;
width: 200px;
text-shadow: 3px 3px 3px black;
z-index: 12;
color: white;
background-image: url('/images/btc0.png');
background-repeat: no-repeat;
text-align: center;
padding-top: 65px;
padding-right: 27px;
padding-bottom: 2%;
font-size: 1.5em;
line-height: 16px;
font-family: 'Oleo Script Swash Caps', cursive;
}


#boutonc:hover { 
bottom: 290px;
left: 0;
width: 200px;
height: 300px;
z-index: 12;
color: white;
text-shadow: 3px 3px 3px black;
font-size:1.8em;
background-image: url('/images/btc.png');
background-repeat: no-repeat;
text-align: center;
padding-top: 80px;
padding-right: 18px;
font-family: 'Oleo Script Swash Caps', cursive;
}



.img-block{
	margin:0;
}



.pactu{
margin-bottom: -20px;
width: 60%;
height: auto;
}	
	
.pactuinfo{
margin-bottom: -2px;
width: 60%;
height: auto;
}	

.blog-items .blog-item {
  padding: 0;
 
}


.btmb{
	display: block;
width:100%;
position: relative;
top: -59px;


}

.bi{
position: relative;
top: 13vh;
text-align:center;
font-size: 3em;
font-family: 'Oleo Script Swash Caps', cursive;
z-index: 99;
color: white;
text-shadow: 2px 2px black;
	
}

#global{


position:relative;
height:100%;

}



#pageinfo{
width:100%;	
position:relative;
padding:1%;	
border: 2px solid rgb(121 194 129);
border-radius:0px 27px 27px 27px;	


}

#globalinfo{

height: 100%;
background-color: #61656647;
border: solid 2px black;
border-radius: 27px;


}

#pageenf{
width: 23%;
float: left;
position: relative;
padding: 1%;
margin:1%;
min-height:290px;		
}

#pageacti{
width: 13%;
float: left;
position: relative;
padding: 1%;
margin:1%;
min-height:280px;		
}



#pageacti img{
height:100px;
width:100px;
	
}

#pageacti h4{
line-height:20px;
	
}



#pagequot{
width: 48%;
float: left;
position: relative;
padding: 1%;
margin:1%;
}

#pagequot h1{
font-family: 'Oleo Script Swash Caps', cursive;
}



.container {
  position: relative;
  text-align: center;
  color: white;
}


.centered {
position: absolute;
top: 17%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #ffffff9c;
color: blue;
width:90%;
}

.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
  background-color: #ffffff9c;
  color: black;
  text-align:left;
  width:90%;
}



#dem{
	width:25%;
	float:left;
	padding:1%;
	
}

#dem h5{
	position:abosolute;
	top:0px;
	z-index:5;
	font-family: 'Oleo Script Swash Caps', cursive;
	
	
}

#dem img{
	position:abosolute;
	top:0px;
	z-index:4;	
	
}


#dem a{
	text-decoration:none;
	color:black;
	
}

#dem a:hover{
	text-decoration:none;
	color:blue;
	
}



.quot{
	width:33%;
	float:left;
	padding:1%;
	
}

.quot a{
	text-decoration:none;
	color:black;
	
}

.quot a:hover{
	text-decoration:none;
	color:blue;
	
}


#pageinfol{

position:relative;
padding:1%;	
margin-bottom:-18px;

}

#pageinfoc{
width: 33%;
float: left;
position: relative;
padding: 1%;


}

#pageinfoc2{
width: 25%;
float: left;
position: relative;
padding: 1%;
min-height: 516px;


}


#pageinfoc3{
width: 33%;
float: left;
position: relative;
padding: 1%;
background-color :blue;

}


#pageinfoc4{
width: 33%;
float: left;
position: relative;
padding: 1%;
background-color :yellow;

}


#pagefooterc{
width:33.33%;	
float:left;
position:relative;
padding:1%;	

}



#pagefootera{
width:33.33%;	
float:left;
position:relative;
padding:1%;	

}


#pagefootera img{
display: block; margin-left: auto; margin-right: auto;"
}

#pagefooterb{
width:33.33%;	
float:left;
position:relative;
padding:1%;	
font-family: 'Oleo Script Swash Caps', cursive;
text-align:center;

}


#pagefooterc{
width:33.33%;	
float:left;
position:relative;
padding:1%;	
text-align:left;

}


#pagefootercp{
width:100%;	
float:left;
position:relative;
padding:1%;	
 background-image: url('/images/eda.jpg');
background-repeat: no-repeat;
background-size: 100% 400px;


}


#pageacc2{
width:100%;	
float:left;
position:relative;
padding:1%;	
}

.centre{
text-align: center;
}

.ex1 {
  padding-top: 10%;
}



#pageacc1{
width:50%;	
float:left;
position:relative;
padding:1%;	

}


#pageacc{
width: 50%;
float: left;
position: relative;
padding: 1%;
background-color: rgba(40, 71, 166, 0.51);
border-radius: 27px;
border: solid;
}

.os-gallery-img-desc{
	margin-top: 50px;
}


.container-component > * + *, .container-component > :first-child, .container-sidebar-left > * + *, .container-sidebar-left > :first-child, .container-sidebar-right > * + *, .container-sidebar-right > :first-child {

}



#globalfooter{






}


.mon_div:before{
content: url('/images/logojoze.png');
position: relative;
left: -3px;
top: -13px;
height: 1px;
display: inherit;
 }


@media only screen and (max-width: 1080px) {
	
	#dem{
	width:100%;
}
	
}



@media only screen and (max-width: 890px) {
	
	
	#conscomplusbas table {
		
		width:100%;
		margin-bottom:5%;
		
	}
	
	
	#conscombas table {
		width:100%;
		margin-bottom:5%;		
	}
	
	
	#conscomcom table {
		width:100%;		
		margin-bottom:5%;		
	}
	
	.moitie{
	
width: 96%;
margin: 2%;
padding: 2%;
float: left;
border-radius: 9px;

	
}


.bloc{
display: block;
float: left;
width: 93%;
border: solid black 1px;
border-radius: 9px;
margin: 2%;
padding: 1%;
height:auto;
}


	.pleine{
	
width: 96%;
margin: 2%;
padding: 2%;
float: left;
border-radius: 9px;

	
}

.bloctourisme{
display: block;
float: left;
width: 93%;
border: solid black 1px;
border-radius: 9px;
margin: 2%;
padding: 1%;
height:auto;
}




.bloc2{
display: block;
float: left;
width: 93%;
border: solid black 1px;
border-radius: 9px;
margin: 2%;
padding: 1%;
height:auto;
}

.blocenfa{
display: block;
float: left;
width: 93%;
border: solid black 1px;
border-radius: 9px;
margin: 2%;
padding: 1%;
height:auto;
}


.blocacti{
display: block;
float: left;
width: 93%;
border: solid black 1px;
border-radius: 9px;
margin: 2%;
padding: 1%;
height:auto;
}


.blocsante{
display: block;
float: left;
width: 93%;
height:auto;
border: solid black 1px;
border-radius: 9px;
margin: 2%;
padding: 1%;
}



.vertical{
	padding-top:25%;
}



}








@media only screen and (max-width: 1200px) {
	
	
	#benf1{
	
	width:100%;
	
	}
	
		#benf2{
	
	width:100%;
	
	}
	
	
#conscom{
	width:99%;
	padding:3%;
}

#conscomdroite{
	width:99%;
	padding:3%;
}
	
	
	
	#astuce{
		width:100%;
	}
	
	#ad {
		width:98%;
		float:left;
	}
	#ad2 {
		width:98%;
		float:left;
	}	
	
	#wrap {
  
    padding: 5%;
    text-align: center;
    width: 100%;
	display:block;
	justify-content: none;
}
	
#pageenf{
	width:98%;
}	
	
#pageacti{
width: 98%;
}	
	
	
	
	
#pageacc{
width:100%;	
float:left;
position:relative;
padding:1%;	
}

#pageacc1{
width:100%;	
float:left;
position:relative;
padding:1%;	
}

#pageinfoc2{
width:100%;	
float:left;
position:relative;
padding:1%;	
min-height:0;
}



#pageinfoc{
width:100%;	
float:left;
position:relative;
padding:1%;	

}

#pagequot{
	width:100%;
}

.quot{
	width:100%;
}


#dem{
	width:100%;
}
#background-video{
	width:99.5vw;
}

.barre-droite-flottante{
	display:none;

}.vague{
	display:none;
}

#background-image {
	margin-top:45px;
	 width: 100%;
}

#background-imageresa {
		margin-top:45px;
	 width: 100%;
	
}

#background-imagevie {
		margin-top:45px;
	 width: 100%;
	
}
#background-image2 {
	margin-top:45px;
	 width: 100%;
}

#background-plui {
	margin-top:45px;
	 width: 100%;
}


#background-ccas {
	margin-top:45px;
	 width: 100%;
}


#background-sang {
	margin-top:45px;
	 width: 100%;
}


#background-acti {
	margin-top:45px;
	 width: 100%;
}

#background-image3 {
	margin-top:45px;
	 width: 100%;
}

#pagefooterc{
width:100%;	
float:left;
position:relative;
padding:1%;	
text-align:center;

}





#pagefootera{
width:100%;	
float:left;
position:relative;
padding:1%;	

}


#pagefooterb{
width:100%;	
float:left;
position:relative;
padding:1%;	
font-family: 'Oleo Script Swash Caps', cursive;
text-align:center;

}


#pageinfol{

position:relative;
padding:1%;	
margin-bottom:-8px;

}
}