/* CSS Document */

*{
margin:0;
padding:0;
}

h1{font-size:1.0em;}
h5{font-size:16px;}
a{text-decoration:none;}
dl
{
	padding:10px 0px 10px 0px;
}
dt
{
	font-weight:bold;
	font-size:12px;
	text-align:center;
}
dd
{
	font-size:10px;
}

#integrale{
position:relative;
margin:0px auto;
background-image:url(images/fond-site.jpg);
background-repeat:no-repeat;
width:960px;
height:570px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.logo{
position:absolute;
left:435px;
z-index:100;
border:none;
}
.logo img{border:none;}

/*======BARRE DU MENU DE NAVIGATION======*/

#menu-gauche{
position:absolute;
z-index:10000;
width:480px;
top:28px;
list-style-type:none;
}

#menu-gauche li{
margin-left:40px;
float:left;
list-style:none;

}

#menu-gauche a{
color:#FFFFFF;
text-decoration:none;
}

#menu-gauche a:hover{
display:inline;
color:#003366;
}

#menu-gauche a:active{
color:#003366;
display:inline;
}

#menu-droite{
position:absolute;
z-index:1000;
width:960px;
top:28px;
list-style-type:none;
}

#menu-droite li{
margin-right:40px;
float:right;
list-style:none;
padding:0px;
}

#menu-droite a{
color:#FFFFFF;
text-decoration:none;
}

#menu-droite a:hover{
display:inline;
color:#003366;
}

#menu-droite a:active{
color:#003366;
display:inline;
}

/*=======================================*/

#contenu{
position:relative;
left:501px;
top:230px;
width:395px;
height:265px;
overflow:auto;
text-align:justify;
color:#003366;
font-size:0.9em;
padding:8px;
}

#contenu a:visited
{
	color:#666666;
}

#titre-page{
position:absolute;
left:510px;
top:195px;
}

#titre-ref{
position:absolute;
left:195px;
top:195px;
}

#image-page{
position:absolute;
width:392px;
height:346px;
left:50px;
bottom:10px;
}

#image-ref{
position:absolute;
background-image:url(images/image-ref.jpg);
width:412px;
height:355px;
left:48px;
top:220px;
}
#image-google{
position:absolute;
background-image:url(images/google.gif);
wifth:200px;
height:80px;
left:70;
top:250px;
}

#contenu-ref{
position:relative;
left:-1px;
top:10px;
width:395px;
height:265px;
overflow:auto;
text-align:justify;
color:#003366;
font-size:0.9em;
padding:8px;
}

#portfolio{
position:absolute;
background-image:url(images/image-ref.jpg);
width:412px;
height:355px;
left:45px;
top:220px;
}

#myGallery
{
width: 370px !important;
height: 270px !important;
left:20px;
top:20px;
} 

#promo{
position:absolute;
top:85px;
left:765px;
width:150px;
font-size:0.8em;
color:#003366;
}

#promo a:visited
{
	color:#666666;
}

#pied{
position:relative;
background-image:url(images/pied.jpg);
background-repeat:no-repeat;
height:51px;
width:656px;
margin:0px auto;
}
#div_standart_left
{
	position:absolute;
	background-image:url(images/image-ref.jpg);
	width:412px;
	height:345px;
	left:48px;
	top:220px;
	text-align:center;
	padding-top:10px;
}


#pied p{color:#006699;}

#sub_footer
{
	padding:10px 0px 10px 0px;
	text-align:center;
}
#sub_footer a:link, #sub_footer a:visited, #sub_footer a:hover, #sub_footer a:active 
{
	font-size:11px;
	color:#006699;
	padding:0px 10px 0px 0px;
}
#tva{
position:relative;
top:5px;}

#w3c{
position:relative;
margin:0px auto;
top:8px;
display:block;
width:200px;
height:31px;
}

.msg
{
	text-align:center;
	color:#006699;
	font-weight:bold;
	font-size:13px;
}