@import url("../style_editeur.css");
* { margin:0; padding:0; }
body { max-height:100%; 
font-family:"Trebuchet MS", Helvetica, Arial, sans-serif; 
font-size:10pt;
color:#3C3E3E;
overflow-x:hidden; 
background-color:#C7C9CC; 
}
html { 
  margin:0;
  padding:0;
}

@font-face {
    font-family: 'minimasskbold';
    src: url('fonts/minimassk-bold-webfont.eot');
    src: url('fonts/minimassk-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/minimassk-bold-webfont.woff2') format('woff2'),
         url('fonts/minimassk-bold-webfont.woff') format('woff'),
         url('fonts/minimassk-bold-webfont.ttf') format('truetype'),
         url('fonts/minimassk-bold-webfont.svg#minimasskbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sciflysans';
    src: url('fonts/scifly-sans-webfont.eot');
    src: url('fonts/scifly-sans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/scifly-sans-webfont.woff2') format('woff2'),
         url('fonts/scifly-sans-webfont.woff') format('woff'),
         url('fonts/scifly-sans-webfont.ttf') format('truetype'),
         url('fonts/scifly-sans-webfont.svg#sciflysans') format('svg');
    font-weight: normal;
    font-style: normal;

}

.fieldset label {
display:block;
clear:both;
}
.textConnexion label{
 display:block;
clear:both;
}
input, textarea{
border:1px solid #C1C1C1;
width:200px;
}

h1{
text-transform:uppercase;
font-family: 'minimasskbold';
font-size:20pt;
margin-left:0;
padding-left:0;
text-align:left;
}
.decalpagin{
line-height: 22px;
}
.decalpagin h1{
font-family: 'minimasskbold';
font-size:14pt;
margin-left:0;
padding-left:0;
color:#82368c;
letter-spacing:1px;
word-spacing:3px;
text-transform:none;
}
.decalpagin li {
font-size:13px;
padding-left:8px;
margin-left:14px;
padding-bottom:12px;
text-align:justify;
}
a.lienbgviolet:hover{
text-align:right;
color:#fff;
}
h2{
font-family: 'minimasskbold';
font-size:16pt;
}

h2.fentre{
font-family: 'sciflysans';
font-size:15pt;
}

h3{
font-family: 'sciflysans';
font-size:13pt;
}

.violet{color:#82368c;}
.bleu{color:#6071b5;}
.bgbleu{background-color:#6071b5;min-height:35px;line-height:35px;width:94%;}
.vertclair{color:#aac612;}
.bgvert{background-color:#aac612;min-height:35px;line-height:35px;width:94%;}
.vertfonce{color:#8aac1e;}                                    
.orange{color:#f39200;}
.jaune{color:#ffcd00;}
.gris{color:#3C3E3E;}
.maju{text-transform:uppercase;}
.majnor{text-transform:none;}
.bgvert h3{
color:#fff;
margin-left:10px;
text-align:left;
}
.bgbleu h3{
color:#fff;
margin-left:10px;
text-align:left;
}
.espace3{
clear:both;
display:block;
height:3px;
}
.espace1{
clear:both;
display:block;
height:1px;
}
.algf{
display:block;
position:absolute;
right:0;
top:20px;
z-index:999999999999999999999999;
}
span.misenavantvioet2{
   color:#82368c;
   font-size:20pt;
   font-family: 'minimasskbold';
}

div.interieur2{
margin:0;
padding:0;
left:0;
top:0;
left:0;
position:relative;
display:block;
margin-left:5%;
margin-right:5%;
padding-top:17px;
text-align:justify;
width:90%;
}
.espace7{
clear:both;
display:block;
height:7px;
}


.espace30{
clear:both;
display:block;
height:30px;
}
.nosousl{
text-decoration:none;
font-size:15pt;
}
/********HAUT*****************/
.bandh{
background-color:#aac612;
width:100%;
height: 7px;
}
#cookieLegaux{
background-color:#aac612;
width:100%;
position:fixed;
top:0;
left:0;
text-align:center;
font-size:11px;
color:#fff;
}
.logo{
padding-top:10px;
position:relative;
display:block;
float:left;
padding-left:32px;
}

.slogan{
position:relative;
display:block;
float:left;
margin-left:35%;

}   
.slogan h3{font-size:17pt;}
/*-------------------------NAV-------------------------*/
#menu{
 display:block;
 float:right;
 position:relative;
 padding-top:16px;
}
 #menu1{
display:inline-block;

list-style: none;
 }

#menu1 li.two{
   float:left;
    padding-right:18px;
    display:block;
    position:relative;
    font-size:15px;
    line-height:36px;
}
#menu1 li.one img{
margin-top:-6px;
}

#menu1 li.one{
    float:left;
    padding-right:18px;
    display:block;
    position:relative;
    font-size:13px;
    line-height:36px;
}
#menu1 li.one:before{
 
 width:16px;
 height:8px;
 content: url(../images/flechemenu.png);
  position:absolute;
  padding:0;
  margin:0;
  left:0;
  top:-30px;
  left:50%;
  margin-left:-17px;   

} 

.maismen{
		display: inline-block;
		background: url(../images/maisonmenu.png) no-repeat center center;
		font-size: 0rem;
    width:19px;
    height:18px;
    padding-top:16px;
	}
 

#menu1 li.one2{
    float:left;
    padding-right:18px;
    display:block;
    position:relative;
    font-size:15px;
    line-height:36px;
}
#menu1 li.one2:before{
 
 width:16px;
 height:8px;
 content: url(../images/flechemenu.png);
  position:absolute;
  padding:0;
  margin:0;
  left:0;
  margin-top:-32px;
  left:50%;
  margin-left:-17px;

}

#menu1 li a{
  color: #82368c;
  text-decoration:none;
}

