body{
margin:0;
}
html{
overflow-y:scroll;
font-family:Arial, Helvetica, sans-serif;
font-size: 100%;
}
img{border:0}
#container{
width:880px;
margin:25px auto 0 auto;
position:relative;
}
#containerContenu{position:relative;margin:0 0 0 199px;height:1%;background:url(images/icono/filetContenu.png) repeat-y}
/********************************/
/************tetiere*************/
/********************************/
#tetiere{
height:144px;
}
#logo{
float:left;width:400px;margin-left:-3px;margin-right:3px;position:relative;
}
#logo img{margin-top:15px}
#tetiere #imageGauche{float:left;width:199px;line-height:1px;}
#tetiere #colRight{float:left;width:281px}
#tetiere #colRight #imageDroite{margin-top:40px;line-height:1px}
#tetiere #colRight #imageDroite_home {margin-top:40px;line-height:1px;float: right; display: inline; position: absolute; right: 0; z-index: 1000;  }
#tetiere #colRight #imageDroite_home img { float: right; border-left: 1px solid #fff; border-bottom: 1px solid #fff; }
#tetiere #colRight #imageDroite img{vertical-align:top;border-left:1px solid #dfe2e4}
/**** recherche ***/
#recherche{position:absolute;top:16px;right:0;height:20px;width:277px;border:1px solid #c0c0c0;border-top:2px solid #c0c0c0;border-left:2px solid #c0c0c0;}
#recherche form{padding:0;margin:0}
#recherche fieldset{padding:4px 0 0 0;margin:0;border:0;vertical-align:top;position:relative;}
#recherche .inputRecherche{
border:0;height:15px;margin:0 0 0 3px;padding:0;font-size:11px;width:240px;vertical-align:top;outline:none
}
#recherche .btnvalider{float:right;line-height:1px;padding-top:4px}
#recherche label{font-size:.7em;padding-left:5px;vertical-align:top;}

#lang{position:absolute;top:0;width:280px;font-size:.6em;line-height:1em;height:18px;text-align:right}
#lang img {margin-left: 3px;margin-bottom: -5px;}
#lang a:link, #lang:visited{text-decoration:none;color:#5d6e78}
#lang a:hover{color:#000}
/**************************************************/
/***********************bas tetiere titre et accroche**********************/
/**************************************************/
#titrage{position:relative;background:#e8eaec;}
#titrage #imgRight{float:right;margin-right:-1px;position:relative}
#mosaique img{border-right:1px solid #e8eaec}
#containerPrincipal #titrage h1{color:#8c96a0;margin:0;padding:20px 0 20px 12px;font-size:1.15em}
#titrage p.accroche{margin:0 0 0 0;padding:0 0 24px 12px;color:#8c96a0;width:585px;line-height:1.5em;font-size:.85em}

/**************************************************/
/***********************menu0**********************/
/**************************************************/
#menu0{
	position:absolute;top:119px;
	font-size:.8em;font-weight:bold;
	z-index:1000;
}
#menu0 a{
	display:block;
	text-decoration:none;
}
#menu0 ol{
	float:left;
	list-style:none;
	position:relative;
	font-weight:bold;z-index:400;
	margin:0;padding:0;
}
#menu0 ol li{float:left;position:relative;width:199px;border-right:1px solid #fff;border-bottom:1px solid #000;background:#000;margin:0;padding:0; color: #fff;}
#menu0 ol li.actualite { width: 139px; }
#menu0 ol li.billetterie { width: 139px; border-right: none; }
#menu0 ol li.active{background:#f06e00;border-bottom:1px solid #f06e00;}
#menu0 ol li a{color:#dfe2e4;padding:5px 0 4px 10px; margin: 0; }
#menu0 ol li.billetterie a{color:#ff7e00;padding:5px 0 4px 10px; margin: 0;border: none;}
#menu0 ol ol li a{color:#dfe2e4;padding:3px 0 5px 10px;}
#menu0 ol li.active a {color:#fff;}
#menu0 ol ol{position:absolute;top:25px;display:none;font-weight:normal;width:199px;border-top:1px solid #dfe2e4;background:#f0f;z-index:1001}
#menu0 ol ol li{background:#f0f1f3;width:199px;border-bottom:1px solid #dfe2e4;border-right:none;}
#menu0 ol li.actualite ol{width:139px;}
#menu0 ol li.actualite ol li{width:139px;}

#menu0 ol li.actualite-ru { width: 144px; }
#menu0 ol li.billetterie-ru { width: 143px; border-right: none; }  
#menu0 ol li.billetterie-ru a{color:#ff7e00;padding:5px 0 4px 10px; margin: 0;border: none;}
#menu0 ol li.actualite-ru ol{width:144px;}
#menu0 ol li.actualite-ru ol li{width:144px;}

#menu0 ol li.actualite-ru-rub { width: 199px; }
#menu0 ol li.billetterie-ru-rub { width: 199px; border-right: none; }  
#menu0 ol li.billetterie-ru-rub a{color:#ff7e00;padding:5px 0 4px 10px; margin: 0;border: none;}
#menu0 ol li.actualite-ru-rub ol{width:199px;}
#menu0 ol li.actualite-ru-rub ol li{width:199px;}

/* changement d'etat au roll*/
#menu0 ol li:hover, #menu0 ol li.sfhover{}
#menu0 li li:hover, #menu0 li li.sfhover {}
#menu0 ol li li:hover, #menu0 ol li li.sfhover{background:#fff}
#menu0 ol ol li a:link,#menu0 ol ol li a:visited{color:#687881;margin-top:1px}
#menu0 ol li a:hover{color:#fff;}
#menu0 ol ol li a:hover{color:#ee6c03;}

/* LES ROLLOVER CSS */
#menu0 li:hover ol ol,
#menu0 li.sfhover ol ol,
#menu0 li li:hover ol ol,
#menu0 li li.sfhover ol ol,
#menu0 li li li:hover ol ol,
#menu0 li li li.sfhover ol ol
{
display:none;
}

