/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #000000;
	margin: 0;
	text-align: left;
	font: 11px verdana, Arial, Helvetica, sans-serif;
	color: #7f796d;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
p{margin:8px 0;}

ul {margin:0; padding:0;}
li {margin:2px 0; padding:0; list-style:none;}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */

#header{
	width: 960px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
#header .menu{
	height:30px; line-height:30px; text-align:right; font-size:10px;
	color:#999999;
}
#header .menu select{
	font-size:1em; background:#999999; border:none;
}
#header .image{
	width:960px;
	height:192px;
}
#header .image .legende{
	text-align:right; padding-top:175px; padding-right:10px; font-style:italic;
}

#page {
	width: 958px; text-align: left;
	margin-left: auto; margin-right: auto;
	border-left:1px solid #454545; border-right:1px solid #454545; border-bottom:1px solid #454545;
}

#page .gauche .conteneur, #page .centre .conteneur, #page .droite .conteneur {
	padding: 0 10px;
}

#page .gauche{
	width: 370px;
	margin:15px 0;
	vertical-align:top;
}
#page .gauche .conteneur{
	padding: 0 10px; text-align:justify; font-size:10px;
	color:#999999;
}
#page .gauche .conteneur .menuUn{
	font-size:12px;
}
#page .gauche .conteneur .menuDeux{
	padding-top:10px;
}
#page .gauche .conteneur .ligne, #page .centre .conteneur .ligne, #page .droite .conteneur .ligne{
	margin:5px 0; border-top:1px dotted #666666;
}
/* Habillage des formulaires */
#page .gauche .conteneur .formulaire, #page .centre .conteneur .formulaire, #page .droite .conteneur .formulaire{
	margin:8px 0; border:1px dotted #666666; padding:5px; color:#999999; background:#081A2B;
}
#page .centre .conteneur .formulaire h1, #page .droite .conteneur .formulaire h1{
	font:17px Arial, Helvetica, sans-serif; color:#66CCCC; text-align:left; margin:0 0 8px 0;
}
#page .centre .conteneur .formulaire .champ, #page .droite .conteneur .formulaire .champ{
	font:10px Arial, Helvetica, sans-serif; background:#ffffff; border:none; color:#000000;
}
#page .centre .conteneur .formulaire select, #page .droite .conteneur .formulaire select{
	font:10px Arial, Helvetica, sans-serif; background:#ffffff; border:none; color:#000000;
}
#page .centre .conteneur .formulaire .bouton, #page .droite .conteneur .formulaire .bouton{
	font:11px Verdana, Arial, Helvetica, sans-serif; background:url(vsl/bouton_hotel.gif) no-repeat center center; border:none;
	color:#CCCCCC; cursor:pointer; padding:3px 0; width:98px;
}
/* fin Habillage des formulaires */

#page .gauche .conteneur .bloc, #page .centre .conteneur .bloc, #page .droite .conteneur .bloc{
	margin:5px 0; border:1px dotted #666666; padding:5px; text-align:center; background:#081A2B;
}
#page .gauche .conteneur .video{
	margin:15px 0;
}

#page .centre{
	width: 250px;
	margin:15px 0;
	font-size:10px;
	vertical-align:top;
}
#page .centre .conteneur{
	padding: 0 10px; text-align:justify;
}
#page .centre .conteneur h1{
	color:#66CCCC; font-weight:bold; font-size:20px;
	text-align:left;
}
#page .centre .conteneur h2{
	margin:10px 0 5px 0;
	text-align:left;
}
#page .droite{
	width: 300px;
	margin:15px 0;
	vertical-align:top;
}
#page .droite .conteneur {
	padding: 0 10px;
}
#page .tampon{
	clear:both;
}

#footer{
	width: 960px; clear:both;
	text-align: center;
	margin-left: auto; margin-right: auto
}
#footer .menu{
	margin:8px 0; font-size:10px;
}
#footer .signature{
	color:#666666; font-size:9px;
}

sup {
	vertical-align:20%;
	font-variant: small-caps;
	font-size: .5em;
}