#menu1 li a:hover{
	color:#aac612;
}


.ulwrapper  {
display: none; 
position:absolute;
padding:0; 
z-index:49; 
margin-top:0px;
background-color:#464646;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding:5px;
 } 
.ulwrapper  ul{
width:200px;
padding:0;
margin:0;
text-align:left;
}
.ulwrapper li { 	
display: inline-block;
width:200px;
padding:0;
margin:0;
line-height:13px;
padding-bottom:3px;
padding-top:3px;
}

.ulwrapper li a{
 font-size:10px;
 
}
.menurespn{
display:none;
}

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

/******** WRAPPER ***************/

.wapper{
max-width:1050px;
width:98%;
display:block;
margin:0 auto;
position:relative;
background-color:#fff;
 
}
/******************************/

/******** COL DROITE *************/

.cold{
 float:left;
 width:24%;
   background-color:#fff;
 min-width:200px;
 position:relative;
 display:block;

}

@media screen and (max-width: 700px){
 .cold{
 width:100%;

}    
}

.cold:before
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50px;
    bottom:50px;
    left:0;
    right:0;
    width: 50%;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.cold:after
{
	display: none;
}


.cold_annupresta, .cold_loisir, .cold_service, .cold_rech, .cold_avantage, .cold_slide{
 float:left;
 width:100%;
 position:relative;
 display:block;
 min-height:20px;   
}
@media screen and (max-width: 700px){
.cold_rech{
border-top:1px solid #000;
}

}
.cold_rech, .cold_slide{
background-color:#82368c;
}
.cold_annupresta, .cold_avantage{
background-color:#ffcd00;
}
.cold_service{
background-color:#6071b5;
z-index:1000000;
cursor:pointer;
}

.cold_annupresta, .cold_annupresta a, .cold_loisir, .cold_loisir a, .cold_service, .cold_service a, .cold_avantage{
text-align:center;
color:#fff;
font-size:20px;
 font-family: 'sciflysans';
 text-transform:uppercase;
 line-height:18px;
 padding-top:7px;
 padding-bottom:7px;
 text-decoration:none; 
 z-index:100;
}
.cold_loisir{
background-color:#aac612;
z-index:1000000;
cursor:pointer;
}
.cold_rech{
line-height:50px;
z-index:1000000;
}
.cold_rech a{
font-size:11px;
color:#fff;
text-decoration:none;
}
.cold_rech a img {
margin-left:10px;margin-right:5px; 
}