#menu0 li:hover ol,
#menu0 li.sfhover ol,
#menu0 li li:hover ol,
#menu0 li li.sfhover ol,
#menu0 li li.parentsfhover ol,
#menu0 li li li:hover ol,
#menu0 li li li.sfhover ol
{
display:block;z-index:1000;
}
/**************************************************/
/***********************menu0**********************/
/**************************************************/
 #menu1{
	background-color:#515052;color:#fff;font-size:.8em;font-weight:bold;position:relative;height:31px;width:238px;margin-top:10px;float:left;z-index:1000;text-align:center; }
#menu1 a{
	display:block;
	text-decoration:none;
}
#menu1 ol{
	float:left;
	list-style:none;
	position:relative;
	font-weight:bold;z-index:400;
	margin:0;padding:0;
}
#menu1 ol li{float:left;position:relative;width:238px;margin:0;padding: 2px 0 0 0;}
#menu1 ol li.last{border-right:none}
#menu1 ol li:hover{background:#f06e00;border-right:0px solid #dfe6e9;border-bottom:1px solid #dfe6e9;}
#menu1 ol li:hover a { color: #fff; }
#menu1 ol li.active{background:#f06e00;border-bottom:1px solid #f06e00;}
#menu1 ol li a, #menu1 ol li a:visited{color:#fff;padding:5px 0 4px 10px;}
#menu1 ol ol li a{color:#dfe2e4;padding:3px 0 5px 10px;}
#menu1 ol li.active a {color:#fff;}
#menu1 ol ol{position:absolute;bottom: -4px;display:none;font-weight:normal;width:238px;background:#f0f;z-index:1001}
#menu1 ol ol li{background:#fff;width:238px;border-bottom:1px solid #dfe6e9;border-right:0px solid #fff;}

/* changement d'etat au roll*/
#menu1 ol li:hover, #menu1 ol li.sfhover{}
#menu1 li li:hover, #menu1 li li.sfhover {}
#menu1 ol li li:hover, #menu1 ol li li.sfhover{background:#fff}
#menu1 ol ol li a:link,#menu1 ol ol li a:visited{color:#687881;margin-top:1px}
#menu1 ol li a:hover{color:#fff;}
#menu1 ol ol li a:hover{color:#f06e00;}

/* LES ROLLOVER CSS */
#menu1 li:hover ol ol,
#menu1 li.sfhover ol ol,
#menu1 li li:hover ol ol,
#menu1 li li.sfhover ol ol,
#menu1 li li li:hover ol ol,
#menu1 li li li.sfhover ol ol
{
display:none;
}

#menu1 li:hover ol,
#menu1 li.sfhover ol,
#menu1 li li:hover ol,
#menu1 li li.sfhover ol,
#menu1 li li.parentsfhover ol,
#menu1 li li li:hover ol,
#menu1 li li li.sfhover ol
{
display:block;z-index:1000;
}

/********bandeau d'images sous la tetiere********/
#imagesTop{float:right;position:relative}
.imgTop
{
vertical-align: top;
border-right: 1px solid #c0c0c0;
}
/*******************accueil************/

