/******************************
**@company: Bernezac-comminication

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/bebasneue-webfont.eot');
    src: url('../fonts/bebasneue-webfont.eot?#iefix') format('eot'),
         url('../fonts/bebasneue-webfont.woff') format('woff'),
         url('../fonts/bebasneue-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue-webfont.svg#webfontX0YNjQNl') format('svg');
    font-weight: normal;
    font-style: normal;
}
******************************/

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);


.photos { margin: 0px; border: 10px solid #ffffff; -webkit-box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.5);
box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.5);}
.photosL { margin:0px 20px 10px 7px; border: 5px solid #ffffff; -webkit-box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.5);
box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.5); float:left;}


body {font-family: 'Lato', sans-serif; background:#ffffff!important;  }
.bgd {width : 100%; height : 100%; min-height : 100%;position : relative;
		background: url('../images/fond_alpha2.png'), url(../images/fond1.gif);
		background-size: 50px 50px, cover;
		background-attachment: fixed, fixed;
		background-position: top left, center center;}
		
.fond {
    
	background: url(../images/fond.jpg) no-repeat fixed center center ; 
}
.fondalpha {
    
	background: rgba(255, 255, 255, 0.5); 
}

	p{	  font-weight:400; font-size:0.95em;  }
	li { font-weight:400; font-size:0.95em;  }
	ul {	color:#f8f6cd; font-weight:100; }
	
	ol, ul {
	list-style: none;
}
	.horaire  {	line-height:1.2em; }
	.horaire ul, .horaire li {margin-left:-30px; padding-left:0; list-style:none;} 

h1 {  font-family: 'Lato', sans-serif; font-weight:100; font-size:2.5em;}
h2 {  font-family: 'Lato', sans-serif;}
h4 {  font-family: 'Oswald', sans-serif; font-size:1.3em; margin-top:0px; margin-bottom:0px; font-weight:300;}
h7{  font-family: 'Oswald', sans-serif; font-size:1.5em; line-height:0.9em;  }

.police {   font-family: "verveine",sans-serif;}
.fleche{   background:#20e0cb; padding:20px 10px 5px 10px;
-webkit-border-radius: 0 0 20px 20px;
border-radius: 0 0 20px 20px; }
.fleche:hover{   background:#666666; }
.margefleche { margin-top:-30px; margin-bottom:5px;}
.margepromo { margin-top:-20px; margin-bottom:0px;}
.bold { font-weight:500;}
.photos { margin:10px 7px; border: 5px solid #ffffff; -webkit-box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.5);
box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.5);}
.photosL { margin:0px 20px 10px 7px; border: 5px solid #ffffff; -webkit-box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.5);
box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.5); float:left;}
#noliste p li, #noliste, #noliste li{ list-style:none; paddin-left:0; margin-left:0;}
#plan, #plan2{ margin:30px auto; width:100%; text-align:center; display:block; position:relative; clear:both;}
 #visuel{ margin:0px auto; width:100%; text-align:center; display:block; position:relative; clear:both;}
 #visuel img{  width:100%; heght:auto; max-width:960px; margin-top:0px;}
#plan img{  width:100%; heght:auto; max-width:960px; margin-top:30px;}
#plan2 img{  width:100%; heght:auto; max-width:500px; margin-top:30px;}

 ol, ul { list-style: none; }
a:focus { outline: none;}

/*
table tr:nth-child(odd) { background-color: #fffffff; }
table tr:nth-child(even) { background-color: #eafcfd;}
table tr:first-child { background-color: #fff;}*/
table { font-size:0.9em;  }
table .cyan { background-color: #5cd6d6;   }
table .blue { background-color: #1a9ea4; color:#ffffff;   }
table .G { padding-left:20px;   }
table .coquille{ background-color: #ffffcc;   }
table .antracite{ background-color:#666666; color:#ffffff;   }
table .selec{ background-color: #de620f; color:#ffffff;   }
#row table {
  border-collapse: separate;
  border-spacing: 1px;
}
#row table td{
  
}

.floatL { float:left; margin-right:10px;}

.floatD { float:right; margin-left:10px;}
.floatacces { margin: 0px 15px; }
/********NAVIGATION************/
.clear{  clear:both; }
.margeneg{  margin-top:0px; margin-bottom:-20px; }
.margenegphoto{  margin-top:-60px; margin-bottom:0px; }
.margeneg1{  margin-top:5px; margin-bottom:15px; }
.margeneg2{  margin-top:5px; margin-bottom:5px; }
.margeneg2bis{  margin: 10px auto; }
.margeneg2ter{  margin: 22px auto; }
.margeneg2quad{  margin-top:-25px; margin-bottom:25px; }
.margeneg3{  margin-top:0px; margin-bottom:10px; }
.margeneg4{  margin-bottom:30px; }
.margenegpicto{  margin-top:-10px; margin-bottom:-15px; }
.margenegR{  margin-right:30px; }
.margenegT{  margin-top:20px; }


#margenegTbrouage{  margin-top:-110px; width:100%; display:block; z-index:0; position:relative;  }
.z-index10 {   z-index:10;  }

.margenegB{  margin-bottom:-45px; }
.margenegB1{  margin-bottom:-45px; margin-top:20px; border-top:1px solid #eee; padding-top:20px; background:#eee; }
.margenegB2{  margin-bottom:-45px;  margin-top:-25px;}
.margenegF{  margin-bottom:0px; }
.paddingblocnote{  padding-bottom:10px; }
.margenegLR{  margin-right:10px; margin-left:10px; }
.margenegL{ margin-left:0;padding-left:0; list-style:none; }
.paddingT{ padding-top:30px; border-top:1px solid #ffffff; }
.paddingB{ padding-bottom:10px;  }
.cadre{  border:1px solid #ccc; }
.cadre2{  border:4px solid #ffffff; }
.cadre3{  border:4px solid #555555; }



.justifie {  text-align : justify;}
.centrer {  text-align : center;}
.centrage {  text-align : center; margin:0 auto;}
.jaune{ color:#f9d71b; }
.jaune2{ color:#ffbc07; }
 .bleu{ color:#24c2df; }
.vert{ color:#8ea107; }
.gris{ color:#646869; }
.rouge{ color:#db2809; }
.colorRouge{ color:#db001b; }
.orange{ color:#ef8406; }
.rose{ color:#d4124a; }
.blanc{ color:#ffffff; }
.blancas{ color:#dddddd; }
.beige{ color:#ab9c8f; }
.vert2{ color:#1bc8b5; }
.radius{ border-radius:10px; }
.full{width:100%; height:auto; }
.borderTB{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; }
.borders{border: 1px solid #ccc; }
.separation{border-top: 1px solid #555; margin: 20px 0; width:100%; display:block; }

.ligneB::after{
	content: "";
    display: block;
	margin:20px auto 20px auto;
    width: 100%;
   border-bottom: 2px dotted #fff;
	border-color: inherit!important;
	
}
.ligneH::before{
	content: "";
    display: block;
	margin:20px auto 20px auto;
    width: 100%;
   border-bottom: 2px dotted #fff;
	border-color: inherit!important;
	
}
 /* Bateau logo */
 
 /* Bateau logo */
    #bateau {width : 100%; height : auto; background:#eee; border-top:0px solid #999; border-bottom:0px solid #ccc;  margin : 10px 0; text-align:center; padding-top:10px; padding-bottom:20px; clear:both; display:block;}
	#bateau img{width : 120px; height : auto; border: 1px solid #ccc; margin:5px; }
	#bateau img:hover{width : 120px; height : auto; border: 1px solid #fff; margin:5px;}
	#bateau h1{ margin-bottom:10px;}
	#bateau h3{  margin:0 auto 10px auto; font-size:1em;}
 
 
 
    #galerie {width : 100%; height : auto; border-top:0px solid #1a9ea4; border-bottom:0px solid #1a9ea4;  margin : 30px 0; text-align:center; padding-top:10px; padding-bottom:20px;}
	 #galerie2 {width : 100%; height : auto; text-align:center; padding-top:0px; padding-bottom:20px;}
	
	
	#galerie h1{ margin-bottom:10px;}
	
	#galerie img, #galerie2 img{width : 100%; height : auto; border: 10px solid #db001b; margin:5px 0px;}
	#galerie img:hover, #galerie2 img:hover{width : 100%; height : auto; border: 10px solid #3e383c; margin:5px 0px;
	
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;}
	
 


pa::first-letter {
  font-family: 'Oswald', sans-serif;
  font-size:1.5em;
  padding:0em 0.2em 0em 0.2em;
  float:left; margin: -0.4em 0.2em -0.2em 0.2em;
  color:#ffffff; background:#646869; bordera-radius:50%;
}

#covered {display:block; }
#covered h4{font-family: 'Oswald', sans-serif; font-size:2em;margin-bottom:30px; }

.underline{ text-decoration:underline; }

.decallage1acces{  padding: 2px 20px 2px 20px; color:#ffffff; margin: 0px auto 10px 0; font-size : 11pt; line-height : 17pt; display:block; background:#1a9ea4; border-radius:10px;}
.decallage1acces h4 {   font-size:1.2em; color:#ffffff; font-weight:200; }

.decallage1bis{  padding: 5px 0px 0px 0px; color:#ffffff; 
margin: 3px auto 7px auto; font-size : 11pt; line-height : 17pt; display:block; border-top:0px solid #eeeeee;  }
.lobster{ font-family: "verveine",sans-serif; font-size:2.2em;    }
.decallage1bis a {   padding: 5px 20px 10px 20px; color:#ffffff; 
margin: 10px auto 10px 0;   }
.decallage1bis h1 {   font-size:1.6em;  }
#index #home .decallage1bis h2 {   font-size:1.2em; font-weight:400;  padding-left:10px; padding-right:10px;  }
.decallage1bis h4 {   font-size:1.2em; color:#ffffff; font-weight:200; }
.decallage1bis h3 {  font-family: "verveine",sans-serif; font-weight:700; font-size:3em; margin-top:10px; }
.decallage1bis img {   margin:0px auto -10px auto; }
.decallage1bis img .floatL2 { float:left; margin: -10px 10px 130px 0px;}


.radius5{ border-radius:5px; }
.radius30{ border-radius:30px; }

.decallage1ter{  padding: 7px 10px 10px 10px; text-align:left;
margin: 0px ;  display:block; border:1px solid #bbbbbb; }
.decallage1ter a {   padding: 7px 10px 5px 10px; color:inherit; 
margin: 10px auto ;   }
.decallage1ter i {  margin-right: 10px ;   }
.decallage1ter h1 {   font-size:1.6em;  }
.decallage1ter h4 {   font-size:1.2em;font-weight:200; }
.decallage1ter h3 {  font-family: "verveine",sans-serif; font-weight:700; font-size:3em; margin-top:10px; }





.shadow {  text-shadow: 0 1px 2px #666666; }


.decal2 {padding:15px;  background:rgba(12,155,167,0.80); margin :10px 15px 10px 15px; font-size : 11pt; line-height : 17pt; font-family: 'lato', sans-serif; color:#ffffff; font-weight:300;}
.decal3 {padding:15px;  background:rgba(12,155,167,0.80); margin :10px 15px 10px 15px; font-size : 11pt; line-height : 17pt; font-family: 'lato', sans-serif; color:#ffffff; font-weight:300; -webkit-box-shadow: 0 5px 10px 1px rgba(0,0,0,0.3);
box-shadow: 0 5px 10px 1px rgba(0,0,0,0.3);}
.decalul {margin :0px 0px 0px 0px; padding:0; width:50%;}
.decalul2 {margin :0px 0px 0px 0px; padding:0; }

.paddingplus {padding:30px; }

.paddingtable {padding:10px; }

.ombre{-webkit-box-shadow: 0 15px 20px 0 rgba(0,0,0,0.5);
box-shadow: 0 15px 20px 0 rgba(0,0,0,0.5);}

.ombre2{-webkit-box-shadow: 0 5px 8px 0 rgba(0,0,0,0.3);
box-shadow: 0 2px 8px 0 rgba(0,0,0,0.4);}

.ombreG{ ; background:#f15a2a;  padding-top:100px; padding-bottom:20px; margin-top:-100px; 
-webkit-box-shadow: 5px 0 10px 0 rgba(0,0,0,0.3);
box-shadow: 5px 0 10px 0 rgba(0,0,0,0.3); }

video {
	max-width: 100%;
	height: auto;  margin:0 auto;
}
.center {
	width: 100%;
	height: auto; margin:30px auto 0 auto;padding-top:10px; padding-bottom:10px; position:relative; text-align:center; background:#000000;
}

.carre3{ background:#f2fbff; border:1px solid #ccc; color:#666; margin:10px auto;
 padding:10px 10px 10px 10px; width:inherit;  }
 .carre3 h7{  color:#fff; margin-bottom:10px;
 padding:5px; width:100%; display:block; text-align:center;   }
 .carre3 ul{ margin-left:0;padding-left:0; list-style:none; color:#666666; font-weight:400;  line-height:1.0em  }
  .carre3 ul ul{ margin-left:30px; margin-top:10px; color:#3884b3; }
  .carre3 ul ul li img, .carre3 ul ul li img:hover{ width:50px; height:auto; border:none; float:right; margin-top:-5px; margin-left:5px; }

  
  .carre3 li{ margin-bottom:10px; }
  .carre3 img{max-width : 250px; width:100%; height : auto; border: 1px solid #666666; margin:5px auto;}
	.carre3 img:hover{border: 1px solid #ccc; }

.carre{ background:#d4124a; border:0px solid #d4124a; color:#ffffff; margin:1px 0px 0px 0px;
border:0px solid #d4124a; padding-top:15px; padding-bottom:15px;  }
.carre h1{ font-size:2.5em; line-height:1em; margin-top:0px; margin-bottom:0px; font-family: "verveine",sans-serif; font-weight:700;  }

.minH1{ min-height:355px; }
.minH2{ min-height:255px; }
.minH3{ min-height:200px; }
.carre img{ margin:0 auto; }
.carre h2{ margin:0px 0px 0px 0px; }
.carre .lien{  color:#7fd3ef; text-decoration:underline; font-family: 'Oswald', sans-serif;  }
.carre2{ color:#ffffff; margin:0px 0px 0px 0px; padding-bottom:15px; }
.carre2 h3{ font-size:1em; line-height:1.2em;font-family: 'Oswald', sans-serif;  }
.carre2 i{ background:#646869;color:#ffffff;padding:10px 15px; border-radius:0%;-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3); border:0px solid #ffffff;}
.carre .centrage, .carre2 .centrage {  text-align : center; margin:-20px auto -10px auto;}
.carre:hover, .carre2:hover{ background:#ffffff; color:#666666; border:0px solid #d4124a; 
-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;}
	
.surligne{  text-decoration:underline; }	

.bgdrose{ background:#d4124a;}	
.bgdrouge{ background:#e3001b;  color:#fff;}
.bgdvert{ background:#bbc109;   color:#fff;}
.bgdgris, .bgdgris a{ background:#646869;   color:#ffffff;}
.bgdvert2{ background:#20e0d9;   color:#666;}
.bgdvert3{ background:#a7ad1b; }
.bgdbleu{ background:#1a9ea4; }
.bgdgris2{ background:#eee;}
.bgdgris3{ background:rgba(0,0,0,0.70)}
.bgdorange{ background:#de670f;}
.bgdjaune{ background:#f9d71b;    color:#666;}
.bgdbeige{ background:#ab9c8f!important; color:#fff;}
.bgdrepet{ background:url(../images/repet.jpg) repeat center}

.bgd1{ background:#0278b0;}
.bgd2{ background:#0296b0;}
.bgd3{ background:#1a9ea4;}
.bgd4{ background:#4ba76e;}
.bgd5{ background:#86b439;}
.bgd6{ background:#a7bc1b;}
.bgd7{ background:#bbc109;}
.bgd8{ background:#77ae5b;}




.bgd1:hover, .bgd2:hover, .bgd3:hover, .bgd4:hover, .bgd5:hover, .bgd6:hover, .bgd7:hover, .bgd8:hover, .bgdrose:hover, .bgdorange:hover, .bgdjaune:hover , .bgdvert:hover, .bgdbeige:hover, .bgdvert3:hover, .bgdblanc{ background:#fff; color:#666; text-decoration:none;  -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;}
	
	
	.bgdbleu #pictosolo {
    
	background: url(../images/PICTOS100x100-solo-b.png) no-repeat ; width:100px; height:100px; float:left; margin-bottom:0px; margin-top:-5px; display:block; position:relative;
}
.bgdbleu:hover #pictosolo {
    
	background: url(../images/PICTOS100x100-solo-n.png) no-repeat ; width:100px; height:100px; float:left; opacity:0.75;display:block; margin-bottom:0px; margin-top:-5px;
}	
.bgdgris #pictoduo {
    
	background: url(../images/PICTOS100x100-duo-b.png) no-repeat ; width:100px; height:100px; float:left; margin-bottom:0px; margin-top:-5px; display:block; position:relative;
}
.bgdgris:hover #pictoduo {
    
	background: url(../images/PICTOS100x100-duo-n.png) no-repeat ; width:100px; height:100px; float:left; opacity:0.75;display:block; margin-bottom:0px; margin-top:-5px;
}	
.bgdorange #pictorelais, .bgdvert3 #pictorelais {
    
	background: url(../images/PICTOS100x100-relais-b.png) no-repeat ; width:100px; height:100px; float:left; margin-bottom:0px; margin-top:-5px; display:block; position:relative;
}
.bgdorange:hover #pictorelais, .bgdvert3:hover #pictorelais {
    
	background: url(../images/PICTOS100x100-relais-n.png) no-repeat ; width:100px; height:100px; float:left; opacity:0.75;display:block; margin-bottom:0px; margin-top:-5px;
}	
	
	
	#returntop {
	position: relative; display: block;
	height: 70; width:70px; margin:-50px auto -20px auto;  opacity:1; z-index:10;

		}
		
		#returntop:hover{
	opacity:0.5;

		}


.padding{ padding:15px; margin-left:0px;}
.margezero{ margin-left:-40px;}
.listeactu{ padding-left:10px; border-left: 3px solid #db2809;}
.listeactu ul, .listeactu li{ margin-left:0px; margin-top:10px; }

/*       citation      */

.titre {
        padding: 3px 10px 1px 10px;
        margin: 30px 0 20px 0px; 
        display:block;  min-height:35px;
        
    }
	.titre h1 {
        margin-top: 0px; font-size:1.5em; font-height:1.5em; font-family: 'Oswald', sans-serif;  font-weight:100;color:#ffffff;
        
    }
	.titre h1 img {
        margin-top: -20px;margin-bottom:0px;
        
    }
	
	.titre2 {
        padding: 3px 10px 0px 10px; color:#ffffff;
        margin: -60px 0 60px 0px; 
        border-bottom:0px solid #666666;border-top:0px solid #ffffff; 
		 display:block; text-align:center; min-height:35px;
        
    }
	.titre2 h1 {
        margin-top: 0px; font-size:1.5em; font-family: 'Lato', sans-serif;  font-weight:900;
		text-shadow: 1px 1px 3px #000000;
        
    }
	
    blockquote {
        padding: 7px 7px 7px 20px;
        margin: 0px 0 10px 0px;
        
        border-left:10px solid;
		  display:block; text-align:left; 
    }

    blockquote p {
        
        font-size: 12pt; color:inherit;
        fon-weight: 100;
        font-style: italic;
        font-family: 'Lato', sans-serif; text-align:left;
        line-height: 16pt; font-weight:400;
    }



	






#haut{ 

width:100%; position:fixed; z-index:1000;   display:block;  height:122px; margin-top:-10px; padding-top:0px;    background:#555555; border-bottom: 1px solid #ffffff; -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.4);

 }


#facebook{
position: absolute; right:356px; top:0px; z-index:1000; height:50; width:45px; text-align:left;  margin-top:10px;
 display: block; padding:0; color:#ffffff; 

}
#facebook a{ color:#e3001b;}
#facebook a:hover{ color:#ffffff;}


#verstop {
	position: fixed; display: block;
	height: 70; width:70px; right:-20px; bottom:50px; z-index:1000; font-size:3em; color:#e3001b !important;

		}
		
		#verstop a, #verstop i {
	color:#e3001b !important;

		}
		
		#verstop img:hover{
	opacity:0.5;

		}

#slogan{
position: absolute; right:0px; top:-10px; z-index:1000; height:auto; width:350px; text-align:left;  margin-top:0px;
 display: block; font-size: 0.9em; padding:0; border-left: 3px solid #ffffff; padding-left:20px;

}

#sloganbis{
position: absolute; right:200px; top:-10px; z-index:1000; height:auto; width:180px; text-align:right;  margin-top:0px;
 display: block; font-size: 0.9em; padding:0 20px 0 0px; 

}

#slogan h1, #logo h1, #sloganbis h1{ 
	color: #ffffff;
        	font-weight:500;
        font-family: 'lato', sans-serif;
		font-size: 1em; margin-bottom:-20px; font-weight:400;
            
           
}



#slogan a, #sloganbis a{ 
	color: #28A6B9;
        	font-weight:500;
        font-family: 'lato', sans-serif;
		font-size: 1.2em; margin-bottom:-20px; font-weight:400; text-decoration:underline;
            
           
}

#slogan a:hover, #sloganbis a:hover{ 
	color: #999999;
        	
            
           
}

#slogan h3, #slogan h3 a, #sloganbis h3, #logo h3{ 
	color:#e3001b!important; 
        	
       font-family: 'lato', sans-serif!important;
		font-size: 1.1em!important;   line-height:1em!important;  font-weight:700!important;margin-bottom:0px!important;letter-spacing:-0.02em!important;text-decoration: none!important;
      
           
}
#slogan h3 span, #sloganbis h3 span{ 
	color:#ab9c8f;
        	
       font-family: 'lato', sans-serif;
		font-size: 1.0em;   line-height:1em;  font-weight:700;margin-bottom:0px;  margin-left:10px;  letter-spacing:-0.02em;
            
           
}


#slogan2{
position: relative; z-index:999;  height:auto; width:100%; margin:-10px auto 20px 0px; text-align:left; padding: 0px 0px 0 0px;width:500px; border:0px solid #000000;
}
#slogan2 a, #slogan2 a:hover {
 text-decoration:none;    

}
#slogan2 .logo{
position:absolute; display:block;left:0px;  width:117px; height:80px;  padding:5px 0px 0px 5px;margin-top:20px;

}
#slogan2 .logo img{
 max-width:100%; height:auto;    

}



#slogan2 .texte{
display:table;  z-index:1000; text-align:center; margin:0px auto 0 120px;

}
#slogan2 h1{

color:#ffffff; font-size: 2.0em; line-height:1.1em;   font-family: 'Lato', sans-serif;  font-weight:900;
 display:block; border-bottom:1px solid #ffffff; 
}
#slogan2 h1 span{

color:#e3001b; text-shadow: 0 1px 3px #000000;
}

#slogan2 h2{
font-weight:400;
 color:#24c2df; font-size: 0.9em; line-height:1.5em;     font-family: 'Lato', sans-serif;  display:block;  margin-top:-10px; letter-spacing:0.0em;

}


#decompte{
position: absolute; z-index:1000; height:auto; width:220px; text-align:left; 
 display: block;  padding:5px; top:30px; right:0px; margin-right:20px; 
}
#decompte i{
float:left; margin-right:10px;  color:#666;
 

}
#decompte p{

 font-family: "verveine",sans-serif;
		font-size: 2em; font-weight:700;   line-height:0.5em;  color:#666; margin-bottom:0px; margin-top:10px;
 

}
 


#decompte input{

 font-family: 'lato', sans-serif;
		font-size: 1.5em;   line-height:1em;  font-weight:700; border:none; color:#0296b0; background:none;
 

}




.deuxcol{
	
	color:#666;
	margin:0px auto 0px auto;
	text-align:justify;
-moz-column-count: 2;
-moz-column-gap: 30px;
-webkit-column-count: 2;
-webkit-column-gap: 30px;
column-count: 2;
column-gap: 30px;
}


.icon-bar {background: #ffffff;}

/*******INDEX*******/



.home-btn{display: block; width: 115px; padding-top:115px; height:150px; background: url(../img/btn-home.png)top no-repeat ; text-align: center; font-weight:bold; vertical-align:bottom; color:#fff; font-size:20px; }
.home-btn:hover,.home-btn:focus {text-decoration: none;}

#index #home{ padding: 77px 0 0px 0;}
#index #home h2 { padding-bottom: 0px; text-decoration:none;font-size:1.5em; letter-spacing:0.0em; font-family: 'Lato', sans-serif; font-weight:400;}
.cadre4{  border:1px solid #ccc;margin:10px 0px;background: rgba(252,252,252,0.80);padding:0px 0px;-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.3);
box-shadow: 0 5px 15px 0 rgba(0,0,0,0.3); transition: all .2s ease-in; }
.cadre4:hover{background: rgba(252,252,252,1.00); -webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0);box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0); }
.cadre4 h2{font-family: 'Oswald', sans-serif!important;text-align: center;padding:10px 30px 10px 30px;margin-top:0px;font-size:1.5rem!important;color:#333;text-decoration: none!important;}
.cadre4 a h2, .cadre4 a:hover h2{text-decoration: none!important;}


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

#content img {background: url(../img/points.png) bottom right no-repeat; padding-bottom: 20px;}




#content{ padding: 5px 0 5px 0;width:100%; display:block;  clear:both; position:relative;}
#content hr { border-top:1px solid #ab9c8f; width:50%; }

/*****************/
footer { margin: 45px 0 0 0; width:100%; height:auto; position:relative; bottom:0px; padding:10px 20px 10px 20px;  background:rgba(0,0,0,0.70); color:#ffffff; border-top:1px solid #ffffff;
-webkit-box-shadow: 0 -10px 25px 0 rgba(0,0,0,0.3);
box-shadow: 0 -10px 25px 0 rgba(0,0,0,0.3);}
footer a{   color: #ab9c8f; text-decoration:none; font-family: 'lato', sans-serif;}
footer a:hover {
	color:#5df1dc;
	text-decoration: none;
}
footer a span {
	
	color: #666; font-weight:500; cursor:none; text-decoration:none;
	
}
footer h3 {
	color: #e3001b;
	
}
footer h4 {
	color:#5df1dc; font-family: 'Oswald', sans-serif;
	
}

.footer .widget h5 {
	color: #666;
	padding: 0;
	margin:-15px 0 0 0;
	font-size: 100%; letter-spacing:-0.05em;
	font-weight: 300;
}

.quoi { width:100%; height:900px; display:block; position:relative;}
.fois { vertical-align: -8px; font-size:150%;}
.fois2 { vertical-align: -8px; font-size:100%;}


/* VENTE */
#filter label {padding : 0 15px; height : 25px; background : #eee; color:#666666; display : block; float : left; margin-right : 10px; border-radius : 0px; line-height : 27px;}
#filter label:hover {color : #fff; background : #db001b; cursor:pointer;}
#filter label input {display : none;}

.vente h1 {text-align:center; margin:0 auto; color:#24c2df!important;}
.vente li {width : 300px; height : 175px; float: left; position : relative; margin : 10px; font-family: 'Lato', sans-serif;}
.vente li a{width : 300px; height : 175px; position : absolute ; top: 0; left : 0; background:rgba(0,0,0,0.60) ;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;}
.vente li a:hover{opacity : 1;}
.vente li .middle {font-size : 1.4em; color : #81d3ed; text-align :center; line-height : 24pt; font-family: 'Lato', sans-serif; width : 100%; position : absolute; top : 33%;}
.vente li .middle .blanc {color : #fff; display : block; font-family : 1.4em;}
.vente li img {width : 300px; height : 175px;}

.vente .description { font-size:14px; line-height:15px;  margin-top:40px; margin-bottom:20px; color:#eeeeee; }
.vente .description h2 {font-size : 21pt; }

.vente .orbit-wrapper, .vente #sliderShadow {margin-left : 0; float: left;}
.vente .info {float :left; padding : 0px 20px 20px 20px; background : #fff; margin-top : 38px; margin-left:20px; font-size:14px; line-height:12px;}

.vente .prix { color : #666; font-size : 18pt; line-height:18pt;}

.gardiennage p, .entretien p {float:left; width : 460px; margin : 10px;}


/******MEDIA QUERY*******/

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



/* 
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/ 
*/

/* 
This element holds injected scripts inside iframes that in 
some cases may stretch layouts. So, we're just hiding it. 
*/

#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

/* Wobble Vertical */
@-webkit-keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.btn-default {
  color: #fff;
  
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #666666;
  border-color: #cccccc;
}


#coordonnees a:hover { outline: none; color:dddddd!important;}

.active, .active:hover {
	color: #ffffff !important; background:#db001b; 
	text-decoration:none; 
	
	
}

.active i {
	color: #ffffff !important; padding-bottom:10px;
	
	
}