/* ====================================================================
Page principale
pb de positionnement
-------------------------------------------------------------------- 
*/
a img {
 border: 0px;
}
a:link,
a:visited,
a:active,
a:hover {
 /*text-decoration: none;*/
 outline-color:-moz-use-text-color;
 outline-style:none;
 outline-width:medium;
 border: 0px;
 color : #009EE1;
} 
html {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Arial;
  color: black;
}
p {
	text-align: left;
	margin: 0;
	padding: 0;
}
.couleur_bleu {
 color : #009EE1;
}
/* ====================================================================
BLOC ENTETE - MDF le 20/01/2010
-------------------------------------------------------------------*/
#header {
 margin: 0;
 padding: 0;
 width: 100%;
 height: 2px;
 background-color: #E5313F;
}
#header1 {
 margin: 0;
 padding: 0;
 width: 100%;
 height: 260px;
 background-image : url("../images/bg-lineaire.jpg");
}
#header_img1 {
 position: relative;
 top:6px;
 width: 951px;
 height: 214px;
 margin: 0px auto 0px auto;
 padding: 0;
}
a#header_img3 img {
 position: relative;
 top: -214px;
 left: 0px;
 border: 0;
 padding: 0;
}

/* ====================================================================
BLOC MILIEUX + MENU - MDF le 20/01/2010
-------------------------------------------------------------------*/
#page {
 position: relative;
 top: -24px;
 display: block;
 width: 951px;
 height: 140px;
 margin: 0 auto 0 auto;
 padding: 0;
}
#bloc_droit {
 float: left;
 width: 241px;
 height: 640px;
 margin: 0;
 padding: 0;
 background-color: #009EE1;
}
#bloc_droit img {
 position: relative;
 top: 200px;
 left: 60px;
}
#bloc_gauche {
 float: left;
 width: 690px;
 height: 620px;
 margin: 0;
 padding: 10px;
 background-color:transparent;
}

#navigation {
 margin: 20px 0 0 0;
 padding: 0;
 list-style: none;
 background: #009EE1;
 color: #FFF;
 width: 241px;
 font-size: 14px;
 letter-spacing: 0px;
 font-weight: bold;
}
#navigation a, #navigation span {
 display: block;
 padding: 6px 0px 6px 10px;
 color: #FFFFFF;
 text-decoration: none;
 background-color: #009EE1;
}
#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
 background-image: url("../images/menu-item-deroule.png");
}
#navigation .open a, #navigation .open span {
 background-image: url("../images/menu-item-enroule.png");
}
#navigation a:focus, #navigation a:active {
 /* text-decoration: underline; */
}
#navigation a:hover {
 background-image : url("../images/fdBouton.jpg");
}
#navigation .subMenu {
 color: #C7E9F7;
 font-size: 12px;
 font-family: arial;
 list-style: none;
 margin: 0;
 padding: 0;
}
#navigation ul.subMenu a {
 background: none;
 padding: 3px 20px;
 color: #C7E9F7;
}	
#navigation li.menuRollOver a:hover, #navigation li.menuRollOver a:focus, #navigation li.menuRollOver a:active {
 background: url(../images/menu-lienHover1.jpg) left top no-repeat ;
}
#navigation li.menuActif a {
 background: url("../images/fdBouton.jpg") left top no-repeat ;
}
#navigation li.sousmenuActif a {
 background: url("../images/menu-lienHover1.jpg") left top no-repeat ;
}
#copyright {
 position: relative;
 clear: both;
 line-height: 15px;
 height: 15px;
 width: 951px;
 margin: 0;
 padding: 0;
 text-align: center;
 font-size: 10px;
 letter-spacing: 1px;
 font-weight: normal;
 font-family: arial;
 color: #DDDDDD;
 background-color: #58585A;
}
#copyright a {
 font-weight: normal;
 font-family: arial;
 color: #DDDDDD;
 cursor: pointer;
}