#presentationAccueil{width:880px;background:#e8eaec;position:relative;}
#presentationAccueil .floatR {float: right;}
#blocDroite{margin-left:400px;width:480px;position:relative;}
#blocDroite img{vertical-align:top;}
#presentationAccueil #blocTexte{position:relative;clear:right}
#presentationAccueil #cleaner{clear:left;line-height:1px}
#presentationAccueil #chapo{width: 270px;padding:10px 0 0 10px;font-size:14px;font-weight:bold;color:#000;line-height:17px;}
#presentationAccueil #texte{padding:3px 10px 0 10px;font-size:12px;color:#5c6e78;line-height:17px}
#presentationAccueil #imageContainer{line-height:1px;float:left;height:266px;overflow:hidden;}
#presentationAccueil #imageContainer img{border-right:1px solid #e1e2e4;border-top:1px solid #e1e2e4;display:none, height:265px;}
#presentationAccueil #imageContainerNoScript{line-height:1px;float:left;height:266px;overflow:hidden;}
#presentationAccueil #imageContainerNoScript img{border-right:1px solid #e1e2e4;border-top:1px solid #e1e2e4;}
#sommaire{width:878px;border:1px solid #e0e1e3;background:url(images/icono/colonnesSommaire.png) repeat-y right top}
/*4 colonnes a la une*/
#alaUne{margin-left:238px;position:relative;height:1%;}
.colUne{float:left;width:140px;padding:20px 10px 0 10px;line-height:1.05em}
.colUne .titre{font-size:.75em;font-weight:bold;padding:0;margin:5px 0 0 0;}
.colUne .texte{font-size:.75em;padding:0;margin:0;color:#5c6e78}
#alaUne a:link, #alaUne a:visited{color:#000;text-decoration:none}
#alaUne a:hover{color:#f06e00}

/***********menu autres sur accueil**********/
#menuAutres{color:black;margin-top:20px;margin-bottom: 20px;width:238px;height: 340px;float:left;position:relative;display:inline;z-index:300;}
#menuAutres .bouton_home { margin: 0; padding: 0; }
#menuAutres .bouton_home a { margin: 0 0 2px 6px; padding: 0; float: left; display: inline; }
#menuAutres .bouton_home a img { border: 1px solid #ffffff;
}
#menuAutres .bouton_home a:hover img { border: 1px solid #e97300; }
#menuAutres #Agenda { padding-right:8px;height:267px; background-color:#e8eaec; }
#titreAgenda {height:287px;background-color:#8c96a0;color:white;font-size:1.125em;position:relative;height:31px;width:230px;padding-right:8px;float:left;z-index:600;text-align:center;}
#titreAgenda p {margin-top:5px;}
.evenement {position:relative;float:left;margin-left:5px;margin-top:10px;z-index:900;width:211px;height:73px;margin-bottom: 20px;}
.zoneDate {width:57px;height:73px;background-color:#bebebe;color:white;text-align:center;float: left;display: inline;}
.agendaJour, .agendaMois, .tiret{font-size:1.5em;}
.agendaJour {padding-top:5px;margin-bottom:-7px;}
.agendaMois {margin-top:-7px;}
.tiret {margin-top:-11px;font-weight:bold}
.eventNom {width: 140px;font-size:.7em;font-weight:bold;position:relative;float: left;display: inline;padding: 0 10px 0 4px;}
#menuAutres .eventNom p { margin: 10px 0 0 0; padding: 0; font-weight: normal; }
#menuAutres .eventNom a, #menuAutres .eventNom a:link, #menuAutres .eventNom a:visited, #menuAutres .eventNom a:active { color: #000; margin: 0; padding: 0; }
#menuAutres .eventNom a:hover { color: #f06e00; margin: 0; padding: 0; }
#ToutAgenda {font-size:.5em;position:relative;float:right;z-index:100;padding-top: 5px;}
#professionnels {background-color:#515052;color:white;font-size:.8em;font-weight:bold;position:relative;height:31px;width:230px;padding-right:8px;margin-top:10px;float:left;z-index:600;text-align:center;}
#professionnels p {margin-top:8px;}
#boutonAcces {background-color:#e97300;width:109px;height:70px;position:relative;float:left;margin-top:-3px;margin-left:-10px;background-image:url('images/icono/accueil/boutonAcces.png');}
#boutonTicket {background-color:#e97300;width:109px;height:70px;position:relative;float:left;margin-top:-9px;margin-left:5px;background-image:url('images/icono/accueil/boutonTicket.png');}
#boutonTripAdvisor{background-color:#e97300;width:109px;height:70px;position:relative;float:left;margin-top:7px;margin-left:-10px; margin-bottom: 10px; background-image:url('images/icono/accueil/boutonTripAdvisor.png');}
#boutonBoutique {background-color:#e97300;width:109px;height:70px;position:relative;float:left;margin-top:7px;margin-left:5px; margin-bottom: 10px; background-image:url('images/icono/accueil/boutonBoutique.png');}
#boutonAcces:hover {background-image:url('images/icono/accueil/boutonAccesTxt.png');}
#boutonTicket:hover {background-image:url('images/icono/accueil/boutonTicketTxt.png');}
#boutonTripAdvisor:hover {background-image:url('images/icono/accueil/boutonTripAdvisorTxt.png');}
#boutonBoutique:hover {background-image:url('images/icono/accueil/boutonBoutiqueTxt.png');}

#boutonAcces_en {width:109px;height:70px;position:relative;float:left;margin-top:-3px;margin-left:-10px; background: #515052 url('images/icono/accueil/boutonAcces_en.png') no-repeat center center; }
#boutonTicket_en {width:109px;height:70px;position:relative;float:left;margin-top:-9px;margin-left:5px; background: #515052 url('images/icono/accueil/boutonTicket_en.png') no-repeat center center; }
#boutonTripAdvisor_en {width:109px;height:70px;position:relative;float:left;margin-top:7px;margin-left:-10px; margin-bottom: 10px;background: #515052 url('images/icono/accueil/boutonTripAdvisor_en.png') no-repeat center center; }
#boutonBoutique_en {width:109px;height:70px;position:relative;float:left;margin-top:7px;margin-left:5px;margin-bottom: 10px; background: #515052 url('images/icono/accueil/boutonBoutique_en.png') no-repeat center center; }
#boutonAcces_en:hover {background-image:url('images/icono/accueil/boutonAccesTxt_en.png');}
#boutonTicket_en:hover {background-image:url('images/icono/accueil/boutonTicketTxt_en.png');}
#boutonTripAdvisor_en:hover {background-image:url('images/icono/accueil/boutonTripAdvisorTxt_en.png');}
#boutonBoutique_en:hover {background-image:url('images/icono/accueil/boutonBoutiqueTxt_en.png');}

#boutonAcces_zh {width:109px;height:70px;position:relative;float:left;margin-top:-3px;margin-left:-10px; background: #e97300 url('images/icono/accueil/boutonAcces.png') no-repeat center center; }
#boutonTicket_zh {width:109px;height:70px;position:relative;float:left;margin-top:-9px;margin-left:5px; background: #e97300 url('images/icono/accueil/boutonTicket.png') no-repeat center center; }
#boutonTripAdvisor_zh {width:109px;height:70px;position:relative;float:left;margin-top:7px;margin-left:-10px; margin-bottom: 10px; background: #e97300 url('images/icono/accueil/boutonTripAdvisor.png') no-repeat center center; }
#boutonBoutique_zh {width:109px;height:70px;position:relative;float:left;margin-top:7px;margin-left:5px; margin-bottom: 10px; background: #e97300 url('images/icono/accueil/boutonBoutique.png') no-repeat center center; }
#boutonAcces_zh:hover {background-image:url('images/icono/accueil/boutonAccesTxt_zh.png');}
#boutonTicket_zh:hover {background-image:url('images/icono/accueil/boutonTicketTxt_zh.png');}
#boutonTripAdvisor_zh:hover {background-image:url('images/icono/accueil/boutonTripAdvisorTxt.png');}
#boutonBoutique_zh:hover {background-image:url('images/icono/accueil/boutonBoutiqueTxt.png');}


#boutonAcces_ru {width:109px;height:70px;position:relative;float:left;margin-top:-3px;margin-left:-10px; background: #e97300 url('images/icono/accueil/boutonAcces.png') no-repeat center center; }
#boutonTicket_ru {width:109px;height:70px;position:relative;float:left;margin-top:-9px;margin-left:5px; background: #e97300 url('images/icono/accueil/boutonTicket.png') no-repeat center center; }
#boutonTripAdvisor_ru {width:109px;height:70px;position:relative;float:left;margin-top:7px;margin-left:-10px; margin-bottom: 10px; background: #e97300 url('images/icono/accueil/boutonTripAdvisor.png') no-repeat center center; }
#boutonBoutique_ru {width:109px;height:70px;position:relative;float:left;margin-top:7px;margin-left:5px; margin-bottom: 10px; background: #e97300 url('images/icono/accueil/boutonBoutique.png') no-repeat center center; }
#boutonAcces_ru:hover {background-image:url('images/icono/accueil/boutonAccesTxt_ru.png');}
#boutonTicket_ru:hover {background-image:url('images/icono/accueil/boutonTicketTxt_ru.png');}
#boutonTripAdvisor_ru:hover {background-image:url('images/icono/accueil/boutonTripAdvisorTxt_ru.png');}
#boutonBoutique_ru:hover {background-image:url('images/icono/accueil/boutonBoutiqueTxt_ru.png');}



.reseauxSociaux{display: block;height:37px;}
#facebook {width:37px;height:37px;position:relative;float:left;margin-left:-9px;margin-top:20px;}
.reseauxSociaux img{width:37px;height:37px;position:relative;float:left;margin-top:20px;margin-left:0px;}
#BlocGAP{position:relative;float:left;margin-top:30px;margin-left:3px;}
#BlocSeriousGame{position:relative;float:left;margin-top:30px;margin-left:6px;}
#menuAutres ol{margin:0;padding:0;list-style-type:none;}
#menuAutres li{padding:4px 0 3px 0;border-top:1px solid #dfe6e9;}
#menuAutres a{display:block;margin:0;padding:3px 0 3px 17px;}
#menuAutres a:link, #menuAutres a:visited{color:#989b98;text-decoration:none}
#menuAutres a:hover{color:#f17309}

#visioguide { text-align: center; }
#visioguide a { margin: 0; padding: 0; }
/**/

/***********menu autres sur accueil**********/
/*#menuAutres{font-size:.75em;left:-6px;margin-top:15px;width:220px;float:left;position:relative;display:inline;z-index:300;height:1%}
#menuAutres ol{margin:0;padding:0;list-style-type:none;}
#menuAutres li{padding:2px 0 3px 0}
#menuAutres a{margin:0;padding:3px 0 3px 17px;background:url(images/icono/puceMenuAutres.png) no-repeat 0 .25em;}
#menuAutres a:link, #menuAutres a:visited{color:#000;text-decoration:none}
#menuAutres a:hover{color:#f17309}
*/
/**/

/******************************************************/
/*****************MENU GAUCHE**************************/
/*****************************************************/
#agenda{background-color:#e8eaec;color:black;width:232px;height:287px;position:relative;float:left;}
#menu{font-size:.8em;margin-left:-6px;margin-top:0;float:left;width:204px;position:relative;height:1%}
#menu #titreArticle{font-weight:bold;color:#8c959e;padding:0 0 7px 9px;font-size:1em;background:#f0f1f3;border-bottom:1px solid #dfe2e4;margin-left:6px;position:relative;height:57px}
#menu #titreArticle_orange{font-weight:bold;color:#f06e00;padding:0 0 7px 9px;font-size:1em;background:#f0f1f3;border-bottom:1px solid #dfe2e4;margin-left:6px;position:relative;height:57px}
#menu #titreArticle div{position:absolute;bottom:6px}
#menu #titreArticle_orange div{position:absolute;bottom:6px}
#menu ol{margin:0;padding:0;list-style-type:none;line-height:1.4em;}
#menu li{padding:4px 0px;list-style-position:outside;}
#menu a{display:block;margin:0;padding:0 0 0 15px;background:url(images/icono/puceMenuOff.png) no-repeat 0 .29em;}
#menu li.active a{background:url(images/icono/puceMenuOn.png) no-repeat 0 .29em;}
#menu a:link, #menu a:visited{color:#8c959e;text-decoration:none}
#menu a:hover{color:#f17309}
#menu li.active a:link, #menu li.active a:visited{color:#f17309;text-decoration:none}
#menu li.active ol a:link, #menu li.active ol a:visited{color:#8c959e}
#menu li.active ol li.active a:link, #menu li.active ol li.active a:visited{color:#f17309}
#menu li.active ol a:hover{color:#f17309}
#menu ol ol {margin:0;padding:2px 0 0 16px;list-style-type:none;font-size:.9em;line-height:1em;}
#menu ol li.active ol a{background:none}
#menu ol ol a{margin:0;padding:0;background:none;}
#menu ol li {background:url(images/icono/filetMenuLi.png) no-repeat 5px bottom;}
#menu ol ol ul {padding:0 0 0 25px;}
#menu ol ol li {background:none;}
#menu ul li {list-style-type:square;color:#8c959e;padding:3px 0 0 0;line-height:14px;}
#menu li.active ol li.active ul li.normal a:link, #menu li.active ol li.active ul li.normal a:visited {color:#8c96a0;padding:0;margin:0;}
#menu li.active ol li.active ul li.normal a:hover, #menu li.active ol li.active ul li.active a:hover {color:#f17309;padding:0;margin:0;}
/***************************************************/
/*************************general*******************/
/***************************************************/
#containerPrincipal{
border:1px #d6d9dd solid;border-top:none;position:relative;height:1%;
}
#containerPrincipal h1{color:#8c96a0;margin:0;padding:20px 0 20px 12px;font-size:1.15em}
#containerPrincipal h2{color:#8c96a0;margin:0 0 12px 0;padding:20px 0 18px 0;font-size:.8em;text-transform:uppercase;}
#mosaique img{border-right:1px solid #e8eaec;border-top:1px solid #e8eaec}

