/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #000;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #00aeef;
    text-shadow: none;
}

::selection {
    background: #00aeef;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */




html, body {margin:0; padding:0; }
body {
	
	background-color: #FFFFFF;
	 font-family: 'Alegreya Sans', sans-serif;
		color: #000000;	border : 0; padding: 0;
	width: 100%; position: relative; z-index:0;
}
    h1{font-size:3.5em; color:#070262;    
       
        text-shadow: -1px 1px 1px rgba(231, 255, 22, 1), -1px -1px 1px rgba(231, 255, 22, 1), 1px 1px 1px rgba(231, 255, 22, 1), 1px -1px 1px rgba(231, 255, 22, 1);  
      
        
        font-family: 'Caveat', cursive;
    }
	   .titreafond{border:0;margin:0; padding:0; font-size:3em; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.71); font-weight:bold;
    }
	h2 {font-size: 2.2em;border:0;margin:0;  padding:0; text-align:center; margin-bottom:1em;  text-decoration: none;     
        
         text-shadow: -5px 5px 5px  rgba(7, 2, 98, .9); , -5px -5px 5px  rgba(7, 2, 98, .9); , 5px 5px 5px  rgba(7, 2, 98, .9); , 5px -5px 5px rgba(7, 2, 98, .9); ;  
    
    color:#fcff00; 
        
        font-family: 'Caveat', cursive;
		}
		h2 img { border:0; max-width:100%; margin:0; padding:0; position: relative; }
	


h3 {font-size: 4.3em;  line-height: 1em;    border:0;margin:0; margin-top:0em; padding:0; text-align:center; 
  
         text-shadow: -5px 5px 5px  rgba(7, 2, 98, .9); , -5px -5px 5px  rgba(7, 2, 98, .9); , 5px 5px 5px  rgba(7, 2, 98, .9); , 5px -5px 5px rgba(7, 2, 98, .9); ;  
    
    color:#fcff00;   font-family: 'Caveat', cursive;}




h4 {font-size: 2.5em;border:0;margin:0;  padding:0; 
    color:rgba(0, 0, 0, .9);   
    text-shadow: 1px 1px 1px rgba(5, 0, 74, 1);   font-family: 'Caveat', cursive; margin-top: 1em;margin-bottom: 1em;}



h5 {font-size: 2.5em;border:0;margin:0;  padding:0; 
    color:#fff;   
    font-family: 'Caveat', cursive; }



	

#ul {z-index:6756146;}
	#supersized-loader { position: absolute; top: 49.5%; left: 49.5%; z-index: 10; width: 24px; height: 24px; text-indent: -999em; background-image: url(img/progress.gif); }
	
	#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img{ position:relative; outline:none; border:none; -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }
#logo {    margin-top: 1em; padding-top: 0; border-top: 0; margin-bottom: 0; border-bottom: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;}
.logo-item {     padding:0; border:0;margin: 0;
     -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    
}.tarifs-devanture img {max-width: 100%;}
#logo img { border:0; max-width:100%; margin:0; padding:0; position: relative;}
#logowait {text-align:center; margin-top:1em;}
	#presentation {width:100%; background-color: none;  clear:both; margin: auto;  margin-bottom:0; margin-top:0em; border:0; z-index: 1; max-width:130em; z-index:0; position: relative; text-align:center;}
		
		.txt-pres, .txt-pres2{ clear:right; float:left; width: 40%;  margin-bottom:.5em; text-align:left;
		
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity: 0.70;
-khtml-opacity: 0.70;
opacity: 0.70;
background-color: #0093dd;
transition:background-color .2s ease-in;
padding: 13px;

color: #ffffff;
font-size: 1.3em;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

-moz-box-shadow: 3px 2px 12px 2px #333333;
-webkit-box-shadow: 3px 2px 12px 2px #333333;
box-shadow: 3px 2px 12px 2px #333333;		}
.txt-pres:hover, .txt-pres2:hover {background-color: #10139f; transition:background-color .5s ease-in;}
.txt-pres-mid {float:left; width: 48%;  margin:1%;}
	.txt-pres2{  text-align:center; font-size: 1.7em;}
	.txt-pres2 img { border:0; max-width:100%; margin:0; padding:0; position: relative; }


	
	
#img-pres {clear:both;  width: 100%; margin: auto; text-align: center; }
#img-pres img { border:0; max-width:100%; margin:0; padding:0; position: relative; 
-moz-box-shadow: 3px 2px 12px 2px #333333;
-webkit-box-shadow: 3px 2px 12px 2px #333333;
box-shadow: 3px 2px 12px 2px #333333;	}
a  { border:0; margin:0; padding: 0; }
	a:link {text-decoration:  none ; color: #000000;
	 border:0; margin:0; padding: 0; 
}
a:visited {text-decoration: none ;  border:0; margin:0; padding: 0; color: #333333;
	
}
a:hover { border:0; margin:0; padding: 0; 
	text-decoration: underline ;  color: #00aeef;
}
a:active {text-decoration: underline ;  color: #000000;
 border:0; margin:0; padding: 0; 	 }
	




.small {
	font-size: 0.8em; border:0; margin:0; padding: 0;  line-height: .9em;
}

}
.medium {
	font-size: 1.3em;
}


.big {
	font-size: 1.313em;
}


.xbig {
	font-size: 2.5em;

}

.xxbig {
	margin:-20px 0% -7% 0%; position: relative;
	font-weight:bold;
        font-size: 2.5em; text-decoration: none;     
        
           text-shadow: -1px 1px 1px  #070262 , -1px -1px 1px  #070262 , 1px 1px 1px  #070262 , 1px -1px 1px #070262;  
    color: rgb(252, 255, 0);     
        font-family: 'Caveat', cursive;
    }
	
	
}
  .lientitre  { display: none;} 
  
  .lienimage:hover{
  opacity: 0.5;
}
  .italic  { font-style:italic;} 

.contact{position: relative;  overflow: hidden; width:76%; clear:both; text-align: center; border:0; margin:auto; margin-top: 1em; 
    padding:0; 
    color: #fff; 
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;

    box-shadow: 5px 5px 3px rgba(0, 0, 0, .9); 

    border:1px solid #fcff00;
background: rgba(7,2,98,1);
background: -moz-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,2,98,1)), color-stop(8%, rgba(7,2,98,1)), color-stop(80%, rgba(7,2,98,0.45)), color-stop(100%, rgba(7,2,98,0.45)));
background: -webkit-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -o-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -ms-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: linear-gradient(to bottom, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070262', endColorstr='#070262', GradientType=0 );
    -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }

