#header ul { margin:0; background: white ; padding:10px 10px 0; list-style:none; }
#header li { float:left; background: white url(/images/left.gif) no-repeat left top; margin:0; padding:0 0 0 9px; }
#header a { display:block; background: white url(/images/right.gif) no-repeat right top; padding:5px 6px 8px 0px; }
#header #current { background-image: white url(/images/left_on.gif); }
#header #current a { background-image: white url(/images/right_on.gif); padding-bottom:7px; }
h1 { 
vertical-align: middle; 
font-family: Conv_VINERITC,sans-serif;
font-size: 14px;
}
.bordure-haut { border-top : 1px solid black; }
.bordure-bas { border-bottom : 1px solid black; }
.err {color: red; font-style: italic; font-weight: bold;}

img.infobulle-icone { cursor: help; }
.infobulle { position: relative; display: inline; width: 0px; height: 0px; }
 
.infobulle-texte { position: absolute; top: 0px; right: 0px; 
#left: -250px;
width: 150px;
color: #000000;
padding: 5px;
font-size: 10px;
background-color: #ffffe1;
border: 1px solid #000000;
}
.infobulle-text2 {
position: absolute;
top: 0px;
right: 0px;
#left: -250px;
width: 300px;
color: #000000;
padding: 1px;
font-size: 10px;
background-color: #ffffe1;
border: 2px solid #000000;
}
#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{ float:left;}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{line-height:12px;padding:1px;cursor:pointer;padding-left:2px;}
#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{line-height:12px;padding:1px;cursor:pointer;padding-left:2px;}
#calendarDiv td{padding:3px;margin:0px;font-size:10px;}
#calendarDiv .selectBox{border:1px solid #E2EBED;color: #E2EBED;position:relative;}
#calendarDiv .selectBoxOver{border:1px solid #FFF;background-color: #317082;color: #FFF;position:relative;}
#calendarDiv .selectBoxTime{border:1px solid #317082;color: #317082;position:relative;}
#calendarDiv .selectBoxTimeOver{border:1px solid #216072;color: #216072;position:relative;}
#calendarDiv .topBar{height:16px;padding:2px;background-color: #317082;}
#calendarDiv .activeDay{color:#FF0000;}
#calendarDiv .todaysDate{height:17px;line-height:17px;padding:2px;background-color: #E2EBED;text-align:center;position:absolute;bottom:0px;width:201px;}
#calendarDiv .todaysDate div{float:left;}	
#calendarDiv .timeBar{height:17px;line-height:17px;background-color: #E2EBED;width:72px;color:#FFF;position:absolute;right:0px;}
#calendarDiv .timeBar div{float:left;margin-right:1px;}
#calendarDiv .monthYearPicker{background-color: #E2EBED; border:"1px solid #AAAAAA"; position:absolute;color: #317082;left:0px;top:15px;z-index:1000;display:none;}
#calendarDiv #monthSelect{width:70px;}
#calendarDiv .monthYearPicker div{float:none;clear:both;padding:1px;margin:1px;	cursor:pointer;}
#calendarDiv .monthYearActive{background-color:#317082;color: #E2EBED;}
#calendarDiv td{text-align:right;cursor:pointer;}
#calendarDiv .topBar img{cursor:pointer;}
#calendarDiv .topBar div{float:left;margin-right:1px;}
#lightbox{background-color:#eee;padding: 10px;border-bottom: 2px solid #666;border-right: 2px solid #666;}
#lightboxDetails{ font-size: 0.8em; padding-top: 0.4em; }	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;}
a:link { text-decoration: none; color: #336600;}
a:visited { text-decoration: none; color: #336600;}
/*a:hover { text-decoration: none; color: #0000ff;}*/
a:active { text-decoration: none; color: #336600;}
A.categ:hover {COLOR: black; TEXT-DECORATION: none}
A.scateg:hover {COLOR: black; TEXT-DECORATION: none}
A.subcateg:hover {COLOR: black; TEXT-DECORATION: none}
.libre { BACKGROUND-IMAGE: url('/images/td_free.jpg') ; COLOR: black; FONT-FAMILY: arial ; FONT-WEIGHT: normal ; FONT-SIZE: 10px ;}
.libre_oc { BACKGROUND-IMAGE: url('/images/td_free_oc.jpg') ; COLOR: white; FONT-FAMILY: arial ; FONT-WEIGHT: normal ; FONT-SIZE: 10px ;}
.oc_libre { BACKGROUND-IMAGE: url('/images/td_oc_free.jpg') ; COLOR: BLACK; FONT-FAMILY: arial ; FONT-WEIGHT: normal ; FONT-SIZE: 10px ;}
.occupe { BACKGROUND-IMAGE: url('/images/td_oc.jpg') ; COLOR: white; FONT-FAMILY: arial ; FONT-WEIGHT: normal ; FONT-SIZE: 10px ; TEXT-DECORATION: line-through }
.passe { BACKGROUND-IMAGE: url('/images/td_gris.jpg') ; COLOR: white; FONT-FAMILY: arial ; FONT-WEIGHT: normal ; FONT-SIZE: 10px ; TEXT-DECORATION: line-through }
.blanc_noir { background-color:white; color:black;}
.jaune_bleu { background-color:yellow; color:blue;}
.blanc { COLOR: white; FONT-FAMILY: arial ; FONT-WEIGHT: normal ; FONT-SIZE: 10px ; TEXT-DECORATION: line-through }
.fond2 { BACKGROUND-IMAGE: url('/images/td_fond.jpg') ; COLOR: white; FONT-FAMILY: arial ; FONT-WEIGHT: normal ; FONT-SIZE: 10px ; TEXT-DECORATION: line-through}
.imgdyn  {
  max-width: 100%;
	height: auto;
  }
.calque{
  opacity:.90;
  filter : alpha(opacity=.90);
  color: #ffffff;
  position: absolute;
  z-index:2;
  visibility : hidden;
  padding: 0px;
  font-family: Courrier;
  font-size: 12px;
  background-color: #ffffff;
  width: 100%;
  height : 100%;
  top : 100px;
  left : 0px ;
}
.image_calque{ height: 100%;}
.bouton_invisible {display: none;} 
.visible_invisible {display: none;} 
.ecran {
  position: absolute;
  z-index:1;
<?php
  echo "  background-color: ".$couleurfond1.";";
?>
}
.window{
  border-width:3px;
  border-style:groove;
  border-color:black;
  opacity:.9;
  filter : alpha(opacity=.90);
  color: #000000;
  position: absolute;
  z-index:3;
  visibility : hidden;
  padding: 20px;
  font-family: Courrier;
  font-size: 12px;
  background-color: #F2F5A9;
  width: 500px;
  height : 370px;
  top : 100px;
  left : 35% ;
}
.contemp_window{  width: 99%; height : 99%; border : 0; border: 4px solid #987654;}

@font-face {
	font-family: 'Conv_VINERITC';
	src: url('/VINERITC.eot');
	src: local('☺'), url('/fonts/VINERITC.woff') format('woff'), url('/fonts/VINERITC.ttf') format('truetype'), url('/fonts/VINERITC.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.textefenetre { float:right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; }
.bloc-partage {float:right; width:200px; padding-top:0px;}
.bloc-partage a {float:right; margin-left: 7px;}
.clear {display:block;}

.input-fond1 { background-color: #FEFEFE; }
.input-fond2 { background-color: #EDE9E2; }

/* Style the top navigation bar */
.topnav {
  margin: 0 0 0 0;
  text-align: center;
  overflow: hidden;
/*  background-color: #222;*/
  color: black;
}

/* Style the topnav links */
.topnav a {
	display: inline-block;
  color: black;
  text-align: center;
  padding: 0px 10px 0px 10px;
  text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
background-color:white;
  color:black;
  /*  background-color: #ddd;
  color: black;*/
}
.topnav li {
	display: inline;
	list-style: none; /* n�cessaire pour IE7 */
}
/* Style the top navigation bar */
.onglets {
  overflow: hidden;
  background-color: #FEFEFE;
  color: black;
}

/* Style the topnav links */
.onglets a {
  float: left;
  display: block;
/*  color:         #fff;*/
    color: black;
  text-align: center;
  padding: 6px 6px;
  text-decoration: none;
}

/* Change color on hover */
.onglets a:hover {
background-color:#EDE9E2;
  color:black;
  /*  background-color: #ddd;
  color: black;*/
}

/* On screens that are 600px wide or less, make the menu links stack on top of each other instead of next to each other */
@media screen and (max-width: 1024px) {
  .topnav a {
    float: none;
    width: 100%;
  }
  .onglets a {
    float: none;
    width: 100%;
  }
}
.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}

ul{ list-style-type: none;}

#faq_container{
  text-align: center;
  position: relative;
  margin: 0 auto 0 auto ;
  }

#faq_menu{
  display: inline-block;
  background-color : silver;
  border: 1px solid blue;
  padding: 5px 10px;
}

#faq_main{
  display: inline-block;
  position: absolute;
  margin: 0 auto 0 auto ;
  cursor: pointer;
  padding: 0;
   width:50%;
   margin: 0px 25%;
}

#faq_main li{
  background-color: silver;
}

#faq_main li:hover{
  background-color: gray;
  color: black;
}
#faq_main a:hoover{
  background-color: gray;
  color: black;
}
#menu-vertical, #menu-vertical ul {
  text-align: center;
  margin: 0 auto 0 auto ;
  padding:10;
  list-style:none;
  width: 50%;
}
#menu-vertical li {
  position: relative;
  background:#EFEFEF; /* juste pour cacher le texte de la page en-dessous */
}
#menu-vertical a {
  display:block;
  text-decoration: none;
  color: #000;
}
#menu-vertical a:hover {
background-color:white;
  color:black;
}