/* CSS Document */



body {

	margin: 0px; 

	font-family: arial;

}





#contener{

	position: absolute;

	height: 750px;

	width: 1150px;

	top: 20px;

	left: 60px;

	

	margin: 0px;

	padding : 0px;

	border-top-style: solid;

	border-top-color: #CCCC33;

	border-top-width: thin;



	border-bottom-style: solid;

	border-bottom-color: #CCCC33;

	border-bottom-width: thin;

	

 }			

 

 .logo{

 	position: absolute;

	top: 5px;

	left: 1px;

	z-index: 2;

}



.stitre{

	position: absolute;

	top: 52px;

	left: 5px;

	z-index: 2;



}



.bouton{

	position: absolute;

	top: 20px;

	left: 995px;

}



.fond{

	position: absolute;

	top: 155px;

	left: 0px;

	height: 250px;

	width: 1150px;

	background-image: url(img/fondIndex.png);

}

.gif{

	position: absolute;

	top: 200px;

	left: 700px;

}



.rub{

	position: absolute;

	top: 450px;

	left: 0px;

	height: 120px;

	width: 1150px;

}



.index-table{

	width: 1150px;

	border-right-style: solid;

	border-right-color: #CCCC33;

	border-right-width: thin;



}

.td-index{

	text-align: center;

	border-left-style: solid;

	border-left-color: #CCCC33;

	border-left-width: thin;

	

	width: 384px;

}