/***************************************************/
/***********************2 - diaporama*******************/
/****************************************************/
#diaporama{position:relative;height:1%;background:#e8eaec;}
#diaporama #diapoRight{float:right;width:160px;margin-right:-1px;position:relative;}
#diaporama #diapoRight #clipContainer{overflow:hidden;display:block;width:160px;height:105px;position:relative;}
#diaporama #diapoRight #cliped{position:absolute;clip:rect(0 280px 105px 120px);left:-120px;}
#diaporama #flash{position:relative;height:1%;padding-top:1px;z-index:1;font-size:.75em}
#diaporama p.accroche{margin:0 0 0 0;padding:0 0 24px 12px;color:#8c96a0;width:585px;line-height:1.4em;font-size:.85em;}
#diaporamaTexte{padding:0 0 20px 12px;position:relative;height:1%;}
#diaporamaTexte h2{background:url(images/icono/filetSep.png) no-repeat bottom left}
#diaporamaTexte h3 {margin:0;padding:18px 0 0px 0;font-size:.8em;color:#8c96a0;font-weight:bold;}
#diaporamaTexte h4{margin:0;padding:0;font-size:.75em;color:#8c96a0;font-weight:bold}
#diaporamaTexte p{font-size:.8em;line-height:1.41em;width:640px}
#diaporamaTexte p a {color:#000;text-decoration:underline;}