/* ====================================================================
PAGE PRESENTATION - modif : le 24 /01/ 2010
-------------------------------------------------------------------*/
#bloc_gauche table p strong {
 color: #009EE1;
 font-size: 12px;
 font-weight: bold;
 font-family: arial;
}
#bloc_gauche table p {
 color: #009EE1;
 font-size: 12px;
 font-weight: bold;
 font-family: arial;
}
#bloc_gauche table {
 font-size: 12px;
 font-family: Arial;
 text-align: justify;
 color: #666666;
}
#bloc_gauche table p {
/* color: #DEDEDE;
 font-weight: bold;*/
 text-align: justify;
 padding: 0 10px 0 0;
}
#bloc_gauche ul {
/*  list-style-image: url('../images/puces.gif');*/
 /*list-style-type: none;*/
}
#bloc_gauche ul {
 /*list-style-type:disc;*/
 padding:10px 0 10px 0;
 margin:0px 0 0 40px;
}
#bloc_gauche li {
/* list-style-image: url('../images/puces.jpg');
 background-repeat:no-repeat;
 background-position: 0px 0px;
 */ 
 padding-left: 5px;
 margin-top: 0px;
 margin-bottom: 0px;
}

/* ====================================================================
PAGE SAVOIR FAIRE - modif : le 24 /01/ 2010
-------------------------------------------------------------------*/

#savoirfaire {
 margin: 0;
 padding: 0;
 list-style: none;
 color: #FFF;
 width: 241px;
 font: 1em "Trebuchet MS", sans-serif;
}
#savoirfaire a {
 text-decoration: none;
}
#savoirfaire a img {
 position : relative;
 top: 5px;
}

/* ====================================================================
PAGE SERVICES PRODUITS - modif : le 27 /01/ 2010
-------------------------------------------------------------------*/
#tableau_scroll_g {
height: 470px;
 display: block; 
 overflow:hidden; 
 overflow-x: hidden; 
 overflow-y: scroll; 
 overflow : -moz-scrollbars-vertical; 
}
#tableau_scroll {
height: 470px;
 display: block; 
 overflow:hidden; 
 overflow-x: hidden; 
 overflow-y: scroll; 
 overflow : -moz-scrollbars-vertical; 
}
#tableau_scroll img {
 margin: 0 0 10px 0;
}
#tableau_scroll td {
 vertical-align : top;
}
#tableau_scroll hr {
 width: 175px;
}
/* ====================================================================
BLOC MILIEUX
-------------------------------------------------------------------*/
#bloc_bandeau {
 background-image : url("../images/site/bandeau.jpg");
 width: 998px;
 clear: left;
 height: 140px;
}
#bloc_bandeau_texte {
 position: relative;
 top: -37px;
 margin: 0 0 0 25px;
 font-weight: bold;
 color:white;
 font-size: 18px;
 font-family: verdana;
 font-style:italic
}
/* ====================================================================
PAGE : actualites.php MODIF : le 20/01/2010
-------------------------------------------------------------------*/
#bandeau_act_gauche {
 float: left;
 position: relative;
 width: 350px;
 height: 385px;
}
#bandeau_act_droit {
 position: relative;
 float: left;
 width: 648px;
 height: 385px;
}
#bandeau_act_gauche img {
 margin: 10px 0 0 25px;
}

/* ====================================================================
PAGE : ambiance.php
-------------------------------------------------------------------*/
#ambiance_titre {
 position: relative;
 top: -340px;
 padding : 20px 10px 10px 10px;
 font-weight: bold;
 color:white;
 font-size: 18px;
 font-family: verdana;
}
#ambiance_libelle {
 position: relative;
 top: -340px;
 height: 110px;
 padding : 10px 10px 0 10px;
 font-family: verdana;
 font-size: 11px;
}
#ambiance_bandeau_gauche {
 float: left;
 padding : 30px 15px 0 10px;
 margin: 10px;
 color: white;
 width: 320px;
 height: 330px;
}
#ambiance_lst_image {
 display: block;
 position: relative;
 top: -270px;
 height: 74px;
 margin: 1px 0 0 8px;
}
#ambiance_lst_image img {
 margin: 0px;
 border: 1px solid transparent;
}

