body {
	background-image:url(img/background.jpg);
	background-repeat:repeat-x;
	background-color:#FFF;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	text-align:justify;
	
	margin:0px;
	
	z-index:0;
}



p
{
	margin:0px 0px 10px 0px;
	padding:0px;
}



h2
{
	position:relative;
	display:block;
	
	padding:20px 0px 5px 0px;
	margin:0px;
	
	font-family:eraslight;
	font-size:30px;
	
	color:#006e8b;
	margin-top:0px;
}

a
{
	color:#0E64C2;
}


#bloc_contenu a
{
	font-weight:bold;
	text-decoration:underline;
	outline:none; /* evite les pointillés autour d'un lien [FIREFOX] */
}

object
{
	outline:none; /* evite les pointillés autour du flash [FIREFOX] */
}


img.habillage_gauche
{
	float:left;
	padding:0px;
	margin:0px 30px 10px 0px;
}

img.habillage_droite
{
	float:right;
	padding:0px;
	margin:0px 0px 10px 30px;
}



#page {
}

#contenu_page {
	position:relative;
	display:block;
	
	margin:0px;
	padding:0px;
	
	margin-left:auto;
	margin-right:auto;
	
	width:950px;
}

h1.logo{
	position:absolute;
	width:92px;
	height:92px;
	
	margin:0px;
	padding:0px;
	
	left: 37px;
	top: 14px;
	
	z-index:9000;
	visibility: visible;
}

h1.logo_texte{
	position:absolute;
	width:478px;
	height:68px;

	margin:0px;
	padding:0px;
	
	left: 128px;
	top: 14px;
	
	z-index:9000;
	visibility: visible;
}

h1 span
{
	display:none;
}

.menu_sup{										/* menu supérieur*/
	position:absolute;
	right: -15px;
	top: 36px;
	
	margin:0px;
	padding:0px;
}

.menu_sup a {
	display:inline;
	padding:0px 15px 0px 15px;
	border-left:1px solid #cccccc;
	font-size:11px;
	color:#5c5c5c;
	text-decoration:none;
}

.menu_sup a:hover {
	color:#0b5c86;
	text-decoration:underline;
}


#haut_page {
	position:relative;
	display:block;
	
	margin:0px;
	padding:0px;
	
	top:-5px;
	
	height:370px;
	
	background-image:url(img/ombre_cu3er.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

#menu_deroulant{
	position:absolute;
	display:block;
	
	top:95px;
	z-index:1;
	
	width:950px;
	height:28px;
	
	background-image:url(img/menu_img.png);
	background-repeat:no-repeat;
}

#cuber-container{
	position:relative;
	display:block;
	
	top:123px;
	margin-top:0px;
	width:950px;
	height:200px;
}

#bloc_contenu
{
	position:relative;
	display:block;
	width:950px;
	
	padding:0px;
	margin:-20px 0px 0px 0px;
}

#contenu{
	min-height:40px;
	
	margin-bottom:20px;
	margin-top:20px;
	
	padding-left:10px;
	
	color:#2C2C2C;
	font-size:13px;
	text-align:justify;
}

a img{
	border: none;
} 




#colonne_gauche
{
	position:relative;
	display:block;
	float:left;
	width:590px;
	
	padding:0;
	margin:0px;
	
}

#sidebar
{
	position:relative;
	display:block;
	float:right;
	
	width:320px;
	
	padding:0;
	margin:0px;
	
}

#menu_inf {
	text-align:center;
	padding:0px;
	margin:20px 0px 10px 0px;
}

#menu_inf a {
	display:inline;
	padding:0px 15px 0px 15px;
	border-right:1px solid #cccccc;
	font-size:11px;
	color:#5c5c5c;
	text-decoration:none;
}

#menu_inf a:hover {
	color:#0b5c86;
	text-decoration:underline;
}




/* #################################################################" */
/* PAGE PLAN DU SITE */
/* #################################################################" */

.colonne_plan
{
	display:block;
	position:relative;
	border:0px solid red;
	
	padding:0px;
	margin:0px 0px 20px 50px;
	
	width:400px;
}

.colonne_plan ul
{
	display:block;
	position:relative;
	border:0px solid red;
	padding:0px;
	margin:0px;
}

.colonne_plan li
{
	list-style:none;
	margin:0px 0px 0px 20px;
	padding:0px;
}


#bloc_contenu .colonne_plan li a
{
	display:block;
	position:relative;
	background-color:#0085a2; /* bleu */
	background-image:url(img/background_barre_bleue.jpg);
	
	color:#FFFFFF;
	text-decoration:none;
	
	
	padding:10px 10px 10px 85px;
	margin:30px 0px 20px 0px;
}

#bloc_contenu .colonne_plan li a img{
	position:absolute;
	left:10px;
	top:-20px;
}

#bloc_contenu .colonne_plan li li a
{
	display:block;
	position:relative;
	
	height:17px;
	
	background-color:transparent;
	background-image:none;
	padding:0px 0px 0px 20px;
	margin:0px 0px 4px 0px;
	
	color:#009bc0; /* bleu clair */
	text-decoration:underline;
	
	background-image:url(img/page.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	
}


/* ################################################################# */
/* ####################### STYLE REFERENCES ######################## */
/* ################################################################# */


#references{
	margin:0px auto 50px auto;
	padding:0px;
	
	text-align:center;
	border:0px solid green;
	width:870px;
}

#references .case{
	float:left;
	width:265px;
	
	margin:10px 10px 20px 10px;
	padding:0px;
	
	text-align:center;
	
	border:0px solid red;
}

#references .case img
{
	margin-bottom:-60px;
}

#references .case h3{
	font-size:11px;
	margin:0px;
	padding:0px;
}

#references .case h4{
	font-size:11px;
	margin:0px;
	padding:0px;
}

#references .case h5{
	font-size:11px;
	color:#666;
	margin:0px;
	padding:0px;
}


#google_map{
	border:2px solid #999;
	width:260px;
	height:330px;
	
	margin:0 20px 30px 15px;
	
	float:left;
}

.coordonnees{
	width:250px;
	height:300px;
	
	margin-right:20px;
	
	float:left;
	font-size:11px;
	
	border-right:1px dotted #999;
}

.formulaire{
	float:left;
	margin-left:10px;
	font-size:11px;
}

.cartographie{
	margin:0 0 50px 30px;
	border-top:1px dotted #999;
	width:430px;
}



/* formulaire style*/
.error{
    color:red;
}

textarea.error, input.error{
  border:1px solid red;
}


.messageerror{
  display:none;
  padding:10px 10px 0px 10px;
  border:1px solid red;
  margin-bottom:10px;
}

input,select,textarea{
  background:#efefef;
  border:1px solid #cbcbcb;
  padding:3px;
}

input:hover,select:hover,textarea:hover{
  background:#efefef;
  border:1px solid #507bbb;
}