/****************************************************/
/****************3 - illustrationTexte*******************/
/****************************************************/
#illustrationTexteContainer{padding:30px 0 20px 1px;position:relative;height:1%;}
#illustrationTexteContainer .imgTxt .divTexte p{font-size:.75em;line-height:1.41em;margin:0 20px 13px 0;padding:0}
#illustrationTexteContainer .imgTxt{padding-bottom:20px;position:relative}
#illustrationTexteContainer .imgTxt .divImg{float:left}
#illustrationTexteContainer .imgTxt .divTexte{margin-left:300px;background:url(images/icono/filetSep.png) no-repeat;padding-top:20px}
#illustrationTexteContainer h3 {margin:0;padding:0 0 10px 0;font-size:.9em;color:#8c96a0;text-transform:uppercase}
#illustrationTexteContainer  h4{margin:0;padding:0;font-size:.75em;color:#8c96a0;text-transform:uppercase}
/****************************************************/
/****************4 - accueilIllustre*********************/
/****************************************************/
#titrageImage{background:#e8eaec;line-height:1px}
#titrageImage #imgRight{float:right;margin-right:-1px;position:relative}
#titrageImage #mosaique img{border-right:1px solid #e8eaec}
img.imgRight2{border-left:1px solid white;border-bottom:1px solid white;}
#containerPrincipal #titrageImage h1{color:#8c96a0;margin:14px 0 10px 0;padding:20px 0 20px 12px;font-size:1.15em}
#titrageImage p.accroche{margin:0 0 0 0;padding:0 0 24px 12px;color:#8c96a0;width:585px;line-height:1.5em;font-size:.85em}
#titrageImage #basTetiere{position:absolute;top:0;left:0;width:679px}
#accueilIllustreTexteContainer{padding:25px 0 20px 0;position:relative;height:1%;}
#accueilIllustreTexteContainer #divTexte p{font-size:.75em;line-height:1.41em;margin:0 20px 20px 12px;padding:0}

