body {
	margin:0;
	padding:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#9f0c07;
	background-color: #063D8D;
	background-image: url(img/fond.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.inside { position:relative;margin:auto;width:920px; } /* la classe permet de centrer un div dans la page */
#subheader {
	text-align: center;
	padding: 0px;
	height: 20px;
	background-image: url(img/sub.jpg);
	width: 920px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/*////////////////////////////////////

		IMAGES ELEMENTS
	
///////////////////////////////////*/
img { border:none;text-decoration:none; }
img:hover{
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity: 0.6;
}
#subheader a {
	font-size: 11px;
	color: #154491;
	text-decoration: underline;
}

div.bloc_image { text-align:center; }
div.bloc_image img {
	border:1px solid #6ca837;
	margin:2px;
	padding:1px;
	background-color: #FFFFFF;
}
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:#A30B07;font-weight:bold; }
a:hover { color:#A30B07; }
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;
} /* Ajoute un picto mail aux liens ayant la classe '.mail-link' */
/*////////////////////////////////////

		HEADER ELEMENTS
	
///////////////////////////////////*/
div#bandeau-haut div.inside {
s	height:195px;
	background-image: url(img/top_01.jpg);
	background-repeat: no-repeat;
	height: 42px;
	background-position: top;
	width: 920px;
}
div#bandeau-haut div.inside a span { display:block; height:85px; visibility:hidden; }
div#menu/*////////////////////////////////////

		NAVIGATION ELEMENTS
	
///////////////////////////////////*/
  {
	z-index:100;
	background-image: url(img/menufd.jpg);
	height: 26px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}
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:26px;
	padding-left:350px;
} /* Le padding-left pour placer les onglets */
ul.tab li {
	float:left;
	margin-right: 7px;
}
.tab a {
	display:block;
	font-weight:bold;
	height:26px;
	line-height:26px;
	text-decoration:none;
	color:#FFFFFF; /* Couleur du texte lien normal */
	background-image: url(img/bt-vert.png);
	width: 103px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
}
.tab a span{
	display:block;
	height:26px;
	cursor:pointer;
}
/* HOVER ELEMENTS */
.tab a:hover {
	display:block;
	text-decoration:underline;
	background-image: url(img/bt-vert-02.png);
	background-repeat: no-repeat;
	background-position: center;
	color: #FFFFFF;
}
.tab a:hover span {
	display:block;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #474444;
}
/* ACTIVE ELEMENTS */
.tab a.active {
	text-decoration:none;
	background-image: url(img/bt-vert-02.png);
	color: #FFFFFF;
}
.tab a.active span, .tab a.active span {
	display: block;
}
/*////////////////////////////////////

		VIDEO ELEMENTS
	
///////////////////////////////////*/
div#conteneur-video { width:568px; margin:auto; }
#top01 {
	background-image: url(img/top_01.jpg);
	height: 163px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}
#top03 {
	background-image: url(img/top_03.jpg);
	height: 122px;
	width: 920px;
	margin-right: auto;
	margin-left: 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 {
	padding:0px;
	min-height:33px;
	height: 43px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #009933;
}
div#conteneur-video div.box a { display:block; float:left; width:155px; margin:0; padding:0 0 0 40px; height:35px; line-height:35px;
	color:; /* Couleur des liens vidéos si différent de la couleur des liens de la page en général */
}
div#conteneur-video div.box a:hover {
	color:; /* Couleur des liens hover vidéos si différent de la couleur des liens hover de la page en général */
}
div#conteneur-video div.box a#recommander-vid {
	background:url('img/recommander-vid.png') no-repeat 0 50%;
	color: #124AA1;
}
div#conteneur-video div.box a#ajouter-vid {
	background:url('img/ajouter-vid.png') no-repeat 0 50%;
	color: #164FA9;
}
div#conteneur-video div.box a#voir-portail {
	float:right;
	width:120px;
	color: #144CA3;
}
/*////////////////////////////////////

		CONTENT ELEMENTS
	
///////////////////////////////////*/
div#conteneur {


}
div#conteneur-haut {

}
div.box {
	border:1px solid #006220;
	color:#003E14;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
}
div#contenu {
	margin:0;
	min-height:350px;
	overflow:hidden;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