.contactcontainer {position: relative;width:80%;  text-align: center;}

.contactbloc{ border:0; margin:auto;  margin-bottom: 1em; padding: 13px;
    text-align: center;   font-size:3.5em;
    
background-color: rgba(5, 0, 74, .6); 
    transition:background-color .15s ease-in;
color: #fff; 
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.contactbloc:hover{     
background-color: rgba(5, 0, 74, 1); 
transition:background-color .3s ease-out;
}


.contactgroupes {position: relative;width:94%; clear: both; text-align: center; font-size: 2em; font-style: italic; margin: auto; margin-bottom: 1em;margin-top: 1em; }






.contactbloc img { border:0; max-width:100%; margin:0; padding:0; position: relative;}
.contactbloc a:hover{text-decoration:none; color:#00aeef;}

.actitxt{ width:80%; border:0; margin:auto;  margin-bottom: 1em; padding: 13px; position: relative;
  
   text-align: center;    
    font-size:1.5em;
    color: white;

    }

.actitxthaut{ width:80%; border:0; margin:auto;  padding: 13px;
    text-align: left; 
    font-size: 2.2em; text-decoration: none;     line-height: 1.1em;
        
           text-shadow: -1px 1px 1px  rgba(252, 255, 0, 1) , -1px -1px 1px  rgba(252, 255, 0, 1) , 1px 1px 1px  rgba(252, 255, 0, 1) , 1px -1px 1px rgba(252, 255, 0, 1);  
    color:#070262;     
        font-family: 'Caveat', cursive;
    }







.phoneflex {clear: both; margin: auto; margin-bottom: 3em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }

.phoneflex-item {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    color: #fff; 
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
 margin-top:auto;margin-bottom:auto;margin-left:1em;
    box-shadow: 5px 5px 3px rgba(0, 0, 0, .9); 
    font-size: 1.2em;
     padding: .8em; border:1px solid #fcff00;
background: rgba(7,2,98,1);
background: -moz-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,2,98,1)), color-stop(8%, rgba(7,2,98,1)), color-stop(80%, rgba(7,2,98,0.45)), color-stop(100%, rgba(7,2,98,0.45)));
background: -webkit-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -o-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -ms-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: linear-gradient(to bottom, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070262', endColorstr='#070262', GradientType=0 );
    }

.securiteflex {clear: both; margin: auto; margin-bottom: 3em; position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }

.securiteflex-item {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    color: #fff; 
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
 margin-top:auto;margin-bottom:auto;margin-left:1em;
    box-shadow: 5px 5px 3px rgba(0, 0, 0, .9); 
    font-size: 1.2em;
     padding: .8em; border:1px solid #fcff00;
background: rgba(7,2,98,1);
background: -moz-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,2,98,1)), color-stop(8%, rgba(7,2,98,1)), color-stop(80%, rgba(7,2,98,0.45)), color-stop(100%, rgba(7,2,98,0.45)));
background: -webkit-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -o-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -ms-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: linear-gradient(to bottom, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070262', endColorstr='#070262', GradientType=0 );
    }


