body {
	background:url(img/fond.jpg) repeat-x 50% 0 #fff;
	margin:0;padding:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#fff;
}
hr { visibility:hidden;clear:both;margin:0;padding:0; }
.inside { position:relative;margin:auto;width:920px; }
/*////////////////////////////////////

		IMAGES ELEMENTS
	
///////////////////////////////////*/
img { border:none;text-decoration:none; }
div.bloc_image { text-align:center; }
div.bloc_image img {
	border:1px solid #f1e8ed;
	margin:2px;
	padding:1px;
}
div.bloc_image a { text-decoration:none; }
div#contenu div.bloc_image p.zoomer { text-align:center;font-size:9px; }
div#contenu div.bloc_image p.legende { margin:0 0 5px 0;font-weight:bold;text-align:center; }
a.lien_image { text-decoration:none; }
/*////////////////////////////////////

		LINK ELEMENTS
	
///////////////////////////////////*/
a { color:#acdc28;font-weight:bold; }
a:hover { color:#b4cd7a; }
a img { border:none; }
a.mail-link {
	background:url(img/mail-link.gif) no-repeat 0 50%;
	line-height:16px;
	padding:2px 0 2px 28px;
}
/*////////////////////////////////////

		HEADER ELEMENTS
	
///////////////////////////////////*/
div#bandeau-haut div.inside {
	background:url(img/bandeau-haut.jpg) no-repeat;
	height:116px;	
}
div#bandeau-haut div.inside a span{
	display:block;
	height:116px;
	visibility:hidden;
}
/*////////////////////////////////////

		NAVIGATION ELEMENTS
	
///////////////////////////////////*/
div#menu div.inside {
	z-index:100;
}
div#menu div.inside ul.tab{
	position:absolute;
	top:-27px;
	left:0;
}
ul.tab, ul.tab li {
	border:0; margin:0; padding:0; list-style:none;
}
ul.tab {
	
	height:28px;
	padding-left:230px;
}
ul.tab li { float:left; margin-right:5px; }

.tab a {
	background:url(img/tab-round.jpg) right 56px;
	color:#898914;
	display:block;
	font-weight:bold;
	height:28px;
	line-height:28px;
	text-decoration:none;
}
.tab a span{
	background:url(img/tab-round.jpg) left 56px;
	display:block;
	height:28px;
	margin-right:25px;
	padding-left:25px;
	cursor:pointer;
}
.tab a:hover{
	background:url(img/tab-round.jpg) right 28px;
	display:block;
	text-decoration:underline;
	color:#898914;
}
.tab a:hover span{
	background:url(img/tab-round.jpg) left 28px;
	display:block;
}

/* -------------------------------- */
/* ACTIVE ELEMENTS */
.tab a.active {
	background:url(img/tab-round.jpg) right 0 no-repeat;
	color:#fff;
	text-decoration:underline;
}
.tab a.active span, .tab a.active span{
	background:url(img/tab-round.jpg) left 0 no-repeat;
}
/*////////////////////////////////////

		VIDEO ELEMENTS
	
///////////////////////////////////*/
div#conteneur-video {
	width:568px;
	margin:auto;
}
div#myContent {
	background:#e4e4e4;
}
div#contenu div#myContent p {
	padding:5px;
	font-style:italic;
}
div#contenu div#myContent p#titleMyContent {
	font-weight:bold;
	font-size:15px;
	font-style:normal;
	color:#CC3300;
}
div#conteneur-video div.box {
	margin:10px 0;
	padding:2px;
	min-height:33px;
}
div#conteneur-video div.box a {
	display:block;
	float:left;
	width:155px;
	margin:0;
	padding:0 0 0 40px;
	height:35px;
	line-height:35px;
}
div#conteneur-video div.box a#recommander-vid {
	background:url('img/recommander-vid.gif') no-repeat 0 50%;
}
div#conteneur-video div.box a#ajouter-vid {
	background:url('img/ajouter-vid.gif') no-repeat 0 50%;
}
div#conteneur-video div.box a#voir-portail {
	float:right;
	width:120px;
}
/*////////////////////////////////////

		CONTENT ELEMENTS
	
///////////////////////////////////*/
div#conteneur div.inside {
	background:url(img/repetition.jpg) repeat-y;
}
div#contenu p {
	margin:0;
	padding:5px 0;
	text-align:justify;
}
div#contenu p.special {
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	font-weight:bold;
}
div#contenu ul {
	list-style-type:none;
	margin:5px 0 5px 0;
	padding:0 0 0 20px;
	height:1%;
}
div#contenu ul li {
	background:url(img/puce.gif) no-repeat left 6px;
	margin-left:10px;
	padding:4px 0 4px 15px;
}
div#conteneur-haut {
	background:url(img/contenu-haut.jpg) no-repeat 0 top;
}
div#contenu {
	background:url(img/contenu-bas.jpg) no-repeat 0 bottom;
	min-height:673px;
	padding:0 25px 30px 25px;
}
div.box {
	background:#e04848;
	border:1px solid #d55656;
}
div#left_col {
	float:left;
	width:580px;
}
div#contenu h1 {
	margin:0 0 80px 180px;padding:0;
	font:bold 16px Arial, Helvetica, sans-serif;
	height:32px;
	line-height:32px;
	
}
div#left_col h3 {
	background:url(img/fond-titre-h3.gif) no-repeat 0 50%;
	margin:10px 0 2px 0;
	padding:0 0 0 25px;
	font-size:16px;
	color:#62798b;
	text-decoration:underline;
}

