/* ////////////////////////////////////////////////////////////////////////////////*/
/* GENERAL, BODY + CONTAINER */

body  {
        background-image:url(includes/templates/skin01/images/bck3.gif);
        background-attachment:fixed;
        background-repeat: repeat-x;
        margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
        margin-top:5px;
        text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
        font-family:Arial, Helvetica, sans-serif;
        font-size:100%;
        line-height:1.125em; /* 16x1.125=18px */
}

#container {
        width: 975px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
        margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
        text-align: left; /* this overrides the text-align: center on the body element. */
}

#agenda {
font-size:0.7em;
margin-left:0;
}

#agenda a{
color:#C06;
text-decoration:none;
}

#agenda a:hover{
color:#003300;
}

#agenda h2 {
margin-top:0px;
color:#2a2a2a;
padding-left:2px;
padding-right:2px;
}


/* ////////////////////////////////////////////////////////////////////////////////*/
/* PUBLICITE SUPERIEURE */

#pubtop {
        background-color:transparent;
        width:100%;
        text-align:center;
        height:100px;
        margin-bottom:-15px;
        }

#pubtop img {
        margin:1px;
        border:1px solid black;
        float:left;
        /*margin-left:13px;*/

        /*z-index:1;*/
}


/* ////////////////////////////////////////////////////////////////////////////////*/
/* HEADER */
#header {
        height:100px; /*135*/
        width:975px;
        float:right;
        margin-bottom:-15px !important;
        margin-bottom:-5px;
}


/* Champ recherche */
#search {
text-align:center;
}

#champrecherche{
width:145px;
border: 1px solid #030;
background-color: #DBE9DA;
margin-bottom:5px;

}



/* LOGO CERCLE */
#logo img{
background-color:transparent;
text-align:center;
border:none;
margin-right:5px;
}
#logo2 img{
border:none;
float:right;
}


#elmts {
float:left;
/*margin-left:100px;*/
/*height:93px;*/
/*border : 1px solid black;*/
}

#titre {
/*text-align:center;*/
/*margin-left:-100px;*/
/*border:solid 2px black;
height:100px;*/
/*background-color:#c5dec9;*/
}


/*Barre de navigation horizontale*/
#soustitre {
background-image:url(includes/templates/skin01/images/barre-soustitre.gif);
background-repeat: no-repeat;
width:949px;
height:31px;
margin-top:-8px;
margin-bottom:10px;
padding-top:5px;

}

#soustitre a{
color:#000; font-weight:bold; text-decoration:none; font-size:0.9em;
}

#soustitre a:hover{ color:#C06; }


/* Choix Langues */
.langue { font-size:0.8em /*from 0.9*/; display:inline; float:right; padding-right:10px;}
.langue a { color:#000; font-weight:bold; text-decoration:none; }
.langue a:hover{ /*color:#C06;*/ }
.langue img {border:1px solid #333;}

/* Ouvrir / fermer la carte */
#maps_liens { text-align:left;  font-size:0.9em ; float:left; padding-left:10px;}
#maps_liens a{color:#000; font-weight:bold; text-decoration:none;}
#maps_liens a:hover {color:#C06;}

#maps_liens_voir {text-align:left; font-size:0.9em ; float:left; padding-left:10px; }
#maps_liens_voir a{color:#000; font-weight:bold; text-decoration:none;}
#maps_liens_voir a:hover {color:#C06;}

#pages_liens {text-align:center; font-size:0.8em /*from 0.9*/; float:center; font-weight:bold;  }
/*#pages_liens a{color:#000; text-decoration:none;}*/
/*#pages_liens a:hover {color:#C06;}*/

.selected_nav {text-align:center; font-size:1em; font-weight:bold;  }
.selected_nav a{color:#fff; text-decoration:underline;}
.selected_nav a:hover {color:#fff; text-decoration:underline;}

.nav {text-align:center; font-size:1em; font-weight:bold;  }
.nav a{color:#030; text-decoration:none;}
.nav a:hover {color:#eee; text-decoration:underline;}

.infobulle {text-align:center; width:100px; border:1px solid #030;}

.infobulle_nom {font-size:1em; font-weight:bold; font-style: normal; text-align:center;}
.infobulle_adresse {font-size:1em; font-style:italic; text-align:center;}

/*#gmap_window {border:1px solid black; width:200px; height:200px; position; }*/

/*///////////gmap_window///////////////*/

/*.gmnoscreen{display:none;}

.gmnoprint{display:none;}*/

#gmap_window{

  width: 150px;
  

}

#gmap_window_contents{ /*background: url(' ../images/corners/gmapWindow_contents.png') bottom center no-repeat #C3D9FF;  font-family: "courier new";  font-size: 12px;*/
background-color:#eee;
border:3px solid #030;
}

#gmap_window_contents div{

  font-style: italic;

  margin: 0 10px;

}

#gmap_window_tl{

  width: 14px;

  height: 14px;

  /*background: url('../images/corners/gmapWindow_tl.png') top left no-repeat transparent;*/

}

* html #gmap_window_tl{

  background-image:none;

 /* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corners/gmapWindow_tl.png', sizingMethod='crop');*/

}

#gmap_window_t{

  /*background: url('../images/corners/gmapWindow_t.png') top left repeat-x transparent;*/

}

#gmap_window_tr{

  width: 14px;

  height: 14px;

  /*background: url('../images/corners/gmapWindow_tr.png') top left no-repeat transparent;*/

}

