body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 20px 0 0 0;
	text-align: center;
	background-color: white;
	behavior: url(../csshover.htc);
}

.stop {
	clear: both;
}

.ombrage_box {
	box-shadow: 1px 1px 12px #555;
}

#center {
	width: 862px;
	background-image: url(images/ombre.gif);
	background-repeat: repeat-y;
    margin-left: auto; 
    margin-right: auto; 
    text-align: left;
}

h1 {
	margin-top: 20px;
	padding-left: 20px;
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 20px;
	color: #716269;
}

h2 {
	font-size: 17px;
	padding-left: 32px;
	margin-top: 30px;
	margin-bottom: 10px;
	background: url(images/plus.jpg) no-repeat left;
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color: #66575e; /*#9D8FA0;*/
	text-transform: uppercase;
}

h3 {
	font-size: 16px;
	margin-top: 25px;
	padding-left: 22px;
	font-weight: bold;
	background: url(images/puce_h3.jpg) no-repeat left;
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color: #716269;
}

h4 {
	font-size: 14px;
	font-weight: bold;
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color: #716269;
}

h5 {
	font-size: 12px;
	font-weight: bold;
}

a, a:visited {
	font-size: 12px;
	font-weight: bold;
	color: #716269;
	text-decoration: none;
}

img {
	border: 0;
}

.align_centre {
	text-align: center;
}

/* BANDEAU GROUPE */

#groupe {
	background-image: url(images/fond_menu.gif);
	background-repeat: no-repeat;
	height: 76px;
	width: 860px;
	margin: 0;
}

#logo {
	float: left;
	width: 304px;
	height: auto;
	padding: 0;
}

#logo a img {
	border: 0;
}

/* FLASH INFO */

#f {
	z-index: 100;
	position: relative;
	width: 234px;
	background: url(images/flash_info_hover.gif) no-repeat left bottom;
}

a.flash {
	padding: 0 100px 0 110px;
	display: block;
	width: 234px;
	height: 13px;
	margin: 0;
	background: url(images/flash_info.gif) no-repeat left bottom;
	font-size: 10px;
}

a.flash:hover {
	height: 13px;
	font-size: 10px;
	padding: 0 100px 0 110px;
	margin: 0;
	background: url(images/flash_info.gif) no-repeat left bottom;
}

#cadre {
	background-color:white;
	position:absolute;
	z-index:100;
	border:1px solid #BC5464;
	width:516px;
	height:315px;
	overflow:auto;
	text-align:left;
	left: 215px;
	visibility:hidden;
	display:block
}

#cadre h5 {
	font-size: 12px;
	font-weight: bold;
	color: #716269;
	margin:0;
	padding:0;
}

#cadre p {
	text-align:justify;
	margin:0px;
	padding:0px;
}

#cadre a {
	height:100%;
	text-decoration:none;
	color:#6699FF;
	vertical-align:bottom;
}

.bord {
	border-bottom:1pt dotted #ccc;
	padding:4px 0 4px 0;
}

.bord_image {
	border-bottom:1pt dotted #ccc;
	padding:4px 0 3px 0;
}	

.droite {
	float:right;
	margin-left:7px;
}

.date {
	font-size:11px;
	margin-left:10px;
	color:#6699FF;
}

.close {
	text-align:right;
	margin-left:474px;
	cursor: hand;
}

/* MENU BAR */

#mbar {
	position:fixed ;
	/*
	left:927px;
	top:540px;
	*/
	right:10px;
	bottom:15px;
	text-align:center;
	padding-top:13px;
	width:65px;
	height:55px;
	background:url(images/fond_menu_bar.gif) no-repeat;
}

/* MENU GROUPE */ 

div#menu {
	float:right;
}

div#menu a {
	color:#716269;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	display:block;
}

/* CLASSE ACC PRESENTATION... ET PICTO */

div#menu ul {
	margin: 0 16px 0 0;
	padding: 0;
	width:auto;
}

div#menu ul.niveau1 li, div#menu ul.niveau1 li.sousmenu {
	display:inline;
	float: left;
}

div#menu ul li {
	position:relative; 
	list-style: none;  
}
div#menu img {
	font-size:2px;
	border:0;
	padding:0 0 1px 0;
	margin:0;
}

div#menu img:hover {
	opacity: 0;
  	filter:alpha(opacity=0);
}

/* CLASSE POUR LES SOUS MENUS */

div#menu li.sousmenu ul li a {
	padding:2px 0 2px;
}

div#menu li.sousmenu ul li {
	clear:both;
	text-align:left;
	background: #e6e6e6;
	border-bottom:1px solid #ccc;
	width:150px;
	padding-left:5px;
}

div#menu li.sousmenu  ul li:hover {
	background-color:#DBE6F9;
	border-bottom:1px solid #ccc;
}

div#menu ul ul {
	position: absolute; 
	top: 76px; 
	left: 0px; 
	display:none;
}

div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {
	display:block;
}

/* MENU COTE */

#menu_cote {
	float:left;
	width:217px;
	background-image: url(images/fond_menu_cote.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border-top : 1pt solid #E1E1E1;
}