/****************************************************/
/****************5 - texte Illustre*********************/
/****************************************************/
#texteIllustreContainer{padding:20px 0 0 1px;position:relative;height:1%;}
#texteIllustreContainer .bloc{margin-bottom:35px;}
#texteIllustreContainer h2{margin:0 0 15px 0;padding:0 0 18px 0;font-size:.9em;color:#8c96a0;background:url(images/icono/filetSep.png) no-repeat bottom left;text-transform:uppercase}
#texteIllustreContainer h3{margin:0 0 15px 0;padding:5px 0 20px 0;font-size:.75em;color:#8c96a0;background:url(images/icono/filetSep.png) no-repeat bottom left;font-weight:bold;text-transform:uppercase}
#texteIllustreContainer h4{margin:0;padding:0;font-size:.75em;color:#8c96a0;font-weight:bold}
#texteIllustreContainer .imgTxt .divImg{float:left;padding-top:35px;}
#texteIllustreContainer .imgTxt .divImg img{margin-bottom:15px;}
#texteIllustreContainer .imgTxt .divTexte{margin-left:200px;}
#texteIllustreContainer .imgTxt .divTexte p{font-size:.75em;line-height:1.41em;margin:0 18px 18px 0;padding:0}
.divTexte a {color:#000;text-decoration:underline;}
.doc {font-size:.75em;}
.doc a {color:#000;text-decoration:underline;}
#divTexte a {color:#000;text-decoration:underline;}

/****************************************************/
/*********************** 7 - fiche*********************/
/****************************************************/
#ficheContainer{padding:20px 0 0 1px;position:relative;height:1%;}
#fiche{margin:0 0 20px 13px;position:relative;height:1%;}
#fiche h2{margin:0 0 20px 0;padding:7px 0 22px 0;font-size:.9em;color:#8c96a0;background:url(images/icono/filetSep.png) no-repeat bottom left;text-transform:uppercase}
#fiche h3{margin:0;padding:0 0 3px 0;font-size:.75em;color:#8c96a0;font-weight:bold;text-transform:uppercase}
#fiche h4{margin:0;padding:0 0 3px 0;font-size:.67em;color:#8c96a0;font-weight:bold;text-transform:uppercase}
#fiche p{font-size:.75em;line-height:1.41em;margin:0 18px 18px 0;padding:0;width:550px;}
#fiche dl{margin:0;padding:0;overflow:hidden;width:100%;}
#fiche a {color:#000;text-decoration:underline;}
#fiche dt{background:url(images/icono/filetSep.png) no-repeat;clear:left;width:167px;float:left;padding:15px 20px 15px 0;margin-top:10px;color:#8c96a0;font-size:.75em;line-height:1.41em;font-weight:bold;}
#fiche dd{float:left;width:455px;margin:15px 0 0 0;padding:10px 0;font-size:.75em;line-height:1.41em;}
#fiche dd p{float:left;width:455px;margin:0 0 7px 0;padding:0;font-size:12px;line-height:1.41em;}
#fiche dd h3{margin:0;padding:0;font-size:.9em;color:#8c96a0;font-weight:bold;text-transform:uppercase}

/********************************************************/
/****************8 - liste Illustree*********************/
/********************************************************/
#listeIllustreeContainer{padding:20px 0 0 1px;position:relative;height:1%;overflow:hidden}
#listeIllustreeContainer .bloc{margin-bottom:40px;position:relative;height:1%;overflow:hidden;}
#listeIllustreeContainer h2{margin:0 0 18px 200px;padding:7px 0 0 0;font-size:.9em;color:#8c96a0;text-transform:uppercase}
#listeIllustreeContainer h3 {margin:0;padding:18px 0 0px 0;font-size:.8em;color:#8c96a0;font-weight:bold;}
#listeIllustreeContainer .imgTxt .divImg{float:left}
#listeIllustreeContainer .imgTxt .divImg img{margin-bottom:10px}
#listeIllustreeContainer .imgTxt .divTexte{margin:0 20px 0 200px;background:url(images/icono/filetSep.png) no-repeat;position:relative;height:1%;}
#listeIllustreeContainer .imgTxt .divTexte p.sousTitre {font-size:.75em;color:#8c96a0;padding:0;margin:0;line-height:1.4em}
#listeIllustreeContainer .imgTxt .divTexte p.date {font-size:.75em;color:#8c96a0;padding:10px 0 0 0;margin:0;line-height:1.4em}
#listeIllustreeContainer .imgTxt .divTexte p{font-size:.75em;padding:0;margin:0;line-height:1.41em;}
#listeIllustreeContainer .imgTxt .divTexte p.maj{font-size:.7em;padding:0;margin:0;line-height:1.41em;font-style:italic;color:#8c96a0}
#listeIllustreeContainer .liens{margin-top:15px}

/****************************************************/
/**************** 9 - fiche expo**************************/
/****************************************************/
#containerPrincipal #titrage.titrageExpo h1{color:#8c96a0;margin:0;padding:20px 0 2px 13px;font-size:1.15em}
#titrage p.sousTitreExpo{margin:0 0 0 0;padding:0 0 24px 12px;color:#8c96a0;width:585px;line-height:1.3em;font-size:.9em}
#ficheExpoContainer{padding:30px 0 0 0;border-left:1px solid #e8eaec;position:relative;height:1%;}
#ficheExpoContainer h3 {margin:0;padding:0 0 10px 0;font-size:.9em;color:#8c96a0;text-transform:uppercase}
#ficheExpoContainer h4{margin:0;padding:0;font-size:.75em;color:#8c96a0;text-transform:uppercase}
#ficheExpoContainer .ficheExpo .divGauche{float:left}
#ficheExpoContainer .ficheExpo .divGauche img{margin-bottom:10px}
#ficheExpoContainer .ficheExpo .divTexte{margin:0 20px 0 200px;background:url(images/icono/filetSep.png) no-repeat;}
#ficheExpoContainer .ficheExpo .divTexte p{font-size:.75em;padding:0;margin:0 0 20px 0;line-height:1.41em;}
#ficheExpoContainer .ficheExpo .date{font-size:.9em;color:#8c96a0;text-transform : uppercase;font-weight:bold;padding:12px 0 2px 0}
#ficheExpoContainer .ficheExpo h2{margin:0 0 15px 0;padding:15px 0 20px 0;font-size:.9em;color:#8c96a0;background:url(images/icono/filetSep.png) no-repeat bottom left;text-transform:uppercase}
#ficheExpoContainer .ficheExpo .liens{margin-bottom:20px}
#ficheExpoContainer .ficheExpo #complements{width:170px;margin:0 0 0 11px;line-height:.9em}
#ficheExpoContainer .ficheExpo #complements .complement{padding:20px 0 0 0;margin:20px 0 0 0;background:url(images/icono/filetSep.png) no-repeat;}
#ficheExpoContainer .ficheExpo #complements .complement .intertitre1{font-size:.7em;color:#8c96a0;text-transform:uppercase;font-weight:bold;padding:0;margin:0;}
#ficheExpoContainer .ficheExpo #complements .complement .intertitre2{font-size:.7em;color:#8c96a0;font-weight:bold;padding:0;margin:0;}
#ficheExpoContainer .ficheExpo #complements .complement p{font-size:.7em;color:#8c96a0;padding:0;margin:0;}



  /*********************************************************/
 /****************10 - liste reponses**************************/
/*******************************************************/
#containerPrincipal #titrage.titrageRecherche{}
#containerPrincipal #titrage.titrageRecherche h1{color:#8c96a0;margin:0;padding:20px 0 2px 13px;font-size:1.15em;}
#containerPrincipal #titrage.titrageRecherche p.rappelRecherche{margin:0;padding:0 0 20px 12px;color:#5d6e78;width:585px;line-height:1.3em;font-size:.85em;background:url(images/icono/filetSep.png) no-repeat 12px bottom;}
#containerPrincipal #titrage.titrageRecherche .headerRecherche{padding:15px 0 15px 12px}
#containerPrincipal #titrage.titrageRecherche .nbReponses{float:left;font-size:.75em;}
#containerPrincipal #titrage.titrageRecherche .navRecherche{float:right;margin-right:17px;}
#containerPrincipal #titrage.titrageRecherche .navRecherche img,
#listeReponsesContainer .navRecherche img
{vertical-align:middle}
#containerPrincipal #titrage.titrageRecherche .navRecherche .folio,
#listeReponsesContainer .navRecherche .folio
{margin:0 7px;color:#8996a0;font-size:.75em;vertical-align:middle}
#illustrationGauche{float:left;position:relative;margin-left:-1px}
#illustrationGauche img{border-top:1px solid #e8eaec}
#listeReponsesContainer{padding:0 0 0 1px;height:1%;position:relative}
#listeReponsesContainer ul{margin:0;padding:10px 100px 10px 12px;list-style:none;}
#listeReponsesContainer ul li{padding:15px 0 10px 0;margin:20px 0 25px 0;background:url(images/icono/filetSep.png) no-repeat left top;}
#listeReponsesContainer ul p.titre{padding:0;margin:0;font-size:.8em;color:#8c96a0;font-weight:bold;line-height:1.41em;text-transform:uppercase}
#listeReponsesContainer ul p.texte{padding:0;margin:0;font-size:.75em;line-height:1.41em}
#listeReponsesContainer ul p.maj{font-size:.7em;padding:0;margin:0;font-style:italic;color:#8c96a0;line-height:1.41em}
#listeReponsesContainer ul p.lien{font-size:.7em;padding:0 0 0 18px;margin:10px 0 0 0;line-height:1.41em;background:url(images/icono/puceLiens.png) no-repeat 0 .5em;}
#listeReponsesContainer ul p.lien a:link, #listeReponsesContainer ul p.lien a:visited{text-decoration:none;color:#f06e00;}
#listeReponsesContainer ul p.lien a:link{text-decoration:underline;}
#listeReponsesContainer .footerRecherche{background:#e8eaec;height:1%;position:relative}
#listeReponsesContainer .navRecherche{float:right;margin-right:17px;padding:20px 0 20px 0}

/****************************************************/
/****************11 - plan ***************************/
/**************************************************/
#titrageImageMoyen{background:#e8eaec;line-height:1px}
#titrageImageMoyen #imgRight{float:right;margin-right:-1px;position:relative}
#titrageImageMoyen #basTetiere{position:absolute;top:0;left:0;width:679px}
#titrePlan{float:left;width:199px;height:31px;position:relative;padding-top:74px;background:#e8eaec}
#titrePlan h1{color:#8c96a0;margin:0;padding:0 0 0 12px;font-size:1.15em;}
#plan{
	font-size:.75em;font-weight:bold;border-bottom:1px solid #dcdfe2;background:url(images/icono/fondPlan.png) repeat-y;
}
#plan a{
	display:block;
	text-decoration:none;
}
#plan ul{
	float:left;
	list-style:none;
	position:relative;
	font-weight:bold;
	margin:0;padding:0;
	line-height:25px;background:url(images/icono/fondPlan.png) repeat-y;
}
#plan .niv0{color:#fff;background:#8c96a0;padding:0 0 0 10px;height:25px;border-right:1px solid #eeeff1;font-size:1.1em}
#plan ul li{float:left;position:relative;width:200px;}
#plan ul li.last{width:280px}
#plan ul li.last .niv0{border:0}