* html #gmap_window_tr{

  background-image:none;

  /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corners/gmapWindow_tr.png', sizingMethod='crop');*/

}

#gmap_window_l{

  width: 3px;

  /*background: url('../images/corners/gmapWindow_l.png') top left repeat-y transparent;*/

}

#gmap_window_r{

  width: 3px;

  /*background: url('../images/corners/gmapWindow_r.png') top right repeat-y transparent;*/

}

#gmap_window_bl{

  width: 14px;

  height: 14px;

  /*background: url('../images/corners/gmapWindow_bl.png') top left no-repeat transparent;*/

}

* html #gmap_window_bl{

  background-image:none;

  /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corners/gmapWindow_bl.png', sizingMethod='crop');*/

}

#gmap_window_b{

 /* background: url('../images/corners/gmapWindow_b.png') top left repeat-x transparent;*/

}

#gmap_window_br{

  width: 14px;

  height: 14px;

  /*background: url('../images/corners/gmapWindow_br.png') top left no-repeat transparent;*/

}

* html #gmap_window_br{  background-image:none;   /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corners/gmapWindow_br.png', sizingMethod='crop');*/}

#gmap_window_close{
  width: 15px;
  height: 14px;
  background: url('maps/fermer_map.gif') top left no-repeat transparent;*/
  /*margin: -20px 0 0 20px;*/
   margin: -20px 0 0 20px;
   margin-top:15px;
   margin-left:2px;
  cursor: pointer;
}

* html #gmap_window_close{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='maps/fermer_map.gif', sizingMethod='crop');
}

#gmap_window_beak{

  width: 2px;

  height: 15px;

  /*background: url('../images/corners/gmapWindow_beak.png') top left no-repeat transparent;*/
  background-color:#FF0000;
  margin-top:-5px;

}

* html #gmap_window_beak{

  background-image:none;

  /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corners/gmapWindow_beak.png', sizingMethod='crop');*/

}






/* ////////////////////////////////////////////////////////////////////////////////*/
/*MENU GAUCHE, BARRE DE GAUCHE*/

#sidebar1 {
        float: left; /* since this element is floated, a width must be given */
        width: 162px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */

}

#inmenu {
                /*background-color:#c5dec9;*/
        background-color:#eee;
        border-left:1px solid black;
        border-right:1px solid black;

}

#inmenu2 {
        text-align:center;
        background-color:#fff;
        border-left:1px solid black;
        border-right:1px solid black;

}

/* Titres rubriques */
#sidebar1 h2 {
        width:160px;
        margin-top:0px;
        line-height:1.2em;
        display:block;
        font-size:1em;
        border-bottom:1px solid #CCC;
}

