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

html{
	height:100%;
	overflow-x: hidden;
    overflow-y: scroll;
}

#body_vert{
	background-color: #0f7b04;
	background-image: url(images/fond_vert_test5.jpg);
	/*background-image: url(images/fond_rose_test_3.jpg);*/
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height:98%;
    color: #000000;
    font: 90% "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
#body_rose{
	background-color: #f43c68;
	background-image: url(images/fond_rose_20120621.jpg);
	/*background-image: url(images/fond_rose_test_3.jpg);*/
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height:98%;
    color: #000000;
    font: 90% "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;	
	}
	
#body_rouge{
	background-color: #9e0a16;
	background-image: url(images/fond_rouge14.jpg);
	/*background-image: url(images/fond_rose_test_3.jpg);*/
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height:98%;
    color: #000000;
    font: 90% "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;	
	}
	
#body_rouge_2{
	background-color: #720d14;
	background-image: url(images/fond_rouge6.jpg);
	/*background-image: url(images/fond_rose_test_3.jpg);*/
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	min-height: 900px;
    color: #000000;
    font: 90% "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;	
	}

#body_violet{
	background-color: #7a0ede;
	background-image: url(images/fond_violet_20120621_2.jpg);
	/*background-image: url(images/fond_rose_test_3.jpg);*/
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height:98%;
    color: #000000;
    font: 90% "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;	
	}

#body_orange{
	background-color: #e62803;
	background-image: url(images/fond_orange_20120621.jpg);
	/*background-image: url(images/fond_rose_test_3.jpg);*/
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height:98%;
    color: #000000;
    font: 90% "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;	
	}

#fond_menu{
	/*background-color:#000;*/
	background-image:url(images/fond_menu.png);
	width: 100%;
	height: 108px;
	position:fixed;
	top: 0px;
	left: 0px;
	}
	
#menu{
	height: 54px;
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	font-size: 16px;
	}
	
#menu li{
	display: inline	}	
	
#logo{
	background: url(images/logo_modif_2.png);
	background-repeat: no-repeat;
	width: 187px;
	height: 70px;
	margin-top: -12px;
	float: left;
	
	}
	
#logo a{
	height : 70px;
	width: 187px;	
	text-decoration: none;
	display: block;
	}
	
#logo a:hover{
	height : 70px;
	width: 187px;
	}

ul{

	}

li{
	margin-left: 110px;
    margin-top: 10px;
	}

.btn_menu {
	color:#FFF;
	height: 54px;
	padding-top: 10px;
	}

.btn_menu a{
	color:#FFF;
	text-decoration:none;
	height: 54px;
	}

#btn_entreprise{
	margin-left: 58px;
	}
	
#btn_entreprise a:hover{
	color:#9e0a16;
	text-decoration:none;
	}

#btn_produits a:hover{
	color:#F69;
	text-decoration:none;
	}
	
#btn_situation a:hover{
	color:#F60;
	text-decoration:none;
	}
	
#btn_contact a:hover{
	color:#7a0ede;
	text-decoration:none;
	}

#drapeau_fr{
	background-image: url(images/flag_fr.png);
	height: 30px;
	width: 30px;
    float: right;
    margin-right: 0px;
    margin-top: -73px;
	}
	
#drapeau_fr a{
	height: 30px;
	width: 30px;
	text-decoration: none;
	display: block;
	}
	
#drapeau_fr{
	height: 30px;
	width: 30px;
	}	
	
#drapeau_uk{
	background-image: url(images/flag_uk.png);
	height: 30px;
	width: 30px;
    float: right;
    margin-right: 0px;
    margin-top: -73px;
	}
	
#drapeau_uk a{
	height: 30px;
	width: 30px;
	text-decoration: none;
	display: block;
	}
	
#drapeau_uk{
	height: 30px;
	width: 30px;
	}	
	
#container{
	margin: 0 auto;
    min-height: 100%;
    position: relative;
    width: 100%;
	/*background-image: url(images/fond_rose_test_6.jpg);*/
	/*background-color: #f43c68;*/
	background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
	/*background-image: url(images/fond_rose_test_3.jpg);
	background-color: #f43c68;
	background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
	min-height: 900px;
	width: 100%;
	}*/
	}
	
#contenu{
	/*minimum-height :500px;*/	
	/*margin-bottom: 13px;*/
    /*margin-left: 30px;*/
   /* margin-right: auto;*/
    /*padding-bottom: 40px;*/
    /*width: auto;*/
    /*z-index: 0;*/
	min-height:100%;
	margin-bottom: 13px;
    margin-left: 30px;
    margin-right: auto;
    padding-bottom: 40px;
    width: auto;
    z-index: 0;
	}

#accueil{
	text-align: center;
	margin-top : 90px;
	margin-left: -30px;
	}
	
#accueil p{
	margin-top: 147px;
	font-family: "Parisienne", serif;
	font-size: 2.5em;
	font-weight:bold;
	text-shadow: 3px 3px 3px #434141;
	/*line-height: 2.5em;*/
	margin-left: 37%;
	}