#plan ul li a{color:#8c96a0;padding:0;margin:0;}
#plan a:hover{color:#f17309}
#plan ul ul ul ul li a{font-weight:normal;}
#plan ul ul ul li a{font-weight:normal;}
#plan ul ul ul ul li a{font-size:.9em}
#plan ul ul{width:189px;line-height:1.5em;position:relative;height:1%;margin-left:-1px;right:-1px;background:none}
#plan ul ul li{background:url(images/icono/filetSep.png) no-repeat 10px 0;width:100%;height:auto;clear:both;padding:15px 0 15px 10px;text-transform:uppercase;position:relative;height:1%;}
#plan ul ul li.prem{background:none;padding-top:30px}
#plan ul ul ul li{padding:0;text-transform:none;margin:0;background:none;width:100%;border:0;position:relative;height:1%;}
/****************************************************/
/****************13 - contact ***************************/
/**************************************************/
#contactContainer{padding:10px 0 0 12px;position:relative;height:1%;}
#contactContainer #contact{margin:26px 20px 20px 0;position:relative}
#contactContainer #contact h2{margin:0 0 12px 0;padding:0 0 22px 0;font-size:.9em;color:#8c96a0;background:url(images/icono/filetSep.png) no-repeat bottom left;text-transform:uppercase}
#contactContainer #contact p{padding:0;margin:0;line-height:1.41em;font-size:.8em}
#contact form{padding:20px 0 30px 0;margin:0;}
#contact form fieldset{padding:16px 0 0 0;margin:0;border:0;}
#contact .libelle {
clear:left;
float:left;
width: 200px;
margin:0;
border:0;
padding:15px 0 0 0;color:#8c96a0;font-weight:bold;font-size:.8em;
background:url(images/icono/filetSep.png) no-repeat top left;
}
#contact .input{
width:385px;
margin:11px 0 0 0;padding:3px 0 3px 0;border:1px #dcdfe2 solid;
font-size:12px;
font-family:Arial, Helvetica, sans;
}
#contact .formulaire{width:650px;position:relative}
#contact select{margin:11px 0 0 0;font-family:Arial, Helvetica, sans;font-size:12px;width:387px;padding:3px 0 2px 0;border:1px #dcdfe2 solid;}
#contact textarea{overflow:hidden;margin:10px 0 0 0;padding:2px;width:381px;height:80px;font-family:Arial, Helvetica, sans;font-size:12px;border:1px #dcdfe2 solid;}
#contact .valider{position:absolute;right:63px;}
#contact .btnValider{
margin-top:6px;
}

/********************************************************/
/****************15 - calendrier*********************/
/********************************************************/
#calendrierContainer{padding:0 0 0 1px;position:relative;height:1%;overflow:hidden}
#calendrierContainer h2{margin:0 0 18px 120px;padding:7px 0 0 0;font-size:.9em;color:#f06e00;text-transform:uppercase}
#calendrierContainer .imgTxt .divImg{float:left}
#calendrierContainer .imgTxt .divImg img{margin-bottom:10px}
#calendrierContainer .imgTxt .divTexte{margin:0 20px 0 120px;background:url(images/icono/filetSep.png) no-repeat;position:relative;height:1%;padding:15px 0 0 0}
#calendrierContainer .imgTxt .divTexte p.type {font-size:.8em;color:#8c96a0;padding:0;margin:0;line-height:1.4em;text-transform:uppercase;font-weight:bold}
#calendrierContainer .imgTxt .divTexte p.nom {font-size:.75em;color:#8c96a0;padding:0;margin:0;line-height:1.4em;font-weight:bold}
#calendrierContainer .imgTxt .divTexte p.date {font-size:.75em;color:#8c96a0;padding:0 0 0 0;margin:0;line-height:1.4em}
#calendrierContainer .imgTxt .divTexte p{font-size:.75em;padding:0;margin:0;line-height:1.41em;}
#calendrierContainer .liens{margin-top:10px}
#calendrierContainer .evenement {margin-top:20px;padding-bottom:5px}
#calendrierContainer .mois{margin:20px 0 35px 0;position:relative;height:1%;overflow:hidden;}