.aff_cold_loisir, .aff_cold_service, .aff_cold_avantage{
 width:100%;
 display:block;
 position:relative;
 
}
.cold_avantage {
font-size:19px;
text-align:left;
}
.cold_avantage p{
padding-left:60px;
}
#pourcentage{
position:absolute;
 top:-8px;
left:5px;

}
.aff_cold_loisir ul, .aff_cold_service ul{
padding-left: 10px;
}
.aff_cold_loisir li, .aff_cold_service li{
list-style-type: none; 
    background-image: url(../images/pucesidebar.png); 
    background-repeat: no-repeat; 
    background-position: left 2px; 
    padding-left: 15px; 
    font-size:11px;
    
}
.aff_cold_loisir li a, .aff_cold_service li a{
 text-decoration:none;
 color:#3C3E3E;
}
.cold_slide{text-align:center;color:#fff;
font-size:12px; padding-bottom:10px;}
.cold_slide a{color:#fff;text-decoration:none;}
.cold_slide img{
width:90%;

 padding-top:20px;
 padding-bottom:10px;
}
.aff_cold_avantage{
 font-size:11px;
 width:80%;
 margin-left:10%;
 margin-top:15px;
}

.fleche{
position:absolute;
left:30px;
top:10px;
background: url(../images/flechesidebar.png) no-repeat center center transparent;
width:16px;
height:16px;
}

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


/*********** CENT AFF *************/



.centaff{
 float:left;
 width:76%;
 min-width:350px;
  position:relative;
 display:block; 
}    
@media screen and (max-width: 700px){
 .centaff{
 width:100%;
min-width:250px;
}    
}
.chemin{
font-size:12px;
margin-left:32px;
}
.ombrehaut{
width:100%;
}
.ombrehaut img{
width:100%;
height:auto;
}


.bienvivre{  
position:relative;
display:block;
width:100%;
height:47px;
margin:0;
padding:0;
top:0;
text-align:center;
}  
.loisiraccueil{

width:49%;
min-width:235px;
display:block;
float:left;
position:relative;
text-align:center;
}
.serviceaccueil{
width:49%;
min-width:235px;
display:block;
float:left;
position:relative;
text-align:center;
}
#slides,
    #slides2 {
      display: none;
      width:284px;
      margin-top:8px;
      margin-left:auto;
      margin-right:auto;
    }	
    #slides img,
    #slides2 img{
         overflow:hidden;
    -webkit-border-radius:142px;
    -moz-border-radius:142px;
    border-radius:142px;
    }	
    .affpar{
    
    background-image:url(../images/cerclageslider.png);
     width:300px;
     height:300px;
     position:absolute;
     display:block;
     top:0;
     margin-top:0px;
     left:50%;
     margin-left:-148px;
     z-index:10000;
    }
    
.decalte a{
color:#82368c;
text-decoration:underline;
font-style: italic;
position:relative;
display:block;
top:15px;
float:right;
margin-right:15px;

}




/************** PIED PAGE ********/

.menubas{
margin-left:20px;
width:20%;
min-width:164px;
position:relative;
display:block;
float:left;
}
.menubas div{
position:relative;
display:block;
float:left;
margin-right:8px;
}

.menubas ul{
list-style:none;
padding-top:10px;
}
.menubas a{
color:#82368c;
text-decoration:none;
font-size:12px;
}

.menubas a:hover{
text-decoration:underline
}

.infleg{
padding-top:10px;
margin-left:20px;
width:20%;
min-width:164px;
position:relative;
display:block;
float:left;

}

