/* Christophe Menard */

/* Oeilletdeguerande.com */

/* Css page de garde */

body {background-color: #000066;}



#langue{

	position: relative;

	float: right;

}



#conteneurcentrer {

height: 315px;

width: 795px;

background-image: url(../../imagescss/Fond_pageaccueil.jpg);

background-repeat: no-repeat;

background-color: transparent;

border: 0px 0px 0px 0px;

position:absolute;

left: 50%;

top: 50%;

margin-top: -157px;

margin-left: -397px;

}

#iconemarais {

position: absolute;

top: 188px;

left: 216px;

height: 50px;

width: 50px;

z-index:auto;}



#imagemarais {

position: absolute;

top: 228px;

left: 38px;

height: 39px;

width: 150px;

z-index:auto;}



#iconecontact {

position: absolute;

top: 149px;

left: 258px;

height: 50px;

width: 50px;

z-index:auto;}



#imagecontact {

position:absolute;

top: 279px;

left: 409px;

height: 32px;

width: 131px;

z-index:auto;}



#iconehistorique {

position: absolute;

top: 70px;

left: 216px;

height: 50px;

width: 50px;

z-index: auto;}



#imagehistorique {
	position:absolute;
	top: 57px;
	left: 0px;
	height: 32px;
	width: 171px;
	z-index: auto;
}



#iconefabrication {

position: absolute;

top: 130px;

left: 216px;

height: 50px;

width: 50px;

z-index: auto;}



#imagefabrication {

position: absolute;

top: 140px;

left: 7px;

height: 31px;

width: 184px;

z-index:auto;}



#iconeproduits {

position: absolute;

top: 212px;

left: 258px;

height: 50px;

width: 50px;

z-index:auto;}



#imageproduits {

position: absolute;

top: 270px;

left: 128px;

height: 46px;

width: 120px;

z-index:auto;}



#iconeidees {

position: absolute;

top: 182px;

left: 301px;

height: 50px;

width: 50px;

z-index:  auto;}



#imageidees {

position: absolute;

top: 279px;

left: 262px;

height: 41px;

width: 120px;

z-index: auto ;}


#imagevideos {
	position: absolute;
	top: 277px;
	left: 577px;
	height: 41px;
	width: 120px;
	z-index: auto;
}

#imagedubay {
	position: absolute;
	top: 241px;
	left: 633px;
	height: 41px;
	width: 120px;
	z-index: auto;
}



#compteur {

position:absolute;

top: 350px;

left: 550px;

height: 32px;

width: 250px;

color: #B0C4DE;

font-size: .8em;

z-index: 23}



#compteur img {

filter: alpha(opacity=70);

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);

-moz-opacity: 0.70;

opacity:0.7;

height: 11px;}



.message {

visibility: visible;

width: 300px;

background-color:#000066;

overflow: auto;

color: #FFD700;

border-style: solid;

border-width: 1px;

border-color: #4682B4;

padding: 2px 2px 2px 2px ;

z-index: 1000;

position: absolute;

left:50px;

top:-50px;

}



a:visited, a {

text-decoration:none;

color:#d00;

font-weight:bold;

border: none;}



a:visited img, a img {

filter: alpha(opacity=70);

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);

-moz-opacity: 0.70;

opacity:0.7;

border: none;}



/* a:hover {background-color:transparent; color:#06a;} */



#conteneurcentrer a span {

visibility: hidden;

}

#conteneurcentrer a:hover .message {

visibility: visible;

filter: alpha(opacity=80);

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);

-moz-opacity: 0.80;

opacity:0.8;

border: none;}



a:hover img {filter: alpha(opacity=100);

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);

-moz-opacity: 1.00;

opacity:1;}



#banniere {

position:absolute;

top: 349px;

left: -2px;

height: 46px;

width: 521px;

background-color:transparent;

font-size: .8em;

z-index: 23}





.MSG  {

    color:White;

	 font-size:10px;

	 font-family:Verdana;

	 text-align:center;}

		  

#AFF  { color:#FF7F50;font-size:13px;font-family:Verdana;}



#zone{

   position: relative;

	visibility:hidden;

	top:0px;

	left:0px;

	height:50px;

	z-index:0;

}



#boitemessage{

	position:absolute;

	top:350px;

	left:0px;

	width:400px;

	height: 70px;

	border: solid;

	border-color: #6532CB;

	border-width: 1px;

	color: #FD6900;

	-moz-border-radius: 5px;

	

	}

#boitemessage p 

{ color: White;

	background-color: #6532CB;

	display: block;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	 font-size:11px;

	 border-bottom-color: White;

	 border-bottom-style: solid;

	 border-bottom-width: 1px;

}

#boitemessage a {

	color: #FFD851;

	font-style: normal;

	font-weight: normal;

	font-stretch: normal;

}