#ambiance_lst_image img:hover {
 margin: 0px;
 border: 1px solid #FF9F36;
}
#ambiance_cmt {
 position: relative;
 padding: 0 0 0 15px;
 top : -270px;
 font-size: 12px;
 color: #FFFF00;
 font-family: Arial;
}
#ambiance_image {
 margin: 30px 0 0 0px;
}
#ambiance_bandeau_bas {
 position: relative;
 margin: 0 0 0 10px;
 top : 2px;
}
#ambiance_bandeau_s1 {
 margin: 0 2px 0 2px;
 float: left;
 display: block;
 width: 125px;
 height: 18px;
 text-align: center;
 font-size: 14px;
 font-family: arial;
 color: white;
 background-color: black;
}
#ambiance_bandeau_s1 a {
 color: white;
}
#ambiance_bandeau_s1 a:hover {
 color: #FFFF00;
 cursor: pointer;
}
#ambiance_bandeau_s2 {
 margin: 0 2px 0 2px;
 float: left;
 display: block;
 width: 125px;
 height: 18px;
 text-align: center;
 font-size: 14px;
 font-family: arial;
 background-color: black;
}
#ambiance_bandeau_s2 a {
 color: white;
}
#ambiance_bandeau_s2 a:hover {
 color: #FFFF00;
 cursor: pointer;
}
#ambiance_bandeau_s3 {
 margin: 0 2px 0 2px;
 float: left;
 display: block;
 width: 125px;
 height: 18px;
 text-align: center;
 font-size: 14px;
 font-family: arial;
 background-color: black;
}
#ambiance_bandeau_s3 a {
 color: white;
}
#ambiance_bandeau_s3 a:hover {
 color: #FFFF00;
 cursor: pointer;
}
#ambiance_bandeau_s4 a{
 margin: 0 2px 0 2px;
 float: left;
 display: block;
 width: 125px;
 height: 18px;
 text-align: center;
 font-size: 14px;
 font-family: arial;
 background-color: black;
}
#ambiance_bandeau_s4 a {
 color: white;
}
#ambiance_bandeau_s4 a:hover {
 color: #FFFF00;
 cursor: pointer;
}
#ambiance_bandeau_s5 {
 margin: 0 2px 0 2px;
 float: left;
 display: block;
 width: 125px;
 height: 18px;
 text-align: center;
 font-size: 14px;
 font-family: arial;
 background-color: black;
}
#ambiance_bandeau_s5 a {
 color: white;
}
#ambiance_bandeau_s5 a:hover {
 color: #FFFF00;
 cursor: pointer;
}
/* ====================================================================
PAGE : apropos.php
-------------------------------------------------------------------*/
#bloc_pst_haut {
 float:left;
 color: white;
 width: 350px;
}
#page_presentation_ent {
 width: 350px;
 height: 228px;
 display: block;
 margin: 10px 0 0 15px;
 padding: 0;
 font-family: arial;
 font-size: 14px;
 text-align: center;
 float:left;
}
#bloc_presentation {
 margin: 35px 0 0 15px;
 height: 215px;
}
#bloc_presentation_1 {
 margin: 10px 0 0 15px;
 color: white;
 height: 105px;
 width: 400px;
}
#bloc_presentation_1_image {
 position: relative;
 margin: 0 0 0 25px;
 top: -93px;
}
#bloc_presentation_2_image {
 position: relative;
 margin: 0 0 0 2px;
 top: -203px;
}
#bloc_presentation_2 {
 margin: 3px 0 0 15px;
 color: white;
 height: 200px;
 width: 400px;
}
#bloc_presentation_facebook {
 height: 81px;
 margin: 1px 0 -10px 15px;
 padding: 0;
}
#bloc_presentation_facebook img {
 border: none;
}
#bloc_presentation_facebook p {
 position: relative;
 top: -70px;
 left: 80px;
 width: 250px;
 font-family: arial;
 font-size: 14px;
 color: white;
 cursor: pointer;
}
#titre {
 position: relative;
 padding : 20px 10px 0px 10px;
 font-weight: bold;
 color:white;
 font-size: 18px;
 font-family: verdana;
}
#libelle {
 position: relative;
 padding : 0px 10px 0 10px;
 font-family: verdana;
 font-size: 11px;
 width: 310px;
 height: 160px;
 display: block;
}
#libelle p {
	margin: 10px 0 5px 0;
	padding: 0;

}
/* ====================================================================
PAGE : bloc NEWSLETTER - MAJ le 20/01/2010
-------------------------------------------------------------------*/
#bloc_newsletter {
 margin: 5px 0 0 15px;
 color: black;
 height: 85px;
}
#titre_newsletter {
 padding : 5px 5px 0 10px;
 font-family: verdana;
 font-weight:bold;
 font-size: 13px;
}
#libelle_newsletter {
 margin : 0px 5px 0 10px;
 font-family: verdana;
 font-size: 11px;
}
#bloc_newsletter form {
 padding: 0;
 margin: 10px 0 0 0 ;
}
input#courriel {
 width: 180px;
}
input#contact_boutton {
 width: 100px;
}
#bloc_newsletter input {
 padding: 0;
 margin: 0;
 overflow:hidden;
 font-size: 12px;
 letter-spacing: 1px;
 font-weight: normal;
 font-family: arial;
}
/* ====================================================================
PAGE : AGENDA
-------------------------------------------------------------------*/
#bloc_agenda_haut {
 float:left;
 color: white;
 width: 266px;
}
#bloc_agenda {
 text-align: center;
 margin: 45px 0 0 45px;
 color: white;
 height: 312px;
}
#agenda_titre p {
 text-align: center;
}
#agenda_titre {
 display: block;
 height: 50px;
 position: relative;
 padding : 30px 10px 0px 10px;
 font-weight: bold;
 color:white;
 font-size: 13px;
 font-family: verdana;
}
#agenda_descriptif p {
 text-align: center;
}
#agenda_descriptif {
 display: block;
 height: 170px;
 position: relative;
 padding : 0px 5px 0 10px;
 font-family: verdana;
 font-size: 11px;
}
#agenda_tarif p {
 text-align: center;
}
#agenda_tarif {
 text-align: center;
 position: relative;
 padding : 15px 10px 0 10px;
 font-family: verdana;
 font-size: 13px;
}