#sidebar1 h2 a{ 
font-weight:bold; color:#2a2a2a;         
text-decoration:none; margin-left:5px; display:block; }
#sidebar1 h2 a:hover{ color:#030; }


/* titres sous rubriques */
#sidebar1 li a{ text-decoration:none; color:#2e2e2e; letter-spacing:1pt; font-size:0.9em;}
#sidebar1 li a:hover{ color:#030;}




/* ////////////////////////////////////////////////////////////////////////////////*/
/*BARRE DE DROITE, PUBLICITE*/
#sidebar2 {
        float: right; /* since this element is floated, a width must be given */
        text-align:center;
        /* margin-top:-16px;*/
        width: 135px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */

}
#sidebar2 img {
/*border: 1px solid black;*/
}


/* ////////////////////////////////////////////////////////////////////////////////*/
/*CONTENU CENTRE*/

#tricol {
        margin-top:30px !important;
        margin-top:10px;
}

#mainContent {
        margin-left:170px;
}

#main2 {
/*nothing there ? */
}


#diapo {
width:400px;
margin-right:0px;
margin-top:0px;
border:1px solid black;
float:right;
height:300px;
} 

#diapo2 {
width:400px;
border:1px solid black;
margin-right:0px;
margin-left:0px;
}

#fiche_adherent {
background-color:#F3F3F2;
border:1px solid black;
width:240px;
margin-left:0px;
margin-right:8px;
padding:0px;
float:left;
text-align:left;
height:300px;

}

#fiche_adherent a{
color:#2a2a2a;
text-decoration:none;
}

#fiche_adherent a:hover{
color:#C06;
}


#edito {
        width:235px;
        height:300px;
        margin-left:0px;
        float:left;
        /*margin-top:0px;*/ /*aligne avec le diaporama */
        background-color:#F3F3F2;
        border:1px solid black;
        overflow: auto;
}

#edito h2 {
        margin-top:0px;
        line-height:1.1em;
        color:#FFF;
        background-color: #2a2a2a;
        padding-left:5px;
        padding-right:5px;
		margin-bottom:-5px;
}

#edito p {
        padding-left:8px;
        padding-right:8px;
        text-align:left;
		width:200px;
		font-size:0.9em;
}

#editotr {height:300px !important;}

#pave_visites {
margin-top:0px;
margin-bottom:10px;
margin-left:0px;
width:650px;
/*height:110px;*/
/*border:1px solid black;*/
}

#pave_visites a img {
border:0px;
}






/*GOOGLE MAPS*/
#maps_div{
         width:652px;
     	 height:280px;
         margin-left:0px;
         margin-bottom:0px;
         /*background-color:#eee;*/
         background-repeat:no-repeat;
         float:center;
         background-position:center;
		 margin-bottom:10px;
}

#map_in {
background-color:#eee;
width:650px;
border:1px solid black;
height:260px;
}

#map { width:500px; height:260px; float:left; border-right: 1px solid black; margin-top:0px;}
#map_legende {width:648px; /*background-color:#eee;*/ overflow:none; height:260px; text-align:left; }
#map_legende_contenu {font-size:0.7em; margin-top:10px;float:right; width:140px;  }
#map_legende table {font-size:0.7em; margin-top:0px;}


#titre_plandemontmartre {float:left; display:inline;}
#titre_legende {float:right; display:inline;}

#map_legende_titre {
        margin-top:0px;
        font-size:1.2em;
		font-weight:bold;
        line-height:1em;
        color:#FFF;
		text-align:left;
		text-indent:10px;
        /*background-color: #2a2a2a;*/
        padding-left:0px;
        margin-left:0px;
		background-image:url(includes/templates/skin01/images/plantop.gif);
}

#map_legende a { color:#030; text-decoration:none;}
#map_legende a:hover { color:#C06; text-decoration:underline;}

#map div span { font-size:0.5em; } /*texte trop long sur la carte ? */
#map div {white-space:normal !important;}


.infowin {
height:120px;
text-align:center;
}

/*
.infowin img{
vertical-align:middle;
border:1px solid black;
}
*/