/*  page type

#pageRub {
	width: 958px; text-align: left;
	margin-left: auto; margin-right: auto;
	border:1px solid #454545;
}

#pageRub .gauche{
	float:left;
	width: 630px;
	margin:15px 0;
}
#pageRub .gauche .conteneur{
	padding: 0 10px; text-align:justify; font-size:10px;
	color:#999999;
}
#pageRub .gauche .conteneur .menuUn{
	font-size:12px;
}
#pageRub .gauche .conteneur .menuDeux{
	padding-top:10px;
}
#pageRub .gauche .conteneur .ligne, #pageRub .droite .conteneur .ligne{
	margin:5px 0; border-top:1px dotted #666666;
}
#pageRub .gauche .conteneur .bloc, #pageRub .droite .conteneur .bloc{
	margin:5px 0; border:1px dotted #666666; padding:5px; text-align:center;
}
#pageRub .gauche .conteneur .video{
	margin:15px 0;
}*/

/* Habillage des formulaires
#pageRub .gauche .conteneur .formulaire, #pageRub .droite .conteneur .formulaire{
	margin:8px 0; border:1px dotted #666666; padding:5px; color:#999999;
}
#pageRub .gauche .conteneur .formulaire h1, #pageRub .droite .conteneur .formulaire h1{
	font:17px Arial, Helvetica, sans-serif; color:#66CCCC; text-align:left; margin:0 0 8px 0;
}
#pageRub .gauche .conteneur .formulaire .champ, #pageRub .droite .conteneur .formulaire .champ{
	font:10px Arial, Helvetica, sans-serif; background:#897d66; border:none; color:#CCCCCC;
}
#pageRub .gauche .conteneur .formulaire select, #pageRub .droite .conteneur .formulaire select{
	font:10px Arial, Helvetica, sans-serif; background:#897d66; border:none; color:#CCCCCC;
}
#pageRub .gauche .conteneur .formulaire .bouton, #pageRub .droite .conteneur .formulaire .bouton{
	font:11px Verdana, Arial, Helvetica, sans-serif; background:#333333; border:1px solid #66CCCC;
	color:#CCCCCC; cursor:pointer;
}*/
/* fin Habillage des formulaires */
/*
#pageRub .tampon{
	clear:both;
}

#pageRub .droite{
	float:left;
	width: 328px;
	margin:15px 0;
}
#pageRub .droite .conteneur {
	padding: 0 10px;
}
*/

/* page resto */

#pageResto {
	width: 958px; text-align: left;
	margin-left: auto; margin-right: auto;
	border:1px solid #666666;
}

#pageResto .gauche{
	width: 380px;
	margin:15px 0;
	vertical-align:top;
}
#pageResto .gauche .conteneur{
	padding: 0 10px; text-align:justify; font-size:10px;
	color:#999999;
}
#pageResto .gauche .conteneur .menuUn{
	font-size:12px;
}
#pageResto .gauche .conteneur .menuDeux{
	padding-top:10px;
}
#pageResto .gauche .conteneur .ligne, #pageResto .centre.conteneur .ligne, #pageResto .droite .conteneur .ligne{
	margin:5px 0; border-top:1px dotted #666666;
}
#pageResto .gauche .conteneur .bloc, #pageResto .centre .conteneur .bloc, #pageResto .droite .conteneur .bloc{
	margin:5px 0; border:1px dotted #666666; padding:5px; text-align:center; background:#320c09;
}
#pageResto .gauche .conteneur .video{
	margin:15px 0;
}

/* Habillage des formulaires */
#pageResto .centre .conteneur .formulaire, #pageResto .droite .conteneur .formulaire{
	margin:8px 0; border:1px dotted #666666; padding:5px; color:#999999; background:#320c09;
}
#pageResto.centre .conteneur .formulaire h1,  #pageResto.droite .conteneur .formulaire h1{
	font:17px Arial, Helvetica, sans-serif; color:#66CCCC; text-align:left; margin:0 0 8px 0;
}
#pageResto .centre .conteneur .formulaire .champ, #pageResto .droite .conteneur .formulaire .champ{
	font:10px Arial, Helvetica, sans-serif; background:#ffffff; border:none; color:#CCCCCC;
}
#pageResto .centre .conteneur .formulaire select, #pageResto .droite .conteneur .formulaire select{
	font:10px Arial, Helvetica, sans-serif; background:#ffffff; border:none; color:#CCCCCC;
}
#pageResto .centre .conteneur .formulaire .bouton, #pageResto .droite .conteneur .formulaire .bouton{
	font:11px Verdana, Arial, Helvetica, sans-serif; background:url(vsl/bouton_resto.gif) no-repeat center center; border:none;
	color:#CCCCCC; cursor:pointer;; padding:3px 0; width:98px;
}