#bloc_agenda_img img {
 margin: 45px 0 0 15px;
 border: 1px solid transparent;
}

#bloc_agenda_img img:hover {
 margin: 45px 0 0 15px;
 border: 1px solid #FF9F36;
}
/* ====================================================================
PAGE : GALERIE
-------------------------------------------------------------------*/
#bloc_galerie_haut {
 float:left;
 color: white;
 width: 120px;
}
#bloc_galerie {
 text-align: center;
 margin: 45px 0 0 15px;
 color: white;
 height: 326px;
}
#bloc_galerie_videos {
 text-align: center;
 margin: 50px 0 0 15px;
 color: white;
 height: 290px;
}
#galerie_annee {
 position: relative;
 margin : 20px 0 0 0;
 font-weight: bold;
 color:white;
 font-size: 13px;
 font-family: verdana;
}
#galerie_annee ul {
 text-align: left;
 margin: 0 0 0 5px;
 padding: 0 0 0 0;
 list-style-type: none;
 font-size: 13px;
 font-family: verdana;
}
#galerie_annee a {
 margin: 0;
 padding: 0;
}

#galerie_annee a:hover {
 list-style-image: url("../images/site/triangle_bleu.png");
 margin: 0 0 0 0;
 color: #FFFF00;
 cursor: pointer;
}

#galerie_annee li {
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 list-style-image: url("../images/site/triangle_rien.png");
 list-style-position:outside;
}

#galerie_annee li:hover,li:focus{
 list-style-image: url("../images/site/triangle_bleu.png");
 color: #FFFF00;
}
#galerie_annee_videos {
 position: relative;
 margin : -280px 0 0 0;
 font-weight: bold;
 color:white;
 font-size: 13px;
 font-family: verdana;
}
#galerie_annee_videos ul {
 text-align: left;
 margin: 0 0 0 5px;
 padding: 0 0 0 0;
 list-style-type: none;
 font-size: 13px;
 font-family: verdana;
}
#galerie_annee_videos a {
 margin: 0;
 padding: 0;
}

#galerie_annee_videos a:hover {
 list-style-image: url("../images/site/triangle_bleu.png");
 margin: 0 0 0 0;
 color: #FFFF00;
 cursor: pointer;
}

#galerie_annee_videos li {
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 list-style-image: url("../images/site/triangle_rien.png");
 list-style-position:outside;
}

#galerie_annee_videos li:hover,li:focus{
 list-style-image: url("../images/site/triangle_bleu.png");
 color: #FFFF00;
}


