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

/*-------------------------------------------------*/
/* PAGE GENERAL                                    */
/*-------------------------------------------------*/
* { margin: 0; padding: 0; }

html 
{
}

body 
{
  font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;  
  font-style      : normal;
  font-weight     : normal;	
  font-size       : 16px;
  line-height     : 26px;  
  text-align      : left;
  color           : #575756;
  background-color: #ffffff;
}
a
{
	color           : #575756;
	text-decoration : none;
	font-weight     : normal;	
}
a:hover
{
	color           : #83C2AF;
	text-decoration : none;
}
a:focus 
{
	outline:none;
}
p
{
  font-family     : 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;  
  font-style      : normal;
  font-weight     : normal;	
  font-size       : 16px;
  line-height     : 26px;  
  text-align      : left;
  color           : #575756;
}
.textCenterAlign
{
	text-align: center;
}
.textColor1{color:#ffffff;}
.textColor2{color:#575756;}
.textColor3{color:#83C2AF;}
.textColor4{color:#006A79;}

.textUpperCase{text-transform: uppercase; }

h1
{
    font-family: 'Montserrat', 'Open Sans Condensed', 'Trebuchet MS', Arial, Helvetica, sans-serif;    
    font-style      : normal;
    font-weight     : normal;	
    font-size		: 48px;
    line-height		: 58px;  
    font-weight		: 700; 
	color           : #83C2AF;
	text-align      : left;
	text-decoration : none;
	padding-left    : 0px;
    padding-right   : 0px;	
	padding-top     : 0px;
    padding-bottom  : 10px;
}

.h1Style1
{
    font-family     :'Open Sans Condensed', 'Montserrat', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-style      : normal;
    font-weight     : 600;	
	font-size       : 30px;
	line-height     : 40px;  
	color           : #006A79;
}

h2
{
    font-family		: 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size		: 48px;
    line-height		: 58px;  
    font-weight		: 700; 
	color           : #83C2AF;
	text-align      : left;
	text-decoration : none;
	padding-left    : 0px;
    padding-right   : 0px;		
	padding-top     : 0px;
	padding-bottom  : 10px;
}
.h2Style1
{
    font-family     :'Open Sans Condensed', 'Montserrat', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-style      : normal;
    font-weight     : 600;	
	font-size       : 30px;
	line-height     : 40px;  
	color           : #006A79;	
}

h3
{
    font-family     :'Open Sans Condensed', 'Montserrat', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-style      : normal;
    font-weight     : 600;	
	font-size       : 30px;
	line-height     : 40px;  
	color           : #006A79;
	text-align      : left;
	text-decoration : none;
	padding-left    : 0px;
    padding-right   : 0px;		
	padding-top     : 0px;
    padding-bottom  : 10px;
}
.h3Style1{font-size:18px;line-height:28px;}
.h3Style2{font-size:24px;line-height:34px;color:#83C2AF;}


h4
{
    font-family     :'Open Sans Condensed', 'Montserrat', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-style      : normal;
    font-weight     : normal;	
	font-size       : 15px;
	line-height     : 25px;  
	color           : #e61e25;
	text-align      : left;
	text-decoration : none;
	padding-left    : 0px;
    padding-right   : 0px;		
	padding-top     : 0px;
	padding-bottom  : 0px;
}


ul
{
    padding-left:25px;	
  list-style-image: url('../images/puce_vert_10.svg');	
  font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;  
    
    font-style      : normal;
    font-weight     : normal;	
    font-size       : 16px;
    line-height     : 26px;  
    text-align      : left;
    color           : #575756;
	vertical-align:top;
	margin-top:5px;
}

ul a
{
  font-weight: normal;	
}
.ulStyle1
{
  list-style-image: url('../images/puce_bleu_clair_10.svg');	
}
.ulStyle2
{
  list-style-image: url('../images/puce_bleu_fonce_10.svg');	
}

li
{
  padding-left:5px;	
}
input
{
  font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;  
  font-style      : normal;
  font-weight     : normal;	
  font-size       : 16px;
  line-height     : 26px;
  color:#575756;
  background-color:#EFEFEF;
  border-style:solid;
  border-width:1px;
  border-color:#AEAEAE;
  border-radius: 20px;	  
  text-align:left;
  padding:10px;
}
select
{
  font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;  
  font-style      : normal;
  font-weight     : normal;	
  font-size       : 16px;
  line-height     : 26px;
  color:#575756;
  background-color:#EFEFEF;
  border-style:solid;
  border-width:1px;
  border-color:#AEAEAE;
  border-radius: 20px;	
  text-align:left;
  padding:10px;  
}
textarea
{
  font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;  
  font-style      : normal;
  font-weight     : normal;	
  font-size       : 16px;
  line-height     : 26px;
  color:#575756;
  background-color:#EFEFEF;
  border-style:solid;
  border-width:1px;
  border-color:#AEAEAE;
  border-radius: 20px;	  
  text-align:left;
  padding:10px;  
}

/*-------------------------------------------------*/
/* LAYOUT STRUCTURE                                */
/*-------------------------------------------------*/
#containerDisplay 
{
	margin:0 auto;
	width:100%;
/*	margin-top:250px; à activer pour fixation du menu header */
}
#content
{
  width:100%;
  padding-top:0px;
  padding-bottom:0px; 
  float:left;
}

#content1
{
	width:1250px;
	min-height:900px;
	margin:auto;
	margin-top:20px;
}	

#content2
{
    width:100%;
	min-height:900px;
}	

/* remontée en haut de site grace a un bouton affiché en bas de site */	
.cRetour {
  border-radius:3px;
  padding:10px;
  font-size:15px;
  text-align:center;
  color:#fff;
  background:rgba(0, 0, 0, 0.25);
  z-index:99999;
  transition:all ease-in 0.2s;
  position: fixed;
  cursor: pointer;
  bottom: 1em;
  right: 20px;
  display: none;
}
.cRetour:before{ content: "\25b2"; }
.cRetour:hover{
  background:rgba(0, 0, 0, 1);
  transition:all ease-in 0.2s;
}

/*-------------------------------------------------*/
/* DETAIL OF CONTENT                               */
/*-------------------------------------------------*/
#fullContent
{
  width:100%;
  min-height:900px;
}	
#leftContent 
{
  float: left;
  width: 300px; 
  height:100%;
}

#leftContentMenu
{
  float: left;
  width: 300px;   
  min-height:340px;   
  padding-top:5px;
  padding-bottom:5px; 
}
#leftContentSeparator
{
  float: left;
  width: 300px;   
  height:12px;    
  border-bottom:#999 solid 1px;
}
#leftContentAdresse
{
  float: left;
  width: 280px;   
  min-height:300px;
  padding-left : 10px;
  padding-right : 10px;    
  padding-top : 10px;
  padding-bottom : 10px;
}
#leftMotsCles
{
  float: left;
  width: 280px;   
  padding-left : 10px;
  padding-right : 10px;    
  padding-top : 10px;
  padding-bottom : 10px;    
}

#mainContent
{
  float:left;  
  width: 950px;
  min-height:900px;  
}
/*-------------------------------------------------*/
/* STRUCTURE OF HEADER 1                           */
/*-------------------------------------------------*/
#header1 
{
  height:180px;
  width:100%;
  float:left;
  background-color: #fff;	
  /*position: fixed; à activer pour fixation du header */
  top:0px;
  z-index:1;
  /*border-bottom: 1px solid #aaa;*/
  /* background-color: #d8d8d8ff; */
  box-shadow: 0em 0em 0.5em rgba(0,0,0,0.2);  
}
#header1ContactInner a
{
  color:#212633;
  text-decoration: none;
}  
#header1ContactInner a:hover
{
  color:#A4C73D;
  text-decoration: none;
}  

/*****************************************************************************************/
#header1Content1
{
  width:100%;
  height:130px;
  float:left;
  /* background-color:#ffff7fff;*/
}
#header1Content1Inner
{
  width:1250px;
  height:130px;
  margin:auto;
  background-color:#fff;
}
#header1Content1InnerBoxLogo
{
  width:270px;
  float:left;
   /*background-color: #c4fffbff; */
}
.header1Content1InnerBoxLogo_Img
{
  width:250px;
  height:auto;
  visibility: visible;
  display: block;
  margin-left:10px;
  margin-top:13px;
}

#header1Content1InnerBoxAdmin
{
  width:40px;
  height:120px;
  float:left;
  visibility: visible;
  display: block;  
  margin-top:10px;
  margin-left:0px;
   /* background-color: #ffd4d4ff; */
}

#header1Content1InnerBoxContact
{
  width:400px;
  height:130px;  
  float:right;
   /* background-color: #00aaffff; 	*/
}
.header1Content1InnerBoxContactLigne1
{
  height:26px;
  font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; 
  font-size: 18px;
  line-height: 18px;
  color:#212633;
  padding-top:14px;
   /*background-color: #ff0000ff; */
   text-align: right;
   padding-right:10px;
}
.header1Content1InnerBoxContactLigne1 a
{
  font-weight:600;
}  

.header1Content1InnerBoxContactLigne2
{
  height:90px;
    /* background-color: #ffb4b5ff; */
}
.header1Content1InnerBoxContactLigne2_BoutonRDV
{
  height:50px;
  margin-top:8px;
  float:right;
     padding-right:10px;
}

#header1Content1InnerBoxRDVMini
{
  width:auto;
  float:right;
  margin-top:40px;
  margin-right:20px;
  visibility: hidden;
  display: none;
 
}

#header1Content1InnerBoxMenuMini
{
  width:50px;
  height:50px;
  visibility: hidden;
  display: none;
  float: right;
  padding-top: 40px;
  padding-right: 10px;
}



/*****************************************************************************************/
#header1Content2
{
  width:100%;
  height:50px;
  visibility: visible;
  display: block;  
  float:left;
  background-color:#006A79; 
}
#header1Content2Inner
{
  width:1250px;
  height:50px;
  margin:auto;
}

#header1Content2InnerBoxMenu
{
  width:1250px;
  height:50px;

  text-align: center;
  margin: auto;
  /* background-color: #ffff7fff */

}

/*****************************************************************************************/
#header1TopMenu1
{
  width:auto;
  height:50px;
  z-index:0;
  margin:auto;
}
#header1TopMenu2
{
  width:40px;
  height:30px;
  z-index:0;
  margin-top:10px;
  float:left;
}
#header1TopMenu1Mini
{
  display:none;  /* On affiche pas le menu pour petit écran */
  z-index:0;
}


/*-------------------------------------------------*/
/* STRUCTURE OF HEADER SLIDE                       */
/*-------------------------------------------------*/
#headerSlide
{
    width:100%;
    float: left;	
}


/*-------------------------------------------------*/
/* STRUCTURE OF HEADER NEWSBAR                     */
/*-------------------------------------------------*/
#headerNewsBar
{
	width:100%;
    background-color: #fff;    	
	height:46px;
	float:left;
}
.headerNewsBarTexte
{
    width:100%;
	float:left;    	
    font-family: "Open Sans Condensed", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:normal;
    font-weight: bold;
	font-size       : 26px;
	line-height     : 46px;  
	color           : #008BD1;
	text-align      : left;
	text-decoration : none;
}

/*-------------------------------------------------*/
/* STRUCTURE OF FOOTER - CARTE GOOGLE              */
/*-------------------------------------------------*/
#footerCarte
{
    background-color:#eee;
  	height:400px;
	width:100%;	
	float:left;
}
.footerCarteGoogle
{
	width:100%;
	height:400px;	
}


/*-------------------------------------------------*/
/* STRUCTURE OF FOOTER                             */
/*-------------------------------------------------*/
#footer 
{
    background-color: #006A79;
  	height:auto;
	width:100%;	
	float:left;
}

#footerBox1
{
    width:1250px;
    height:480px;
	margin:auto;
	padding-top:0px;
	/* background-color: #b5b4b4ff;*/
}
#footerBox1Adresse
{
  width:285px;
  height:auto;
  float:left;
  padding-top:50px;
  margin-left:0px;
  /*background-color: #ffff7fff; */
}
#footerBox1AdresseInner
{
 width:285px;
  height:auto;
 margin:auto;
}
.footerBox1AdresseSocieteLogo
{
	width:200px;
	margin-bottom:10px;
}
#footerBox1AdresseSociete
{
  width:285px;
  height:50px;
  float:left;
  font-family:'Open Sans Condensed', 'Montserrat', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight:normal; 
  font-size:32px;
  line-height:32px;  
  color:#fff; 
  text-align:left; 
  text-decoration : none;
}

#footerBox1AdressePart1
{
 width:285px;
 height:90px;
 float:left;
}
#footerBox1AdresseIcon
{
  width:24px;
  height:90px;
  margin-left:0px;
  margin-right:10px;  
  float:left;
  background:url(../images/footer/footer_localisation.svg) top left no-repeat;
}
#footerBox1AdresseTexte
{
  width:250px;
  height:90px;
  font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-style      : normal;
  font-weight     : normal;	
  font-size       : 15px;
  line-height     : 23px;
  color           : #fff;
  text-decoration : none;
  text-align      : left; 
  float:left;
}
#footerBox1AdressePart2
{
 width:285px;
 height:45px;
 float:left;
}
#footerBox1AdressePart3
{
 width:285px;
 height:45px;
 float:left;
}
#footerBox1AdresseContactTelIcon
{
  width:24px;
  height:45px;
  float:left;
  margin-left:0px;
  margin-right:10px;
  background:url(../images/footer/footer_phone.svg) top left no-repeat;
}
#footerBox1AdresseContactMailIcon
{
  width:24px;
  height:45px;
  float:left;
  margin-left:0px;
  margin-right:10px;  
  background:url(../images/footer/footer_mail.svg) top left no-repeat;
}
#footerBox1AdresseContactTexte
{
  width:250px;
  height:45px;
  font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-style      : normal;
  font-weight     : normal;	
  font-size       : 15px;
  line-height     : 23px;
  color           : #fff;
  text-decoration : none;
  text-align      : left; 
  float:left;
}
#footerBox1AdresseContactTexte a
{
  color:#fff;	
  text-decoration:none;	
  font-weight: normal;	
}

#footerBox1AdresseContactTexte a:hover
{
  color:#83C2AF;	
  text-decoration:none;		
  font-weight: normal;
  
}

#footerBox1Services
{
  width:550px;
  height:auto;
  float:left;
  margin-left:100px;
  padding-top:50px;
  /* background-color: #4a5859ff; */
}
#footerBox1ServicesInner
{
 width:550px;
 height:auto; 
 margin:auto;
}
#footerBox1ServicesTitre
{
  width:550px;
  height:50px;
  font-family:'Open Sans Condensed', 'Montserrat', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight:600; 
  font-size:32px;
  line-height:32px;  
  color:#fff; 
  text-decoration : none;
  text-align      : left; 
  float:left;
}

#footerBox1ServicesDetail
{
  width:550px;
  height:auto;  
  font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-style      : normal;
  font-weight     : normal;	
  font-size       : 15px;
  line-height     : 23px;
  color           : #fff;
  text-decoration : none;
  text-align      : left;
  float:left;
}
#footerBox1ServicesDetail a
{
  color:#fff;	
  text-decoration:none;	
  font-weight: normal;	
}

#footerBox1ServicesDetail a:hover
{
  color:#83C2AF;	
  text-decoration:none;	
}



#footerBox1Menu
{
  width:220px;	
  height:auto;
  float:right;
  padding-top:50px;
  /* background-color: #5f5f8fff; */
}
#footerBox1MenuInner
{
 width:220px;
 height:auto;
 margin:auto;
}
#footerBox1MenuTitre
{
  width:220px;
  height:50px;
  font-family:'Open Sans Condensed', 'Montserrat', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight:600; 
  font-size:32px;
  line-height:32px;  
  color:#fff; 
  text-decoration : none;
  text-align      : left; 
  float:left;
}
#footerBox1MenuDetail
{
  font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-style      : normal;
  font-weight     : normal;	
  color           : #fff;
  text-decoration : none;
  text-align      : left;
  width:220px;
  height:auto;
  float:left;
}
#footerBox1MenuDetail a
{
  color:#fff;	
  text-decoration:none;	
  font-weight: normal;	
  font-size       : 16px;
  line-height     : 28px; 
}

#footerBox1MenuDetail a:hover
{
  color:#83C2AF;	
  text-decoration:none;	
}

#footerBox1MenuDetail ul
{
  padding-left:15px;	
  list-style-type: none;
  list-style-image: none;
  font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-style      : normal;
  font-weight     : normal;	
  font-size       : 16px;
  line-height     : 28px;   
  color           : #ffffff;
  text-align      : left;
  vertical-align:top;
  padding-left: 0px;
   
}
#footerBox1MenuDetail ul a:hover
{
  font-weight     : normal;	
}

#footerBox2
{
	background-color: #004e58ff;
    width:100%;
    height:60px;	
	margin:auto;
    text-align:left;
	line-height:20px;
}
#footerBox2Inner
{
    width:1250px;
    height:60px;	
	margin:auto;
	text-align:left;
	line-height:20px;

}


#footerBox2Copyright
{
  width:60%;
  height:20px;
  font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-style      : normal;
  font-weight     : normal;	
  font-size       : 15px;
  line-height     : 21px;  
  color           : #fff;
  text-decoration : none;
  text-align      : left; 
  float:left;
  margin-top:20px;
}
#footerBox2Copyright a
{
  color:#fff;	
  text-decoration:none;		
}

#footerBox2Copyright a:hover
{
  color:#83C2AF;	
  text-decoration:none;		
}
#footerBox2CopyrightMini
{
  width:100%;
  height:20px;
  font-family: 'Montserrat', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-style      : normal;
  font-weight     : normal;	
  font-size       : 15px;
  line-height     : 21px;  
  color           : #fff;
  text-decoration : none;
  text-align      : center; 
  float:left;
  margin-top:5px;
  visibility: hidden;
  display: none;
}	
#footerBox2CopyrightMini a
{
  color:#fff;	
  text-decoration:none;		
}
#footerBox2Social
{
  width:40%;
  height:40px;
  text-align      : right; 
  float:right;
  margin-top:10px;
}


/*-------------------------------------------------*/
/* CLEARING                                        */
/*-------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear: both;
}

.noclear {
	clear: none;
}