@charset "utf-8";
/* CSS, Document */

   
body{ background-color:white;
      margin: 0;
	  padding: 0;
	  font-family: 'Arial', serif;
	  line-height:1.1em;
	  max-height: 1000000em; /* Chrome for Android */
     -moz-text-size-adjust: none; /* Firefox Mobile */
     }
	 
#gabPresentLogo{ position:fixed;
                 width:100%;
				 height:100%;
				 z-index:200;
				}


.Header, .Page, .Footer{ width:100%;
					     color:white;
						 position:relative;
						 display:block;
						 margin:0;
						 padding:0;
						 clear:both;
					}
					
.Header{     height:300px;
             background-image:url(../img/Header/fond-new.jpg);
			 background-repeat:no-repeat;
			 background-size: cover; 
			 background-position:center;
			 margin:0;
			 padding:0;
		 }
	
.Page{   height:100%;
     }
		
.Footer{  height:245px;
		  background-image:url(../img/Footer/fondFooter.jpg);
		  background-repeat:no-repeat;
		  background-size:cover;
		 }

img{  border:none;
	  margin:0;
      padding:0;
	  width:100%;
	  height:100%;
}
	
/* fenetre Ajax*/
#GabAjax{         position:fixed;
                  width:100%;
				  height:100%;
				  background-color:rgba(0,0,0,0.2);
				  z-index:100;
				  display:none;
		}
/*fin fenetre Ajax*/								

#header{ height:100%;
         width:950px;
		 margin-top:0;
		 margin-left:auto;
		 margin-right:auto;
	   }
		
#header #language{ position:relative;
                   width:100%;
				   height:10%;
				   margin-left:auto;
				   margin-right:auto;
				   display:none;
				  }
				   
#header #language .drapeau{ position:relative;
							float:right;
							width:3%;
							height:100%;
						    margin-left:5px;
							margin-right:5px;
							}
		 		
#logo{  width:65%;
        margin-left:auto;
	    margin-right:auto;
		padding-top:2%;
	 }
																	  
.gabContent{       position:relative;
				   width:950px;
				   height:100%;
				   margin-right:auto;
		           margin-left:auto;
				}	
			

									   				 
.ligne { width:100%;
         margin-bottom:3px;
		 margin-left:auto;
		 margin-right:auto;
		 padding:0px;
         background:transparent;
         border-color:#c4a000;
         border-width:0 0 1px;
         border-style: solid;
       }	

.gabTitleAndDesign, .gabTextClassique{  position:relative;
										display:block;
										width:100%;
										max-height: 1000000em; /* Chrome for Android */
     								    -moz-text-size-adjust: none; /* Firefox Mobile */
								      }

.gabTitleAndDesign { height:50px;
                     margin-top:2%;
                    }

.gabTextClassique{    position:relative;
					  display:block;
					  text-align:justify;
					  color:#333;
					  font-size:1em;
					  margin-top:15px;
					  line-height:1.4em;
						 }
		
h4{  margin-top:10px;
     margin-bottom:2px;
     padding:0;
	 color:#455c72;
	 }
	 	
h3{  font-family: 'Teko', sans-serif;
     color:#8a877e;
	 font-size:1.5em; 
	 letter-spacing: 0.03em;
	 }	
	 
h2{  font-family: 'Teko', sans-serif;
     color:#658db2;
	 font-size:2em; 
	 letter-spacing: 0.03em;
	 }	

h1{  font-family: 'Teko', sans-serif;
     font-size:4em;
	 letter-spacing: 0.03em;
	}
																	   
.TitleArticle,.gabLigneDesign{  position:relative;
								display:inline-block;
								float:left;
								height:50px;
								padding:0;
								margin:0;
						      }
			  
			   
.ligneDesign {   position:relative;
				 display:none;
				 float:left;
				 width:100%;
			     margin-top:40px;
				 margin-bottom:auto;
				 margin-left:10px;
				 margin-right:0;
				 padding:0px;
				 background:transparent;
				 border-color:#F00;
				 border-width:0 0 1px;
				 border-style: solid;
		  }
 	     
a{ decoration:none;
   text-decoration:none;
   color:white;
   }
 
		   
#ContentVideo{ background:#000;
               position:fixed;
               border:#C90 thin double;
	           right:0px;
			   z-index:400;
	          }

											  
section #control {  width:100%;
                    height:20px;
                  }

section #control #return, section #control #deconnect{  display:inline-block;
                                                      }

section #control #return {  float:left; }

section #control #deconnect{ float:right; }

section #control #deconnect a .txt, section #deconnect a .icone,section #control #return a .txt, section #control #return a .fleche {   display:inline-block;
																																	    float:left;
																																	    color:#fdd71c;
																																	    text-decoration:none;
																																	    font-weight:bold;
																																	    font-size:0.8em;
																																 	 }

section #control #deconnect a .txt{    margin-top:1px; 
							       }

section #control #deconnect a .icone, section #control #return a .fleche{   width:15px;
																		    height:18px; 
																		    margin-left:8px; 
																		    margin-right:8px; 
																		 }

section #control #deconnect a .icone img, section #control #return a .fleche img{   width:100%;
																                    height:100%;  
																                }
														
section #control #deconnect a:hover .txt, section #control #return a:hover .txt{    color:white;
																					text-decoration:underline;
																				   }

section #success{   margin-left:auto;
					margin-right:auto;
					text-align:center;
					width:50%;
				}
														
section #success #icone, #success #txt {    display:inline-block;
											float:left;
											font-weight:bold;
											color:white;
											font-size:1.1em;
                                        }
								 
section #success #txt {  margin-top:6px;
                        }	
									 
section #success #icone {   width:30px;
                            height:25px;
							margin-right:10px;
				            }	
										
section #success #icone img{   width:100%;
                               height:100%;
				            }

.Page .gabContent .gabArticle a .buttonQuick { border:thin #fdd71c solid;}

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

.Header{ height:210px;}

#logo{  width:45%;}
 
   }	

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

.Header{ height:270px;}

#logo{  width:55%;}
 
   }	
		 
@media all and (min-width: 1920px){	 

.Header{ height:345px; }

#logo{  width:75%;}


 }