/* fiche adherent */
.small_adherent {
        width: 650px;
        border:1px solid black;
        display:table;
        margin-bottom:10px;
        background-color:#FFF;

}

.nom_adh_liste {
color:#000000;}

#suite {
        float:right;
}

#suite a{
        color:#2a2a2a; font-size:0.8em;
}

#suite a:hover{
        color:#C06;
}

.small_adherent a{
color:#EEE;
font-weight:bold;
font-size:1em;
text-decoration:none;
}

.small_adherent a:hover{
color:#C06;
}

.upper{
/*height:102px;*/
/*border-bottom:1px solid black;*/

}

.nom_adherent {
color:#FFFFFF;
/*background-color:#CC0066;*/
background-image:url(includes/templates/skin01/images/btn3.gif);
font-size:1.1em;
font-weight:bold;
text-align:left;
padding-left:5px;
line-height:20px;
}

/*background-color:#CC0066;
font-size:1.1em;
font-weight:bold;
text-align:left;
padding-left:5px;
line-height:20px;
}*/


.nom_adherent_nota {
background-color:#6699FF;
font-style:italic;
padding-left:10px;
margin-left:0px;
text-align:left;
}


.adresse {
font-size:0.8em;
/*text-indent:15px;*/
padding-left:15px;
padding-right:5px;
text-align:center;
}

.adresse a{
color:#2a2a2a;

}

.locate a{
color:#2a2a2a;
font-weight:bold;
font-size:0.8em;
text-decoration:none;
}

.locate a:hover{
color:#C06;
}


.adherent_map_link {
        text-align:right;
        padding-bottom: 5px;
        border-bottom:1px solid black;
}

.descriptif {
        padding:5px;
}





.small_image {
        width:150px;
        height:100px;
        background-color:#FFF;
	border: 1px solid black
        padding-right:5px;
	margin-top:5px;
        float:right;
        text-align:center;
}


#f_adh_container {
width:650px;
float:center;
/*border:1px solid red;*/
padding-left: 0px;
margin:0px;
padding-top: 10px;
}

#f_adh_container2 {
width:650px;
float:center;
/*border:1px solid red;*/
padding-left: 0px;
padding-top: 0px;
}

#f_adh_container3 {
width:650px;
height:300px;
float:center;
/*border:1px solid red;*/
padding-left: 0px;
padding-top: 0px;
}

.stars {
text-align:right;
margin-top:-15px;
margin-right:5px;
}

.f_adh_descriptif {
width : 440px;
height:267px;
background-color:#F3F3F2;
border:1px solid #999999;
font-size:1.1em;
text-align:justify;
line-height:1.2em;
float:left;
margin-top:0px;
margin-left:0px;
overflow: auto;
padding-left:5px;
padding-right:0px;
}

.f_adh_photos {
width:180px;
height:267px;
background-color:#F3F3F2;
border:1px solid #999999;
margin-left:0px;
float:right;
}

.f_adh_autres {
width:650px;
background-color:#F3F3F2;
border:1px solid #999999;
margin-top:10px;
text-align:left;
margin-left:5px;
padding-left:0px;
}

.f_adh_autres td{
padding-left:10px;
padding-right:10px;
}

.f_adh_autres h2,.f_adh_autres h3 {
line-height:1.2em;
}

.f_adh_autres a{
color:#C06;
text-decoration:none;
}

.f_adh_autres a:hover{
color:#003300;
}


.f_adh_tarif {
width : 154px;
background-color:#F3F3F2;
padding:15px;
border:1px solid #999999;
font-size:1.1em;
text-align:right;
line-height:1.2em;
margin-left:445px;
height:267px;
}

#f_adh_resa {
margin-left:8px;
width:630px;
background-color:#F3F3F2;
border:1px solid #999999;
}

#f_adh_resa h2 {
background-image:url(img/btn2.gif);
padding-left:10px;
height:25px;
color:#FFF;
line-height:1.2em;
margin-top:0px;
}

#f_adh_resa p {
padding-left: 15px;
padding-right: 15px;
/*line-height:0.8em;*/
}

#f_adh_resa a {
color:#030;
font-weight:bold;
}


