@charset "utf-8";
/* CSS Document Commune à l'affichage écran */

p{font-size:16px;line-height:22px;text-align:left;}
h1{font-size:36px;line-height:40px;}
h2{font-size:30px;line-height:34px;}
h3{font-size:22px;line-height:26px;}
h4{font-size:16px;line-height:26px;}
ul{font-size:16px;line-height:22px;}
input{font-size:14px;}
select{font-size:14px;}
textarea{font-size:14px;}



/*-------------------------------------------------*/
/* LAYOUT STRUCTURE                                */
/*-------------------------------------------------*/
#containerDisplay{width:100%;margin-top:130px;}
#content1{width:100%;}	
#content2{width:100%;}	

/*-------------------------------------------------*/
/* DETAIL OF CONTENT                               */
/*-------------------------------------------------*/
#fullContent{width:100%;}	
#leftContent{display:none;} /* on affiche pas la partie gauche dans la version mobile */
#mainContent{width:100%;}


/*-------------------------------------------------*/
/* STRUCTURE OF HEADER 1                           */
/*-------------------------------------------------*/
#header1{position: fixed;height:auto;}

#header1Content1{height:130px;}
#header1Content1Inner{width:100%;height:130px;}
#header1Content1InnerBox1{width:220px;height:130px;float:right;}
#header1Content1InnerBox2{visibility: hidden;display: none;}
#header1Content1InnerBox3{visibility: hidden;display: none;}

#header1Content1InnerBox1Logo{width:auto;height:120px;margin-top:10px;margin-right:20px;float:right;}
.header1Content1InnerBox1LogoImg{width:auto;height:110px;}

#header1TopMenu1{display:none;} /* on affiche pas le menu 1 classique dans la version mobile mais la version Mini*/

#header1Content1InnerBoxMini{visibility: visible;display: block;}
#header1TopMenu1Mini{display:block;width:100%;height:47px;}

#header1TopMenu2{display:none;} /* on affiche pas le menu 1 classique dans la version mobile mais la version Mini*/


/*-------------------------------------------------*/
/* STRUCTURE OF HEADER SLIDE                       */
/*-------------------------------------------------*/
 
/*-------------------------------------------------*/
/* STRUCTURE OF HEADER NEWSBAR                     */
/*-------------------------------------------------*/
#headerNewsBar{height:40px;}
.headerNewsBarTexte{font-size:20px;line-height:40px;}

/*-------------------------------------------------*/
/* STRUCTURE OF FOOTER                             */
/*-------------------------------------------------*/
#footer{height:1005px;width:100%;}
#footerBox1{width:100%;height:970px;}

#footerBox1Logo{width:100%;height:260px;padding-top:30px;}
#footerBox1LogoInner{width:260px;height:260px;margin:auto;}
.footerBox1LogoSocieteLogo{width:260px;margin: auto;}

@media (max-width: 550px) {
#footer{height:985px;width:100%;}
#footerBox1{width:100%;height:950px;}

#footerBox1Logo{width:100%;height:240px;padding-top:30px;}
#footerBox1LogoInner{width:240px;height:220px;margin:auto;}
.footerBox1LogoSocieteLogo{width:240px;margin: auto;}
}	

#footerBox1Adresse{width:100%;height:320px;padding-top:30px;margin-left:0px;background-color:#233519ff;}
#footerBox1AdresseInner{width:280px;height:320px;margin:auto;}
#footerBox1AdresseTitre{width:280px;}
#footerBox1AdresseSociete{width:280px;}
#footerBox1AdressePart1{width:280px;height:170px;}
#footerBox1AdresseTexte{width:250px;height:170px;}
#footerBox1AdressePart2{width:280px;}
#footerBox1AdressePart3{width:280px;}
#footerBox1AdresseContactTexte{width:250px;}

#footerBox1Menu{width:100%;height:300px;padding-top:30px;}
#footerBox1MenuInner{width:280px;height:290px;margin:auto;}
#footerBox1MenuTitre{width:280px;}
#footerBox1MenuDetail{width:280px;height:250px;}


#footerBox2{width:100%;height:35px;background-color:#233519ff;}
#footerBox2Inner{width:100%;height:35px;background-color:#233519ff;}

#footerBox2Copyright{visibility: hidden;display: none;}
#footerBox2CopyrightMini{visibility: visible;display: block;}
#footerBox2Social{visibility: hidden;display: none;}