h2{

	font-family: helvetica;

	color: #660033;

	font-size: 18px;

	font-weight: 800;

	line-height: 25.5pt;

	

 }

 

 h3{

	font-family: arial;

	color: #cccc33;

	font-size: 14px;

	font-weight: 800;

 }

 

 h4{

	font-family: arial;

	color: #cccc33;

	font-size: 32pt;

	letter-spacing: 2pt;

 }

 

 

 table a:link{color: #71706D; text-decoration: none; font-family: arial; font-size: 12px; }

 table a:visited{color: #71706D; text-decoration: underline; font-size: 12px; font-family: arial; }

 table a:link:hover{ text-decoration: none; color: #CCCC33; font-family: arial; font-size: 12px;}

 table a:visited:hover{ text-decoration: none; color: #CCCC33; font-family: arial; font-size: 12px;}



 .bandeau{

 	position: absolute;

	top: 670px;

	left: 0px;

	height: 40px;

	width: 1150px;

	color: #660033;

	font-weight: 300;

	font-family: arial;

	font-size: 18px;

	padding: 5px;

	/*background-image: url(img/fond-texte.png);*/

	background-repeat: no-repeat;

	overflow: hidden;

}



.annonce{

 	position: absolute;

	top: 660px;

	left: 1px;

	height: 40px;

	width: 1150px;

	color: #660033;

	font-weight: 300;

	font-family: arial;

	font-size: 18px;

	padding: 5px;

	background-image: url(img/fond-texte.png);

	background-repeat: no-repeat;

	overflow: hidden;

}

.cache{

	height: 40px;

	width: 1145px;

	overflow: hidden;

}



.ta{

	padding-top: -5px;

	width: 2580px; 

	height: 21px;

	overflow: hidden;

	 

	/*text-align: right;font-size: 14px;font-weight: 700;margin-left: 50px;*/



}

div#a{margin-top: 10px;}

div#a a:link{color: #660033; text-decoration: none; font-family: arial; font-size: 14px; font-weight: 600;}

div#a a:visited{color: #660033; text-decoration: none; font-family: arial; font-size: 14px; font-weight: 600;}

div#a a:link:hover{text-decoration: underline; color: #660033; font-size: 14px; font-family: arial; font-weight: 600;}

div#a a:visited:hover{text-decoration: underline; color: #660033; font-size: 14px; font-family: arial; font-weight: 600;}

 

 .foot{

 	position: absolute;

	top: 700px;

	left: 5px;

	height: 60px;

	width: 1150px;

	color: #660033;

	font-size: 10px;

}



#lg a:link{color: #660033; text-decoration: underline; font-family: arial; font-size: 10px;}

#lg a:visited{color: #660033; text-decoration: underline; font-family: arial; font-size: 10px;}

#lg a:link:hover{text-decoration: none; color: #CCCC33; font-size: 10px; font-family: arial;}

#lg a:visited:hover{text-decoration: none; color: #CCCC33; font-size: 10px; font-family: arial;}

	

ul{list-style: none; }

li{list-style: none;}

#mprod .li2{font-weight: 700; font-size: 14px; color: #71706D; font-family: arial; } 

	

.menu{ position: absolute; top: 120px; left: 0px; width: 1050px; }

	.about{display: block; position: relative; float: left; width: 140px; z-index: 10;}

	.produit{display: block; position: relative; float: left; width: 250px;  z-index: 10;}

	.services{display: block; position: relative; float: left; width: 230px; }

	.press{display: block; position: relative; float: left; width: 190px; }

	.careers{display: block; position: relative; float: left; width: 160px;  z-index: 10;}

	

div#M{z-index: 5;}				

div#M a:link{color: #71706D; text-decoration: none; font-family: arial; font-size: 14px;}

div#M a:visited{color: #71706D; text-decoration: none; font-family: arial; font-size: 14px;}

div#M a:link:hover{text-decoration: none; color: #CCCC33; font-size: 14px; font-family: arial;}

div#M a:visited:hover{text-decoration: none; color: #CCCC33; font-size: 14px; font-family: arial;}	



#ab{display: none; position: relative; padding-top: 5px; z-index: 2; font-size: 12px; width: 140px; line-height: 15pt; background-color: #FFFFFF;}

#ab ul{display: block; list-style: none; margin: 0px 0px 0px 5px; padding: 0px; z-index: 2; font-size: 12px; }

#ab ul li{list-style: none; margin: 0px; z-index: 2; font-size: 12px;}

					

		#prod{display: none; position: relative; padding-top: 5px; height: 370px; font-size: 12px;  width: 250px; line-height: 15pt; background-color: #FFFFFF;}

			#prod ul{display: block; list-style: none; margin: 0px 0px 0px 5px; padding: 0px; z-index: 15; font-size: 12px; }

			#prod ul li{list-style: none; margin: 0px; font-size: 12px; }

			

			#prod ul .li3{list-style: none; padding-left: 25px; font-size: 11px; font-weight: normal;}

			



		#cust{display: none; position: relative; padding-top: 5px; font-size: 12px; width: 230px; line-height: 15pt; background-color: #FFFFFF;}

			#cust ul{display: block; list-style: none; margin: 0px 0px 0px 5px; padding: 0px; z-index: 15; font-size: 12px; }

			#cust ul li{list-style: none; margin: 0px; font-size: 12px;}

			

		#pres{display: none; position: relative; padding-top: 5px; font-size: 12px; width: 190px; line-height: 15pt; background-color: #FFFFFF;}

			#pres ul{display: block; list-style: none; margin: 0px 0px 0px 5px; padding: 0px; z-index:15; font-size: 12px; }

			#pres ul li{list-style: none; margin: 0px; font-size: 12px;}

			

		#car{display: none; position: relative; padding-top: 5px; font-size: 12px; width: 160px; line-height: 15pt; background-color: #FFFFFF;}

			#car ul{display: block; list-style: none; margin: 0px 0px 0px 5px; padding: 0px; z-index:15; font-size: 12px; }

			#car ul li{list-style: none; margin: 0px; font-size: 12px;}

			

			

/* *********************** Mise en page sous page ******************** */



.titre-page{

	position: absolute;

	top: 120px;

	left: 870px;

	font-family: helvetica;

	text-align: center;

	color: #660033;

	width: 300px;

	font-size: 18px;

	font-weight: 800;

	background-image: url(img/ftitre2.jpg);

	background-repeat: no-repeat;

	z-index: 7;

	/*border-bottom-color: #CCCC33;

	border-bottom-style: solid;

	border-bottom-width: 1px;

	

	border-top-color: #660033;

	border-top-style: solid;

	border-top-width: 2px;*/

}



#fondPage{

	position: absolute;

	top: 160px;

	left: 0px;

	height: 520px;

	width: 1150px;

	overflow: auto;

	background-image: url(img/fpage.png);

	background-repeat: no-repeat;

}



.contenu{

	position: absolute;

	top: 160px;

	left: 100px;

	height: 520px;

	width: 750px;

	overflow: hidden;

	z-index: 3;

}



.ecrire-ici{

	text-align: left;

	position: absolute;

	top: 5px;

	width: 705px;

	/*word-wrap: break-word;

	white-space: pre;*/

	font-weight: 500;

	font-family: arial;

	font-size: 14px;

	

}



.scroll{

	position: absolute;

	left: 860px;

	top: 160px;

	height: 520px;

	width: 20px;

	z-index: 2;

	background-image: url(img/barreScroll.png);

}



.haut{

	position: absolute;

	top: 0px;

	z-index: 3;

	

}



.bas{

	position: absolute;

	top: 500px;

	z-index: 3;

}



#map{

	

	position: absolute;

	width: 805px;

	word-wrap: break-word;

	font-weight: 500;

	font-family: arial;

	font-size: 14px;

}



div#map a:link{color: #71706D; text-decoration: none; font-family: arial; font-size: 14px;}

div#map a:visited{color: #71706D; text-decoration: none; font-family: arial; font-size: 14px;}

div#map a:link:hover{text-decoration: underline; color: #CCCC33; font-size: 14px; font-family: arial;}

div#map a:visited:hover{text-decoration: underline; color: #CCCC33; font-size: 14px; font-family: arial;}



div#map .li2 a:link{color: #71706D; font-weight: 700; text-decoration: none; font-family: arial; font-size: 14px;}

div#map .li2 a:visited{color: #71706D; text-decoration: none; font-family: arial; font-size: 14px;}

div#map .li2 a:link:hover{text-decoration: underline; color: #CCCC33; font-size: 14px; font-family: arial;}

div#map .li2 a:visited:hover{text-decoration: underline; color: #CCCC33; font-size: 14px; font-family: arial;}



.ligne{

	position: absolute;

	left: 0px;

	top: 124px;

	width: 1150px;

	color: #FFFFFF;

	border-bottom-color: #CCCC33;

	border-bottom-style: solid;

	border-bottom-width: 2px;

	

	

}



#mp{

	padding: 0px;

	margin: 0px;

	position: absolute;

	top: 240px;

	left: 900px;

	height: 320px;

	width: 240px;

	text-align: center;

	color: #660033;

	line-height: 20.5pt;

	font-size: 16px;

	background-image: url(img/mpage2.png);

	background-repeat: no-repeat;

	z-index: 5;

	-moz-border-radius: 30px 30px 30px 30px;

	-webkit-border-radius: 30px; 

        -webkit-border-top-left-radius: 30px; /* pour Chrome */ 

        -webkit-border-top-right-radius: 30px; /* pour Chrome */

	overflow: hidden;

}



div#mp a:link{color: #71706D; text-decoration: none; font-family: arial; font-size: 16px; font-weight: 800;}

div#mp a:visited{color: #71706D; text-decoration: none; font-family: arial; font-size: 16px; font-weight: 800;}

div#mp a:link:hover{text-decoration: none; color: #CCCC33; font-size: 16px; font-family: arial; font-weight: 800;}

div#mp a:visited:hover{text-decoration: none; color: #CCCC33; font-size: 16px; font-family: arial; font-weight: 800;}





.mPage {

	position: relative;

	margin-top: 10px;

	width: 240px;

	height: 300px;

	overflow: hidden;

}



#mp .our{

	font-family: arial;

	color: #660033;

	margin-top: 25px;

	letter-spacing: 2mm;

	line-height: 12pt;

	font-size: 16px;

	font-weight: 800;

	background-color: #CCCC33;

 }