.conditions {margin: auto; display: inline-block;
    width:55%; text-align: left;
    color: #fff; 
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
 margin-bottom: 2.3em;
    box-shadow: 5px 5px 3px rgba(0, 0, 0, .9); 
    font-size: 1.5em;
     padding: 1em; border:1px solid #fcff00;
background: rgba(7,2,98,1);
background: -moz-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,2,98,1)), color-stop(8%, rgba(7,2,98,1)), color-stop(80%, rgba(7,2,98,0.45)), color-stop(100%, rgba(7,2,98,0.45)));
background: -webkit-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -o-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -ms-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: linear-gradient(to bottom, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070262', endColorstr='#070262', GradientType=0 );
    }






#footer{width:100%;  clear:both; text-align: center; border:0; margin:0; padding:0; color:white;  }
.backinblack {background-color:#000; font-size: 2em;} .backinblack a {color:#fff;}
.backinblacky {background-color:rgba(0, 0, 0, 0.45); font-size: 1em;} .backinblacky a {color:#fff;}
	.afond{float:left; width: 30%; border:0; margin:0; padding:0;text-align: left; color:#000000; margin-left: 1.3%; margin-bottom: 2em; font-size:1em;
	
background-color:rgba(5, 0, 74, .5); 
transition:background-color .15s ease-out;
padding: 13px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;

-moz-box-shadow: 0px 2px 2px 2px #333333;
-webkit-box-shadow: 0px 2px 2px 2px #333333;
box-shadow: 0px 2px 2px 2px #333333;	}
.afond:hover {background-color:rgba(5, 0, 74, 1);  transition:background-color .25s ease-in;}
.afondimg{width:48%; float:left; margin:1%}
.afondimg img { border:0; max-width:100%; margin:0; padding:0; position: relative; }
	.afondtxt{width:48%; float:left; margin:1%; color:black;}
	.afondtxt a{color:black; font-size: 1.3em;}




	.recommandations {clear: both; width: 60%; border:0; margin:auto; padding:0;text-align: center; color:#000000; font-size:1.5em; margin-bottom: 2em;
	
background-color: #0093dd;
transition:background-color .25s ease-out;
padding: 13px;

color:white;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

-moz-box-shadow: 3px 2px 12px 2px #333333;
-webkit-box-shadow: 3px 2px 12px 2px #333333;
box-shadow: 3px 2px 12px 2px #333333;	}
.recommandations:hover {background-color: #10139f; transition:background-color .5s ease-in;}
.recommandations img { border:0; max-width:100%; margin:0; padding:0; position: relative; }
.recommandations a{color:white; }





	.delay1 {-webkit-animation-delay: .1s;-moz-animation-delay: .1s;-o-animation-delay: .1s;}
	.delay2 {-webkit-animation-delay: .25s;-moz-animation-delay: .25s;-o-animation-delay: .25s;}
	.delay3 {-webkit-animation-delay: .5s;-moz-animation-delay: .5s;-o-animation-delay: .5s;}
	.delay4 {-webkit-animation-delay: .65s;-moz-animation-delay: .65s;-o-animation-delay: .65s;}
	.delay5 {-webkit-animation-delay: .8s;-moz-animation-delay: .8s;-o-animation-delay: .8s;}
	.delay6 {-webkit-animation-delay: .95s;-moz-animation-delay: .5s;-o-animation-delay: .95s;}
	.delay7 {-webkit-animation-delay: 1.1s;-moz-animation-delay: 1.1s;-o-animation-delay: 1.1s;}
	.delay8 {-webkit-animation-delay: 1.25s;-moz-animation-delay: 1.25s;-o-animation-delay: 1.2s;}
.delay9 {-webkit-animation-delay: 1.4s;-moz-animation-delay: 1.4s;-o-animation-delay: 1.3s;}
.delay10 {-webkit-animation-delay: 1.4s;-moz-animation-delay: 1.4s;-o-animation-delay: 1.4s;}
.delay11 {-webkit-animation-delay: 1.4s;-moz-animation-delay: 1.4s;-o-animation-delay: 1.5s;}
.delay12 {-webkit-animation-delay: 1.4s;-moz-animation-delay: 1.4s;-o-animation-delay: 1.6s;}

.center {text-align:center;}

	.lienafond a  {float:right; position:relative;border:0; margin:0; padding:0;font-size: 1em;}
.ligne {width:50%; height:0.15em; background-color:black; margin: auto; clear:both; margin-top:1em; margin-bottom: 1em; }
.lignefooter {width:33%; height:0.063em; background-color:white; margin: auto; clear:both;margin-bottom: 1em;}

.lignesoustitre {width:13%; height:0.39em; background-color:rgba(5, 0, 74, .7); margin: auto; clear:both; margin-top:1em; margin-bottom: 1em; border-radius: 39%;}




.lignetotale {width:100%; height:0.39em; background-color:rgba(5, 0, 74, .7); margin: auto; clear:both; margin-top:1em; margin-bottom: 1em; border-radius: 39%;}
.ligneseparation {width:50%; height:0.063em; background-color:black; margin: auto;  margin-top:1em; margin-bottom: 1em; }
.back-to-top {
    position: fixed;
    bottom: 1em;
    right: 0;
    text-decoration: none;
    color: #ffffff;
    background-color:none;
    padding: 1em;
    display: none;opacity:0.5;filter:alpha(opacity=50); transition:opacity .5s ease-in;
}

 #stickyheader {z-index:9999658416541;
                        width: 100%;
                        height: 10px;
                }
                #stickyalias {
                  display: none;
                  height: 10px;
                }
				
				.home {     position: fixed;
   bottom: 1em;
    left: .5em;
    text-decoration: none;
   
    background-color:none;
    padding: 1em;
    display: none; opacity:0.5;filter:alpha(opacity=50); transition:opacity .5s ease-in;} 
					.home:hover,.back-to-top:hover { opacity:1;filter:alpha(opacity=100);} 
				
.clearclass {clear:both;}
.clearleft {clear:left;}
.floatleft {float:left; position:relative;}
.floatright {float:right; position:relative;border:0; margin:0; padding:0;}
.aligncenter {text-align: center;}
.noir {color:black;}
.white {color:white;}
a:active,
a:hover {
  outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }



	

.underline {text-decoration:underline;} 
.bold {font-weight: bold; }

.slicknav_menu {
	display:none;
}

	
	.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0; 

  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  margin: auto;
  }

.rslides img {
  display: block;
  height: auto;
  margin: auto;
  width: auto;
  border: 0;
 
  }



.videoscontainer{width: 100%; text-align: center; clear: both; margin-top: 2em;}
.videos{max-width: 60em; margin: auto; margin-bottom: 3em;}
.map { width: 45%; float: right; margin: 2.5%; padding-top: 42px; }
.adresse { width: 45%; float: left; margin: 2.5%; font-size: 2em;  padding-top: 42px; }
.separateur {position: relative; width: 100%;  clear: both;  }
.separateurhaut {position: relative; width: 100%;  clear: both; margin-top: 5.6em; text-align: center; margin: auto; }
.separateurhaut img, .separateur img {max-width: 100%; }
.margindubas {margin-bottom: 3em;}
.marginduhaut {margin-top: 3em;}.marginduhautbig {margin-top: 7em;}

#actileft {width: 50%; float: left; text-align: center; color: #fff;}

#actiright {width: 48%; float: right; padding: 0; padding-left: 1%; padding-right: 1%;  margin:auto;}
 



.imgage {max-width: 100%; }

.texteaccueil {font-size: 2.5em;border:0;margin:0;  padding:0;  margin-bottom:.2em;  text-decoration: none;             
           text-shadow: -1px 1px 2px  rgba(252, 255, 0, .8) , -1px -1px 2px  rgba(252, 255, 0, .8) , 1px 1px 2px  rgba(252, 255, 0, .8) , 1px -1px 2px rgba(252, 255, 0, .8);      color:#070262;     font-family: 'Caveat', cursive;}
.texteaccueilhorsaison {font-size: 1em;border:0;margin:0;  padding:0;  margin-bottom:2em;  text-decoration: none;             
           text-shadow: -1px 1px 2px  rgba(252, 255, 0, .8) , -1px -1px 2px  rgba(252, 255, 0, .8) , 1px 1px 2px  rgba(252, 255, 0, .8) , 1px -1px 2px rgba(252, 255, 0, .8);      color:#070262;     font-family: 'Caveat', cursive; text-align: right; padding-right: 1em;}


.texteaccueilcontact {font-size: 1.5em; color:rgb(252, 255, 0);
    text-shadow: -1px 1px 2px  #070262 , -1px -1px 2px  #070262 , 1px 1px 2px  #070262 , 1px -1px 2px #070262;  line-height: 1.5em; }

.tarifs-devanture {text-align: left; padding:0; border:0;margin: 0; width: 100vw;
     -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    
} .tarifs-devanture img{max-width: 100%;}
.securite-devanture {text-align: left; padding:0; border:0;margin: 0; width: auto; position: relative;
     -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    
} .securite-devanture img{max-width: 100%;}

.tarifs {float: left; text-align: center; padding: .51em; border:1px solid #fcff00; margin:auto; margin-right: 0; margin-left: 0;
     -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
      box-shadow: 5px 5px 3px rgba(0, 0, 0, .9); 
background: rgba(7,2,98,1);
background: -moz-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,2,98,1)), color-stop(8%, rgba(7,2,98,1)), color-stop(80%, rgba(7,2,98,0.45)), color-stop(100%, rgba(7,2,98,0.45)));
background: -webkit-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -o-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -ms-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: linear-gradient(to bottom, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070262', endColorstr='#070262', GradientType=0 );

    
}

.tarifsleft {color:#fcff00; float: left; text-align: center;padding: .51em; border:1px solid #fcff00; margin:auto;margin-right: 0;
     -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
      box-shadow: 5px 5px 3px rgba(0, 0, 0, .9); 
     border-top-left-radius: 20px;  border-bottom-left-radius: 20px;
background: rgba(7,2,98,1);
background: -moz-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,2,98,1)), color-stop(8%, rgba(7,2,98,1)), color-stop(80%, rgba(7,2,98,0.45)), color-stop(100%, rgba(7,2,98,0.45)));
background: -webkit-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -o-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -ms-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: linear-gradient(to bottom, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070262', endColorstr='#070262', GradientType=0 );

    
}


.tarifsmidl {color:#fcff00; float: left; text-align: center;padding: .51em; border:1px solid #fcff00; margin:auto;margin-right: 0;
     -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
      box-shadow: 5px 5px 3px rgba(0, 0, 0, .9); 
  background: rgba(7,2,98,1);
background: -moz-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,2,98,1)), color-stop(8%, rgba(7,2,98,1)), color-stop(80%, rgba(7,2,98,0.45)), color-stop(100%, rgba(7,2,98,0.45)));
background: -webkit-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -o-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -ms-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: linear-gradient(to bottom, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070262', endColorstr='#070262', GradientType=0 );

    
}

