@import url(base.css);
@import url(fonts/fonts.css);

body {   
  background: #fff;  
  color: #333;     
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  
  font-size: 75%; /* 12px */  
}  
			
h1, h2, h3, h4 {font-size: 267%; font-family: 'Puritan20Normal', Arial, sans-serif; margin: 15px 0; font-weight: normal; text-align: center;}

h3, h4 { color: #444; font-family: inherit; font-size: 133%; margin: 15px 0 25px;}

input, textarea, select {
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
}

a {color: #85c443; text-decoration:none;}
a:hover {color: #85c443;}
a img {border: none;}

strong { color: #000; font-family: 'Puritan20Bold', Arial, sans-serif;}

.container {width: 920px; margin: 0 auto;}

#header {background: #000 url(../images/header-shadow.png) bottom left repeat-x; top: 0; left: 0;font-size: 110%; padding: 15px 10px 6px; height:100px;position: fixed; width:100%; z-index: 101;}

#header a#logo {
  display: block;
  float: left;
  height: 64px;
  margin: 20px 0 0;
  width: 204px;
}

#header a {color: #fff; cursor: pointer; font-family: "Myriad Pro", Arial, sans-serif; text-transform: uppercase;}
#header a:hover {color: #85c443;}

#header a.langue { font-size: 80%; background: url(../images/fleche_langage_9.gif) top right no-repeat; padding-right: 9px; padding-top: 6px; margin-top:10px}

#header ul {float: left; font-size: 125%; list-style-type: none; margin: 0; }
#header ul li {float:left; margin: 0 4px; }

#header ul#navigation {color: #eee; margin: 60px 0 0 365px; }

#header #langues {background: #777; color: #000; font-size: 125%; margin: 60px 0 0 20px; }
#header #langues a { color: #111; }
#header #langues a.active { font-weight: bold; }

#services span {
  color: #ccc;
  float:left;
  font-size: 300%;
  font-weight: bold;
  width: 40px;
}
#services div.details {float:left; padding: 8px 50px 10px 0; width: 370px;}
#services div.details h2 {margin: 0; font-size: 170%; font-family: 'Puritan20Bold', Arial, sans-serif; color: #85c443; text-align:left;}
#services div.details p {font-size: 125%; font-family: 'Puritan20Normal', Arial, sans-serif; margin: 0;}

#a-propos, #realisations { background: url(../images/divide.gif) bottom center no-repeat; padding-bottom: 40px; margin-bottom: 30px; }
#a-propos { padding-top:  120px;}

#realisations h2 {margin-bottom: 30px;}

#contact {margin-bottom:60px;}
#contact p.first {margin-top:0;}
#contact #formulaire {color: #666; float:left; width: 600px;}
#contact #formulaire ul {margin: 0; list-style-type:  none;}
#contact #formulaire ul li {margin: 4px 0;padding: 4px;}
#contact #formulaire label {cursor: pointer; display: block; float:left; margin: 0; font-weight: bold; line-height: 200%; width:125px;}
#contact #formulaire label span {color: #f97878;}
#contact #formulaire input, #contact #formulaire textarea {float:left; width: 425px; background-color: #fafafa; border: 1px solid #ddd; padding: 5px;}
#contact #formulaire textarea { height: 140px;}
#contact #formulaire button {
  border: 0; cursor: pointer; 
  float: right; 
  height: 22px; 
  margin-right: 33px;
  padding: 0px;
  text-indent: -9999px; 
}
#contact #formulaire button:hover {background-position: 0px -22px ;}
#contact #formulaire input.error, #contact #formulaire textarea.error {border: #f97878 solid 1px;}

#contact #formulaire button.en { background: url(../images/submit.gif) top left no-repeat; width: 75px; }
#contact #formulaire button.fr { background: url(../images/soumettre.gif) top left no-repeat; width: 100px; }

#contact #coordonnees {color: #666; float: left; font-size: 125%; width: 300px;}
#contact #coordonnees span {font-family: 'Puritan20Bold', Arial, sans-serif; font-size: 112%; color: #85c443;}

#footer {color: #fff; background-color: #000; font-size: 125%; padding: 40px;}
#footer a {color: #fff; border-bottom: 1px dotted #85c443; position:relative;  } /* position:relative rend visible la border du bas dans IE - autre solution: line-height: 19px */
#footer a:hover {color: #85c443;}
#footer .adresse {float: left;}
#footer .adresse span {color: #85c443;}
#footer .copyright {color: #85c443; float: right; margin-top: 20px;}