/* LE CORPS DE PAGE */
* {margin:0;padding:0}

body {
	padding: 0px;
	background: #768290 url(images/bg-body.jpg) repeat-x center 0;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #333;
	font: 11px;
	text-align: center;
}
a,a:link,a:active,a:visited,a:hover {
	color: #235384;
}
H1 {
	font-size: 18px;
	color: Gray;
	font-weight: bold;
	letter-spacing: 0px;
	padding: 0;
	text-transform: uppercase;
}
H2 {
	font-size: 15px;
	color: #5C6E7D;
	letter-spacing: 0px;
	padding: 0;
	text-transform: uppercase;
}	
H3 {
	text-align: left;
	font-size: 14px;
	color: #868686;
	letter-spacing: 0px;
	padding: 0;
}	
ul, li {
	list-style: none;
}
.red {
	color: red;
}
#general {
	position: relative;
	width: 900px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: none;
	background: url(images/bg-general.jpg) repeat-y 0 0;
}
#general2, #general2-acc {
	width: 900px;
   position: relative;
	margin: 0;
	padding: 0 0 8px 0;
	background: url(images/bg-general2.jpg) no-repeat 0 117px;
}
#general2-acc {
	/*background: none;*/
}
#general2-acc #contenu, #contenu {
	display: block;
	position: relative;
	_width: 680px;
	margin: 0 0 0 223px;
	padding: 0 0 0 0;
	*height: 680px;
	_height: 680px;

}
#general2 #contenu {
	min-height: 440px;
	*height:440px;
}
#col-ga {
	display: block;
	position: absolute;
	left: 0px;
	top: 125px;
	_top: 123px;
	width: 215px;
	margin: 0;
	min-height: 200px;
	background: url(images/bg-col-ga.jpg) no-repeat top right;
}

/* POUR BANNIERE */
#banniere {
	width: 100%;
	height: 117px;
	margin: 0px 0 0 0;
	background:url(images/bg-banniere.jpg) no-repeat center;
}
#banniere #logo {
position: absolute;
background: url(images/bg-logo.jpg) no-repeat;
width: 162px;
height: 36px;
	top:20px;
	right:20px;
}

/* IMAGES */
img.border, img.left, img.right, img.centre, img.cadre, span.right, span.left, span.centre, span.cadre {
	padding: 7px;
	border: 1px solid silver;
	display: block;
	background: white;
}
img.left{float: left;margin: 0 10px 2px 0px;}
img.right {float: right;margin: 0 0px 2px 10px;}
img.centre {margin: 20px auto 10px 50px;}
img.cadre, span.cadre {margin: 0 0 10px 0;}

/* MENU VERTICAL */
#menu-vertical {
	padding: 0px;
	margin: 0 0 0 8px;
	width: 207px;
}
#menu-vertical a.normal, #menu-vertical a.double {
	display: block;
	margin: 0;
	padding: 16px 12px 15px 0;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	color: White;
	text-decoration: none;
	background: url(images/bg-menu-c.jpg) 0px 0 no-repeat;
}
#menu-vertical a.double {
		padding: 8px 12px 8px 0;
}
#menu-vertical a.normal:hover, #menu-vertical a.double:hover {
	background: url(images/bg-menu-c.jpg) -224px 0px no-repeat;
	color: White;
}
#menu-vertical #menu_actif {
	background:  url(images/bg-menu-c.jpg) -224px 0px no-repeat;
	color: White;
}
#menu-vertical  p.ssmenu {
		display: block;
		padding: 0 0 5px 0;
		margin: 0 2px 0 2px;
		text-align: right;
		background: white;
		
}
#menu-vertical  p.ssmenu a {
	display: block;
	color: #B95509;
	text-decoration: none;
	padding: 4px 16px 2px 0;
	font-weight: bold;
}
#menu-vertical  p.ssmenu a:hover {
	color: Black;
	background: #E9AB30 url(images/puce-noir.png) no-repeat 192px 7px;
}
#menu-vertical #ssmenu_actif{
	color: Black;
	background: #E9AB30 url(images/puce-noir.png) no-repeat 192px 7px;
}