#galerie_mois {
 position: relative;
 margin : 20px 0 0 0;
 font-weight: bold;
 color:white;
 font-size: 11px;
 font-family: verdana;
}
#galerie_mois ul {
 text-align: left;
 margin: 0 0 0 5px;
 padding: 0 0 0 0;
 list-style-type: none;
}
#galerie_mois a {
 margin: 0 0 0 0;
 color: white;
}
#galerie_mois a:hover {
 color: #FFFF00;
 cursor: pointer;
}
#galerie_mois li {
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 list-style-image: url("../images/site/triangle_rien.png");
 list-style-position:outside;
}
#galerie_mois li:hover,li:focus{
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 color: #FFFF00;
 list-style-image: url("../images/site/triangle_bleu.png");
}
#galerie_mois_videos {
 position: relative;
 margin : 20px 0 0 0;
 font-weight: bold;
 color:white;
 font-size: 11px;
 font-family: verdana;
}
#galerie_mois_videos ul {
 text-align: left;
 margin: 0 0 0 5px;
 padding: 0 0 0 0;
 list-style-type: none;
}
#galerie_mois_videos a {
 margin: 0 0 0 0;
 color: white;
}
#galerie_mois_videos a:hover {
 color: #FFFF00;
 cursor: pointer;
}
#galerie_mois_videos li {
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 list-style-image: url("../images/site/triangle_rien.png");
 list-style-position:outside;
}
#galerie_mois_videos li:hover,li:focus{
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 color: #FFFF00;
 list-style-image: url("../images/site/triangle_bleu.png");
}
#bloc_galerie_lst_img {
 display: block;
 width: 740px;
 float: left;
}
#bloc_galerie_img {
 float: left;
 width: 432px;
}
#bloc_galerie_img img {
 width: 431px;
 height: 324px;
 border: 1px solid #FFFF00;
}
#bloc_galerie_img_petite {
 display: block;
 text-align: right;
 float: left;
 margin: 55px 0 0 5px;
 height: 200px;
}
#bloc_galerie_img_petite img {
 width: 61px;
 height: 41px;
 margin: 5px 0 0 5px;
 border: 1px solid black;
}
#bloc_galerie_img_petite a:hover img {
 width: 61px;
 height: 41px;
 margin: 5px 0 0 5px;
 border: 1px solid #FFFF00;

}
#bloc_galerie_img_compteur {
 float: left;
 text-align: right;
 margin: 20px 0 0 10px;
 padding: 0 17px 0 0;
 display: block;
 height: 15px;
}
a.bloc_galerie_img_compteur_ns {
 text-transform: uppercase;
 display: inline;
 background-color: white;
 color: black;
 padding: 0px 1px 0px 1px;
 font-family: verdana;
 font-weight:bold;
 cursor: pointer;
}
a.bloc_galerie_img_compteur_ns:hover {
 text-transform: uppercase;
 display: inline;
 background-color: #FFFF00;
 color: white;
 font-family: verdana;
}
a.bloc_galerie_img_compteur_selected {
 text-transform: uppercase;
 display: inline;
 background-color: #FFFF00;
 color: black;
 padding: 0px 1px 0px 1px;
 font-family: verdana;
 font-weight:bold;
 cursor: pointer;
}
a.bloc_galerie_img_compteur_selected:hover {
 text-transform: uppercase;
 display: inline;
 background-color: white;
 color: black;
 font-family: verdana;
}
#bloc_galerie_img_message {
 float: left;
 text-align: center;
 margin: 15px 0 0 0px;
 display: block;
 height: 20px;
 width: 310px;
 font-size: 9px;
 font-family: verdana;
}
#bloc_galerie_lst_intitule {
 float: left;
 margin: 45px 0 0 5px;
 display: block;
 height: 326px;
 width: 130px;
 font-size: 13px;
 font-family: verdana;
}
#galerie_lst_intitule {
 position: relative;
 padding : 10px 5px 0 0;
 text-align: right;
 font-size: 13px;
 font-family: verdana;
}
#galerie_lst_intitule ul {
 text-align: right;
 margin: 0px 5px 0 0;
 padding: 0;
 list-style-type: none;
}
#galerie_lst_intitule li {
 text-align: right;
 margin: 10px 0 0 0;
 padding: 0;
 list-style-type: none;
}
#galerie_lst_intitule a {
	color: white;
	cursor: pointer;
}
#galerie_lst_intitule a:hover {
	color: #FFFF00;
}
#galerie_lst_intitule li:hover,li:focus{
 color: #FFFF00;
}