#actu {
background:#FFF;
border:1px solid black;
margin-left:0px;
width:650px;
margin-top:10px;

}

#culture {
background:#FFFFFF;
border:1px solid black;

width:650px;
text-align:center;

}

#culture h2 {
	margin-top:0px;
        border-bottom:1px solid black;
        line-height:1.1em;
        color:#FFF;
        background-color: #2a2a2a;
        padding-left:5px;
        padding-right:5px;
        margin-bottom:0px;
}


#actu h2 {
margin-top:0px;
        border-bottom:1px solid black;
        line-height:1.1em;
        color:#FFF;
        background-color: #2a2a2a;
        padding-left:5px;
        padding-right:5px;
        margin-bottom:0px;
		text-align:center;
}


/*** NEWS ***/
#news { background-color: transparent; /*width:600px;*/ }
#newstitre {border: 1px solid black; padding-left:5px;}

.unenews {background-color:#FFFFFF; border: 1px solid black; width:650px; margin-bottom:5px;}
.unenews2 {background-color:#FFFFFF; border: 1px solid black; width:640px; margin-bottom:5px;}

#cult { background-color: transparent;}
#culttitre {border: 1px solid black; padding-left:5px;}

.unecult {background-color:#FFFFFF; border: 1px solid black; width:640px; margin-bottom:5px;}

.picto {float:left; border-right: 1px solid black; border-bottom: 1px solid black; /*margin-left:5px;*/}
.pictonews {float:left; border-right: 1px solid black; border-bottom: 1px solid black; margin-right:5px;}

.newscontent {height:110px;  text-align:center;font-size:0.7em;}
.newscontent_aff { /* pour afficher texte entier sur les fiches actu */}
.newsdatetitre        {text-align:left; background-color:#2a2a2a; font-size:1.2em; color:#FFF; font-weight:bold;}
.newsdatetitre a {color:#FFF; text-decoration:none;}
.newsdatetitre a:hover {color:#C06; background-color:#FFF; border:1px solid #C06;}

.textenews {color:#000; text-align:left; padding-left:10px;}
.textenews a{color: #030; text-decoration:underline; font-weight:bold;}
.textenews a:hover{color: #C06;}

.cultcontent {  text-align:left; font-size:0.8em;}
.cultcontent_aff { /* pour afficher texte entier sur les fiches actu */}
.cultdatetitre        {text-align:left; background-color:#C06; background-image:url(includes/templates/skin01/images/btn3.gif); font-size:1.2em; color:#FFF; font-weight:bold;}
.cultdatetitre a {color:#FFF; text-decoration:none;}
.cultdatetitre a:hover {color:#F00; /*background-color:#eee; border:1px solid #F00;*/}

.textecult {color:#000; text-align:left; padding-left:5px; }

.suite {text-align: right; font-weight:bold;}
.suite a{color: #030; text-decoration:none;}
.suite a:hover{color: #C06;}

.unenewstitre{color:#FF0000; text-align:left; background-color:#fff; font-size:1.3em;}
.unenewscontent{color:#000; text-align:left; text-align:justify;}
.unenewsimg{text-align:center;}
.unenewssub{color:#FF0000; background-color:#fff; font-size:1.1em;}


/*** CULTURE ***/
#culture { background-color: #FFFFFF; width:650px; margin-top:10px;}
#culturetitre {border-bottom: 2px solid #6c866d; border-left:5px;}

.uneculture {background-color:#fff; width:640px; border:1px solid black; margin-bottom:5px; }
.culturetitre        {text-align:left; font-size:1.2em; color:#FFF; background-color:#030; background-image:url(includes/templates/skin01/images/btn3.gif); background-repeat: repeat-x; font-weight:bold; padding-left:5px;}
.culturetitre a {color:#FFF; text-decoration:none;}
.culturetitre a:hover {color:#ff9999;}
.culturetxt {color:#000; text-align:left; padding: 5px;}
.culturetxt a {color:#C06;text-decoration:none;font-weight:bold;}
.culturetxt a:hover {color:#000;}
.culturepicto {float:right; border-left: 1px solid black; border-bottom: 1px solid black; text-align:right; margin-left:5px;}
/*.culturetxt img {float:left; display:none;}*/
.culturesuite {text-align: right; font-weight:bold;color: #030; text-decoration:none;}
.culturesuite a{color: #F00; text-decoration:none;}
.culturesuite a:hover{color: #2a2a2a;}

#culture_bloc {
width:650px;
border:1px solid black;
margin-left:0px;
margin-bottom:0px;
background-color: #eee;
}

#culture_bloc h2 {
        margin-top:0px;
        line-height:1.1em;
        color:#FFF;
        background-color: #2a2a2a;
        padding-left:5px;
        padding-right:5px;
}

#culture_bloc p {

text-align:center;
}

#culture_bloc_bottom {
width:650px;
border:1px solid black;
background-color:#eee;
margin-left:0px;
margin-top:10px;
text-align:center;
}

#culture_bloc_bottom a{

color: #030;
font-weight:bold;
text-decoration:none;
}
#culture_bloc_bottom a:hover{

color: #F00;
font-weight:bold;
}

#fiche_culture {
width:650px;
border:1px solid black;
margin-left:0px;
background-color:#FFF;
}

#fiche_culture_titre {
text-align:left; width:100%; margin-bottom:0.5em; background-color:#2a2a2a; font-size:1.2em; color:#FFF; background-image:url(includes/templates/skin01/images/btn3.gif); font-weight:bold;
}

#fiche_culture_txt {
color:#000;
padding:10px;

}

#fiche_culture_txt img{
/*float:left;*/
}

#fiche_culture_picto {
float:right;
margin:5px;
margin-left:15px;
border:1px solid black;
}

/* ////////////////////////////////////////////////////////////////////////////////*/
/*FOOTER, DIVERS*/
#footer {
        padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
        background:#ad0202;
        background-image:url(includes/templates/skin01/images/footer.gif);
		background-repeat:no-repeat;
		/*background-repeat:repeat;*/
		        margin-top:20px;
}
#footer p {
        margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
        padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
        color:#fff;
        font-weight:bold;
        font-size:0.8em;
        text-align:center;
}
#footer a{
color:#C06;
background:#FFF;
border:1px solid #C06;
text-decoration:none;
}

#footer span{
font-size:0.8em;
font-weight:normal;

}

#footer span a{
font-weight:bold;
color:#C06;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
        float: right;
        margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
        float: left;
        margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
        clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



/*////////////////////////////////LIGHTBOX//////////////////////////*/
#lightbox{
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
        }

#lightbox a img{ border: none; }

#outerImageContainer{
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        }

#imageContainer{
        padding: 10px;
        }

#loading{
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
        }
#hoverNav{
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
        }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
        width: 49%;
        height: 100%;
        background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
        display: block;
        }
#prevLink { left: 0; float: left; background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink { right: 0; float: right; background: url(images/nextlabel.gif) right 15% no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        overflow: auto;
        width: 100%
        }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;        }

#overlay{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
        background-color: #000;
        }





/* LIVRE D'OR */
/*-------------------------------------------------------- 
MESSAGES
-------------------------------------------------------- */
.les_messages {
	padding:10px;
	margin-left:20px;
	margin-right:20px;
	border: 1px solid #008080;
	border-top:2px solid #008080;
		margin-bottom:5px;
}

.les_messages img{
border:none;
}

.nom {
	float:left;	
}

.date {
	float:right;
}

.note {
	margin-top:20px;
	padding-left:5px;
	font-size: 12px; 
}

.le_message {

	padding:10px;
	text-align:justify;
	letter-spacing:.1em;

}

.page_x_sur_y {
text-align:center;
}
.nombre_messages {
text-align:center;
}
.centrer {text-align:center;}

/*-------------------------------------------------------- 
LIVE VALIDATION MESSAGE
-------------------------------------------------------- */
.LV_valid {
    color:#9ED200;
	font-size: 14px;
	font-weight: bold;
}
	
.LV_invalid {
	color:#CC0000;
	font-size: 12px;
	font-weight: bold;
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #9ED200;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}