/* FIN MENU VERTICAL */
#menu-top {
	display: block;
	color: white;
	padding: 0px;
	font-weight: bold;
	background: none;
	top:100px;
	right: 30px;
	position: absolute;
}
#menu-top a {
	display: inline;
	text-decoration: none;
	color: white;
}
#centre {
	margin: 0;
	padding: 8px 0 0 0;
	width: 680px;
}
#centre p {
	font-size: 11px;
}
/* PAGE ACCUEIL */
#centre #accueil-dr {
	display: block;
	margin: 0;
	min-height: 300px;
	width: 680px;
	padding: 0;
	color: #696969;
	border: 0px solid white;
}
#centre #accueil-dr p {
	font-size: 12px;
	color: #5B737B;
	text-align: justify;
	padding: 20px 30px 0 30px;
}
#centre #accueil-dr p span.intro {
	font-size: 12px;
	color: #5B737B;
	text-align: left;
	font-weight: bold;
}
#centre .bloc-acc {
	float: left;
	display: block;
	position: relative;
	/*height: 135px;
	background: white url(images/bg-bloc-acc.jpg) repeat-x top;*/
	margin: 0 8px 8px 0;
	border: 0px solid white;
	width: 218px;
}
#centre .bloc-acc span.photo {
	display: block;
	background: white;
	margin: 0;
	padding: 0;
}
#centre .bloc-acc span.photo a {
	display: block;
	border: 2px solid White;
}
#centre .bloc-acc span.photo img {
	border: none;
}
#centre .bloc-acc span.photo a:hover {
	border: 2px solid #71A2CA;
}
.bloc-acc span.text {
	display: block;
	position: absolute;
	top: 12px;
	left: 2px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 4px 0px 8px 0;
	width: 214px;
	margin: 0 0px 0 0px;
	text-align: center;
	color: #2D5676;
	background: white;
}
/* PAGES NORMALES */
#centre #page {
	margin: 0px 10px 0 0px;
	position: relative;
	padding: 10px 1px 20px 1px;
	min-height: 350px;
	_height: 350px;
	border: 2px solid White;
	text-align: left;
	background: #DADDE2 url(images/bg-page.jpg) repeat-x top;
	color: #343434;
}
#centre #page p {
display: block;
		text-align: justify;
		font-size: 12px;
		padding: 0px 80px 0px 80px;
		margin: 20px;
}
#centre h1 {
	display: block;
	color: Black;
	padding: 7px  0px 9px 0px;
	text-align: center;
	background: white;
	border: 2px solid #EEEFF3;
	margin: 0 10px 8px 0px;
}