/********************************************************/
/****************16 - portail pro *********************/
/********************************************************/
#titragePortailPro{position:relative;margin-left:-1px}
#titragePortailPro #titrage h1{color:#8c96a0;margin:0;padding:20px 0 0 12px;font-size:1.15em}
#titragePortailPro #titrage p.accroche{margin:0 0 0 0;padding:0 0 24px 12px;color:#8c96a0;width:585px;line-height:1.3em;font-size:.9em}
#portailProContainer{background:url(images/icono/fondPortailPro.png) repeat-y right}
#portailProContainer #portailProContenu{margin:0 310px 0 12px;padding:25px 0}
#portailProContainer #portailProContenu h2{margin:0 0 15px 0;padding:0 0 18px 0;font-size:.9em;color:#8c96a0;background:url(images/icono/filetSep.png) no-repeat bottom left;text-transform:uppercase}
#portailProContainer #portailProContenu h3{margin:30px 0 12px 0;padding:0 0 18px 0;font-size:.75em;color:#8c96a0;background:url(images/icono/filetSep.png) no-repeat bottom left;text-transform:uppercase;font-weight:bold}
#portailProContainer p a {color:#000;text-decoration:underline;}
#portailProContainer #portailProContenu p{font-size:.75em;line-height:1.41em;}
#portailProContainer #portailProContenu .liens{padding:18px 0 0 0;margin:18px 0 0 0;background:url(images/icono/filetSep.png) no-repeat top left;}
#portailProContainer #complements{float:right;width:280px;border-top:1px solid #dcdfe2;position:relative}
#portailProContainer #complements .complement{width:260px;margin:27px 0 20px 10px}
#portailProContainer #complements .complement p.titre{font-size:.75em;color:#8c96a0;text-transform : uppercase;font-weight:bold;padding:0;margin:0;line-height:1.41em}
#portailProContainer #complements .complement p.date{font-size:.75em;color:#8c96a0;font-weight:bold;padding:0;margin:0;line-height:1.41em}
#portailProContainer #complements .complement p.texte{font-size:.7em;color:#8c96a0;padding:20px 0 0 0;margin:0;line-height:1.41em;background:url(images/icono/filetSep.png) no-repeat;margin-top:15px;}
#portailProContainer #complements .complement p.maj{font-size:.7em;color:#8c96a0;padding:0;margin:0;line-height:1.41em;font-style:italic}
#portailProContainer #complements .complement p.texte img{margin-bottom:0;}
#portailProContainer #complements .complement .liens{margin-top:12px}
#portailProContainer #complements .complement .liens a {color:#f06e00;text-decoration:none;}
#portailProContainer #complements .complement .liens a:hover {color:#f06e00;text-decoration:underline;}

/****************************************************/
/****************liste de liens *********************/
/****************************************************/
ul.liens{
margin:0;padding:0;list-style:none;
font-size:.7em
}
ul.liens li{
padding-left:18px;
background:url(images/icono/puceLiens.png) no-repeat 0 .5em;
line-height:1.41em;
}
.liens a:link, .liens a:visited{
text-decoration:none;
color:#f06e00;
}
.liens a:hover{
text-decoration:underline;
}

ul.liens-2{
margin:0;padding:0;list-style:none;
font-size:.7em
}
ul.liens-2 li {
padding-left:18px;
background:url(images/icono/puceLiens.png) no-repeat 0 .5em;
line-height:1.41em;
}


ul.liens-2 li.liens-doc a:link {color:#f06e00;text-decoration:none;}
ul.liens-2 li.liens-doc a:hover {color:#f06e00;text-decoration:underline;}


.invisible{display:none}

.cleaner {
background:transparent;
clear:both;
height:0px;
font-size:1px;
line-height:0;
width:100px;
}
.spacerV {
background:transparent;
height:20px;
width:100px;
}
sup {
font-size : 80%;
vertical-align: top;
}
/***************************************************/
/***********************footer*******************/
/****************************************************/
#preFooter {background-color:#4f4e4e;height:25px;font-size:.8em;color:white;text-align:center;padding-top:7px;font-weight:bold;}
#preFooter  a{padding: 0 10px;}
#preFooter a:link,#preFooter a:visited {text-decoration:none;color:white;}
#preFooter a:hover {color:#ff7e00;}
#footer{color:#5d6e78;font-size:.7em;padding:15px 0 20px 0;margin-bottom:10px}
#footer #fleft{float:left}
#footer #fright{float:right}
#footer #fright a{padding:0 4px}
#footer #fright a.flast{padding:0 0 0 4px}
#footer #fright a:link,#footer #fright a:visited{text-decoration:none;color:#5d6e78}
#footer #fright a:hover{color:#000}

.debug {font-size:10px;background-color:#ff6;text-align:center;}

.addthis_sharing_toolbox { margin: -20px 0 10px 12px; padding: 0; position: absolute; }
.titrageExpo .addthis_sharing_toolbox { margin: 0 0 10px 10px; padding: 0;}



/****** Landing Page ******/
#tetiere_landing_page{
height:124px;
}
#tetiere_landing_page #imageGauche_landing_page{float:right;width:199px;line-height:1px;}
.container_landing_page {  }
#preFooter_landing_page { background-color:#4f4e4e;height:25px;font-size:.8em;color:white;text-align:left;padding-top:7px;padding-left: 15px;font-weight:normal;  }
.bouton_landing_page { margin: 15px 0; text-align: center; }
.venir_landing_page { width: 293px; float: left; display: inline; }
.horaire_landing_page {  width: 585px; float: left; display: inline;  }
.venir_landing_page span , .horaire_landing_page span { display: block; height: 53px; border-top:1px solid #dfe2e4 ; border-bottom:1px solid #dfe2e4; background-color: #e8eaec; line-height: 53px; text-align: center; font-size: 14px; text-transform: uppercase; color: #4f4e4e; font-weight: bold; }
.horaire_landing_page div { font-size: 12px; padding: 10px 15px 0 15px; }
.horaire_landing_page hr {background-color:#dcdddf;height:4px;width: 50px;border:0;margin:0;padding:0;}
#titrageImage #basTetiere_landing_page {position:absolute;top:0;left:0;width:878px}