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

/*
http://davidl.fr/blog/webdesign-adaptatif-5-astuces-indispensables.html
*/
body{font-size:14px;}
p{font-size:14px;line-height:22px;text-align:left;}
h1{font-size:36px;line-height:40px;}
h2{font-size:24px;line-height:32px;}
h3{font-size:19px;line-height:27px;}
h4{font-size:16px;line-height:26px;}
ul{font-size:14px;line-height:24px;}
input{font-size:16px;}
select{font-size:16px;}
textarea{font-size:16px;}

/*-------------------------------------------------*/
/* LAYOUT STRUCTURE                                */
/*-------------------------------------------------*/
#containerDisplay{width:100%;}
#content{float:none;}
#content1{width:100%;}	
#content2{width:100%;}	
#contentTools{width:100%;}	

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

/*-------------------------------------------------*/
/* STRUCTURE OF HEADER 1                           */
/*-------------------------------------------------*/
#header1{height:157px;}

#header1Content1{width:100%;height:120px;background-color: #ffffff;}
#header1Content1Inner{width:100%;height:120px;}
#header1Content1InnerBox1{visibility: hidden;display: none;}
#header1Content1InnerBox2{visibility: hidden;display: none;}
#header1Content1InnerBox3{visibility: hidden;display: none;}
#header1Content1InnerBoxLogoMini{visibility: visible;display: block;width:100%;}


#header1Content2{width:100%; height:37px;background-color: #d0d0d0;}
#header1Content2Inner{width:100%; height:37px;background-color: #d0d0d0;}
#header1Content2InnerLogo{visibility: hidden;display: none;}
#header1Content2InnerMenu{width:100%; height:37px;background-color: #d0d0d0;}

#header1TopMenu1{display:none;} /* on affiche pas le menu 1 classique dans la version mobile mais la version Mini*/
#header1TopMenu1Mini{display:block;width:100%;height:37px;margin-top:0px;}

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

#header1Line{visibility: hidden;display: none;}



/*-------------------------------------------------*/
/* STRUCTURE OF HEADER PHOTO                       */
/*-------------------------------------------------*/

/*-------------------------------------------------*/
/* STRUCTURE OF HEADER POUR LA RECHERCHE           */
/*-------------------------------------------------*/
#headerRechercheMini{visibility: visible;display: block;}

.headerRechercheContentBox{margin-top:10px; margin-right:5px;width:280px;}
.headerRechercheContentBoxInput{width:240px;}
.headerRechercheContentBoxInputZone{width:220px;}
	

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

#footerBox1{width:100%;height:750px;}

#footerBox1Adresse{width:100%;height:220px;padding-top:20px;}
#footerBox1AdresseInner{width:280px;height:200px;margin:auto;}
#footerBox1AdresseSociete{width:280px;}
#footerBox1AdresseSocieteCplt{width:280px;}
#footerBox1AdresseTexte{width:250px;}


#footerBox1Contact{width:100%;height:180px;margin-left:0px;padding-top:20px;background-color:#5c5c5c;}
#footerBox1ContactInner{width:280px;height:160px;margin:auto;}
#footerBox1ContactTitre{width:280px;}
#footerBox1ContactDetail{width:280px;height:110px;}
#footerBox1ContactTexte{width:245px;}

#footerBox1Menu{width:100%;height:290px;padding-top:20px;}
#footerBox1MenuInner{width:280px;height:270px;margin:auto;}
#footerBox1MenuTitre{width:280px;}
#footerBox1MenuDetail{width:280px;height:210px;}


#footerBox2{width:100%;height:35px;}
#footerBox2Inner{width:100%;height:35px;}

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