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

body{font-size:14px;line-height:20px;}
p{font-size:14px;line-height:20px;}

h1{font-size:44px;line-height:54px;}
h2{font-size:28px;line-height:38px;}
h3{font-size:20px;line-height:30px;}
h4{font-size:18px;line-height:22px;}

ul{font-size: 14px;line-height:22px;}
input{font-size:16px;}
select{font-size:16px;}
textarea{font-size:16px;}


@media (max-width: 1100px) {
h1{font-size:40px;line-height:50px;}
h2{font-size:24px;line-height:34px;}
h3{font-size:18px;line-height:22px;}
h4{font-size:16px;line-height:20px;}
}


@media (max-width: 500px) {	
h1{font-size:36px;line-height:46px;}
h2{font-size:22px;line-height:32px;}
h3{font-size:16px;line-height:20px;}
h4{font-size:16px;line-height:20px;}
}


/*-------------------------------------------------*/
/* LAYOUT STRUCTURE                                */
/*-------------------------------------------------*/
#containerDisplay{width:100%;margin-top:100px;}
#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                           */
/*-------------------------------------------------*/

#header1Content1InnerBoxLogo{width:140px;}
#header1Content1InnerBoxLogoImg{margin-left:10px;margin-top:10px;}

#header1Content1InnerBoxAdmin{visibility: hidden;display: none;}
#header1Content1InnerBoxMenu{visibility: hidden;display: none;}
#header1Content1InnerBoxLogin{visibility: hidden;display: none;}

#header1Content1InnerBoxLangue{width:130px;}
.header1Content1InnerBoxLangueInner{width:130px;}
.header1Content1InnerBoxLangueInnerTexte{width:130px;border-left: none;	font-size: 14px;}
@media (max-width: 330px) {
#header1Content1InnerBoxLangue{width:110px;}
.header1Content1InnerBoxLangueInner{width:110px;}
.header1Content1InnerBoxLangueInnerTexte{width:100px;border-left: none;	font-size: 12px;color:#ff0000}
	
}	

#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;background-color: #ff0000}

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


/*-------------------------------------------------*/
/* STRUCTURE OF FOOTER                             */
/*-------------------------------------------------*/
.footerMenuInner{width:90%;}
.footerContactFormInner{width:90%;}
.footerInfosInner{width:90%;}
.footerCopyrightInner{width:90%;}

.footerContactForm_Form{width:90%;}
.footerContactForm_Form_2Cols_Col{width:50%;}

.footerMenuTitre{font-size:44px;line-height:54px;}
.footerMenuSousTitre{font-size:20px;line-height:30px;}
.footerMenuBtn{width:375px;height:40px;font-size:18px;line-height:24px;}
.footerInfosSociete{font-size:20px;line-height: 24px;}
.footerInfosAdresse{font-size:13px;line-height:17px;}
.footerCopyrightTxt{font-size:13px;line-height:17px;}

.footerContactFormTitre{font-size:44px;line-height:54px;}
.footerContactFormSousTitre{font-size:20px;line-height:30px;}


@media (max-width: 1100px) {
.footerMenuTitre{font-size:40px;line-height:50px;}
.footerMenuSousTitre{font-size:18px;line-height:28px;}
.footerMenuBtn{width:375px;height:40px;font-size:16px;line-height:22px;}
.footerInfosSociete{font-size:18px;line-height: 24px;}
.footerInfosAdresse{font-size:13px;line-height:17px;}
.footerCopyrightTxt{font-size:13px;line-height:17px;}

.footerContactFormTitre{font-size:40px;line-height:50px;}
.footerContactFormSousTitre{font-size:18px;line-height:28px;}

}

@media (max-width: 700px) {
.footerContactForm_Form_2Cols_Col{width:100%;}
.footerContactForm_Input{width:100%;}
.footerContactForm_Select{width:100%;}
.footerContactForm_Select option {font-size:16px;}
}


@media (max-width: 500px) {
.footerMenuTitre{font-size:36px;line-height:46px;}
.footerMenuSousTitre{font-size:16px;line-height:26px;}
.footerMenuBtn{width:320px;height:40px;font-size:14px;line-height:20px;}
.footerInfosSociete{font-size:16px;line-height: 24px;}
.footerInfosAdresse{font-size:13px;line-height:17px;}
.footerCopyrightTxt{font-size:13px;line-height:17px;}

.footerContactFormTitre{font-size:36px;line-height:46px;}
.footerContactFormSousTitre{font-size:16px;line-height:26px;}

}
	
@media (max-width: 360px) {
  .footerMenuBtn{width:260px;height:40px;font-size:13px;line-height:21px;}
}