#centre #page h2 {
	padding: 10px 0px 20px 40px;
	color: Black;
	text-align: left;
	
}
#centre #page h3 {
	padding: 20px 30px 10px 40px;
	color: Black;
}
#centre #page h3.red {
	color: red;
	background: White;
	margin: 0px 20px 0 20px;
}
#centre #page ul, #centre #page ul.sommaire {
		padding: 0px 20px 0 80px;
		margin: 0 0 16px 0;
}
#centre #page ul li ul, #centre #page ul.sommaire li ul {
		padding: 0px 20px 0 40px;
}
#centre #page ul li, #centre #page ul.sommaire li  {
		font-weight: Bold;
		font-size: 12px;
		margin: 0px 0 0px 0;
		padding: 0px 0 0 0;
		color: Black;
}
#centre #page ul li ul li, #centre #page ul.sommaire li ul li {
	font-weight: Normal;
	font-size: 12px;
	color: Dark gray;
	margin: 0;
	padding: 0;
	list-style: circle outside;
}
#centre #page ul.sommaire li ul li a {
	color: #244968;
}
#centre #page ul.sommaire li ul li a:hover {
		color: Black;
}
#centre #page p.galerie {
	display: block;
	font-size: 12px;
	padding: 0px 20px 0px 46px;
	margin: 0px;
}
#centre #page p.galerie-cuve {
	margin-left: 22px;
}
#centre #page p.galerie a {
	display: block;
	float: left;
	margin: 4px 2px 0 2px;
	padding: 0;
	border: 1px solid silver;
	background: white;
	text-align: center;
}
#centre #page p.galerie-cuve a {
	display: block;
	float: left;
	margin: 4px 2px 0 2px;
	padding: 0;
	border: 1px solid silver;
	background: white;
	text-align: center;
}
#centre #page p.galerie a:hover {
	border: 1px solid Black;
}
#centre #page p.galerie-cuve a:hover {
	border: 1px solid Black;
}
#centre #page p.galerie img {
	display: block;
	padding: 3px;
	background: white;
	border: none;
}
#centre #page p.galerie-cuve img {
	display: block;
	padding: 3px;
	background: white;
	border: none;
}
/* Blocs page */
.blocs, .blocs-large {
	width: 320px;
	_width: 315px;
	float: left;
	_height: 126px;
	margin: 5px 5px 5px 5px;
	border: 1px solid white;
	background: #4D5256;
}
.blocs-large {
	width: 650px;
	float: none;
}
.blocs img, .blocs-large img {
	padding: 4px;
	margin: 4px 0 4px 4px;
	border: 1px solid silver;
	background: white;
	float: left;
}
#centre #page .blocs p, #centre #page .blocs-large p {
	display: block;
	padding: 6px;;
	color: white;
	font-size: 11px;
	margin: 0 0 0 142px;
}
#centre #page .blocs-large p {
		margin: 0 0 0 202px;
}
/* ul Contacts*/
#centre #page ul.liens {
display: block;
	margin: 0px 0px 0px 80px;
	text-align: left;
}
#centre #page ul.liens li {
display: block;
	padding: 0 0 10px 0;
}
/* Fin Tarifs */
#centre #page p.adresse {
	display: block;
	float: right;
	margin: 20px 10px 0 0px;
	padding: 0 0 0 10px;
	font-size: 12px;
	border-left: 1px solid silver;
	color: #385551;
}
#centre #page .plan {
	display: block;
	float: left;
	margin: 0 0px 0 10px;
	_margin: 0 0px 0 4px;
	padding: 10px;
	background: white;
	border: 1px solid silver;
}
#centre #page a.agrandir {
	color: #006699;
	display:block;
	width: 180px;
	text-align:center;
	border: 1px solid Black;
	padding: 5px 0 4px 0;
	background:white;
	text-decoration: none;
}
#centre #page a.agrandir:hover {
	background: #36B7EB;
	color: white;
}
#centre #page .attention {
	background: #ABB0B8 url(images/bg-attention.jpg) no-repeat 0 0;
	color: White;
	font-weight: bold;
	margin: 0px 20px 0 20px;
	padding: 5px 50px 20px 60px;
	display: block;
}
/* MODULE ACTUALITES */
#actus {
	margin: 8px 0 0 8px;
	background: url(images/bg-actus.jpg) repeat-y;
	background: none;
	border-top: none;
	border-bottom: 1px solid #8595A4;
	height: 100px;
}
#actus H1 {
	color: White;
	text-align: right;
	font-size: 18px;
	text-transform: none;
	letter-spacing: -1px;
	padding: 14px 10px 13px 0;
	margin: 0 0 0px 0;
	background: url(images/bg-actus-h1.jpg) no-repeat;
	/*background: #BCC6CB;*/
}
#actus .actus-contenu {
	display: block;
	padding: 0px 4px 2px 4px;
	margin: 2px 0 0 0;
	background: none;
}
#actus p.texte {
	display: block;
	text-align: justify;
	border: none;
	margin: 0;
	padding: 4px;
	color: #747474;
	font-size: 11px;
	overflow: auto;
	height: 164px; /*background-color: #95A3A8;*/
}
#actus p.texte span {
	background: none;
	height: auto;
	/*padding: 0;
	margin: 0;*/
}
#actus span.stitre {
	color: #333333;
	padding: 2px 0 4px 0;
	text-align: right;
	margin: 0 0 2px 0;
	display: block;
	border-bottom: 1px solid silver;
	font-weight: bold;
	font-size: 14px;
	background: none;
}
#actus span.sstitre {
	display: block;
	font-weight: bold;
	text-align: right;
	padding: 3px 0 5px 4px;
        color: #000000;
}
#actus span.date {
	color: #959595; 
	font-size: 9px;
	display: block;
	text-align: right;
	font-weight: normal;
}
#actus a {
	display: block;
	margin: 4px 0 0 0;
	text-align: right;
	color: #5290BF;
	background: none;
}
#actus a:hover {
	color: Black;
	text-decoration: underline;
	background: none;
}
/* FIN ACTUS */