div#left_col h2 {
	background:url(img/fond-titre-h2.gif) no-repeat 0 50%;
	margin:10px 0 5px 0;padding:4px 0 4px 37px;
	border-bottom:1px solid #fff;
	color:#fff;
	font:bold 17px Verdana, Arial, Helvetica, sans-serif;
}
div#left_col div.rubriques {
	margin:15px 0 0 0;
	background:#cdd1d4 ;
	border-top:3px solid #666;
	border-bottom:3px solid #666;
	padding:10px 10px 0 10px;
}
div#left_col div.rubriques p {
	text-align:center;
}
div#left_col div.partenaire {
	margin:10px 0;
}
div#left_col div.partenaire div.box  {
	padding:10px;
}
div#right_col {
	margin:0 0 0 595px;
	padding:0;
}
div#right_col div.box {
	margin:10px 0;
	padding :5px;
}
div#right_col div.box h2 {
	background:url(img/fond-titre-box.gif) no-repeat 50% 0;
	margin:0;padding:2px;
	height:33px;
	line-height:18px;
	text-align:center;
	font-size:18px;
	color:#fff;
}
div#right_col div.box p {

}
div#right_col div.box p.adresse {
	background:url(img/fond-adresse.gif) no-repeat;
	padding:5px 0 5px 40px;
	line-height:25px;
}
div#right_col div.box p.tel {
	background:url(img/fond-tel.gif) no-repeat;
	font-size:15px;
	padding:5px 0 5px 40px;
	line-height:25px;
}
div#right_col div.box p.port {
	background:url(img/fond-port.gif) no-repeat;
	font-size:15px;
	padding:5px 0 5px 40px;
	line-height:25px;
}
div#right_col div.box p.fax {
	background : url(img/fond-fax.gif) no-repeat;
	font-size:15px;
	padding:5px 0 5px 40px;
	line-height:25px;
}
div#right_col div.box p.btn-contact a {
	margin:auto;
	display:block;
	width:190px;
	height:40px;
	background: url(img/btn-contact.gif) no-repeat;
}
div#right_col div.box p.btn-contact a:hover {
	background: url(img/btn-contact.gif) no-repeat 0 -40px;
}
div#right_col div.box p.btn-news a {
	margin:auto;
	display:block;
	width:190px;
	height:40px;
	background: url(img/btn-news.gif) no-repeat;
}
div#right_col div.box p.btn-news a:hover {
	background: url(img/btn-news.gif) no-repeat 0 -40px;
}
div#right_col div.box p.horaires {
	text-align:center;
}
div#right_col div#galerie {
	overflow:auto;
	height:250px;
}
div#plan {
	width:570px;
	margin:auto;
	padding:5px 0;
	text-align:center;
	border:1px solid #fff;
}
div.coordonnees h4 {
	border-bottom:1px solid #999999;
	font-size:18px;
	margin:5px;
	padding:2px;
	text-align:left;
}
div.coordonnees {
	text-align:center;
}
div#contenu div.coordonnees p {
	text-align:center;
 
}
div.coordonnees p span.tel {
	text-align:center;
	
	background:url(img/tel.gif) no-repeat 0 50%;
	font-size:16px;
	font-weight:bold;
	height:20px;
	line-height:20px;
	padding: 0 20px;
}
/*////////////////////////////////////

		FOOTER ELEMENTS
	
///////////////////////////////////*/
div#pied div.inside {
	width:860px;
	padding:10px 30px;
	background:url(img/pied.jpg) no-repeat 50% 0;
	height:150px;
	color:#000;
}
div#pied div.inside a {
	color:#000;
}
div#pied div.inside a:hover {
	color:#666;
}
div#pied div.inside p {
	margin:0;
	padding:5px;
	font-weight:bold;
}
div#pied div.inside p#ref a {
	font-size:10px;
}
div#signature {
	float:right;
	width:200px;
	margin:5px 0 0 10px;
	text-align:center;
}
/****************************************************
		STYLES SPECIFIQUES AUX MODULES
****************************************************/
td.bloc-news {
	background:#37586c;
	
}
div.date-news {
	float:left;
	margin:0 10px 0 0;
	background:url(img/date-news.gif);
	width:80px;height:74px;
	padding:6px 0 0 0;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	line-height:16px;
}
div.date-news p {
	
}
div.date-news-preview {
	font-weight:bold;
	text-align:left;
	text-decoration:underline;
}
div#contenu h2.titre-news {
	background:none;
	border:none;
	margin:0 0 10px 0;
	padding-left:90px;
	font-family:"Times New Roman", Times, serif;
	font-size:26px;
	font-style:italic;
	color:#e5e0d6;
	text-align:left;
}
div#contenu p.titre-news-preview {
	text-align:left;
	font-size:12px;
	color:#ffcc33;
}
div#contenu p.titre-news-preview a {
	display:block;
	background:url(img/voir-news.gif) no-repeat 0 0;
	padding:0 0 0 22px;
	line-height:20px;
}
div#contenu p.titre-news-preview a:hover {
	color:#fff;
}
div.desc-news {
	margin:0 0 10px 90px;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */


/* slides styling */

div#contenu .photo {width:510px; text-align:left; position:relative; margin:30px auto;padding:0;}

div#contenu .photo ul.topic {padding:0; margin:0; list-style:none; width:510px; height:auto; position:relative; z-index:10;}

div#contenu .photo ul.topic li {display:block; width:127px; height:31px; float:left;background:none;margin:0;padding:0;}
div#contenu .photo ul.topic li a.set {display:block; font-size:11px; width:126px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #cc0000; border-width:1px 1px 0 0; background:#b5ce7b; font-family:verdana, arial, sans-serif;}

div#contenu .photo ul.topic li a ul, 
div#contenu .photo ul.topic li ul 
{display:none;}

div#contenu .photo ul.topic li.actif a
{color:#000; background:#c4e185;}

div#contenu .photo ul.topic li a:hover,
div#contenu .photo ul.topic li:hover a
{color:#fff; background:#acdc28;}

div#contenu .photo ul.topic li.actif ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:275px; background:#cdeb8b; width:427px; padding:40px 20px; border:20px solid #c4e185; z-index:1;}

div#contenu .photo ul.topic li a:hover ul, 
div#contenu .photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:275px; background:#cdeb8b; width:427px; padding:40px 20px; border:20px solid #acdc28; z-index:100;}

div#contenu .photo ul.topic li ul li
{display:inline; width:102px; height:87px; float:left; border:1px solid #fff; margin:1px;background:none;}

div#contenu .photo ul.topic li ul li a
{display:block; width:100px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

div#contenu .photo ul.topic li ul li a img
{display:block; width:90px; height:75px; border:5px solid #eee;}

div#contenu .photo ul.topic li a:hover ul li a:hover, 
div#contenu .photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

div#contenu .photo ul.topic li a:hover ul li a:hover img, 
div#contenu .photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}
/****************************************************
		STYLES SPECIFIQUES AUX FORMULAIRES
****************************************************/
form#form1 {
	margin:0 auto;
	text-align:left;
	width:67%;
	padding:;
}
form#form1 fieldset {
	border:1px solid #f1e8ed;
	padding:5px;
}
form#form1 legend {
	font-weight:bold;
	color:#fff;
}
div#form-recommander form#form1 {
	width:92%;
}
div#form-recommander form#form1 legend {
	color:#fff;
}
form#form1 label {
	text-align:right;
	float:left;
	width:40%;
	padding-top:3px;
}
form#form1 ul {
	margin:0;padding:0;
	list-style-type:none;
}
form#form1 ul li { background-image:none; }
form#form1 li#bouton { float:right; }
div#form-recommander {
	width:548px;
	margin:45px 0 0 0;
	padding:0 10px 0 10px;
}
div#contenu div#form-recommander p a {
	float:right;
}
/********************************************************
				MERCI
********************************************************/
div#merci, div#confirm-recommander {
	background:url(img/enveloppe.gif) no-repeat 50% 0 #e04848;
	border:1px solid #d55656;
	margin:80px auto;
	padding:125px 0 0 0;
	text-align:center;
	width:50%;
}
div#merci p, div#confirm-recommander p {
	text-align:center;
	font-weight:bold;
	color:#fff;
}
div#confirm-recommander {
	margin:10px auto;
}
div#confirm-recommander a.close-link {
	background:url(img/close-link.gif) no-repeat 0 50%;
	padding:2px 0 2px 25px;
	line-height:20px;
	height:16px;
}