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

/*-------------------------------------------------*/
/* IMPORATION POLICES                              */
/*-------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
@import url(https://fonts.googleapis.com/css?family=Sansita+One);

* { margin: 0; padding: 0; }

html 
{
}

body 
{
    font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style      : normal;
    font-weight     : normal;	
	font-size       : 14px;
	line-height     : 20px;  
	color           : #655C4E;
	text-align      : left;
	line-height:130%;
    background-image:url(../images/bg_ecograins_devlieger.jpg);
    background-color:#E5E2D5;
    background-position:center top;
    background-repeat:repeat;	
}
a
{
	color           : #8E8777;
	text-decoration : none;
}
a:hover
{
	color           : #5B574D;
	text-decoration : underline;
}
a:focus 
{
	outline:none;
}
p
{
  font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-style      : normal;
  font-weight     : normal;	
  font-size       : 14px;
  line-height     : 20px; 
  padding-left:10px;	
  padding-right:10px;
  text-align:justify;
}
h1
{
    font-family     : 'Sansita One', Trebuchet MS, Verdana, Arial, Helvetica, sans-serif ;
	font-style      : normal;
    font-weight     : normal;	
	font-size       : 28px;
	line-height     : 40px;  
	color           : #474036;
	text-align      : left;
	text-decoration : none;
	padding-left    : 10px;
    padding-right   : 10px;	
	padding-bottom  : 5px;
	padding-top     : 10px;
}
h2
{
    font-family: 'Open Sans Condensed',Helvetica, Arial, Verdana, sans-serif;  
	font-style:normal;
    font-weight:bold;	
	font-size       : 25px;
	line-height     : 31px;  
	color           : #BBC725;
	text-align      : left;
	text-decoration : none;
	padding-left    : 10px;
    padding-right   : 10px;		
	padding-top     : 10px;
	padding-bottom  : 10px;
}
h3
{
    font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style      : normal;
    font-weight     : normal;	
	font-size       : 18px;
	line-height     : 28px;  
	color           : #A4AE20;
	text-align      : left;
	text-decoration : none;
	padding-left    : 10px;
    padding-right   : 10px;		
	padding-top     : 15px;
    padding-bottom  : 0px;
}
h4
{
    font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style      : italic;
    font-weight     : bold;	
	font-size       : 14px;
	line-height     : 18px;  
	color           : #A5121C;
	text-align      : left;
	text-decoration : none;
	padding-left    : 10px;
    padding-right   : 10px;		
	padding-top     : 10px;
    padding-bottom  : 5px;
}


ul
{
    padding-left:30px;	
    list-style-image:url(../images/marker-1.png);
    font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style      : normal;
    font-weight     : normal;	
	font-size       : 14px;
	line-height     : 22px;  
	text-align      : left;
	vertical-align:top;
}
li
{
  padding-left:5px;	
}
input
{
  font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:16px;
  color:#666666;
  background-color:#E6E6E6;
  border-style:solid;
  border-width:1px;
  border-color:#C6C6C6;
  font-weight:normal;
  text-align:left;
  padding:3px;
}
select
{
  font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:16px;
  color:#666666;
  background-color:#E6E6E6;
  border-style:solid;
  border-width:1px;
  border-color:#C6C6C6;
  font-weight:normal;
  text-align:left;
  padding:3px;  
}
textarea
{
  font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:16px;
  color:#666666;
  background-color:#E6E6E6;
  border-style:solid;
  border-width:1px;
  border-color:#C6C6C6;
  font-weight:normal;
  text-align:left;
  padding:3px;  
}
/*-------------------------------------------------*/
/* LAYOUT STRUCTURE                                */
/*-------------------------------------------------*/
#containerDisplay 
{
	margin:0 auto;
	width:1250px;
}
#content
{
    width:1250px;
    background-color: #ffffff;
}

#content1
{
  width:1190px;
/*  min-height:900px; */
  margin:auto;

}	

#content2
{
  width:1190px;
/*  min-height:900px; */
  margin:auto;
}	

#contentTools
{
  width:1190px;
  margin:auto;
  text-align:right;
  margin-bottom:10px;
  visibility: visible;
  display: block;
}	