/* GALERIE VIDEO */

#bloc_galerie_lst {
 float: left;
 margin: 0px 0 0 5px;
 display: block;
 height: 360px;
 width: 870px;
 font-size: 13px;
 font-family: verdana;
}

#bloc_galerie_lst_vid {
 float: left;
 margin: 40px 0 0 5px;
 display: block;
 height: 360px;
 width: 420px;
 font-size: 13px;
 font-family: verdana; 
 color: white;
}
.bloc_galerie_vid {
 margin: 10px 0 10px 5px;
 display: block;
 height: 90px;
 width: 420px;
}
.bloc_galerie_vid a:hover {
 color: #FFFF00;
}

.bloc_galerie_vid_transparent {
 position: relative;
 top: -110px;
 margin: 10px 0 0 5px;
 display: block;
 height: 90px;
 width: 420px;
}

.bloc_galerie_vid_titre {
 line-height: 2.0;
 display: block;
 height: 90px;
 padding : 10px 5px 0 0;
 text-align: left;
 width: 300px;
 color: white;
 cursor: pointer;
}
.bloc_galerie_vid_titre a:hover {
 cursor: pointer;
 color: #FFFF00;
}
.bloc_galerie_vid_commentaire {
 font-size: x-small;
line-height: 1.0;
}

.bloc_galerie_vid_image {
 margin: 10px 15px 0 0;
 position: relative;
 float: right;
 top: -92px;
 width: 100px;
 height: 70px;
}
#bloc_galerie_vid_son { 
 font-family: arial;
 font-size: 12px;
}

#bloc_galerie_video_aff {
 float: left;
 margin: 20px 0 0 15px; 
}
/* ====================================================================
PAGE : bloc INFOS
-------------------------------------------------------------------*/
#info_bandeau_haut_l1 {
 float: left;
 display: block;
 margin: 18px 0 0 45px;
 position: relative;
 padding : 0 0 0 0;
 color:white;
 font-size: 13px;
 font-family: Verdana;
 width: 760px;
 height: 300px;
}