div#menu_cote li a { 
	display:block;
	width:100%;
	color:black;
	text-decoration: none; /* plus de soulignement pour les liens */ 
}

div#menu_cote li a:hover {
	color: #9A9A9A;
}

/* ON POSITIONNE LES ELEMENTS DU MENU */

div#menu_cote ul { 
	padding-left:20px;
	width:140px; 
	margin:0px; 
}

div#menu_cote ul li.sousmenu_v { 
	padding:3px 0 3px;
	position:relative;
	list-style: none;
	border-bottom:0px dotted ;
} 

/* MISE EN FORME SOUS MENU */

div#menu_cote ul ul {
	position: absolute; 
	top: 0px; 
	left: 125px; 
	width:150px;
	display:none;
}

div#menu_cote li.sousmenu_v ul li {
	list-style: none;
	padding:3px;
	text-align:left;
	background: #bdd0f1;
	border-bottom:1px solid #fff;
	width:150px;
}

div#menu_cote li.sousmenu_v  ul li:hover {
	background-color:#DBE6F9;
	border-bottom:1px solid #fff;
}

div#menu_cote ul.niveau1_v li.sousmenu_v:hover ul.niveau2_v, 
div#menu_cote ul.niveau2_v li.sousmenu_v:hover ul.niveau3_v {
	display:block;
}

img.logo {
	padding:4px 0 5px 5px;
}

div#info {
	margin:30px 0 50px;
	text-align:center;
	width:217px;
	font-size:11px;
}

/* CONTENU PAGE */

#contenu {
	width:625px;
	float:left;
	border-top : 1pt solid #E1E1E1;
}
 
#contenu a{
	text-decoration:underline;
}

#contenu a:hover {
	text-decoration:underline;
	color: #9D8FA0;
}

ul.short_menu {
	margin:25px 0 20px 5px;
	padding:5px 0 7px 5px;
	width:250px;
	border-top:1pt dashed #9D8FA0;
	border-bottom:1pt dashed #9D8FA0;
}

.short_menu li {
	list-style-type: none;
}

p.pho img {
	margin:10px;
}

p.alphabet { 
	text-align:center;
}

p.alphabet a {
	margin:1px;
	padding:3px;
	border:1pt solid #9D8FA0;
	text-decoration:none;
}

p.alphabet a:hover {
	margin:2px;
	padding:3px;
	border:1pt solid #716269;
	text-decoration:none;
}

/*  SEJOUR  */

.tab {
	border:solid 1pt gray;
	padding:1px;
	margin-left:50px;
}

.titre_tab {
	background-color:#716269;
	color:white;
	text-align:center;
	height:13px;
	font-size:12px;
}

.centre_tab {
	text-align:center;
	font-size:10pt;
}

.centre_tab2 {
	text-align:center;
	font-size:10pt;
	background-color:#e2e2e2;
}

ol.encadrement {
	width:450px;
	margin-left:50px;
	padding:7px;
	border:solid 1pt gray;
	list-style:none;
}

/* CONTACT */

td.trois_col {
	width:200px;
}

td.deux_col {
	width:300px;
}

td.deux_col2 {
	width:250px;
	text-align:center;
}

.liste {
	background-color:#E6EFF2;
}

.tab2 {
	border:solid 1pt gray;
	padding:1px;
	margin-left:40px;
}

/* PIED */

#pied {
	width:860px;
	clear:both;
	background-image: url(images/fond_pied.gif);
	background-repeat:no-repeat;
	height: 21px;
	font-size: 10px;
	font-weight: bold;
	padding: 9px 0 12px 0;
	text-align: center;
	background-color: #FFFFFF;
}

#pied a, #pied a:visited {
	font-size: 10px;
	font-weight: bold;
	color:black;
}

#pied a:hover {
	font-size: 10px;
	font-weight: bold;
	color:#716269;
}

.copy {
	font-size:10px;
	text-align:center;
	height:30px;
	margin:0;
	background-color: #FFFFFF;
}

/* MODELE DE LETTRE */

#lettre {
	width:90%;
	clear:both;
	padding: 10px 10px 10px 10px;
	border:solid 1pt gray;
	background-color: #EFEFEF;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

/* ENCADRE */

#encadre {
	width:90%;
	clear:both;
	padding: 10px 10px 10px 10px;
	border:solid 1pt gray;
	background-color: #EFEFEF;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	font-size-adjust: 12 px;
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color:#716269;
	font-weight: bold;
}

#encadre span {
	text-align: center;
	font-weight:bolder;
}

/*
###########################################
  INFO BULLE sur page a-z
###########################################
*/

a.tooltip em {
    display:none;
}

a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}

a.tooltip:hover em {
    font-style: normal;
	text-transform: none;
	display: block;
	position: absolute;
	top: 20px;
	left: -50px;
	padding: 5px;
	color: #000;
	border: 1px solid #bbb;
	background: #CED7F6;      /* Bleu clair -> RVB : 206,215,246 */
	width:350px;
}

a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 75px;
    height: 7px;
    width: 11px;
    background: transparent url(images/infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}