div#contenu h1 {
	height:30px;
	font-style:italic;
	line-height:30px;
	color:#11479D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	background-image: url(img/h1.jpg);
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	width: 920px;
	text-align: center;
	letter-spacing: 1px;
}
div#contenu p.citation {
	background:url(img/guillemets.gif) no-repeat 0 50%;
	padding-left:70px;
	font-weight:bold;
	font-size:18px;
	line-height:36px;
	color:#fffd04;
}
div#contenu ul {
	list-style-type:none;
	height:1%;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
div#contenu ul li {
	background:url(img/puce.gif) no-repeat left 7px;
	margin-left:10px;
	color:#003E14;
	margin-top: 0px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 15px;
	margin-bottom: 0px;
}
div#left_col {
	float:left;
	width:570px;
	margin-left: 5px;
	border: 1px solid #143D78;
}
div#left_col   .box {
	padding :5px;
	background-color: #DDBC8F;
	background-repeat: repeat-x;
	background-position: top;
	border: 0px solid #006220;
	background-image: url(img/boxright.jpg);
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
#left_col .box h2 {
	font-size: 15px;
	font-weight: bold;
	color: #1853AF;
}

#left_col .box h3 {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}
#left_col .box p {
	font-size: 13px;
	color: #0F4699;
}

#left_col .box img {
	margin: 1px;
	padding: 2px;
	border: 1px solid #092D5F;
	background-color: #FFFFFF;
}


div#left_col div.partenaire { margin:0 0 10px 0; }
div#left_col div.partenaire div.box  {
	padding:10px;
}
div#right_col { margin:0 0 0 595px; padding:0; }
/* RIGHT BOX ELEMENTS */
div#right_col div.box {
	margin:10px 0;
	padding :5px;
	background-color: #DDBC8F;
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #143D78;
	background-image: url(img/boxright.jpg);
}
div#right_col div.box h2 {
	margin:0;
	height:40px;
	text-align:center;
	font-size:14px;
	color:#FFFFFF;
	background-image: url(img/h2.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
	line-height: 23px;
}
div#right_col div.box p {
	color: #073E8E;
}
div#right_col div.box a {}
div#right_col div.box a:hover {}
div#right_col div.box p.adresse {
	background:url(img/fond-adresse.png) no-repeat;
	width:220px;
	padding:5px 0 5px 40px;
	line-height:25px;
	color: #093E8E;
}
div#right_col div.box p.tel {
	background:url(img/fond-tel.png) no-repeat;
	font-size:15px;
	width:220px;
	padding:5px 0 5px 40px;
	line-height:25px;
	color: #093E8C;
}
div#right_col div.box p.port {
	background:url(img/fond-port.png) no-repeat;
	font-size:15px;
	width:220px;
	padding:5px 0 5px 40px;
	line-height:25px;
	color: #093E8C;
}
div#right_col div.box p.fax {
	background : url(img/fond-fax.png) no-repeat;
	font-size:15px;
	width:220px;
	padding:5px 0 5px 40px;
	line-height:25px;
	color: #093E8E;
}
div#right_col div.box p.btn-contact a {
	margin:auto;
	display:block;
	width:197px;
	height:42px;
	background-image: url(img/btn-contact.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
}
div#right_col div.box p.btn-contact a:hover {
	color: #FFFFFF;
}
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;
	color: #FFFFFF;
}
div#right_col div.box p.btn-news a:hover {
	background: url(img/btn-news.gif) no-repeat 0 -40px;
	color: #FFFFFF;
}
div#right_col div#galerie {
	overflow:auto;
}
div#plan { width:479px; margin:auto; padding:5px 0; text-align:center; border:1px solid #a0a9b3; padding:1px 1px 5px 1px; }
/*////////////////////////////////////

		FOOTER ELEMENTS
	
///////////////////////////////////*/
div#pied {
	overflow:hidden;
	background-color: #61A72A;
	background-image: url(img/bottom.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
div#pied div.inside {
	width:860px;
	padding:10px 30px;
	height:150px;
	color:#fff;
	background-repeat: no-repeat;
	background-position: 50% 0;
}
div#pied div.inside a {
	color:#FFFFFF;
}
div#pied div.inside p {
	margin:0;
	padding:5px;
	font-weight:bold;
	color: #FFFFFF;
}
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
****************************************************/