#info_bandeau_haut_l1 img {
 position: relative;
 z-index: 10;
}
#info_bandeau_bas {
 z-index: 0;
 text-align:left;
 position: relative;
 float: left;
 margin: 3px 10px 0 10px;
 display: block;
 width: 750px;
 height: 61px;
}
#info_bandeau_bas_l1 {
 top: -50px;
 margin: 0 10px 0 10px;
 position: relative;
 padding : 0 0 0 0;
 color:white;
 font-size: 13px;
 font-family: Verdana;
 width: 850px;
 height: 60px;
}
#info_bandeau_bas_l1 p {
 margin-bottom: 6px;
 text-align: left;
 font-size: 14px;
 font-family: Arial;
}
#info_bandeau_bas_l2 {
 top: -95px;
 margin: 6px 10px 0 10px;
 position: relative;
 padding : 0 0 0 0;
 color: white;
 font-size: 14px;
 font-family: Arial;
 width: 850px;
 height: 60px;
}
#info_bandeau_droite {
 text-align:left;
 position: relative;
 float: left;
 margin: 50px 0px 0 0px;
 display: block;
 width: 160px;
 height: 125px;
}
#info_bandeau_droite img {
 margin: 2px 0 0 5px;
 border: 1px solid transparent;
}
#info_bulle {
 float: left;
 margin: 0;
 display: block;
 width: 870px;
 height: 350px;
}
a#info_bulle_1 {
	background-image : url("../images/photos_information/1_off.png");
	float: left;
	position: relative;
	background-color: transparent;
	top: 230px;
	left: 170px;
	width: 28px;
	height:28px;
}
a:hover#info_bulle_1 {
	background-image : url("../images/photos_information/1_on.png");
}
a#info_bulle_2 {
	background-image : url("../images/photos_information/2_off.png");
	float: left;
	position: relative;
	background-color: transparent;
	top: 180px;
	left: 435px;
	width: 28px;
	height:28px;
}
a:hover#info_bulle_2 {
	background-image : url("../images/photos_information/2_on.png");
}
a#info_bulle_3 {
	background-image : url("../images/photos_information/3_off.png");
	float: left;
	position: relative;
	background-color: transparent;
	top: 280px;
	left: 390px;
	width: 28px;
	height:28px;
}
a:hover#info_bulle_3 {
	background-image : url("../images/photos_information/3_on.png");
}
a#info_bulle_4 {
	background-image : url("../images/photos_information/4_off.png");
	float: left;
	position: relative;
	background-color: transparent;
	top: 110px;
	left: 320px;
	width: 28px;
	height:28px;
}
a:hover#info_bulle_4 {
	background-image : url("../images/photos_information/4_on.png");
}
a#info_bulle_5 {
	background-image : url("../images/photos_information/5_off.png");
	float: left;
	position: relative;
	background-color: transparent;
	top: 70px;
	left: 460px;
	width: 28px;
	height:28px;
}
a:hover#info_bulle_5 {
	background-image : url("../images/photos_information/5_on.png");
}
a#info_bulle_6 {
	background-image : url("../images/photos_information/6_off.png");
	float: left;
	position: relative;
	background-color: transparent;
	top: 125px;
	left: 495px;
	width: 28px;
	height:28px;
}
a:hover#info_bulle_6 {
	background-image : url("../images/photos_information/6_on.png");
}
a#info_bulle_7 {
	background-image : url("../images/photos_information/7_off.png");
	float: left;
	position: relative;
	background-color: transparent;
	top: 70px;
	left: 545px;
	width: 28px;
	height:28px;
}
a:hover#info_bulle_7 {
	background-image : url("../images/photos_information/7_on.png");
}
a#info_bulle_8 {
	background-image : url("../images/photos_information/8_off.png");
	float: left;
	position: relative;
	background-color: transparent;
	top: 40px;
	left: 525px;
	width: 28px;
	height:28px;
}
a:hover#info_bulle_8 {
	background-image : url("../images/photos_information/8_on.png");
}
a#info_bulle_9 {
	background-image : url("../images/photos_information/9_off.png");
	float: left;
	position: relative;
	background-color: transparent;
	top: 115px;
	left: 555px;
	width: 28px;
	height:28px;
}
a:hover#info_bulle_9 {
	background-image : url("../images/photos_information/9_on.png");
}
a#info_bulle_10 {
	background-image : url("../images/photos_information/10_off.png");
	float: left;
	position: relative;
	background-color: transparent;
	top: 75px;
	left: 520px;
	width: 28px;
	height:28px;
}
a:hover#info_bulle_10 {
	background-image : url("../images/photos_information/10_on.png");
}

a#info_bulle_11 {
	background-image : url("../images/photos_information/11_off.png");
	float: left;
	position: relative;
	background-color: transparent;
	top: 110px;
	left: 450px;
	width: 28px;
	height:28px;
}
a:hover#info_bulle_11 {
	background-image : url("../images/photos_information/11_on.png");
}
a#info_bulle_12 {
	background-image : url("../images/photos_information/12_off.png");
	float: left;
	position: relative;
	background-color: transparent;
	top: 170px;
	left: 520px;
	width: 28px;
	height:28px;
}
a:hover#info_bulle_12 {
	background-image : url("../images/photos_information/12_on.png");
}
a#info_bulle_13 {
	background-image : url("../images/photos_information/13_off.png");
	float: left;
	position: relative;
	background-color: transparent;
	top: 175px;
	left: 460px;
	width: 28px;
	height:28px;
}
a:hover#info_bulle_13 {
	background-image : url("../images/photos_information/13_on.png");
}