/* fin Habillage des formulaires */

#pageResto .centre{
	width: 250px;
	margin:15px 0;
	font-size:10px;
	vertical-align:top;
}
#pageResto .centre .conteneur{
	padding: 0 10px; text-align:justify;
}
#pageResto .centre .conteneur h1{
	color:#66CCCC; font-weight:bold; font-size:20px;
	text-align:left;
}
#pageResto .centre .conteneur h2{
	margin:10px 0 5px 0;
	text-align:left;
}
#pageResto .droite{
	width: 308px;
	margin:15px 0;
	vertical-align:top;
}
#pageResto .droite .conteneur {
	padding: 0 10px;
}
#pageResto .tampon{
	clear:both;
}



/* page seminaire */

#pageSem {
	width: 958px; text-align: left;
	margin-left: auto; margin-right: auto;
	border:1px solid #666666;
}

#pageSem .gauche{
	width: 380px;
	margin:15px 0;
	vertical-align:top;
}
#pageSem .gauche .conteneur{
	padding: 0 10px; text-align:justify; font-size:10px;
	color:#999999;
}
#pageSem .gauche .conteneur .menuUn{
	font-size:12px;
}
#pageSem .gauche .conteneur .menuDeux{
	padding-top:10px;
}
#pageSem .gauche .conteneur .ligne, #pageResto .centre.conteneur .ligne, #pageResto .droite .conteneur .ligne{
	margin:5px 0; border-top:1px dotted #666666;
}
#pageSem .gauche .conteneur .bloc, #pageResto .centre .conteneur .bloc, #pageResto .droite .conteneur .bloc{
	margin:5px 0; border:1px dotted #666666; padding:5px; text-align:center; background:#320c09;
}
#pageSem .gauche .conteneur .video{
	margin:15px 0;
}

/* Habillage des formulaires */
#pageSem .centre .conteneur .formulaire, #pageSem .droite .conteneur .formulaire{
	margin:8px 0; border:1px dotted #666666; padding:5px; color:#999999; background:#320c09;
}
#pageSem .centre .conteneur .formulaire h1,  #pageSem .droite .conteneur .formulaire h1{
	font:17px Arial, Helvetica, sans-serif; color:#66CCCC; text-align:left; margin:0 0 8px 0;
}
#pageSem .centre .conteneur .formulaire .champ, #pageSem .droite .conteneur .formulaire .champ{
	font:10px Arial, Helvetica, sans-serif; background:#ffffff; border:none; color:#CCCCCC;
}
#pageSem .centre .conteneur .formulaire select, #pageSem .droite .conteneur .formulaire select{
	font:10px Arial, Helvetica, sans-serif; background:#ffffff; border:none; color:#CCCCCC;
}
#pageSem .centre .conteneur .formulaire .bouton, #pageSem .droite .conteneur .formulaire .bouton{
	font:11px Verdana, Arial, Helvetica, sans-serif; background:url(vsl/bouton_resto.gif) no-repeat center center; border:none;
	color:#CCCCCC; cursor:pointer;; padding:3px 0; width:98px;
}
/* fin Habillage des formulaires */

#pageSem .centre{
	vertical-align:top;
	width: 250px;
	margin:15px 0;
	font-size:10px;
}
#pageSem .centre .conteneur{
	padding: 0 10px; text-align:justify;
}
#pageSem .centre .conteneur h1{
	color:#66CCCC; font-weight:bold; font-size:20px;
	text-align:left;
}
#pageSem .centre .conteneur h2{
	margin:10px 0 5px 0;
	text-align:left;
}
#pageSem .droite{
	width: 308px;
	margin:15px 0;
	vertical-align:top;
}
#pageSem .droite .conteneur {
	padding: 0 10px;
}
#pageSem .tampon{
	clear:both;
}

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #c9d5e7; font-weight:bold; }
a:hover { text-decoration: none; color:#66cccc;}


/*================================================================================*/
/*================================================================================*/
/*LIGHT BOX*/
/*================================================================================*/
/*================================================================================*/
#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;}
#nextLink { right: 0; float: right;}
#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;
}


.ligne_separation{
	margin:5px 0; border-top:1px dotted #666666;
}