/*---------------------------*\
		Nom du projet
\*---------------------------*/
/*---------------------------*\
	@author:
	@date:
	@compagny:
	@todo: 
\*---------------------------*/
/*---------------------------*\
		$base
\*---------------------------f

font-family: open-sans, sans-serif;

font-weight: 300;

font-style: normal;

*/


.form-control {
    color: #666!important;
   border-color: #ccc!important;
	background-color: rgba(255,255,255,1.00);
	text-align: left!important;
}

* {margin : 0; padding : 0;}
html { height: 100%; width : 100%;}
body {width : 100%; height : 100%; position : relative; background : #ffffff;color:#666666; }
h1, h2, h3, h4, h5 {color : #0c1c59;}
h3 {margin:0px;}*/
a {text-decoration :none; outline : none;}
a, img {border : none;}
a:hover {text-decoration: none!important;}
li, td, ul {font-family : 'eurostile', arial, sans-serif; font-size : 1em; color:#666666; line-height : 16pt; text-align : justify; }
p{font-family : 'eurostile', arial, sans-serif; font-size : 1.0rem; color:#666666; line-height : 1.5rem; text-align : justify; }

/*li::first-letter {
  font-size:3.5em!important;
  padding-right:0.2em!important;
  float:left!important;
  color:red!important;
}*/

.mrg-center {margin-right: auto; margin-left: auto;}
.clear {clear: both;  margin:0; padding:0;height:1px;}
.borderBlack {border-bottom:5px solid #000;}
.wrapper{max-width:700px; width:80%; position: relative;margin:20px auto;
	 
}
.wrapper2{max-width:850px; width:100%; position: relative;margin:0px auto;
	 
}
.wrapperGalerie{width:95%; height : auto; 
	 position: relative;
 display:block;text-align: center;
}
.wrapperRelatif{max-width:970px; width:90%; height : auto; 
	 position: relative;
    display:block;
	margin:0px auto;
	
}
.wrapperRelatifCentre{max-width:980px; width:80%; height : auto; 
	 position: relative;
  display:block;
	 margin:30px auto!important; 
	
}
.wrapperRelatifCentre i {color:#c7d40c;font-size: 2.5rem;}
.wrapperRelatifCentre p {color:#c7d40c!important;font-size: 1.5rem; text-align: left!important;}

.miniMum iframe{min-width:350px!important;}

.padding30{padding: 30px;}
.paddingT30B30{padding: 40px 0px!important;}
.paddingT50B50{padding: 50px 0px!important;}
.paddingT65B50{padding: 65px 0px 50px 0px!important;}
.paddingT65B30{padding: 65px 0px 30px 0px!important;}
.paddingT20{padding: 20px 0px 0px 0px!important;}
.paddingT50{padding: 50px 0px 0px 0px!important;}
.paddingB50{padding: 0px 0px 50px 0px!important;}
.paddingT80{padding: 80px 0px 0px 0px!important;}
.paddingT70B70{padding: 170px 0px 170px 0px;}
.paddingcarre3Bis{padding:20px 30px 20px 30px!important;}
.marginT-50B-40{margin-top:-50px;margin-bottom:-40px;}
.marginT-70B-40 {margin-top: -70px;margin-bottom: -40px;}
.marginT50{margin-top:50px}
.marginBTN{margin: 0px auto 30px auto;}
.margeneg3 {
    margin-top: 10px;
    margin-bottom: 5px;
}
.gris {
    color: #646869;
}
	.row.cinq {
    margin-right: 0px;
    margin-left: 0px;background: rgba(9,26,92,1.00);
}

@media (min-width: 1100px){
.col-cinq {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
	.row.cinq {
    margin-right: 0px;
    margin-left: 0px;background: rgba(9,26,92,1.00);
}
}
@media (max-width: 1099px){
.col-cinq {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}
	.row.cinq {
    margin-right: 0px;
    margin-left: 0px;
}
}

	p.floatGauche i{display: block; float:left;margin:0 20px 20px 0;color: #bb1883!important;}

	.reservation, .reservation2 {display:block; position: absolute;background: #aa7d50!important;border:none!important;border-radius:0;font-family: 'eurostile', sans-serif!important;font-style:italic;top:0px!important;font-size:1.2rem!important;top:120px!important;right:0px!important;text-align:center !important;padding-left:25px !important;padding-right:25px !important;
		z-index: 1000;-webkit-box-shadow: -0px 2px 10px 0 rgba(0,0,0,0.3);box-shadow: -0px 2px 10px 0 rgba(0,0,0,0.3);	
}
.ShadowsIntoLight{font-family: 'eurostile', sans-serif!important;font-weight:900;}
.bigtexte{font-size:3rem!important;line-height: 3.0rem!important;}
.mediumtexte{font-size:1.8rem!important;line-height: 1.8rem!important;}
.petittexte{font-size:1.3rem!important;line-height: 1.5rem!important;font-weight: 200;}
.minustexte{font-size:1.0rem!important;line-height: 1.2rem!important;font-weight: 200;}
ul.description{padding:30px;background: #bf9a53;min-width:90%;}
ul.description, ul.description li, ul.description li a{
	list-style: none;font-size:1.3rem;    line-height: 1.6rem;
font-family: 'eurostile', sans-serif!important;color:#fff;text-align: left;
}
ul.description li a:hover{
	list-style: none;font-size:1.3rem;
font-family: 'eurostile', sans-serif!important;color:#cb2b00;text-align: left;
}

ul.description li a::after{
	content: "";
    display: block;
	margin:20px auto 20px auto;
    width: 100%;
    border-bottom:2px dotted#ffffff;
	border-color:inherit;
	
}
ul.inscription li, parcours li{list-style: none; color:#666;margin-top:5px;margin-bottom:5px;}
ul.inscription, parcours {padding: 30px 40px;border:1px solid #ccc; background: rgba(255,255,255,0.50);}

h2.titre::after{
	content: "";
    display: block;
	margin:20px auto 30px auto;
    width: 100%;
    border-bottom:1px solid #ffffff;
	border-color:inherit;
	
}
.gras{font-weight: 700!important;}

.h4, h4 {
    font-size: 1.3rem;font-weight: 500;
    margin-top: -20px;
	margin-bottom:20px;
}
#menuModalCenter h4 {
    font-size: 1.3rem;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 5px;color:#ffffff;text-align: left;
	font-family: 'eurostile', sans-serif;font-weight:900;
}
#menuModalCenter .modal-content{background: rgba(0,0,0,0.00)}
#menuModalCenter ul{margin-bottom:10px;}
#menuModalCenter a, #menuModalCenter li{color:#d90007;text-align: left!important;}
#menuModalCenter a:hover{color:#999999}
#menuModalCenter ul{list-style: none}
#menuModalCenter .close{color:#ffffff;font-size: 2rem;text-shadow: none; opacity: 1;text-align: center;}
#menuModalCenter .modal-dialog {
    max-width: 100%;width:100%;
    margin: 0px auto 30px auto;
}
#menuModalCenter{background-color: rgba(0,76,75,0.70)}
#menuModalCenter .modal-body{padding-top:0px;}
.cadrephoto{border:2px solid #00aece;}
.cadremap{border:1px solid #cccccc;}
/*---------------------------*\
		$layout
\*---------------------------*/
/*menu-index*/

/***************css parallax****************/
.containerparallax { margin:-1px auto 0px auto;width: 100%;}
     .containerparallax div {
       height: 500px;
       /*border: solid 1px #fff;*/
		
     }
.containerparallax h2{ font-size:2.5rem;  font-family: 'eurostile', sans-serif!important;color:#336699;	letter-spacing: 0.0rem!important;/*text-shadow: 0 2px 3px #ffffff;*/ padding:50px 30px 20px 30px;text-align: center;font-weight:900;
	text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;
}
.containerparallax h2 span{font-size:2.5rem;color:#333333;text-shadow: 0 2px 3px #ffffff;}
.containerparallax h2 span.or{font-size:2.5rem;color:#bf9a53;text-shadow: 0 2px 3px #000000;}
.containerparallax h1 span{font-size:3.9rem; line-height: 5.0rem!important;font-family: 'eurostile', sans-serif;font-weight:900; letter-spacing: 0.0rem;text-transform: none!important;letter-spacing: 0rem!important; }
h2 span sup{font-size:0.2em;}
.containerparallax h3 {/*color:#c2b49e;*/color:#666666; font-size:1.2rem;line-height: 1.5rem;  font-family: 'eurostile', Arial, sans-serif;  background: rgba(255,255,255,0.70); padding:20px  60px ; /*border-radius:30px; border:1px solid #c2b49e;text-shadow: 0 1px 1px #000000;*/display:table;margin-left:auto; margin-right:auto; }
  /*   .containerparallax span {
       margin: 10px;
       padding: 5px;
       display: inline-block;
       font-family: sans-serif;
       background: rgba(0,0,0,0.5);
       color: #FFF;
       font-weight: bold;
     }*/
/**************fin css parallax*************/
table td{padding:5px;}
table{margin:30px auto 20px auto}
.contourBlancTexte{ 
	text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;
}
.contourBlancImg {
    filter: drop-shadow(0 -4px 0px white)
		drop-shadow(-4px 0px 0 white)
		drop-shadow(4px 0px 0 white);
    -webkit-filter: drop-shadow(0 -4px 0px white)
		drop-shadow(-4px 0px 0 white)
		drop-shadow(4px 0px 0 white);
}

.coordonnees .sociaux {
    position: absolute;display: block;top: 18px;right: 10px;width: 105px;height: 65px;z-index: 1000;
}
.coordonnees .sociaux img{width:35px;height:35px; margin: -17px 0 0 5px; }
.coordonnees .sociaux i{font-size:2rem;}
.coordonnees .sociaux a{color:#fff}
.coordonnees .sociaux a:hover{color:#333333
!important;text-decoration: none;-webkit-transition: all 0.5s; 
    transition: all 0.5s;} 

.leLogo {
	position: relative;margin-top:99px;width:180px;/*height: 120px;*/padding: 0px!important;z-index: 1;border:none!important;text-align: center;color:#c2b49e;font-family: 'eurostile', sans-serif;left:20px;background: #091a5c;
    border-radius: 50%;
}
.leLogo img {
	width:100%;
	height:auto;
/*	filter: drop-shadow(5px 5px 10px black);
-webkit-filter: drop-shadow(5px 5px 10px black);*/
	/*
	 -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);*/
}
.lelogo:hover{color:#c2b49e!important;}
.leLogo span a:link, .leLogo span a:visited, .leLogo span a:hover, .leLogo a:link, .leLogo a:visited, .leLogo a:hover  {
	color:#fff!important; text-align: center!important;
}

 #content.main-content {margin: 0px 0 0 0; padding-top:70px;}
/*****LINK*******/
.paddingLink{padding-right: 0px!important;
    padding-left: 0px!important;background: rgba(0,0,0,0.80);}
 a.link {background: #000;position: relative;
    overflow: hidden;width:100%;height:auto;display:block;transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;margin-bottom: 0px;}
 a.link img {max-width:100%;height:auto;    opacity: 1.0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;}

a.link:hover img {transform: scale(1.1) rotate(5deg);
	-webkit-transform: scale(1.1) rotate(5deg);
	-moz-transform: scale(1.1) rotate(5deg);
	-ms-transform: scale(1.1) rotate(5deg);
	-o-transform: scale(1.1) rotate(5deg);
	opacity: .5;
	}

a.link figcaption {display:block;background: rgba(0,0,0,0.50);position:absolute;bottom:-60px;padding:20px 15px 20px 15px;width:100%;transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;}
a.link:hover figcaption {background: rgba(9,26,92,0.80);bottom:0px;}
.colorSemi a.link figcaption{ background: rgba(46,165,173,0.80);}
.colorSemi a.link:hover figcaption{ background: rgba(46,165,173,1.00);}
.colorMarathon a.link figcaption{ background: rgba(224,90,10,0.80);}
.colorMarathon a.link:hover figcaption{ background: rgba(224,90,10,1.00);}
.color10km a.link figcaption{ background: rgba(144,149,85,0.80);}
.color10km a.link:hover figcaption{ background: rgba(144,149,85,1.00);}
.colorcoursesenfants a.link figcaption{ background: rgba(226,74,132,0.80);}
.colorcoursesenfants a.link:hover figcaption{ background: rgba(226,74,132,0.80);}
a.link figcaption h3 {color:#2ea5ad; font-family: 'eurostile', sans-serif;font-weight:900;margin-bottom:20px;font-size: 1.3rem;}
a.link figcaption p {color:#ffffff;text-transform: uppercase;font-family: 'eurostile', sans-serif;text-align: center;font-size: 0.8rem;letter-spacing: 0.1rem;}
/*---------------------------*\
		détails
\*---------------------------*/
#logo { text-indent : -9999px; top:10px;}
#logo a { color:transparent;}

.navbar-toggle .icon-bar {background: #fff;}	
.fixNavigation{
top:0px;
 position: fixed !important;background: #333333!important;

 }


.displayNone{
display: none!important;
 
 }


.petitleLogo {
    width: 100px;
    height: auto;
    margin: 60px 0px 0 10px;
	-webkit-transition: all 0.3s; 
    transition: all 0.3s;
	background: #333333;
}

.petitleLogo img{
	filter:none!important;
	-webkit-filter:none!important;
}
.petitleLogo span {
    display: none;
}
/********************ajout Bootstrap************************/
.navbar {
   padding: 0rem!important;
    /* padding: .5rem 1rem; */
}
.bg-inverse {
    background-color: transparent!important; height:inherit;
}

.navbar-inverse .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#ffffff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-toggler-icon {
   color: #ffffff;
    width: 2.5em;
    height: 2.5em;
    border:1px solid #fff;
}





.coordonnees {width : 100%; height : auto; margin : 0px auto -8px auto; background : #00aece;  padding: 30px 30px 0px 220px; }


.coordonnees h2{color: #fff;
    font-size: 2.5rem;
    line-height: 2.8rem;
   font-family: 'eurostile', sans-serif;font-weight:900;
    }
.coordonnees h2 span{color: #fff;
    font-size: 1.0em;    
    font-family: 'eurostile', sans-serif;
    }
.coordonnees img{width : auto; height : 42px;margin-right:15px;  }

ul.chiffres{list-style: none;text-align: left;}
ul.chiffres li{margin-bottom:6px;text-align: left;}
ul span.chiffre, li.chiffre{font-size:1.8rem!important; line-height: 1.6rem;font-weight:700;margin-bottom:50px;}
.numero {font-size: 1.9rem;line-height:45px;text-align: center;margin:-40px auto 5px auto; color:#fff;display:block;width:45px;height:auto; /*background: #e05a0a;*/background: #bf9a53; padding:0px 10px; border-radius:0%;}
.cadre5 { border: 1px dashed #666; padding:20px 30px 10px 30px;margin:10px 0px 30px 0px;background:rgba(255,255,255,0.9);}
.cadre5 img.portrait{border-radius:50%;margin-top: -50px;border: 5px solid #bf9a53;max-width: 300px;-webkit-box-shadow: 0 8px 10px 0 rgba(0,0,0,0.4);box-shadow: 0 8px 10px 0 rgba(0,0,0,0.4);}
.cadre5ter { border: 1px dashed #fff; padding:20px 30px 20px 30px;margin:10px 0px 30px 0px;background:rgba(255,255,255,0.2);color: #fff;}
.cadre5ter a{color: #88d0e9;font-size:1.2rem;line-height: 1.5rem; text-decoration: underline;}

.cadre5bis {  padding:20px 30px 20px 30px;min-height:203px;margin:10px 0px 30px 0px;background:rgba(0,174,206,0.8);/*border: 2px dotted #fff; background:#79983c;*/color:#fff;}
.cadre5bis li:last-of-type{display: block; position: absolute; bottom:40px;}
 ul.notabene{   color: #666!important;
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-weight: 200!important;
    list-style-type: none;
    padding: 30px 30px 20px 30px;
    border: 1px dashed #666;
    background: #D3D601;
}
h2 i.grospicto{font-size: 4rem; float:left;margin-right:30px;}
 
.dropdown-menu {
    height: auto;
    line-height: normal;
	 padding: 0rem 0!important;
	margin-top: -1px!important;
	background: #333;border-radius:0;
}
.navbar ul li a.dropdown-item{line-height: 2.5rem!important;}


.dropdown-menu a.dropdown-item{display : block;height : 45px!important; padding : 0 30px; font-family : 'eurostile', Arial, sans-serif; font-size : 1.0rem;line-height: 45px;    }

.dropdown-menu a.dropdown-item:hover {color : #fff!important; text-decoration: none;background : #00aece!important;
-webkit-transition: all 0.4s; 
    transition: all 0.4s; border:none!important;}


/**********************************************/
#menu { z-index: 500;position:relative;}



#menu.fixNavigation .navbar ul {
    height: 60px;
    list-style-type: none;
    text-align: center;
    margin-top: 0px;
	
}
#menu.fixNavigation .navbar ul li {
    line-height: 60px;
}
#menu.fixNavigation .navbar ul li a{
    line-height: 5.5em;
}
#menu.fixNavigation{
    height: 60px;
}

      #menu {width : 100%;max-width: inherit; height : 100px; margin-top : 0px;/* background : #333;background : url(../images/background-menu.png);background-repeat: repeat-x; */ -webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);
box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#333333+0,1e3072+78,1e3072+100 */
/*background: #333333; 
background: -moz-linear-gradient(top,  #333333 0%, #1e3072 78%, #1e3072 100%); 
background: -webkit-linear-gradient(top,  #333333 0%,#1e3072 78%,#1e3072 100%); 
background: linear-gradient(to bottom,  #333333 0%,#1e3072 78%,#1e3072 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#1e3072',GradientType=0 ); /* IE6-9 */
		  background : url(../img/fond.jpg);/*background-size:  cover;
		background-position:  center center;*/
		background-repeat: repeat;

}

#menu .navbar ul { height : 101px; list-style-type : none; text-align: center; right: 0px; top: 0px;position: absolute;}

#menu ul li i{font-size:1.5rem;}
      #menu .navbar ul li {display: inline-block; height : inherit; line-height : 100px; position : relative}
      #menu .navbar ul li a{display : block;height : inherit; padding : 0 25px; color:#000000; font-family :'eurostile', Arial, sans-serif; font-size : 0.7em; letter-spacing: 0.3em; text-transform: uppercase; /*border-bottom:0px solid #fff;*/ line-height:12em;}

 #menu .navbar ul li a:hover {/*border-bottom:3px solid #00aece;*/color:#bf9a53;
-webkit-transition: all 0.2s; 
    transition: all 0.2s; }
      #menu .navbar ul li.active a:hover, #menu .navbar ul li.active, #menu .navbar ul li a.active, #menu .navbar ul li.active a.active {/*background : rgba(0,0,0,0.1)!important;*/color:#2ea5ad!important;border-bottom:5px solid #2ea5ad; }
      
#menu .navbar ul li.nav-item::after{content: "";background: #2ea5ad;width:50%;height:5px;}
/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #bf9a53;
  height: 5px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}
/* Underline From Right */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: #2ea5ad;
  height: 5px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
  left: 0;
}

/**********************************************/
.carre3bis{ background:#f2fbff; border:1px solid #ddd; color:#666; margin:5px 0px;
 padding:10px 10px 10px 10px; width:100%;  }
 .carre3bis h7{  color:#fff; margin-bottom:10px;
 padding:5px; width:100%; display:block; text-align:center;   }
 .carre3bis ul{ margin-left:0;padding-left:0; list-style:none; line-height:1.0em  }
  .carre3bis li{ margin-bottom:10px; }
  .carre3bis img{width : 120px; height : auto; border: 1px solid #fff; margin:5px;}
	.carre3bis img:hover{width : 120px; height : auto; border: 1px solid #ccc; margin:5px;}
.carre3bis i {color:white!important;margin-bottom:10px}
 blockquote {
        padding: 7px 20px 2px 20px;
        margin: 0px 0 0px 0px;
        background-color: #f2fbff; 
        border-top:1px solid #eee;
		 border-bottom:1px solid #eee; display:block; text-align:left;
        
    }
.carre3bis h2 {font-family: 'eurostile', sans-serif;font-weight:900;font-size:2rem!important;text-transform: uppercase!important;text-align: left;}
.carre3bis h4 {text-align: center;font-weight: 200;}

    blockquote p {
        color: #999;
        font-size: 12pt;
        fon-weight: 100;
        font-style: italic;
        font-family : arial, sans-serif;text-align:left;
        line-height: 16pt;
    }
/*****************/
.centrageitem{  display: flex;
  align-items: center;
  justify-content: center;}
.carre4bis{ background:#ffffff; border:2px dotted #005e58; color:#666; margin:5px 0px;
 padding:10px 10px 10px 10px; width:100%;  }

.carre4bis.M{ border:2px dotted #e05a0a; color:#e05a0a;  }
.carre4bis.S{ border:2px dotted #2ea5ad; color:#2ea5ad;  }
.carre4bis.K{ border:2px dotted #909555; color:#909555;  }
 .carre4bis h7{  color:#fff; margin-bottom:10px;
 padding:5px; width:100%; display:block; text-align:center;   }
 .carre4bis ul{ margin-left:0;padding-left:0; list-style:none; line-height:1.0em  }
  .carre4bis li{ margin-bottom:10px; }
  .carre4bis img{ border: 1px solid #fff;}
.carre4bis.M img, .carre4bis.S img, .carre4bis.K img {border:none!important;margin:-100px auto -30px auto;}
	.carre4bis img:hover{border: 1px solid #ccc;margin:0px auto;}
.carre4bis.M img:hover, .carre4bis.S img:hover, .carre4bis.K img:hover {border:none!important;margin:-100px auto -30px auto;}
/*.carre4bis i {color:white!important;margin-bottom:10px}*/
.carre4bis p {text-align: left;color:#666;}
.carre4bis.M p, .carre4bis.M ul li  {text-align: left;color:#e05a0a;}
.carre4bis.S p, .carre4bis.S ul li {text-align: left;color:#2ea5ad;}
.carre4bis.K p, .carre4bis.K ul li {text-align: left;color:#909555;}
.carre4bis.M .tooltip-inner {
    max-width: 100%;
	width:100%;
    background-color: #e05a0a;
    border-radius: 0rem;margin-bottom:10px;
}
.carre4bis.S .tooltip-inner {
    max-width: 100%;
	width:100%;
    background-color: #2ea5ad;
    border-radius: 0rem;margin-bottom:10px;
}
.carre4bis.K .tooltip-inner {
    max-width: 100%;
	width:100%;
    background-color: #909555;
    border-radius: 0rem;margin-bottom:10px;
}
.carre4bis.M hr{border-top: 1px solid #e05a0a;}
.carre4bis.S hr{border-top: 1px solid #2ea5ad;}
.carre4bis.K hr{border-top: 1px solid #909555;}
 blockquote {
        padding: 7px 20px 2px 20px;
        margin: 0px 0 0px 0px;
        background-color: #f2fbff; 
        border-top:1px solid #eee;
		 border-bottom:1px solid #eee; display:block; text-align:left;
        
    }
.carre4bis h2 {font-family: 'eurostile', sans-serif;font-weight:900;font-size:2rem!important;text-transform: uppercase!important;text-align: left;}
.carre4bis h4 {text-align: center;font-weight: 200;}
/*************************/
.carre3, .carre3Camping, .carre3Restau{ background:#ffffff; border:1px solid #ed046d; color:#666; margin:0px 0px 20px 0px;
width:100%;box-sizing: border-box!important;}
.carre3Camping{ border:1px solid #2ea5ad;}
.carre3Restau{ border:1px solid #e05a0a;}
 .carre3 h7, .carre3Camping h7, .carre3Restau h7{  color:#fff; 
 padding:5px; width:100%; display:block; text-align:center;min-height: 53px;background: #ed046d; }
.carre3Camping h7{background: #2ea5ad;}
.carre3Restau h7{background: #e05a0a;}
 .carre3 ul, .carre3Camping ul, .carre3Restau ul{ margin-left:0;padding-left:0; list-style:none; line-height:1.0em;margin:5px auto;  }
  .carre3 li, .carre3Camping li, .carre3Restau li {
    text-align: center;
    padding: 0px 10px;
    font-size: 0.8rem;
    line-height: 1.3rem;
    color: #666!important;
}
.carre3 a, .carre3Camping a, .carre3Restau a {

    color: #666!important;
}
  .carre3 img, .carre3Camping img, .carre3Restau img{width : 100%;max-width:250px; height : auto;bottom:0px!important;filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0);}
	.carre3 img:hover, .carre3Camping img:hover, .carre3Restau img:hover{filter: grayscale(1);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
		-ms-filter: grayscale(1);}
    blockquote p {
        color: #999;
        font-size: 12pt;
        fon-weight: 100;
        font-style: italic;
        font-family : arial, sans-serif;text-align:left;
        line-height: 16pt;
    }
.modal-content {
    padding: 10px 20px;
}

#haut{ 

width:100%; position:fixed; z-index:1000;   display:block;  height:auto; margin-top:0px; padding-top:5px; margin-bottom:-0px; /*background:#fff;*/background:#133d79;
 }

#slogan2 {position: absolute; z-index:999;  height:auto; width:100%; max-width:inherit;font-family: 'eurostile', sans-serif;
 padding-top:5px;color:#2ea5ad;font-weight:900; letter-spacing: 0.2rem;text-align: left;padding-left:170px;font-size: 0.8rem; line-height:0.8rem;

}
#slogan2 span{color:#ffffff;font-weight:100!important;letter-spacing: 0.1rem!important;

}
.jaune2020{ color:#2ea5ad!important; }
#decompte{
position: absolute;  height:auto; width:365px; text-align:left; 
 display: block;  padding:5px 5px 5px 15px; top:101px; right:0px; background: #d90007;
z-index: 1;	
}
#decompte span{
	font-family: 'eurostile', sans-serif;text-transform: uppercase;display:inline-block;
		font-size: 0.8rem;font-weight:900;line-height:0.5rem;color:#555555;
}
#decompte i{
float:left!important; margin-right:10px; color:#d7451f;font-size: 1.5em;
 display:inline-block!important;margin-top:5px;

}



#decompte input{
display:inline-block;
 font-family: 'Monserrat', sans-serif;
		 border:none!important; color:#555555; background:none;
 width:195px!important;font-size: 1.4em;font-style: italic;padding:0px!important;

}
    
 ul.coordonnees{ color: #666!important; list-style-type : none; }
	


/*fond*/

section {width:100%; height:auto; display:block; position: relative;background: #ffffff;}
section.transparent {background: transparent;}
section.fondvert {background: url(../img/MRCB-2020_ROYAN_fonce.jpg);
		background-position: top center;
background-repeat:  no-repeat;}
section.fondjaune, .fondjaune {background: url(../img/MRCB-2020_ROYAN_jaune.jpg);
		background-position: top center;
background-repeat:repeat-y;}
section.reseauxSociaux {width:100%; height: auto!important; display:block; position: relative;
padding:30px 100px; background: rgba(255,255,255,1.00);}
section#swiper {width:100%; height: auto; display:block; position: relative; }
section#texte {width:100%; height: auto; display:block; position: relative;background: rgba(255,255,255,1.0);margin-top:-1px;}
section#textenoir {width:100%; height: auto; display:block; position: relative;background:#005e58;margin-top:-1px;}
section#ile {width:100%; height: auto; display:block; position: relative; padding:50px 0px;}
section#texte h2, section#textenoir h2{
    font-size: 1.8rem;
    line-height: 2.0rem;
    font-family: 'eurostile', sans-serif;
	color:#00aece;margin-bottom:30px;
    }
section h2{
    font-size: 2.5rem;
    font-family: 'eurostile', sans-serif;font-weight:900;
	display:block; width:100%; text-align: center;
    }
section h2 span{
    font-size: 0.35em;
    font-family: 'eurostile', sans-serif;text-transform: uppercase;
	display:block; letter-spacing: 0.2em; margin-top:10px;
    }
section#texte h1, section#textenoir h1, section#ile h1{color:#00aece; font-size:1.8rem;  font-family: 'eurostile', sans-serif;text-align: center;
}
section#texte h1 span, section#textenoir h1 span, section#ile h1 span{font-size:2.3rem; line-height: 3.2rem!important;font-family: 'eurostile', sans-serif;font-weight:900;text-transform: none; }
section#textenoir p{color:#fff;}
section#textenoir h4{color:#777;}
h2 span sup{font-size:0.2em;}
.sizereduit{font-size:0.7em!important;}

a.surligne{text-decoration: underline;font-size:1.2em;color:#d7451f;word-wrap: break-word!important;white-space: normal;}
    #bateau {
    width: 100%;
    height: auto;
    text-align: center;
    padding-bottom: 20px;
}
	#bateau img{width : 180px; height : auto; border: 1px solid #ccc; margin:5px;background: #fff;-webkit-transition: all 0.5s; 
    transition: all 0.5s;}
	#bateau img:hover{ border: 1px solid #fff;}
	#bateau h2{ margin-bottom:40px;}

.flecheDown{width:70px; height: 70px; display:block; position: absolute; /* postulat de départ */
  bottom: 50px; left: 50%; /* à 50%/50% du parent référent */
  transform: translateX(-50%); /* décalage de 50% de sa propre taille */
text-align: center;
background: rgba(255,255,255,0.3);border-radius:50%;    padding-top: 10px!important;
webkit-transition: all 0.5s; 
    transition: all 0.5s;}
.flecheDown:hover{
background: rgba(255,255,255,0.8);}

.flecheDownUn{width:70px; height: 70px; display:block; position: absolute; /* postulat de départ */
  bottom: 100px; left: 50%; /* à 50%/50% du parent référent */
  transform: translateX(-50%); /* décalage de 50% de sa propre taille color:#748a8e
!important;*/
 color:#8d6f4c!important;text-align: center;}


.flecheDownCalage{bottom: 175px!important;background: rgba(255,255,255,1.0);border-radius:0%;    padding-top: 10px!important;}
.flecheDown2{width:100%; display:block; position: relative; bottom:0px!important;  color:#fff;text-align: center;}
.flecheDown a, .flecheDownUn a, .flecheDown a:visited{/*color:#748a8e;*/color:#00aece;text-decoration: none;}
.flecheDown2 a, .flecheDown2 a:visited{color:#ffffff; text-decoration: none;}
.flecheDown2 a:hover{color:#c2b49e;text-decoration: none; -webkit-transform: scale(1.5);
    -moz-transform: scale(1.2);
     -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
         transform: scale(1.2);
webkit-transition: all 0.5s; 
    transition: all 0.5s;}

section.googleMap {
    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;
	flex-grow: 0;
	flex-shrink: 0;
flex-basis: 100%!important;
	height:auto;

    }

.carte {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
flex-grow: 0;
	flex-shrink: 0;
flex-basis: 100%!important;
    }


#map {width:100%; height:467px;/*border-top:10px solid #748a8e;*/}
.map {/*background: #748a8e!important;*/background: #aa7d50!important;border: none!important;cursor: pointer!important;margin:-32px auto -5px auto!important}

.ar {max-width:1680px;margin-left:auto;margin-right:auto;width : 100%;
		/*background:  url(../img/MRCB-2020_ROYAN_NU-1920x2000.jpg);
		background-size: cover;
		background-position:  center center;
		background-repeat: no-repeat;
	background-attachment: fixed;*/position:relative;
		 /*text-shadow: 1px 1px 6px #666;
		width:100%; height: 100vh; display:block; position: relative;
		overflow: hidden;*/
	
		
	}

	.un {

		width:100%; /*height: 100vh;*/height: 400px; display:block; position: relative;
		overflow: hidden;
		
	}
.un h1, .mentions h2, .fond1 h1, .fond4 h1{/*color:#61b9ab;*/color:#fff; font-size:0.9rem;  font-family: 'eurostile', sans-serif;text-transform: uppercase;	letter-spacing: 0.2rem!important;background: rgba(0,0,0,0.00); padding:50px 50px 20px 50px;text-align: center;
}
.un h1, .fond1 h1, .fond4 h1{
  margin:75px auto 0px auto;
}


#bas h2 {/*color:#d90007;*/color:#bf9a53; font-size:1.8em; line-height: 1.2em; font-family: 'eurostile', sans-serif;font-weight:900; padding-bottom: 12px;text-transform: uppercase;
}
.ligneB::after{
	content: "";
    display: block;
	margin:20px auto 0px auto;
    width: 50%;
   border-bottom: 1px solid #fff;
	border-color: inherit!important;
	
}
.ligneDessous::after{
	content: "";
    display: block;
	margin:30px auto 0px auto;
    width: 20%;
	min-width: 300px;
   border-bottom: 1px solid #fff;
	border-color: inherit!important;
	
}
.ligneDessous2::after{
	content: "";
    display: block;
	margin:11px auto 0px auto;
    width: 20%;
	min-width: 250px;
   border-bottom: 1px solid #fff;
	border-color: inherit!important;
	
}

.ligneH::before{
	content: "";
    display: block;
	margin:0px auto 20px auto;
    width: 50%;
   border-top: 1px solid #fff;
	border-color: inherit!important;
	
}

.delayDurationUn {-webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;}
.un h1 span, .fond1 h1 span, .fond4 h1 span{font-size:3.9rem; line-height: 5.0rem!important;font-family: 'eurostile', sans-serif;font-weight:900;letter-spacing: 0.0rem;text-transform: none!important;letter-spacing: 0rem!important; }
h2 span sup{font-size:0.2em;}
.un h3 {/*color:#c2b49e;*/color:#bb1883; text-transform: uppercase; font-size:0.8em;line-height: 1.2em; letter-spacing: 0.2em; font-family: 'eurostile', Arial, sans-serif;  background: rgba(255,255,255,0.70); padding:20px  60px ; /*border-radius:30px; border:1px solid #c2b49e;text-shadow: 0 1px 1px #000000;*/display:table;margin-left:auto; margin-right:auto; }

#myframe{border:none; background:none; overflow:hidden; background-color: transparent; height:320px; width:250px;}


#bas h3 {color:#2ea5ad;text-transform: uppercase; font-size:0.7em;line-height: 1.2em; letter-spacing: 0.2em; font-family: 'eurostile', Arial, sans-serif;  padding:10px;   }

.ombre{text-shadow: 0 1px 3px #666666}
.ombre2{text-shadow: 2px 2px 2px #333333}
.ombre2bis{text-shadow: 2px 2px 2px #ffffff}
.ombreBlanc{text-shadow: 0 1px 3px #ffffff;}
.avecOmbre {-webkit-box-shadow: 0 20px 15px 0 rgba(0,0,0,0.3);
box-shadow: 0 20px 15px 0 rgba(0,0,0,0.3);}
.avecOmbre2 {-webkit-box-shadow: 0 -10px 15px 0 rgba(0,0,0,0.2);
box-shadow: 0 -10px 15px 0 rgba(0,0,0,0.2);}
.avecOmbre3 {-webkit-box-shadow:inset 0 10px 15px 0 rgba(0,0,0,0.3);
box-shadow:inset 0 10px 15px 0 rgba(0,0,0,0.3);}
.avecOmbre4{-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,0.3);
box-shadow: 0 10px 15px 0 rgba(0,0,0,0.3);}

.wrapperG{
   max-width: 1200px;
    width: 90%;

    position: relative;    
margin:0px auto;
    display: block;}
.wrapperG2{
max-width: 1300px;
    width: 90%;
    position: relative;    
margin:0px auto 0px auto;
    display: block;}
.wrapperC{
   max-width: 960px;
    width: 90%;
    position: relative;    
margin:0px auto!important;
    display: block;
padding:50px 0px;}

.pageGalerie {width:96%; display:block; position: relative;max-width: 1200px;margin:30px auto;}
.pageGalerie .grid2 {width:100%; display:block; position: relative;height:9000px;}
#video {
	background:  rgba(0,76,76,0.40);
		width:100%; display:block; position: relative;
padding-top:50px;padding-bottom:50px;margin-bottom: -1px;
	}
.video{position: absolute;
  top: 50%; /* poussé de la moitié de hauteur du référent */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*
#galerie {
	background:  rgba(0,174,206,0.80);
		width:100%; display:block; position: relative;
padding-top:100px;padding-bottom:100px;
	}
#galerie h3, #video h3  {color:#333; font-size:2em;  font-family: 'eurostile', sans-serif,  Times New Roman, serif; text-align: center; margin-bottom: 50px; font-style: normal;
	
}
#galerie h3 span, #video h3 span {color:#666;font-size:0.7em; font-style:italic;
	
}*/
#galerie img{width : 100%; height : auto; border: 1px solid #ccc; margin:5px;}
	#galerie img:hover{width : 100%; height : auto; border: 1px solid #fff; margin:5px;}

/********************************************INFO********************************/
.info {background:#ffffff /*url(../img/info-background.png)repeat-x */;
	background-position: left 0px top 8px;
padding-top: 30px; padding-bottom: 30px;}
.info a {text-decoration: none;}
.info p{/*color:#333333;*/ font-family: 'eurostile', sans-serif;font-size: 1.0rem;text-decoration: none;text-align: center; }
/*.info i{color:#333333!important;}*/

.info .bande, .info .bande2 {position: absolute;width:100%;height:100px;display: block;background: #d90007;z-index:0;top:169px;}
.info .bande2 {top: 103px;}
.info h3 {font-family: 'eurostile', sans-serif;font-weight:900;
font-size: 2.0rem;/*color:#333333;*/ text-align: center; text-decoration: none;margin-bottom:20px; }
.info a.marathon, .info a.marathon p {color:#e05a0a!important;}
.info a.semi, .info a.semi p {color:#2ea5ad;}
.info a.km, .info a.km p {color:#909555;}
.info a.droles, .info a.droles p {color:#e24a84;}


.info a:hover h3, .info a:hover p, .info a:hover i{color:#949191!important;-webkit-transition: all 0.5s; transition: all 0.5s;}
.info img{
  filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
	 opacity: 1;
	margin-bottom:-20px;
}
.info a:hover img{
  filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
	opacity: 0.7;
	 -webkit-transition: all 0.5s; 
	
}
/*
.info a img[data-info~="marathon"] {
filter: hue-rotate(180deg);
-webkit-filter: hue-rotate(180deg);
}
.info a:hover img[data-info="marathon"] {
filter: hue-rotate(0deg);
-webkit-filter: hue-rotate(0deg);
}*/
.moins25 {

    margin-top: -25px!important;
}
/*********************/
#galerieServices {
		/*background: url(../img/bgd-orange-gris.png);*background: rgba(255,255,255,1.00);*/
		background: background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );;
	    background-size:  cover;
		background-position: center center;
		background-repeat:  no-repeat;
		width:100%; display:block; position: relative;
padding-top:100px;padding-bottom:100px;
	
	}
#galerieServices h3 {color:#6BCDBC; font-size:2em;  font-family: 'eurostile', sans-serif; text-align: center; margin-bottom: 50px; font-style: normal;
	
}
#galerieServices h3 span {color:#6BCDBC;font-size:0.7em; font-style:italic;
	
}
/********************/
.detail p{font-size:1rem!important;color:#aa7d50!important;}
.detail p.laius{font-size: 1.2rem!important;line-height: 1.5rem;font-family: 'eurostile', sans-serif;font-style: italic; margin-top:38px;}
.detail p.laius i{font-size: 2.5rem!important;float: left;margin-right:20px;}
a.fancy i {font-size:2rem;color:#aa7d50!important;text-decoration: none;}
a.fancy img {margin-top:10px; margin-bottom:10px; -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3);
box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3); }
a.fancy span, a.fancy:hover span, a.fancy :hover {font-size:1.5rem;color:#aa7d50!important;text-decoration: none!important;-webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.0);
box-shadow: 0 3px 10px 0 rgba(0,0,0,0.0);}
.detail td{padding:5px 10px;}

/*****************/



/*****************/


/*********/
.wrapperCoord{
   
    width: 90%;

    position: relative;    
margin:0px auto;
    display: block;}

/***********/
.btn.resaNews, .btn.resa, .btn.resaM, .btn.resaS, .btn.resaK, .btn.resaE, .btn.resaL {
    text-decoration: none;
    font-size: 15px;
    padding: 15px 20px;
    display: inline-block;
    cursor: pointer;
    border-radius: 0;
  margin-top:20px;
    background:#2ea5ad;
text-transform: uppercase;
    color: #fff;letter-spacing: 0.1em;
	border:0px solid #fff;
	word-wrap: break-word!important;
    white-space: normal;
}
.btn.resaNews {
   
  margin-top:0px;
   
}
.btn.resaM{background: #e05a0a;width:100%}
.btn.resaS{background: #2ea5ad;width:100%}
.btn.resaK{background: #909555;width:100%}
.btn.resaE{background: #e24a84;width:100%}
.btn.resaL{background:#ed046d;width:100%}
.btn.resaNews:hover, .btn.resa:hover, .btn.resaM:hover, .btn.resaS:hover, .btn.resaK:hover, .btn.resaE:hover, .btn.resaL:hover {

    background: #666666;

}
.horaires{padding-top:30px;}
/*---------------------------SWIPER-----------------------------*/
.swiper-container {
		width: 100%;
			
			background-color: transparent;
	/*background: url(../img/bas-page-11.jpg);
		background-size:  cover;
		background-position:  center right;
		background-repeat: no-repeat;*/
		
		width:100%; min-height: 209px; display:block; position: relative
    }
.swiper-container h1, .swiper-slide h1, .swiper-container h2, .swiper-slide h2 {
    /* color: #61b9ab; */
    color: #fff;
    font-size: 0.9rem; 
    font-family: 'eurostile', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2rem!important;
    background: rgba(0,0,0,0.00);
    padding: 50px 50px 20px 50px;
    text-align: center;color:#ffffff;font-weight: 900;
}
.swiper-container h1 span, .swiper-slide h1 span, .swiper-container h2 span, .swiper-slide h2 span {
    font-size: 3.9rem;
    line-height: 4.0rem!important;
    font-family: 'eurostile', sans-serif;font-weight:900;
    letter-spacing: 0.0rem;
    text-transform: none!important;
    letter-spacing: 0rem!important;display: block;margin-bottom: 15px;color:#2ea5ad;font-weight: 900;
}
.swiper-container h3, .swiper-slide h3 {
    /* color: #61b9ab; */
    color: #fff;
    font-size: 0.9rem; 
    font-family: 'eurostile', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2rem!important;
    background: rgba(0,0,0,0.00);
    padding: 0px 50px 20px 0px;
	margin-left:200px;
    text-align: left;
}
.swiper-container h3 span, .swiper-slide h3 span {
    font-size: 2.9rem;
    line-height: 3.0rem!important;
    font-family: 'eurostile', sans-serif;font-weight:900;
    letter-spacing: 0.0rem;
    text-transform: none!important;
    letter-spacing: 0rem!important;display: block;margin-bottom: 15px;
}
.swiper-container.merci {
		width: 100%;
     /*background: url(../img/bg22.jpg);
			
		background-size:  cover;
		background-position:  center right;
		background-repeat: no-repeat;*/
		width:100%; min-height: 450px; display:block; position: relative;z-index: 0!important;top:-1px;margin-bottom:-1px;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		/*background: transparent!important;*/		
		
    }
/*************slides index*************/
.swiper-slide.slide1 {
    background: url(../images/slide2/PARASOURCE-INTERNATIONAL-GROUP-international-defense-security-operations-2.jpg);
	/*background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; */
	
}
.swiper-slide.slide2 {
    background: url(../images/slide2/PARASOURCE-INTERNATIONAL-GROUP-international-defense-security-operations-1.jpg);
	/*background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; */
	
}
.swiper-slide.slide3 {
    background: url(../images/slide2/PARASOURCE-INTERNATIONAL-GROUP-international-defense-security-operations-3.jpg);
	
}
.swiper-slide.slide3bis {
    background: url(../images/slide2/bandeau6.jpg);
	
}
.swiper-slide.slide4 {
       background: url(../images/slide2/PARASOURCE-INTERNATIONAL-GROUP-international-defense-security-operations-4.jpg);
		
}
/************situation******************/
.swiper-slide.slide5 {
     background: url(../images/slide2/PARASOURCE-INTERNATIONAL-GROUP-international-defense-security-operations-5.jpg);
	
}
.swiper-slide.slide6 {
    background: url(../images/slide2/PARASOURCE-INTERNATIONAL-GROUP-international-defense-security-operations-8.jpg);
		
}
.swiper-slide.slide7 {
    background: url(../images/slide2/PARASOURCE-INTERNATIONAL-GROUP-international-defense-security-operations-9.jpg);
		
}
.swiper-slide.slide8 {
    background: url(../images/slide2/PARASOURCE-INTERNATIONAL-GROUP-international-defense-security-operations-10.jpg);		
}
.swiper-slide.slide9 {
    background: url(../images/slide2/PARASOURCE-INTERNATIONAL-GROUP-international-defense-security-operations-11.jpg);
		
}
.swiper-slide.slide10 {
    background: url(../images/slide2/PARASOURCE-INTERNATIONAL-GROUP-international-defense-security-operations-12.jpg);
		
}
.swiper-slide.slide11 {
     background: url(../images/slide2/PARASOURCE-INTERNATIONAL-GROUP-international-defense-security-operations-13.jpg);
		
}
.swiper-slide.slide12 {
     background: url(../images/slide2/PARASOURCE-INTERNATIONAL-GROUP-international-defense-security-operations-14.jpg);
		
}
.swiper-slide.slide13 {
     background: url(../images/slide2/PARASOURCE-INTERNATIONAL-GROUP-international-defense-security-operations-7.jpg);
		
}
.swiper-slide.slide14 {
    background: url(../images/slide2/sourbier1.jpg);
		
}
.swiper-slide.slide15 {
    background: url(../images/slide2/marathon-9.jpg);
		
}
.swiper-slide.slide16 {
     background: url(../images/slide2/PARASOURCE-INTERNATIONAL-GROUP-1680x1211-5.jpg);
	
}
.swiper-slide.slide17 {
     background: url(../images/slide2/marathon-royan-cote-de-beaute-11.jpg);
	
}
.swiper-slide.slide18 {
     background: url(../images/slide2/marathon-royan-cote-de-beaute-6.jpg);
	
}
.swiper-slide.slide19 {
     background: url(../images/slide2/marathon-royan-cote-de-beaute-5.jpg);
	
}
.swiper-slide.slide20 {
     background: url(../images/slide2/marathon-32.jpg);
	
}
.swiper-slide.slide21 {
     background: url(../images/slide2/marathon-28.jpg);
	
}
.swiper-slide.slide22 {
     background: url(../images/slide2/marathon-royan-cote-de-beaute-4.jpg);
	
}


/************slides jeux**************/


.swiper-slide.slide1, .swiper-slide.slide2, .swiper-slide.slide3,  .swiper-slide.slide3bis, .swiper-slide.slide4, .swiper-slide.slide5, .swiper-slide.slide6, .swiper-slide.slide7, .swiper-slide.slide8,  .swiper-slide.slide9,  .swiper-slide.slide10,  .swiper-slide.slide11, .swiper-slide.slide12, .swiper-slide.slide13, .swiper-slide.slide14, .swiper-slide.slide15, .swiper-slide.slide16, .swiper-slide.slide17, .swiper-slide.slide18, .swiper-slide.slide19, .swiper-slide.slide20, .swiper-slide.slide21, .swiper-slide.slide22{background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat;
		width:100%; min-height: 480px;	}
 /*.swiper-slide.slide13, .swiper-slide.slide14, .swiper-slide.slide15{background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat;
		width:100%; min-height: 209px;	}*/

/***********************/
.imgbas1 img, .imgbas2 img, .imgbas3 img, .imgbas4 img, .imgbas5 img{width:100%;height:auto}
.imgbas1, .imgbas2, .imgbas3, .imgbas4, .imgbas5 {display:block;position: relative;}
 .imgbas1 h2,  .imgbas2 h2,  .imgbas3 h2, .imgbas4 h2, .imgbas5 h2 {
    /* color: #61b9ab; */
    color: #fff;
    font-size: 0.9rem;
    font-family: 'eurostile', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2rem!important;
    background: rgba(0,0,0,0.00);
    padding: 30px 30px 30px 30px;
    text-align: center;
	 position: absolute; /* postulat de départ */
  top: 50%; left: 50%; /* à 50%/50% du parent référent */
  transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
	 width:100%;
}
.imgbas1 h2 span, .imgbas2 h2 span, .imgbas3 h2 span, .imgbas4 h2 span, .imgbas5 h2 span {
    font-size: 3.9rem;
    line-height: 4.0rem!important;
    font-family: 'eurostile', sans-serif;font-weight:900;
    letter-spacing: 0.0rem;
    text-transform: none!important;
    letter-spacing: 0rem!important;
    display: block;
	margin-bottom: 15px;}
@media (max-width: 767px) {
	.imgbas1 img, .imgbas2 img, .imgbas3 img, .imgbas4 img, .imgbas5 img{display:none}
.imgbas1 {
    background: url(../images/marathon-royan-12.jpg);
		
}
	.imgbas2 {
    background: url(../img/marathon-royan-hebergements-hotels.jpg);
		
}
	.imgbas3 {
    background: url(../images/marathon-royan-12.jpg);
		
}
	.imgbas4 {
    background: url(../images/marathon-royan-12.jpg);
		
}
	.imgbas5 {
    background: url(../images/marathon-royan-12.jpg);
		
}
	.imgbas1 .imgbas2, .imgbas3, .imgbas4, .imgbas5 {

	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat;
		width:100%; min-height: 480px;
		
}

	}
/**********************/

    .parallax-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 130%;
        height: 100%;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center;
    }



		.swiper-slide .blocTexte {
       position:absolute;
		top:0px;
		left:70px;
			width:35%;
			min-width: 320px;
		height:380px!important;
			height:80%;			
			background: rgba(255,255,255,0.70)!important;
			padding:20px 20px;
			box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    }
.swiper-slide .blocTextemerci {
       position:absolute;
		top:120px;
		left:90px;
			/*width:35%;*/
			width: 400px;				
			
	background: rgba(0,76,76,0.80)!important;
	/*background: rgba(171,156,143,0.80)!important;*/
			padding:15px 20px 15px 20px;
	border:2px dotted #d90007;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    }
.swiper-slide .blocTexte .btn {
       position:absolute;
	bottom:30px; 
		left: 50%; /* bottom:20px; à 50%/50% du parent référent */
  transform: translateX(-50%);
		
    }
.swiper-slide .pslide{display: block!important;position:relative!important;margin:0px auto;}
    .swiper-slide .title, .swiper-slide h1.title{
        font-size: 2.1rem;
        font-weight: 100;
		line-height: 2.3rem;
		text-align: left;
		/*color:#afa69f!important;*/
		color:#ffffff;
		text-shadow: 0 2px 5px #666666;
		
		font-family: 'Verveine', sans-serif!important;
    }
    .swiper-slide .subtitle {margin-top:10px;
        font-size: 1.5rem;
		line-height: 1.5rem;
		text-align: left;
		font-family: 'Lato', sans-serif;
		color:#fff!important;
    }
/*
.swiper-slide .subtitle::after{
	content: "";
    display: block;
	margin:10px auto 10px auto;
    width: 100%;
    border-bottom:1px dashed #666666;
	border-color:inherit;
	
}*/
    .swiper-slide .text p{
        font-size: 1.2rem;
        line-height: 1.4rem;
		text-align: left;
		font-weight: 400;
		color:#666!important;
    }

		.swiper-pagination-bullet {
  width: 17px!important;
  height: 17px!important;
  display: inline-block;
  border-radius: 50%;
 background: rgba(0,76,75,0.80)!important;
  opacity: 1.0;
	vertical-align: middle!important;
	font-size:1.0rem!important;
			line-height: 25px;
			color:#fff!important;
			border-radius:0%;
			/*border:3px solid #fff;*/
}
.swiper-pagination.jeux {
  margin-bottom:-50px;
}


.swiper-pagination-bullet-active {
  opacity: 1;
  /*background: #d90007!important;*/
	background: #bf9a53!important;
}

 

.fond-section-blanche {background: rgba(255,255,255,0.80);}
.fond-section-blanche2 {background: rgba(255,255,255,0.50);}
.fond-section-noir {background:rgba(0,0,0,0.8)}

.fond1 {
		
		background: url(../img/fond1.jpg);
	    background-size:  cover;
		background-position: left top;
		background-repeat:  no-repeat;
		width:100%;  display:block; position: relative;

	}
.fond1bis {
		
		background: url(../img/fond1bis.jpg);
	    background-size:  cover;
		background-position: left top;
		background-repeat:  no-repeat;
		width:100%;  display:block; position: relative;

	}
.fond2 {
		
		background: url(../img/fond-2.jpg);
	    background-size:  cover;
		background-position: center center;
		background-repeat:  no-repeat;
		width:100%; height: 150px;  display:block; position: relative;
		overflow: hidden;
	}
.fond3 {
		
		background: url(../img/fond-3.jpg);
	    background-size:  cover;
		background-position: center center;
		background-repeat:  no-repeat;
		width:100%; height: 150px;  display:block; position: relative;
		overflow: hidden;
	}
.fond4 {
		
		background: url(../img/fond-4.jpg);
	    background-size:  cover;
		background-position: center center;
		background-repeat:  no-repeat;
		width:100%; height: 400px;  display:block; position: relative;
		overflow: hidden;
	}
.fond5 {
		
		background: url(../img/fond-5.jpg);
	    background-size:  cover;
		background-position: center center;
		background-repeat:  no-repeat;
		width:100%; height: 150px;  display:block; position: relative;
		overflow: hidden;
	}
.fond6 {
		
		background: url(../img/fond-6.jpg);
	    background-size:  cover;
		background-position: center center;
		background-repeat:  no-repeat;
		width:100%; height: 150px;  display:block; position: relative;margin-top:-1px;
		overflow: hidden;
	}
.fond7 {
		
		background: url(../img/fond-7.jpg);
	    background-size:  cover;
		background-position: center right;
		background-repeat:  no-repeat;
		width:100%; height: 150px;  display:block; position: relative;
		overflow: hidden;
	}
.fond8 {
		
		background: url(../img/fond-8.jpg);
	    background-size:  cover;
		background-position: center center;
		background-repeat:  no-repeat;
		width:100%; height: 150px;  display:block; position: relative;margin-top:-1px;
		overflow: hidden;
	}



.mentions {
		background: rgba(0,0,0,0.70);
		
		
		width:100%;max-width: 970px; height: auto; display:block; position: relative;
		padding:100px 30px;
	margin:0 auto;
	}
.mentions a{
		color:#ccc;
	font-size:1.5em;text-decoration: underline;line-height: 1.5em;
	}
.colorJaune{color: #d90007!important}
.colorRose {color:#bb1883;}
.colorBleu {color:#2ea5ad;}
.colorOr {color:#bf9a53!important;}
.colorBleu2 {color:#005e58;}
.colorBlanc {color:#fff!important;}
.colorBronze {color:#8d6f4c!important;}
.colorBleuClair{color:#61b9ab}
.colorVert {color:#c7d40c;}
.colorOrange {color:#e05a0a;}
.colorGris {color:#cccccc;}
.colorGrisFonce {color:#333333!important;}

.colorrose{ color:#d4124a!important;}

.colorDroles{ color:#e24a84!important;}
.colorvert{ color:#bbc109;}
.colorbleu{ color:#1d6eb9!important;}
.colororange{ color:#de670f!important;}
 .colorbeige{ color:#ab9c8f!important;}

.bgd1bis{ background:#0278b0; color:#fff;}
.bgd2bis{ background:#0296b0; color:#fff;}
.bgd3bis{ background:#269e8f; color:#fff;}
.bgd4bis{ background:#4ba76e; color:#fff;}
.bgd5bis{ background:#86b439; color:#fff;}
.bgd6bis{ background:#a7bc1b; color:#fff;}
.bgd7bis{ background:#bbc109; color:#fff;}
.bgd8bis{ background:#77ae5b; color:#fff;}



::placeholder {
  color: #888!important;font-weight: 300;text-align: left!important;
}
input#Email::placeholder {
  color: #777!important;font-weight: 300;text-align: center!important;
}
input {border: none!important;border:1px solid #ddd!important;padding:5px 10px;width: 98%!important;margin-bottom:5px!important;background: rgba(255,255,255,0.50)!important;text-align: center!important;min-height:50px}

input#Email {border: none!important;border-bottom:0px solid #999999!important;padding:5px 10px;width: auto!important;margin-bottom:5px!important;text-align: center!important;height:48px;}
.form-group {
   display:inline-block;
}

input[data-reset="reset"]{width:46%!important;margin:1%!important;display: inline-block; border:none!important;background: rgba(187,24,131,1.00); color:#fff!important;cursor: auto;padding:20px 5px;}
input[data-submit="submit"]{width:46%!important;margin:1%!important;display: inline-block; border:none!important;background: rgba(199,212,12,1.00);cursor: auto;padding:20px 5px; }

.bgdOrange {background:#fd4f00!important;}
.dottedNoir{border-top:8px dotted #999;
border-bottom:8px dotted #999;}
textarea{width: 98%!important;border:1px solid #ddd!important;padding:5px 10px;text-align: center;background: rgba(255,255,255,0.80)!important;min-height:100px;}

.sansOmbre {-webkit-box-shadow: 0 10px 15px 0 rgba(0,0,0,0.0)!important;
box-shadow: 0 10px 15px 0 rgba(0,0,0,0.0)!important;}

/*#bas*/
#bas {width : 100%; height : auto; position : relative; bottom : 0px!important; z-index: 100; padding:30px 15px 10px 15px;margin-bottom:0px; font-family: 'eurostile', Arial, sans-serif;}

#bas ul {height : 50px; list-style-type : none; margin:0 auto; width:auto; display:table;}
#bas ul li {float: left; height : 30px; padding : 0 20px;}
#bas ul li a{color : #bb1883; font-size:1em; text-transform : none; height : 45px; display : block; line-height : 45px;text-decoration:underline; 	-webkit-transition: all 0.5s; 
    transition: all 0.5s;	border:2px dashed #fff; border-color: inherit;    padding: 3px 20px; }
#bas ul li.reseaux{padding : 10px 20px; height: 60px; }
#bas ul li a:hover {color : #eee;}
#bas ul li a span{margin-right:10px;}
#bas p{margin:0 auto; text-align: center; color : #c2b49e;}
#bas p img {max-width:250px; height:auto; width:100%;}


/*footer*/
footer {width : 100%; height : auto; position : relative; bottom : 0px!important; z-index: 100; padding:10px 15px 30px 15px;margin-bottom:0px; font-family: 'eurostile', Arial, sans-serif;
/*background: url(../img/MRCB-2020_ROYAN_fonce.jpg);
		background-position: top center;
		background-repeat:  no-repeat;*/
	background: #333333;letter-spacing: 0.1em;
	  background : url(../img/fond.jpg);background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat;
}

footer ul {height : 30px; list-style-type : none; margin:0 auto; width:auto; display:table;}
footer ul li {float: left; height : 30px; padding : 0 20px;}
footer ul li a{color : #fff; font-size:0.8rem; text-transform : none; height : 30px; display : block; line-height : 30px;text-decoration: none; 	-webkit-transition: all 0.5s; 
    transition: all 0.5s;	 }
footer ul li.reseaux{padding : 0 5px 0 0px; }
footer ul li a:hover {color : #bbb;}
footer ul li a span{margin-right:10px;}
footer p{margin:0 auto; text-align: center; color : #c2b49e;}

footer p span{color:#666666!important; font-style: italic; font-size:0.9em;}


#tubular-container {top:0;}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.tampon{height:450px;}
.btn-secondary {border-radius:0px; height : 35px;padding:0;margin:30px auto; }


 a .btn-secondary{font-family: 'eurostile', Arial, sans-serif; text-transform: uppercase;text-decoration: none!important; width:100%;letter-spacing: 0.2em; padding:11px 20px;color:#fff;font-weight: 300; font-size:0.8em;display: block;width:auto; background:#c2b49e;}


a:hover .btn-secondary  {background:#7f7f7d; color:#fff; -webkit-transition: all 0.5s; 
    transition: all 0.5s; text-decoration: none!important;}
.btn {display: block; height: auto; text-decoration: none!important;}
a.noDecoration {text-decoration: none!important;}

.go-b{
	
	position:fixed; width:60px; height:60px; border:0px solid #fff;
	z-index:2001;
	right:20px; bottom: 0px;
}
.go-b a{
	display:block;
	width:100%; height:100%; 
    color:#fd4f00!important;
	
}

h7{  font-family: 'eurostile', sans-serif; font-size:1.5em; line-height:0.9em;  }
.centrage {  text-align : center; margin:0 auto;position: relative;width: 100%;}
.centrageNews{  text-align : center; margin:0 auto;position: relative;width: 100%;max-width:500px;}
.bgdbleu{ background:#2ea5ad;}
.bgdvert{ background:#bbc109;   color:#fff;}
.bgdvert:hover{ background:#fff; color:#666; text-decoration:none; text-shadow: 0 1px 2px #ffffff; -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;}

.arMoutarde {background: #d90007!important}
.arRose {background: #f5b2e8!important}
.arKaki {background: #909555!important}
.arVert {background: #69a200!important}
.arMarron {background: #ba4a08!important}
.arFushia {background: #ed046d!important}
.arBleu {background: #2ea5ad!important}
.arOrange {background: #e05a0a!important}
.carre{ background:#437a75; border:0px solid #d4124a; color:#ffffff; margin:1px 0px 0px 0px;
border:0px solid #d4124a; padding-top:15px; padding-bottom:0px;  }

.margeneg2{  margin-top:5px; margin-bottom:5px; }



/*--------------------------------- partie FR---------------------------- */

.ligne2::after{
	content: "";
    display: block;
	margin:20px auto 0px auto;
    width: 10%;
    background-color: #222222;
    height: 1px;	
}
	
	





/*******************************************MEDIA QUERRIES********************************/

@media (max-width: 1350px) {
#menu .navbar ul li a {
    padding: 0 20px;
    font-size: 0.7em;
    letter-spacing: 0.3em;
    line-height: 12em;
}
}
@media (max-width: 1265px) {
	#menu .navbar ul li a {
		padding: 0 20px;
		font-size: 0.7em;
		letter-spacing: 0.2em;
	}
}/*
@media (max-width: 1190px) {
	.leLogo {
    width: 210px;
    left: 20px;margin-top: 35px;
}

	.leLogo.petitleLogo {
    width: 140px;
    height: auto;
    margin: -4px 0px 0 30px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
}*/
@media (max-width: 1165px) {

	#menu .navbar ul li a {
		padding: 0 15px;
		font-size: 0.7em;
		letter-spacing: 0.15em;
	}
}
@media (max-width: 1100px) {
	
.pageGalerie .grid2 {width:100%; display:block; position: relative;height:12000px;}


}
@media (max-width: 1055px) {
	#menu .navbar ul li a {
		padding: 0 10px;
		font-size: 0.7em;
		letter-spacing: 0.15em;
	}
}
@media (max-width: 1016px) {
	
		 
	section.googleMap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important ;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	flex-grow: 0;
	flex-shrink: 0;
flex-basis: 100%!important;
	height:auto;
	border-top:10px solid #aa7d50;
	background: rgba(255,255,255,1.00);
    }

.carte {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
flex-grow: 0;
	flex-shrink: 0;
flex-basis: 100%!important;
    }
.info {background:#ffffff url(../images/fond-footer2.png)no-repeat ;
	background-position: left 0px top 15px;
padding-top: 30px; padding-bottom: 30px;}
	 
	
}

@media (max-width: 991px) {
	
	#slogan2 {
    text-align: center;
    padding-left: 20px;padding-right: 20px;
}
	#menu .navbar ul li.active a:hover, #menu .navbar ul li.active, #menu .navbar ul li a.active, #menu .navbar ul li.active a.active {/*background : rgba(0,0,0,0.1)!important;*/color:#ffffff!important;border-bottom:0px dotted#ffffff; }
	.cadre5bis {
    min-height: 165px;
}
	.coordonnees {
    padding: 30px 30px 0px 20px;
}

	#face.face2{position: fixed;top:70px;}
	
	.un h2 {
    margin-top: 0px!important;
}
	.wrapper{
  top: 20%; /* poussé de la moitié de hauteur du référent */
 
}

.leLogo.petitleLogo {
    margin: -59px auto 0 auto;
    width: 85px;
    height: auto;
}

	.leLogo span {display:none;}



 .leLogo {
   
    margin: -67px auto 0 auto;
    width: 130px;
    height: auto;
left:0px!important;overflow: hidden;
}	/*
.leLogo img {
    width: 100%;
    height: auto;
    filter: drop-shadow(5px 5px 10px black);
    -webkit-filter: drop-shadow(5px 5px 10px black);
    margin-top: -24px;
}*/
	
/************************************************************/	
.dropdown-menu {
    height: auto;
    line-height: normal;
    padding: 0rem 0!important;
    margin-top: 0rem!important;
    background: #333333;
    border:none!important;
}
	.dropdown-menu a.dropdown-item, #menu .navbar ul li .dropdown-menu a.dropdown-item{text-align: center!important;width: 100%;color: #2ea5ad!important;text-transform: none!important;}
	.dropdown-menu a.dropdown-item{display : block;height : 45px!important; padding : 0 30px; font-family : 'eurostile', Arial, sans-serif; font-size : 1.0rem;line-height: 45px;    }

.dropdown-menu a.dropdown-item:hover {text-decoration: none;background : #333333!important;
;}
.hvr-underline-from-center:before {
  content: "";
  background: #333;
  height: 0px;

}
	#menu.fixNavigation .navbar ul li a {
    line-height: 45px;
}
	#menu {
    width: 100%;
		height: 101px;}
	

#menu .navbar ul { width:100%;height : auto!important; list-style-type : none; text-align: center; background: rgba(255,255,255,1.00);top:101px;margin-top: 0px!important;
	}	

	#menu.fixNavigation {
    height: 70px;
}
	
	#menu.fixNavigation  .navbar ul, #menu.fixNavigation ul { text-align: center!important; top:70px;margin-top: 0px!important;
	padding-top:30px;}
	#menu .navbar ul li a, #menu .navbar ul li a:hover{text-align:left!important; border-bottom:0px solid #fff; }	
	/*#menu.fixNavigation .leLogo{height:65px}*/


	#menu .navbar ul  {background : #333333;}
#menu .navbar ul li, #menu .navbar ul li a, #menu .navbar ul li a:hover {color:#fff!important;font-size: 1.0rem;text-align: center!important;}
	#menu .navbar ul li a{
		
    height: 45px;
   line-height: 45px;
    position: relative;
}
/*		#menu .navbar ul li .dropdown-menu a{
		color:#ccc!important;
		padding-left:0px!important;
			height: 50px!important;
   line-height: 50px!important;text-align: center;
  
}*//*
	#menu.fixNavigation .navbar ul li a {
    line-height: auto;
}*/
.navbar-toggler {

	margin-top: 30px;
 
  
}
#menu.fixNavigation 	.navbar-toggler {

	margin-top: 0px;
 
  
}
	#menu.fixNavigation .leLogo{
top:0px!important;

 }	
	
	
	#burger {
display:none!important;
}
	
	h2 span sup{font-size:0.2em;}	
		.flecheDownCalage {
    bottom: 210px!important;}
	
/*	#galerie {
padding-top:190px;padding-bottom:0px;
	}*/

}




@media (max-width: 880px) {
	
	
	.un h1, .mentions h2, .fond1 h1, .fond4 h1{/*color:#61b9ab;*/color:#fff; font-size:1.0rem;  padding:50px 20px 20px 20px;text-align: center;position:absolute;width:100%;transform:left: 50%; transform: translateX(-50%);	
}
	
.un h1 span, .fond1 h1 span, .fond4 h1 span{font-size:2.7rem; line-height: 4.0rem!important;font-family: 'eurostile', sans-serif;font-weight:900;letter-spacing: 0.0rem;text-transform: none!important;letter-spacing: 0rem!important; }

	
}
@media (max-width: 845px) {
#slogan2 {
    text-align: left;

}
	}

@media (max-width: 825px) {
.pageGalerie .grid2 {width:100%; display:block; position: relative;height:17500px;}
}
@media (max-width: 767px) {
	.col-cinq {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
	.row.cinq {
    margin-right: 0px;
    margin-left: 0px;
}
	#bas p img {
    max-width: 200px;
    height: auto;
    width: 100%;
}
	.container {
    width: 100%;
    max-width: 100%;
}
	.fond-section-blanche {		
		background: #ffffff url(../images/fond-footer2.png)!important;
		
	}
	.push-1{left:0!important;}
	

.wrapperG {
    max-width: 1200px;
    width: 100%;
    position: relative;
    margin: 0px auto;
    display: block;
}
	.wrapper {
    max-width: 800px;
    width: 100%;
    position: relative;
    margin: 0px auto;
}
	#video {
   
    padding-top: 0px;
    padding-bottom: 0px;
    border-top:30px solid #005e58;border-bottom:30px solid #005e58;
}

	div {margin-left:0px!important;margin-right:0px!important;}


}
@media (max-width: 800px) {
	.coordonnees h2 {
    font-size: 1.5rem;
    line-height: 1.5rem;
}
.coordonnees {
    padding: 20px 30px 0px 20px;
}
	.coordonnees .sociaux {
    top: 6px;

}
}


@media (max-width: 680px) {
	/*.leLogo { width:144px;margin: -40px auto 0 auto; }*/
	section#texte h2{padding-left:20px;padding-right:20px;}
			.flecheDownCalage {
    bottom: 180px!important;}
	footer { position : relative; }
	
	#coord {
		
	background: url(../img/repeat.png) repeat-x;
	
	    width:100%; display:block; position: relative;
padding-top:40px;padding-bottom:40px;
		/*margin-top: 200px;*/
	}

	.wrapperC{
   max-width: 960px;
    width: 100%;
    position: relative;    
margin:0px auto!important;
    display: block;}
}

@media (max-width: 665px) {
.grid figure.effect-bubba img {
	
	right: 0px!important;
}
	footer {padding:10px 15px 60px 15px;


}
	.containerparallax h3 {
    font-size: 1.0rem;
    line-height: 1.3rem;
    padding: 20px 20px;
}
	.containerparallax h2 {
    font-size: 2.5rem;
    padding: 50px 20px 20px 20px;

}
}
@media (max-width: 650px) {
	.cadre5bis {
    min-height: 195px;
}

	.un h1 span, .fond1 h1 span {
    line-height: 2.5rem!important;
		.cadre5 { min-height:auto;}
}
	@media (max-width: 625px) {
		#slogan2 {
    text-align:center;

}
#slogan2 span{
    display:none;

}
	}
	
@media (max-width: 575px) {	
.cadre5bis {  padding:20px 30px 20px 30px;min-height:100px;margin:10px 0px 30px 0px;background:rgba(0,174,206,0.8);/*border: 2px dotted #fff; background:#79983c;*/color:#fff;}
.cadre5bis li:last-of-type{display: block; position: relative!important; bottom:0px;}
}	
	
@media (max-width: 560px) {
	
	.pageGalerie .grid2 {width:100%; display:block; position: relative;height:34800px;}
}

@media (max-width: 550px) {
	.swiper-container h1 span, .swiper-slide h1 span, .swiper-container h2 span, .swiper-slide h2 span {
    font-size: 3.0rem;
    line-height: 3.1rem!important;

}
	p {
    text-align: left;
}
	.paddingT65B50 {
    padding: 40px 0px 40px 0px!important;
}
	.container {

    padding-right: 0px; 
    padding-left: 0px; 
}
	
			.col-cinq {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
	.coordonnees h2 {display:none;}
	.coordonnees .sociaux {
    position: relative;display: block;top: 0px;right: 0px;width:100%;height: 50px;z-index: 1000;
		text-align:center;
}
	.coordonnees {
    padding: 5px 30px 5px 30px;
}
	.coordonnees .sociaux i{font-size:2.5rem;}
.wrapperRelatif{max-width:970px; width:100%; height : auto; 
	 position: relative;
    display:block;
	margin:0px auto;
	
}
}

@media (max-width: 450px) {
	
	.flecheDownCalage {
    bottom: 190px!important;}
}


@media (max-width: 410px) {
#menu .navbar ul li .dropdown-menu a {
    padding-left: 20px !important;
font-size:0.8rem!important;
	    line-height: 0.8rem!important;
}
	#slogan2 {
    display: none;

}
	.leLogo {
    margin: -85px auto 0 auto;
    width: 130px;

}
}

@media (max-width: 380px) {

	.pub {font-family: 'eurostile', sans-serif, Arial, sans serif;font-size:5rem; line-height: 5rem; color:#fff;text-align: center; background: rgba(187,24,131,0.70);border-radius:50%;
	padding-top:30px; width:300px; height:300px;border:7px dotted #fff;
  position: relative; }
		.coordonnees {padding-left:10px!important; }


/*
	.ligneDessous::after {

    min-width: 250px;
   
}
	

	.coordonnees .sociaux {
       text-align: left;
}
	
	#menu .navbar ul li a {
    height: auto!important;
    line-height: 25px;
padding-top:17px;padding-bottom:17px;
}*/
}