.titreArticle{font-weight: 700; color: #660033; font-size: 16px; margin-left: 8px;}



#mp .item{

	margin-top: 10px;



}



#mp ul {

	list-style: none;

	margin: 0px;

	display: block;

	height: 200px;

	width: 1000px;

	

	}



/*#mp ul li{float: top; }*/



/* ******************************** Page contact ************************** */

.text{

	position: absolute;

	top: 230px;

	left: 30px;

}

.text table{width: 350px;}

.info{font-family: arial; font-size: 12px; margin: 0px; padding: 0px}

.text table h3{

	font-family: arial;

	color: #660033;

	font-size: 16px;

	font-weight: 800;

	line-height: 10pt;

 }



.form table h3{

	font-family: arial;

	color: #660033;

	font-size: 14px;

	font-weight: 800;

	line-height: 10pt;

 }





.text table .td1{ line-height: 10pt; font-family: arial; font-size: 12px;}



.form{

	position: absolute;

	top: 240px;

	left: 480px;

	height: 400px;

	width: 450px;

	z-index: 3;

}

.form table{width: 350px;}



.newsform{

	position: absolute;

	top: 240px;

	left: 310px;

	height: 400px;

	width: 450px;

	z-index: 3;

}

.newsform table h3{

	font-family: arial;

	color: #660033;

	font-size: 14px;

	font-weight: 800;

	line-height: 10pt;

 }





label{

	color: #000000;

	font-size: 12px;

	font-family: arial;

	width: 80px;	

}



input {

	color: #660033;

	font-size: 12px;

	font-family: arial;

	background-color: #FBFBFB;

	width: 180px;

}

textarea{

	color: #660033;

	font-size: 12px;

	font-family: arial;

	background-color: #FBFBFB;

	width: 295px;

	height: 120px;

}



.erreur{

	position: absolute;

	top: 665px;

	left: 440px;

	color: red;

	font-family: Times new roman;

	font-size: 12px;

	z-index: 3;

}