/* 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:1190px;
/*  min-height:900px; */
}	
#leftContent 
{
  float: left;
  width: 300px; 
}

#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: 890px;
/*  min-height:900px; */
}
/*-------------------------------------------------*/
/* STRUCTURE OF HEADER 1                           */
/*-------------------------------------------------*/
#header1 
{
	width:1250px;
    height:260px;
	position:relative;
}

#header1Top
{
	width:1250px;
    height:29px;
    background-image:url(../images/top_ecograins_devlieger.png);
    background-position:center top;    
    background-repeat: repeat-x;	
}
#header1Main
{
    width:1250px;
    height:231px;
	background-color: #ffffff;    
}

#header1LogoLarge
{
	width:280px;
    height:170px;
    background-image:url(../images/header/logo_ecograins_devlieger_l.png);
    background-position:center top;
    background-repeat:no-repeat;	
    margin:auto;
    visibility: visible;
    display: block;
}
#header1LogoMedium
{
	width:231px;
    height:140px;
    background-image:url(../images/header/logo_ecograins_devlieger_m.png);
    background-position:center top;
    background-repeat:no-repeat;	
    margin:auto;
	visibility: visible;
	display:none;
}
#header1LogoSmall
{
	width:198px;
    height:120px;	
    background-image:url(../images/header/logo_ecograins_devlieger_s.png);
    background-position:center top;
    background-repeat:no-repeat;	
    margin:auto;
	visibility: visible;
	display:none;
}
#header1TopMenu1
{
	width:1250px;
	height:61px;
    margin:auto;
    text-align: center;
    background-image:url(../images/menu_ecograins_devlieger.png);
    background-position:center top;
    background-repeat:repeat-x;	

}

#header1TopMenu2
{
	position:absolute;
    top:60px; 
    right:50px;
	width:330px;
	height:33px;
	float:right;
}

/*-------------------------------------------------*/
/* STRUCTURE OF HEADER PHOTO                       */
/*-------------------------------------------------*/
#header2
{
	min-width:1250px;
	height:auto;
    background-color:#ffffff;
    padding-top:30px;
    padding-bottom:30px;
}
#header2Photo
{
    width:1190px;
    height:428px;
	margin:auto;
    z-index:1;
    background-color:#ffffff;
}

/*-------------------------------------------------*/
/* STRUCTURE OF HEADER 3 - SMALL MENU              */
/*-------------------------------------------------*/
#header3{display:none;}

/*-------------------------------------------------*/
/* STRUCTURE OF FOOTER                             */
/*-------------------------------------------------*/
#footer 
{
    height:150px;
}

#footerMain
{
    width:1250px;
    height:120px;
	margin:auto;
	background-color: #ffffff;
}
	
#footerBot
{
    width:1250px;
    height:30px;
	margin:auto;
    background-image:url(../images/bot_ecograins_devlieger.png);
    background-position:center top;
    background-repeat:repeat-x;	
}
#footerBoxContent
{
    width:1250px;
    height:120px;	
	margin:auto;
    background-image:url(../images/footer_ecograins_devlieger.png);
    background-position:center top;
    background-repeat:repeat-x;	
}

#footerBoxContentMenu
{
  float: left;
  width: 1190px; 
  height:95px;
  margin-left:20px;
  font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:50px;
  color:#8E8777;  
}
#footerBoxContentMenu a
{
  font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:50px;
  color:#8E8777;	
  text-decoration:none;		
}

#footerBoxContentMenu a:hover
{
  font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:50px;
  color:#5B574D;	
  text-decoration:none;		
}
#footerBoxCopyRight
{
  height:25px;
}
#footerCopyRight 
{
  margin:0 auto;	
  width:1250px;
  font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:14px;
  color:#615966;
  text-decoration:none;
  text-align:center;
  padding-top:5px;
}

#footerCopyRight a
{
  font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:14px;
  color:#615966;	
  text-decoration:none;		
}

#footerCopyRight a:hover
{
  font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:normal;
  line-height:14px;
  color:#999;	
  text-decoration:none;		
}
#footerSmall{display:none;}

/*-------------------------------------------------*/
/* 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;
}