/*	
#accueil p{
	margin-top: 125px;
	font-family: "Parisienne", serif;
	font-size: 33px;
	font-weight:bold;
	text-shadow: 3px 3px 3px #434141;
	line-height: 2;
	}
*/


#texte_infos_accueil{
	/*margin-left: 305px;*/
	text-align: justify;
	font-size: 1.4em;
	margin-right: 50px;
	}
	
#zone_infos{
	color: #FFF;
    margin-left: auto;
    margin-right: auto;
    /*margin-top: 15px;*/
	padding-top : 125px;
    width: 865px;
	}
	
#texte_infos{
	margin-left: 305px;
	text-align: justify;
	font-size: 1.4em;
	margin-right: 50px;
	}

#voir{
	text-align: center;
	color: #FFF;
    font: 90% "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
	font-size: 16px;
	}
	
#voir a{
	text-decoration:none;
	color: #FFF;
	}
	
#voir a:hover{
	text-decoration: underline;
	}
	
.entreprise{
	margin-left: 240px;
	}

.liste_1{
	/*display: inline;*/
    /*float: left;*/
   /* margin-bottom: 13px;*/
    display: block;
	margin-left: 175px;
 	float:left;
	margin-top: -5px;
	font: 1.1em "Trebuchet MS",Verdana,Tahoma,Helvetica,Sans-Serif;
	}
	
.liste_2{
	/*display: inline;*/
    /*float: left;*/
   /* margin-bottom: 13px;*/
    /*display: block; */ 
    margin-left: 550px;
	margin-top: 39px;
	font: 1.1em "Trebuchet MS",Verdana,Tahoma,Helvetica,Sans-Serif;
	}	

#contact_produits{
	color: #FFF;
	text-align: center;
    font: 90% "Trebuchet MS",Verdana,Tahoma,Helvetica,Sans-Serif;
	margin-left: 280px;

	}
	
#contact_produits a{
	color: #FFF;
	font-size: 18px;
	text-decoration: none;		
/*	display: block;*/
/*	margin-top: 80px;*/
	}

#contact_produits a:hover{
	text-decoration: underline;
	}

#titre{
	margin-left: 263px;
	font-size: 2.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 45px;
	font-family: "Averia Libre", serif;
	text-shadow: 3px 3px 3px #434141;
	}

#map{
	margin-left: 357px;
	color: #FFF;
	}
	
#fond_footer{
	/*background-color:#000;*/
	background-image:url(images/fond_footer.png);
	width: 103%;
	height: 81px;
	left: 0px;
	margin-left:-11px;
	margin-top: -60px;
	z-index:998;
	}

#footer{
    bottom: 0;
    height: 38px;
    left: 50%;
    margin-left: -137px;
    position: absolute;
    width: 960px;
    z-index: 999;
	color: #FFF;
	font-size: 10px;
	}

#dsc{
	color: #FFF;	
	text-decoration: none;	
	}
	
#dsc a{
	color: #FF6;
	}
	
#dsc a:hover{
	color: #FF6;
	}
	
#facebook{
	display: inline;
	margin-top: -26px;
	float: right;
	margin-right: 52px;
	}
	
#google{
	display: inline;
	margin-top: -26px;
	float: right;
	margin-right: 406px;
	}

#titre_contact{
	margin-left: 378px;
	font-size: 2.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 45px;
	font-family: "Averia Libre", serif;
	text-shadow: 3px 3px 3px #434141;
	}

#texte_contact{
	margin-left: 284px;
	text-align: justify;
	margin-top: 70px;
	font-size: 1.4em;
	}

#coordonnees{
	margin-top: 12px;
	}
	
#coordonnees a{
	color: #FFF;
	text-decoration: none;	
	}
	
#coordonnees a:hover{
	text-decoration: underline;	
	}	

#enveloppe{
	background-image: url(images/enveloppe.png);
	background-repeat: no-repeat;
	float: left;
	width: 50px;
	height: 34px;
	margin-right: 25px;
	margin-left: 95px;
	}
	
#telephone{
	background-image: url(images/telephone.png);
	background-repeat: no-repeat;
	float: left;
	width: 50px;
	height: 34px;
	margin-right: 25px;
	margin-left: 95px;
	}		
	
#fax{
	background-image: url(images/fax.png);
	background-repeat: no-repeat;
	float: left;
	width: 50px;
	height: 34px;
	margin-right: 25px;
	margin-left: 95px;
	}	
	
#email{
	background-image: url(images/email.png);
	background-repeat: no-repeat;
	float: left;
	width: 50px;
	height: 34px;
	margin-right: 25px;
	margin-left: 95px;
	}	
		
#ouverture{
	font-size: 19px;;
	margin-left: 43px;
	text-align: center;
	margin-top: 115px;
	}
.clear{
	clear: both;
    height: 1px;
}