@charset "utf-8";
/* CSS Document */

* { padding: 0;
	margin: 0; }
	
	
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/Roboto-Medium-webfont.eot');
    src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight_italic';
    src: url('../fonts/Roboto-LightItalic-webfont.eot');
    src: url('../fonts/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-LightItalic-webfont.woff') format('woff'),
         url('../fonts/Roboto-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-LightItalic-webfont.svg#robotolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { font-family: "robotolight", arial, helvetica, sans-serif;
	   background-image: url(../images/background.png);
	   margin: 0 auto; }

#ligne-haut { background-color: #0f1734;
			  height: 7px; }
			  
#banniere { background-color: #26325c;
			margin: 0 auto;
			text-align: center;
			height: 225px; }
			
#logo { width: 960px;
		margin: 0 auto;
		margin-top: -67px; }
			
#bande-rouge { background-color: #ec3237;
			   height: 47px; }
			   
#nav { width: 960px;
	   margin: 0 auto;
	   margin-top: -123px; }

#nav ul { list-style: none;
		  float: right;
		  margin-left: 20px; }
		
#nav li { float: left;
		  padding-left: 25px;
		  padding-top: 10px; }

#nav a { text-decoration: none;
		 color: #fff;
		 font-size: 20px; }

.icone-accueil { background-image: url(../images/icone_accueil.png);
				 background-repeat: no-repeat;
				 background-position: 0% 30%;
				 padding-left: 35px; }
				 
.icone-produits-services { background-image: url(../images/icone_produits-services.png);
				 background-repeat: no-repeat;
				 background-position: 0% 30%;
				 padding-left: 32px; }
				 
.icone-contact { background-image: url(../images/icone_contact.png);
				 background-repeat: no-repeat;
				 background-position: 0% 10%;
				 padding-left: 30px; }
		 
		 
#contenu { width: 960px;
		   margin: 0 auto;
		   margin-top: 95px; }
		   
#contenu h1 { color: #ec3237;
	 font-family: "robotomedium", arial, helvetica, sans-serif;
	 font-size: 30px;
	 font-weight: normal;
	 border-top: #26325c solid 1px;
	 border-bottom: #26325c solid 1px;
	 padding-top: 8px;
	 padding-bottom: 8px;
	 margin-bottom: 35px; }
	 
#contenu p { color: #26325c;
    font-size: 18px;
	padding-bottom: 20px; }
	
#contenu a { color: #26325c;
			 text-decoration: none;
			 font-family: "robotomedium", arial, helvetica, sans-serif; }
			 
#contenu a:hover { text-decoration: underline; }

#ligne-rouge { background-color: #ec3237;
			  height: 5px;
			  margin-top: 25px; }
			  
footer { background-color: #26325c;
		 clear: both; }
			  
#contenu-pied { margin: 0 auto;
				width: 960px; }
				
#ligne-bleue { background-color: #0f1734;
			   height: 10px; }
			   
#pied-col-gauche { width: 470px;
			  margin-right: 20px;
			  float: left;
			  margin-top: 30px; }
			  
#pied-col-droite { width: 470px;
			  float: left;
			  margin-top: 30px;
			  padding-bottom: 30px; }

h4 { color: #fff;
	 font-family: "robotomedium", arial, helvetica, sans-serif;
	 font-weight: normal;
	 font-size: 18px;
	 background-color: #465174;
	 padding: 12px;
	 margin-bottom: 5px; }
	 
.tr { margin-bottom: 10px; }
	 
.icones-pied { float: left;
			   margin-right: 5px;
			   padding-top: 13px; }
			   
.icones-contact { float: left;
			   margin-right: 5px; }
			   
.icones-contact2 { float: left;
			   margin-right: 5px;
			   padding-top: 10px; }
			   
.icones-contact3 { float: left;
			   margin-right: 5px;
			   padding-top: 3px; }


#pied-col-gauche p, #pied-col-droite p { color: #fff;
				  font-size: 16px;
				  border-bottom: #fff solid 1px;
				  padding-bottom: 15px;
				  padding-top: 15px; }
				  
.icone-location { margin-top: 5px; }

#copyright p { color: #6a7187;
			 text-align: right;
			 font-size: 12px;
			 padding-bottom: 25px; }
			 
#copyright a { color: #6a7187;
			   text-decoration: none;
			   font-family: "robotomedium", arial, helvetica, sans-serif; }
			   
#copyright a:hover { text-decoration: underline; }

.contenu-col-gauche { width: 400px;
					  margin-right: 30px;
					  float: left; }
					  .contenu-col-droite { float: left;
					  width: 530px; }
					  
.images-produits { width: 90%;
				   height: 90%;
				   float: right;
				   margin-bottom: 35px; }

.images-produits2 { width: 44%;
				   height: 44%;
				   float: right;
				   margin-bottom: 10px;
				   padding-left: 10px; }
				   
				   
.clear { clear: both; }				   
			
h2 { color: #26325c;
	 font-family: "robotomedium", arial, helvetica, sans-serif;
	 font-size: 22px;
	 font-weight: normal;
	 margin-bottom: 15px; }
	 
h3 { color: #26325c;
	 font-family: "robotomedium", arial, helvetica, sans-serif;
	 font-size: 18px;
	 font-weight: normal;
	 margin-bottom: 15px; }
	 
.ligne-separatrice { background-color: #6a7187;
					 height: 1px;
					 clear: both;
					 margin-bottom: 35px; }
					 
#produits { margin-bottom: 20px; }

.margin { margin-bottom: 30px; }


#prenom { width: 450px;
		  background-color: #d6d8de;
		  border: #8d94af solid 1px;
		  height: 40px;
		  font-family: "robotolight_italic", arial, helvetica, sans-serif;
	 	  font-size: 18px;
		  color: #26325c;
		  padding-left: 10px;
		  margin-top: 0px; }
		  
#courriel, #telephone { width: 450px;
		  background-color: #d6d8de;
		  border: #8d94af solid 1px;
		  height: 40px;
		  font-family: "robotolight_italic", arial, helvetica, sans-serif;
	 	  font-size: 18px;
		  color: #26325c;
		  padding-left: 10px;
		  margin-top: -10px; }
				   
				   
#message { width: 453px;
		  background-color: #d6d8de;
		  border: #8d94af solid 1px;
		  height: 150px;
		  font-family: "robotolight_italic", arial, helvetica, sans-serif;
	 	  font-size: 18px;
		  color: #26325c;
		  padding-left: 7px;
		  padding-top: 10px;
		  margin-top: -10px; }
		  
#envoyer { float: right;
		  width: 140px;
		  background-color: #26325c;
		  border: #ec3237 solid 1px;
		  height: 40px;
		  font-family: "robotolight", arial, helvetica, sans-serif;
	 	  font-size: 18px;
		  color: #fff;
		  padding: 5px;
		  margin-top: -10px; }

#formulaire { width: 462px;
margin-bottom: 60px; }

.map { margin-left: 55px;
padding-bottom: 20px; }