/* FORMULAIRE DE CONTACTS */
#centre form {
	padding: 20px 0px 5px 50px;	
}	
#centre input, #centre textarea, select {
	text-align: left;
	padding: 0px 0px 0px 2px;
	border: 1px inset #9BA9B9;
	margin: 2px 0 1px 0;
	background: White;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: Black;
}
#centre span.titre {
	font-weight: bold;
	display: block;
	width: 110px;
	margin-right: 5px;
	text-align: left;
	float: left;
	color: #696969;
}
#centre input.bouton, #centre input.valider {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0 2px 0;
	margin: 4px 0 0 250px;
	border: 1px outset #9BA9B9;
	background: #4884B3;
	color: #FFFFFF;
	width: 70px;
	cursor: pointer;
}
#centre input.valider {
	background: #2E8B57;
	color: white;
	margin: 0px;
	width: auto;
}
.note {
	display: block;
	font-size: 9px;
	text-align: justify;
	padding: 20px 20px 5px 60px;
	color: Black;
}
/*-------------Table------------------*/
table.references {
	width: 550px;
	font-size: 12px;
	margin: 0 auto 0 50px;
	background: none;
	border-collapse: collapse;
}
table.references td {
	width: 400px;
	padding: 2px;
}
table.references td.pos {
	width: 50px;
}
table.references td.refs {
	width: 100px;
}

/*********************Tableau cuverie*******************/
table.cuve {
	margin-left: 100px;
}
table.cuve td.titre {
height: 20px;
background-color: #f0f0f0;
text-align: center;
}
table.cuve td {
	width: 100px;
	text-align: center;
}
/*DIVERS*/
.clear {
	clear: both;
	font-size:0px;
}
/* PIED DE PAGE */
#pied {
	width: 900px;
	clear: both;
	margin: 0;
	border-top: 1px solid #E7EEF6;
	margin: 0px auto 0 auto;
	padding: 6px 0 0px 0;
	background: none;
}
#pied a, #pied a:link, #pied a:visited, #pied a:hover {
	color: #7DB7AD;
}
#pied p {
	font-size: 9px;
	display: block;
	text-align: center;
	padding: 0 0 0 0px;
	color: #EEF1F6;
}

/* BLOC OPTION */
#centre #page #option {
	display: block;
	width: 200px;
	float: right;
	background: white;
	margin: 10px 10px 0 10px;
	border: 1px solid Black;
}
#centre #page #option p {
display: block;
	margin: 0;
	padding: 6px;
}
#centre #page #option span.tt {
font-weight: bold;
font-size: 11px;
text-align: left;
display: block;
background: #DADDE2;
	margin: 0;
	padding: 5px;
}
#centre #page #option a {
display: block;
	margin: 0;
	padding: 0px 0px 0px 6px;
	text-align: left;
}
#centre #page #option a:hover {
	color: black;
}
#centre #page #option a.activ, #centre #page #option a:hover.activ {
	text-decoration: none;
	color: silver;
}
.legende {
	display: block;
	text-align: center;
	font-size: 11px;
	padding: 0;
	margin: 0;
}
.retour {
	display: block;
	padding: 0 0 0 10px;
	border-bottom: 1px solid #DADDE2;
}
.retour a {
		text-decoration: none;
}
.retour a:hover {
		color: black;
}
.nav_prod {
	display: block;
	padding: 4px 0 0 0px;
	margin: 10px 20px 0 20px;
	border-top: 1px solid silver;
	text-align: center;
}
.nav_prod a {
		text-decoration: none;
}
.nav_prod a:hover {
		color: black;
}
#centre #page ul.refs {
	display: block;
	padding: 0 0 10px 100px;
	*padding: 0 0 20px 100px;
}
#centre #page ul.refs li {
	display: block;
	float: left;
	width: 220px;
	border-bottom: 1px solid silver;
}
#centre #page ul.refs li.ref {
	font-weight: normal;
	width: 200px;
}
.fds {
	display: block;
	border: 1px solid red;
}
#centre #page p.pdf {
	display: block;
	padding: 0 0 0 366px;
}
#centre #page .pdf a {
	display: block;
	margin: 0;
	width: 210px;
	padding: 14px 0px 14px 45px;
	background: white url(images/pdf.jpg) no-repeat 2px 0px;
	text-decoration: none;
	color: black;
	font-weight: bold;
	border: 2px solid silver;
}
#centre #page .pdf a:hover {
		border: 2px solid Black;
}