.tarifsright {color:#fcff00; float: left; text-align: center; padding: .51em; border:1px solid #fcff00;margin:auto; border-right: 0; margin-left: 0;
     -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
      box-shadow: 5px 5px 3px rgba(0, 0, 0, .9); 
      border-top-right-radius: 20px;  border-bottom-right-radius: 20px;
background: rgba(7,2,98,1);
background: -moz-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,2,98,1)), color-stop(8%, rgba(7,2,98,1)), color-stop(80%, rgba(7,2,98,0.45)), color-stop(100%, rgba(7,2,98,0.45)));
background: -webkit-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -o-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -ms-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: linear-gradient(to bottom, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070262', endColorstr='#070262', GradientType=0 );

    
}


.tarifcontainer, .activites { 
    margin-top: 0; padding-top: 0; border-top: 0; margin-bottom: 0; border-bottom: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}.tarifcontainer img{max-width: 100%;} 

.tarifcontainermini { font-size: .8em; line-height: 1em; margin: auto; border: 0;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
.endessous, .pechephonedessous {display:none;}


.forfaitcontainer { 
  padding: 1em; border:1px solid #fcff00;
  
    
background: rgba(7,2,98,1);
background: -moz-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,2,98,1)), color-stop(8%, rgba(7,2,98,1)), color-stop(80%, rgba(7,2,98,0.45)), color-stop(100%, rgba(7,2,98,0.45)));
background: -webkit-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -o-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -ms-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: linear-gradient(to bottom, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070262', endColorstr='#070262', GradientType=0 );

    }
