@charset "utf-8";

/*page accueil*/
.tooltip { position:absolute; padding:8px; background-color:#f2f9fc; border:1px solid #999; display:none; width:350px; height:auto; font-size:13px; text-align:justify; }
.tooltip a { color:#000; }
.tooltip a:hover { text-decoration:underline; }
.tooltip .tooltip_link { float:right; margin:0 0 3px 0; color:#f00; font-size:11px; }
.tooltip_link:hover { text-decoration:underline; }
.clearer { clear:both; }

.video_bloc { width:800px; height:auto; border:0; margin:10px 0 0 75px; display:none; }
.video_bloc video { border:1px solid #ccc; }
.video_bloc_link { float:right; color:#f00; font-size:12px; margin:0 0 5px 0; text-decoration:none; }
.video_bloc_link:hover { text-decoration:underline; }

#gabAccueil	{background-image:url(../img/Accueil/fondAccueil.jpg);
             background-position:top;
			 background-repeat:no-repeat;
			 background-attachment:fixed;
			 background-size:cover;
			 margin-top:10px;
			 min-height:1450px;
			height:auto;
			}
/*gab Promo*/			
#Promo, #Promo2{    display:none;
           position:fixed;
		   background-color:rgba(0,0,0,0.3);
		   width:100%;
		   height:100%;
		   z-index:500;
		   text-align:center;}

#GabPromo{  display:block;
			width:600px;
			height:300px;
			margin-left:auto;
			margin-right:auto;
			margin-top:10%;
			vertical-align: middle ;
			border:thin #fdd71c solid;
            }

#GabPromo2{  display:block;
			width:900px;
			height:504px;
			margin-left:auto;
			margin-right:auto;
			margin-top:10%;
			vertical-align: middle ;
			border:thin #fdd71c solid;
            }
			
#GabPromo a #close, #GabPromo2 a #close2{     background-image:url(../img/close.png);
						background-repeat:no-repeat;
						background-size:contain;
                        position:relative;
						display:block;
						float:right;
						width:25px;
						height:25px;
						margin-right:5px;
						margin-top:5px;
						}
						
#GabPromo a:hover #close, #GabPromo2 a:hover #close2{     background-image:url(../img/close_roll.png);
					      }
						
#GabPromo #TitrePromo h2{ font-size:3em;
                          color:white;
                          text-shadow: 1px 1px 2px black; 
						  margin-top:10%;
						  }
	
#GabPromo #promoDuMois h2{  color:white;
							width:80%;
							text-align:center;
							margin-left:auto;
							margin-right:auto;
							line-height:120%;
                            text-shadow: 1px 1px 2px black; }	

/*Fin gab Promo*/			
		
.Page .gabContent{   height:535px; }

						 
.Page .gabContent #sportetdetente h1{  text-align:center;
									   color:red;
									   padding-top:50px;
									 }

#gabVidAccueil {    border:2px #658db2 solid;
					background-color:white;
                    position:relative;
					width:100%;
					height:100%;
					margin-left:auto;
					margin-right:auto;
					margin-top:30px;
				 }
				 
				 
@media all and (min-width: 800px){

.Page .gabContent .gabSectionAccueil .gabTitleAndDesign .gabLigneDesign{  width:66%;
		    															}	
}

/*	IPhone*/
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
.Page .gabContent .gabSectionAccueil .gabTitleAndDesign .gabLigneDesign{  width:61.5%;}

}
																		 

@media all and (min-width: 1024px){

.Page .gabContent .gabSectionAccueil .gabTitleAndDesign .gabLigneDesign{  width:65.5%;
		  
		    															}	
}																	
.Page .gabContent .gabSectionAccueil{    positon:relative;
										 display:block;
										 text-align:justify;
										 float:left;
										 width:100%;
										 padding:0;
										 margin-bottom:10px;
									   }
									   
.Page .gabContent .gabArticle{        positon:relative;
									  display:inline-block;
									  float:left;
									  text-align:justify;
									  width:100%;
									  padding:0;
									  margin-bottom:10px;
									}	
									
.Page .gabContent .gabArticle .gabTextClassique{       margin-top:10px;}	   

@media all and (min-width: 800px){

.Page .gabContent .gabArticle .gabTitleAndDesign .gabLigneDesign{  width:62%;
		    															}
}

/*	IPhone*/
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
.Page .gabContent .gabArticle .gabTitleAndDesign .gabLigneDesign{  width:56%;}

}

@media all and (min-width: 1024px){

.Page .gabContent .gabArticle .gabTitleAndDesign .gabLigneDesign{  width:62%;
		    															}
}

.Page .gabContent .gabArticle a .buttonQuick, .Page .gabContent .gabArticle a #buttonPromo {   position:relative;
																							   display:block;
																							   float:right;
																							   width:80%;
																							   height:60px;
																							   margin-top:8%;
																							   text-align:center;
																							   line-height:10px;
																							   text-shadow: 1px 1px 2px grey; 
																							  }

.Page .gabContent .gabArticle a .buttonQuick { font-size:14px; height:auto; line-height:25px; }
											  																															  
.Page .gabContent .gabArticle a #buttonInscription{  border-radius:15px;
                                                     background-image: radial-gradient(circle at center, #FFF, #fdd71c);
													 border:thin #F00 solid;
													 }	

.Page .gabContent .gabArticle a #buttonInscription h2{   color:#658db2;
													       }	
														   														   
.Page .gabContent .gabArticle a #buttonCours{   border-radius:15px;
                                                background-image: radial-gradient(circle at center, #FFF, #8a877e);
												 
											}	
														   													   
.Page .gabContent .gabArticle a #buttonCours h2{ color:#F00; padding:5px; }
					
														   
.Page .gabContent .gabArticle a:hover #buttonInscription h2, .Page .gabContent .gabArticle a:hover #buttonCours h2{ 
																													   color:white;
																													}
											   
.Page .gabContent .gabArticle a #buttonPromo {      background-image:url(../img/Accueil/promoFond.png);
													background-size:contain;
													background-repeat:no-repeat;
													background-position:top;
													background-origin:border-box;
													height:150px;
													width:150px;
													float:left;
													margin-left:45%;
													border-radius:200px;
													line-height:200%;
											 }
											 
.Page .gabContent .gabArticle a:hover #buttonPromo {      box-shadow: 0px 0px 15px #fdd71c;
													 }		
																						   
.Page .gabContent .gabArticle a #buttonPromo h2{
													/*margin-top:32%;*/
												margin-top:10%;
                                                  color:white;
											      text-shadow: 1px 1px 2px black; 
											    }
/* 

	##### AJOUT CSS - DANIEL #####

*/ 

/* Bleu */
.rouge_texte{
	color:#F00;
	text-decoration: underline;
}


.bleu_texte{
	color:#658db2;
	text-decoration: underline;
}