.infleg a{
color:#82368c;
text-decoration:none;
font-size:12px;
}
.infleg a:hover{
text-decoration:underline
}
.infleg a.bleu{color:#6071b5;}

.partenaire{
padding-top:10px;
margin-left:20px;
width:50%;
min-width:250px;
position:relative;
display:block;
float:left;
}

.partenaire img{
height:42px;
margin-top:8px;
}



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


/********** ANNUAIRE **********/


.contserloi{
width:48%;
min-width:290px;
margin:1%;
float:left;
display:block;
}

.contserloi ul{

  list-style:none;
}
.contserloi ul li{
  padding-left:10%;
  padding-bottom:5px;
  padding-top:5px;
}  
.contserloi ul li h4{
width:100%;
cursor:pointer;
}

ul.vertg{
list-style:none;
}
ul.vertg li{
margin-left:20px;
}
ul.vertg li:before{
 
 width:8px;
 height:8px;
	content: "";
    background-color: #aac612;
    color: #aac612;
  position:absolute;
  padding:0;
  margin:0;
  margin-left:-18px;
  margin-top:5px; 
  -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

} 
.contserloi ul.vertg li:before{
 
 width:8px;
 height:8px;
	content: "";
    background-color: #aac612;
    color: #aac612;
  position:absolute;
  padding:0;
  margin:0;
  margin-left:-18px;
  margin-top:5px; 
  -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

} 
.contserloi ul.bleug li:before{
 
 width:8px;
 height:8px;
	content: "";
    background-color: #6071b5;
    color: #6071b5;
  position:absolute;
  padding:0;
  margin:0;
  margin-left:-18px;
  margin-top:5px; 
  -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

} 

.contserloi ul.bleug li div, .contserloi ul.vertg li div{
display:none;
position:relative;
width:92%;
background-color:#ececec;
padding:4%;
font-size:11px;
}
.contserloi ul.bleug li div h5, .contserloi ul.vertg li div h5{
font-size:13px;
}


.contserloi ul li h4{

font-family: 'sciflysans';
font-size:10pt;
text-transform:uppercase;
font-weight:100;

}

input[type="submit"].insubbu, .bouton{
margin-top:20px;
width:200px;
cursor:pointer;
font-weight:bold;
font-size:15px;

}

.espacen{
display:none;
}

@media screen and (max-width: 679px){
.espacen{
clear:both;
display:block;
height:1px;
}

.menurespn{
display:block;
position:relative;
top:0;
width:100%;
clear:both;
text-align:center;
cursor:pointer;
font-size: 24px;
min-height:35px;
font-family: 'minimasskbold';
font-size:16pt;
z-index:99999999999999999999999999999999999999999999999999;
display:block;
color:#aac612;
border-top:1px solid #000;
border-bottom:1px solid #000;
}





#menu{
 display:none;
z-index:99999999999999999999999999999999999999999999999999;
  background-color:#fff;
  position:absolute;
margin-top:115px;
  width:100%;
}
 #menu1{
display:block;
list-style: none;
 }

#menu1 li.two{
    padding-right:18px;
    display:block;
    position:relative;
    font-size:15px;
    line-height:36px;
    width:100%;
    border-bottom:1px solid #000;
}
#menu1 li.one img{
margin-top:-6px;
}

#menu1 li.one{
    float:left;
    padding-right:18px;
    display:block;
    position:relative;
    font-size:13px;
    line-height:36px;
}
#menu1 li.one:before{
    display:none;
 width:0px;
 height:0px;
 content: url(../images/flechemenu.png);
  position:absolute;
  padding:0;
  margin:0;
  left:0;
  top:-30px;
  left:50%;
  margin-left:-17px;   

} 

.maismen{
		display: inline-block;
		background: url(../images/maisonmenu.png) no-repeat center center;
		font-size: 0rem;
    width:19px;
    height:18px;
    padding-top:16px;
	}
 

#menu1 li.one2{
    float:left;
    padding-right:18px;
    display:block;
    position:relative;
    font-size:15px;
    line-height:36px;
}
#menu1 li.one2:before{
   display:none;
 width:0px;
 height:0px;
 content: url(../images/flechemenu.png);
  position:absolute;
  padding:0;
  margin:0;
  left:0;
  margin-top:-32px;
  left:50%;
  margin-left:-17px;

}

#menu1 li a{
  color: #82368c;
  text-decoration:none;
}

#menu1 li a:hover{
	color:#aac612;
}















}





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

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  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; }
}