/****************************************************
		STYLES SPECIFIQUES AUX FORMULAIRES
****************************************************/
form#form1 {
	margin:0 auto; padding:0;
	text-align:left;
	width:67%;
}
form#form1 fieldset { border:1px solid #f1e8ed; padding:5px; }
form#form1 legend { font-weight:bold; color:#fffb01; }
div#form-recommander form#form1 { width:92%; }
div#form-recommander form#form1 legend { color:#0c2579; }
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.png) no-repeat 50% 0;
	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;
}
div#confirm-recommander { margin:10px auto; }
div#confirm-recommander a.close-link {
	background:url(img/close-link.png) no-repeat 0 50%;
	padding:2px 0 2px 25px;
	line-height:20px;
	height:16px;
}

/*********** table.menu ***********/
table.menus{
	border:1px solid white;
	background:#A30A06
	}
table.menus td,table.menus td p,table.tarifs td{
	letter-spacing:0px;
	text-align:center
}
table.menus td.bas{font-size:smaller;background-color:#666}
table.menus th,table.tarifs th{
	font-weight:bold;font-size:14px;color:#333;
	letter-spacing:0px;margin:0;padding:5px 0;
	background-color:##D5D3C7;
	border-bottom:1px solid white;
	text-align:center
	}
.infobulle{
	position: absolute;visibility:hidden;
	border:1px solid #fff;padding: 5px; color:white;
	font-size: 12px;background-color: #9c1e3d;
}


/***********table.tarifs ************/
table.tarifs{
	background:#777;
	border-top:1px solid #eee; border-right:1px solid #eee
	}
table.tarifs th{
	font-size:12px;
	border-bottom:1px solid #eee; border-left:1px solid #eee
	}
table.tarifs td{
	color:#fff; letter-spacing:1px;text-align:center;
	border-bottom:1px solid #eee; border-left:1px solid #eee
	}
/***********table.ideecadeaux ************/
table.ideecadeaux{
	background:url("img/fond-tarifs.jpg") no-repeat center #777;
	border-top:1px solid #eee; border-right:0px solid #eee
	}
table.ideecadeaux th{
	font-size:12px;
	border-bottom:0px solid #eee; border-left:0px solid #eee
	}
table.ideecadeaux td{
	color:#fff; letter-spacing:1px;text-align:center;
	border-bottom:0px solid #eee; border-left:0px solid #eee
	}

h2{
	margin:0px;
	font-size: 16px;
	color: #00511B;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.cadre3{ border:1px dashed #FFFFFF;}

/**********GESTION CALQUE MENU*********/
#CalqueMENU { 
	z-index:120;
	 border: solid 1px #000;
	 position:absolute;
     left: 50%; 
     top: 50%;
     width: 400px;
     /*height: 100%;*/
     margin-top: -300px; /* moitié de la hauteur */
     margin-left: -200px; /* moitié de la largeur */
	 }
/* ]]> */

.opacity20  {filter : alpha(opacity=10); -moz-opacity : 0.1; opacity : 0.1; width:100%; } 
.opacity100  {filter : alpha(opacity=100); -moz-opacity :1; opacity :1; width:100%;}
#divlinkupderue {
	font-size: 11px;
	color: #333333;
}

#divlinkupderue a {
	font-weight: bold;
	color: #333333;
	font-size: 11px;
}

#accrosh2 {
	font-size: 12px;
	color: #333333;
	border: 1px solid #3D4950;
	padding: 5px;
}
div#milieu_col .box {
	padding :5px;
	background-color: #DDBC8F;
	background-repeat: repeat-x;
	background-position: top;
	border: 0px solid #006220;
	background-image: url(img/boxright.jpg);
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}