/*---------*/
/*--/  POLICES  /---------------------------------------------------------------------------------------------------------*/
   	/*---------*/
@font-face { font-family: HelveticaLight; src: url('helvetica_light/helvetica_light.eot'); src: local('☺'), url('helvetica_light/helvetica_light.woff') format('woff'), url('helvetica_light/helvetica_light.ttf') format('truetype'), url('helvetica_light/helvetica_light.svg') format('svg'); font-weight: normal; font-style: normal; }

   	/*-----------*/
/*--/  STRUCTURE  /---------------------------------------------------------------------------------------------------------*/
   	/*-----------*/
html{ height: 100%; background-image:url(images/background.jpg); }
body { height: 100%; }

header { width: 980px; height: 150px; margin: auto;  position:relative;}

#conteneur { width: 100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -110px; }
  #headline{ width: 980px; height: 370px; margin: auto; position: relative; }
  #contenu { width: 980px; margin: auto; padding-top: 45px; padding-bottom: 100px; }
	#gauche { width: 585px; float: left; }
	#droite { width: 345px; float: right; }
	
footer { width:100%; height: 110px; }
  footer > div { width: 980px; margin: auto; }

   	/*--------*/
/*--/  GLOBAL  /---------------------------------------------------------------------------------------------------------*/
   	/*--------*/
h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 50px; color: #edf5f4; text-decoration: underline; margin-left: -40px; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 25px; color: #000; border-bottom: solid 1px #666; padding-bottom: 20px; margin-bottom: 30px; }
h3 { font-family: HelveticaLight; font-size: 16px; color: #616162; line-height: 25px; }
p { color: #6c6c6c; font-family:  Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; }

.ligne { border-top:1px solid #d8d8d9; margin-top: 30px; }
a.bouton { background-color: #444545; float:left; padding: 5px 10px 5px 10px; font: 10px Arial, Helvetica, sans-serif; color: #b2b2b2; margin-top: 10px; }
a.bouton:hover { background-color: #5da39b; color: #fff; }
#push {	height: 110px; clear:both; }
.clear{ clear:both; width:100%; } 

   	/*--------*/
/*--/  ENTÊTE  /---------------------------------------------------------------------------------------------------------*/
   	/*--------*/
header > a#logo { margin-top: 65px; float:left; margin-bottom:5px;}
header > a#langues { position:absolute; right:0; top: 0; font-size: 14px; padding: 5px; background-color: #444545; color: #b2b2b2; font: 10px Arial, Helvetica, sans-serif; text-transform: uppercase; margin-top:0;}

header *{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; color: black; margin-top: 2px; display: inline-block; }
header > div{ float:left; }
header > div > *{ display: inline-block; }
header > div > img{ position:relative; top:3px; }
header > div > p{  margin-right:25px; }

header > nav{ float:right; }
header > nav > *{ margin-left:25px; }


   	/*---------*/
/*--/  CONTENU  /---------------------------------------------------------------------------------------------------------*/
   	/*---------*/
#headline h1 { line-height: 55px; position: absolute; bottom: 60px; width: 900px; }	
#headline h1 + h1 { bottom: 115px; }	
	
#conteneur { background:url(images/backgroundEntete.png) center 130px no-repeat; }

ul#criteres { margin-top: -10px; }
	ul#criteres li { position: relative; padding: 12px 50px 0px 60px; height: 50px; margin-bottom: 20px; }
	  ul#criteres li img { position: absolute; left: 0px; top: 10px; }
	ul#criteres li.long { padding-top: 0px; height: 60px; }
	
ul#domaines { margin-top: 20px; }
  ul#domaines li { padding: 5px 5px 5px 25px; position: relative; }
  ul#domaines li:nth-child(2n-1) { background: url(images/opacite.png); }
    ul#domaines li img { position: absolute; left: 10px; top: 12px; }
	
.clients { width: 460px; height: 145px; float: left; margin-bottom: 50px; margin-right: 30px; }	
.clients img { float: left; margin-right: 15px; }
.clients h3 { padding-top: 25px; }		

    /*--------*/
/*--/  FOOTER  /---------------------------------------------------------------------------------------------------------*/
    /*--------*/
footer { background-color:#2b2b2c; }
  footer > div > p { float: left; }
  footer > div > #contact { margin-bottom: 7px; overflow: hidden; }
    footer > div > #contact > p { float: left; margin-right: 20px; font-size: 17px; margin-top: 33px;}
      footer > div > #contact > p > span {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #aaa; padding-right: 5px; }
  footer > div > #fatfish { float:right; margin-top: -37px;}
  footer > div > #fatfish > p > a{ position: relative; top: 13px; margin-left: 10px; width:41px; }
  footer > div > #fatfish > p > a:hover img{ 
    transform: scale(1.1);
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari and Chrome */
   }

   	/*---------*/
/*--/  ACCUEIL  /---------------------------------------------------------------------------------------------------------*/
   	/*---------*/
#slider, #slider li { height: 97px; width: 290px; } 
 .arrow { width: 15px; height: 27px; margin-top: -12px; }
 .back { background:url(images/flecheGauche.png); float: left; margin-left: -20px; }
 .forward { background:url(images/flecheDroite.png); float: right; margin-right: -20px; }