.forfait { -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    color: #fff; 
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
 margin-bottom: 1em;
    box-shadow: 5px 5px 3px rgba(0, 0, 0, .9); 
  line-height: 1em;
     padding: 1em; border:1px solid #fcff00;
background: rgba(7,2,98,1);
background: -moz-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,2,98,1)), color-stop(8%, rgba(7,2,98,1)), color-stop(80%, rgba(7,2,98,0.45)), color-stop(100%, rgba(7,2,98,0.45)));
background: -webkit-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -o-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -ms-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: linear-gradient(to bottom, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070262', endColorstr='#070262', GradientType=0 );
}
.forfaitmini { 
    
         padding: 1em; border:1px solid #fcff00; margin: auto; margin-left: 1em;
    
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    color: #fff; 
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;

    box-shadow: 5px 5px 3px rgba(0, 0, 0, .9); 


background: rgba(7,2,98,1);
background: -moz-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,2,98,1)), color-stop(8%, rgba(7,2,98,1)), color-stop(80%, rgba(7,2,98,0.45)), color-stop(100%, rgba(7,2,98,0.45)));
background: -webkit-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -o-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -ms-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: linear-gradient(to bottom, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070262', endColorstr='#070262', GradientType=0 );
}

	.actititre { -webkit-order: 0; margin: 2em; margin-top: 0; margin-bottom: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
   
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
 margin-bottom: 1em;
    box-shadow: 5px 5px 3px rgba(0, 0, 0, .9); 
text-align: left; 
    font-size: 2em; text-decoration: none;     line-height: 1.1em;
        
    color:#fff;     
        font-family: 'Caveat', cursive;
        
               
     padding: .5em; border:1px solid #fcff00;
background: rgba(7,2,98,1);
background: -moz-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,2,98,1)), color-stop(8%, rgba(7,2,98,1)), color-stop(80%, rgba(7,2,98,0.45)), color-stop(100%, rgba(7,2,98,0.45)));
background: -webkit-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -o-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -ms-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: linear-gradient(to bottom, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070262', endColorstr='#070262', GradientType=0 );

}
	.actidescri {   margin: 2em; margin-top: 1em; margin-bottom: 0;
    color:#fff;     
        font-family: 'Alegreya Sans', sans-serif; font-size: 1.2em; line-height: 1.2em;
        -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
   
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
 margin-bottom: 1em;
    box-shadow: 5px 5px 3px rgba(0, 0, 0, .9); 
text-align: left; 
    
              
     padding: .5em; border:1px solid #fcff00;
background: rgba(7,2,98,1);
background: -moz-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,2,98,1)), color-stop(8%, rgba(7,2,98,1)), color-stop(80%, rgba(7,2,98,0.45)), color-stop(100%, rgba(7,2,98,0.45)));
background: -webkit-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -o-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: -ms-linear-gradient(top, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
background: linear-gradient(to bottom, rgba(7,2,98,1) 0%, rgba(7,2,98,1) 8%, rgba(7,2,98,0.45) 80%, rgba(7,2,98,0.45) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070262', endColorstr='#070262', GradientType=0 );
        
}
.image img {max-width:100%;}
.realisation {clear: both; float: right; font-size:.9em; color:#fff; background-color: black;}
.realisation a {clear: both; float: right; font-size: .9em; color:#fff; background-color: black;}



.blink {
    -webkit-animation: 1s linear infinite condemed_blink_effect; // for android
    animation: 1s linear infinite condemed_blink_effect;
}
@-webkit-keyframes condemed_blink_effect { // for android
    0% {
        visibility: hidden;
    }
    20% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}
@keyframes condemed_blink_effect {
    0% {
        visibility: hidden;
    }
    20% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}
	
	/* ------------------------------------------------------------MEDIA QUERIZ MEC -------------------------------------------------------------------------- */
	

@media screen and (max-width: 108em) {
	.contactbloc{font-size:2em; }
         .contactgroupes {font-size: 1.7em; }
	#contactright{font-size:1.8em; }
 .conditions { width:60%;} 
}



	    @media screen and (max-width: 106em) { h2 {	font-size: 2em;} 
            .actitxt .actitxthaut{ width:90%; 
   font-size:1.35em; }
            .tarifs-devanture {font-size: 1.2em;} .tarifs-devanture img {width: 90%; float: right;} 
   
	 	.adresse { font-size: 1.7em; }   .tariftxt{font-size: .9em;}
    } 

@media screen and (max-width: 100em) {  .conditions { width:65%;}  .tariftxt{font-size: .8em;} }
    
    @media screen and (max-width: 94em) { .tarifs-devanture {font-size: 1em;} .tarifs-devanture img {width: 95%; }
    }
		    @media screen and (max-width: 89em) {  .pechephonedessous {display:inline-block; clear: both; margin-top: 2em;} .pechephonegauche {display:none;}

	    

                .separateurhaut {margin-top: 3em;}  
		
    }

	 @media screen and (max-width: 100em) { .securiteflex {display: inline-block; float: none; clear: both;    }
.securiteflex img {margin-bottom: 2em;  }
       .agauche {display:none;} .endessous {display:inline-flex; font-size: 1.2em; color: white; margin-bottom: 2.5em;}
    }
@media screen and (max-width: 95em) {h2 {	font-size: 1.9em;}
	 	h1 {font-size:3em;}
		.txt-pres{width: 38%; font-size: 1.2em;  }
		.txt-pres2{width: 38%; font-size: 1.5em;  }
.afond{width: 30%;margin-left: 1%; }
		.afondimg{width:43%; margin:1%}
	.afondtxt{width:53%; float:left; margin:1%; }
         .contact{ width:85%; }
       
    }
	
	 @media screen and (max-width: 91em) {h2 {	font-size: 1.8em;}  .actititre {font-size: 1.9em;} .conditions { width:75%; font-size: 1.3em;} }
	
@media screen and (max-width: 83em) {  h2 {	font-size: 1.7em;} 
		       
.txt-pres {width: 37%; font-size: 1.1em;    }
.txt-pres2{width: 37%; }
.afond{width: 46%;margin-left: 1%; }
		.afondimg{width:48%; margin:1%}
	.afondtxt{width:48%; float:left; margin:1%; }


#contactright{width: 52%; font-size:1.6em;}
		.big {	font-size: 1.1em;}	
    .xbig {	font-size: 1.8em;}     .recommandations { font-size:1.3em;} .tariftxt{font-size: .7em;}
   
    }	



	
	@media screen and (max-width: 81em) {  h2 {	font-size: 1.3em;} h5 {font-size: 2.3em;}
		.texteaccueil {font-size: 2.3em;}
        .txt-pres2{clear:both; float:none; width:70%; margin:auto; font-size: 2em; } .tarifcadre {width: 92%; }
    }

	@media screen and (max-width: 76em) { 
h2 {	font-size: 1.15em;}
	.contact{ width:92%; margin-top: 3em;  }
        	.contactbloc{font-size:1.7em; }
        .adresse { font-size: 1.5em; }
         .separateurhaut {margin-top: 2.6em;}
        .phonetxt {width: 45%; }
        .actititre {font-size: 1.5em;}
 .tarifcadre img, .tarifs-devanture {clear: both; display: inline-block; text-align: center; width: 100%;}  .tarifs-devantureforfait {width: 70%; text-align: left;}
        .backinblack {font-size: 1.5em;}
   }
@media screen and (max-width: 69em) { .tarifs-devantureforfait {width: 90%;} .conditions { width:85%; font-size: 1.2em; line-height: 1.2em; }
    .xxbig {
        margin:0; position: relative;} .adresse, .map {padding-top: 0;}
    .activites {display: inline-block; float: none; clear: both;    }
   }

	@media screen and (max-width: 64em) { h5 {font-size: 2em;}    h2 {font-size: 1.12em;}
        .texteaccueil {font-size: 2em;}
.txt-pres{width: 42%;   }
   	h1 {font-size:2.6em;}
	.ligneseparation {display:block; clear:both;}
        	.contact{ width:96%;margin-top: 2em;  }
        	.contactbloc{font-size:1.4em;}
        .contactgroupes {font-size: 1.3em; }
        .adresse { font-size: 1.25em; }
        
        #actileft {width: 100%; float: none;  clear: both;}
.phonetxt {width: 85%; }
#actiright {width: 100%; float: none;  clear: both; padding: 0; }
	.separateurhaut {margin-top: 2.5em;}
         .actititre {font-size: 1.8em; margin-top: 2em;}  .actidescri, .forfaitpeche { margin-top: 2em;}
       
       .backinblack { font-size: 1.2em;}
    }
		

	
	@media screen and (max-width: 60em) {  
        
        .croisièretitre {font-size: 3em; }  h2 {	font-size: 1.6em;}
	.afond{width: 80%; margin-left: auto; margin-right: auto; margin-bottom:2em; float:none;clear:both; overflow:auto;}
		.afondimg{width:53%; margin:1%}
	.afondtxt{width:43%; float:left; margin:1%; }
	.lienafond a  {float:none;clear:both; position:relative;border:0; margin:0; padding:0;color:white; font-size: 1.2em;}
	
	#img-pres{ border:0; margin:0; padding:0; margin-bottom:1em;}
.txt-pres, .txt-pres2{clear:both; width: 98%; border:0; margin:0;margin-bottom:1em; padding:1%;}
        .recommandations { font-size:1.1em;}
        .contactbloc{width:90%; }
        .texteaccueil {font-size: 1.8em;}
        .actititre {font-size: 1.7em; } .tarifs-devantureforfait {width: 95%; font-size: .5em;}
        .conditions { width:90%; font-size: 1.1em; line-height: 1.1em; }


.securiteflex-item{display: block; float: none; clear: both; margin: auto;  margin-top: 1em; width: auto;  max-width: 100%;} 
        .securite-devanture {display: inline-block;float: none; clear: both; margin: auto;  margin-top: 1em; width: 100%; max-width: 100%; text-align: center;} 
        .securite-devanture img { max-width: 100%;}
          .backinblack { font-size: 1em;}
        .tarifcontainer  {clear: both; display: inline-block; text-align: center; width: 100%}
          .tariftxtgroup{display: inline-block;margin-bottom: 1em;font-size: .7em;}  .tariftxt{font-size: 1em; }
}


@media screen and (max-width: 50em) {.texteaccueil {font-size: 1.6em;} h2 {	font-size: 1.40em;}     

}

@media screen and (max-width: 44em) {  /* .tarifcontainer {display: inline-block;}*/ 
    h3 {	font-size: 3.2em;}.croisièretitre {font-size: 2.3em; }  h1 {font-size:2.85em; clear: both; display: inline-block;} .logo-item{clear: both; display: inline-block;} #logo {clear: both; display: inline-block; text-align: center; width: 100%;} #logo img{width: 76%; height: 76%;}
    

    .forfaitmini, .prixmini{clear: both; display: inline-block; float: none;} .forfaitmini{margin: 5em;}

            .wavetext {  margin : auto;} h4 {font-size: 2em;} h5 {font-size:2em;}
	/* #menu is the original menu */
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	.txt-pres2{   font-size: 1.5em;}
    
.contact{ width:85%; }
    .contactcontainer {width:100%; clear: both;}
.contactbloc{width:80%; clear: both; font-size:1.9em; }
    .adresse { width: 100%; float: none; clear: both;  margin:0; font-size: 1.8em; margin-bottom: 1em; }
    .map {  width: 100%; float: none; clear: both;  margin:0;}
    .separateurhaut {margin-top: 0em;} .separateur img, .separateurhaut img{width: 30%; height: 30%;} 
    .texteaccueil {font-size: 1.4em;}
    .tarifs-devanture {margin: auto; width: auto;}  .tarifs-devantureforfait {clear: both; width: auto; margin: auto; margin-top: 2em; text-align: center; float: none;}
    

    .phoneflex-item {
        margin:auto;}
}
	

@media screen and (max-width: 43em) { h2 {	font-size: 2.2em;}    .actititre{font-size: 1.4em; margin: 1em; }   .actidescri { margin: 1em; }
.xxbig { font-size: 1.8em; }
}
	
	@media screen and (max-width: 37em) {    h1 {font-size:2.4em;} h2 {	font-size: 1.980em;} h3 {	font-size: 2.5em;} .forfaitmini{margin: 0em;}
       .endessous {margin-bottom: 1.5em;}
     .croisièretitre {font-size: 2em; }
        h4 {margin-top: .5em;margin-bottom: .5em; font-size: 1.5em; } h5 {font-size: 1.8em;}
	.afondimg, .afondtxt {width:98%; clear:both; float:none; margin:1%}
	.afond {text-align:center;}
   	
	 .txt-pres2{   font-size: 1.2em;}
	
        .recommandations { font-size:1em;}
        .contact{ width:94%; margin-top: 1em;  }
        .contactbloc{width:86%; font-size:1.5em; }
         .adresse {  font-size: 1.3em; }
 .texteaccueil {font-size: 1.3em;}
        .tariftxt{font-size: .9em; }
        .tarifs-devantureforfait {font-size: .4em;}
        .conditions { width:85%; font-size: 1em; line-height: 1em;  padding: .5em; }
}
	
@media screen and (max-width: 30em) {   h1 {font-size:1.8em;}  .separateur img, .separateurhaut img{width: 45%; height: 45%;}   .actititre{font-size: 1.2em; margin: .5em; } .actidescri { margin: .5em; } .tarifcontainer {font-size:1em;}
    h2 {font-size: 1.450em;}
h3 {	font-size: 2.2em;}  h5 {font-size: 1.2em;} .tariftxt{font-size: .8em; } .xxbig { font-size: 1.4em; }
    .securite-devanture img { width: 80%;}
    .texteaccueilcontact {font-size: 1.3em;}
} 
    
    @media screen and (max-width: 23em) {   h1 {font-size:1.35em;}   h2 {font-size: 1.230em;}  h5 {font-size: 1.05em;} .actititre {font-size: 1.1em; margin: .3em; }
        .actidescri { margin: .3em; } .forfaitmini {font-size:.8em;}  .endessous {margin-bottom: 1em;}

    h3 {	font-size: 1.8em;}   .Croisièretitre {font-size: 1.5em; }
   .txt-pres2{   font-size: 1em;}    body{   font-size: 1em;}
	 
  .contactbloc{font-size:1.2em; }
    .adresse, .contactgroupes {font-size: 1.1em; }
      .texteaccueil {font-size: 1.2em;} .tariftxt{font-size: .7em; } .xxbig { font-size: 1.2em; } .xbig {	font-size: 1.4em;} 
         .conditions { width:80%;  font-size: .8em; line-height: .9em; }
}    
    @media screen and (max-width: 20em) { .tariftxt{font-size: .6em; }
}
@media screen and (max-width: 17em) { h2 {font-size: 1.1em;}
 h3 {	font-size: 1.4em;}
   body{   font-size: .65em;}
     .contactbloc{font-size:1.1em; }
      .adresse, .contactgroupes {font-size: 1em; }

}

@media screen and (max-width: 8em) {
 h3 {	font-size: 1.2em; }
   body{   font-size: .5em;}
         .contactbloc{font-size:1em; }
      .adresse, .contactgroupes {font-size: .9em; }

}





/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}



.pechetext {
    text-align: left; margin: 0; padding: 0; border: 0;
}

.rouge {
    color: red;
}