/* ====================================================================
PAGE : bloc CONTACT
-------------------------------------------------------------------*/
#bloc_coord_ent {
 margin: 10px 0 0 15px;
 color: white;
 height: 65px;
 /*background-color:black;*/
}
#titre_coord_ent {
 text-align: left;
 position: relative;
 padding : 5px 5px 0 10px;
 font-family: verdana;
 font-size: 13px;
}
.titre_coord_ent_bold {
 text-align: left;
 margin: 0 0 5px 0;
 font-weight:bold;
 font-size: 15px;
}
#bloc_contact {
 color: white;
 width: 335px;
 height: 185px;
 float: left;
}
#contact_gauche {
 margin: 0 0 0 10px;
 padding: 0;
 position: relative;
 line-height: 21px;
 float: left;
 font-size: 12px;
 font-family: verdana;
 line-height: 18px;
}
#contact_droite {
 position: relative;
 margin:0;
 padding: 0 0 0 10px;
 width: 194px;
 float: left;
}
#contact_droite form {
 margin: 0;
 padding: 0;
}
#page_contact_fin {
 float: left;
 margin: 0px 0 0 120px;
 padding: 0;
 font-family: arial;
 font-size: 14px;
 text-align: center;
}
/* ====================================================================
PAGE : MENTIONS LEGALES - MAJ le 20/01/2010
-------------------------------------------------------------------*/
#mentions_legales_bandeau_bas {
 text-align:center;
 float: left;
 margin: 10px 10px 0 550px;
 display: block;
 width: 430px;
 height: 370px;
}
#mentions_legales_bandeau_l1 {
 position: relative; 
 font-size: 12px;
 font-family: Arial;
}
#mentions_legales_bandeau_l1 p {
 padding : 0 10px 0 10px;
 text-align: center;
}
#mentions_legales_bandeau_l1 a:link,#mentions_legales_bandeau_l1 a:visited, #mentions_legales_bandeau_l1 a:active,#mentions_legales_bandeau_l1 a:hover {
 color: black;
}
#mentions_legales_bandeau_l2 {
 position: relative;
 padding : 0 10px 0 10px;
 font-size: 12px;
 font-family: Arial;
}
#mentions_legales_bandeau_l2 p {
 padding : 0 10px 0 10px;
 text-align: center;
}
#mentions_legales_bandeau_l2 a:link,#mentions_legales_bandeau_l2 a:visited, #mentions_legales_bandeau_l2 a:active,#mentions_legales_bandeau_l2 a:hover {
 color: black;
}
#mentions_legales_bandeau_l3 {
 position: relative;
 font-size: 10px;
 font-family: Arial;
}
#mentions_legales_bandeau_l3 p {
 padding: 0 15px 0 15px;
 text-align: center;
}
#contact_texte {
 padding: 0 15px 0 15px;
 text-align: justify;
 font-size: 10px;
 font-family: Arial;
 position: relative;
 clear: left;
}
/* ====================================================================
PAGE : presentation.php
-------------------------------------------------------------------*/
#presentation_detail_fade {
 float: left;
 width: 190px;
 height: 319px;
 padding: 0;
 margin: 26px 0 0 30px;
}
#presentation_detail_fade img {
 margin: 8px 0 0 0;
 border: 1px solid transparent;
}
#presentation_detail_fade img:hover {
 margin : 8px 0 0 0;
 border: 1px solid #FF9F36;
}
#presentation_diaporama {
}

#presentation_image {
 float: left;
 width: 100px;
 height: 319px;
 margin: 25px 0 0 10px;
}
#bloc_presentation_2_image img {
 margin: 8px 0 0 0;
 border: 1px solid transparent;
}
#bloc_presentation_2_image img:hover {
 cursor: pointer;
 margin : 8px 0 0 0;
 border: 1px solid #FF9F36;
}
.slideshow {
  width:398px;
  height:199px;
  margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
  /*overflow:hidden;*/
}
.slideshow img {
 margin: 8px 0 0 0;
 padding: 0;
 border: 1px solid transparent;
}
.slideshow img:hover {
 cursor: pointer;
 margin : 8px 0 0 0;
 border: 1px solid #FF9F36;
}
/* ====================================================================
Pied de page - MAJ le 20/01/2010
-------------------------------------------------------------------*/

#menu {
 width: 998px;
 overflow: hidden;
 cursor: pointer;
 background-color: #7B7B7B;
}
#menu ul {
 font: bold 12px verdana;
 list-style-type: none;
 padding: 0 0 0 23px;
 margin: 0;
}
#menu ul li {
 float: left;
 height: 21px;
 padding: 4px 5px 0px 5px;
}
#menu li:hover {
 background: #494949;
}
#menu a {
 color: white;
}