#fondCont {left:0; top:0; position:absolute; z-index:0; height:100%; width:100%; }
#fond { height:80%; width:100%;}
#barre-fond { background: url(images/cotes_bleu_repeat.png) repeat top left; height: 30%; margin-top:43px;}
#barre-fond-top { background: url(images/cotes_bleu_top_repeat.png) repeat-x top left; height:100%; }
#barre-fond-bottom { background: url(images/cotes_bleu_bottom_repeat.png) repeat-x bottom left; height:100%; }
#pageReference { position:absolute; width:100%;height:100%;z-index:-1;top:0px;left:0px; }

html { height:100%; }

body > #main { height:100%; width:100%; margin: 0 auto 0 auto; 
        z-index:10;background-color:#f0f0f0;position:relative; }
* html #main {height:100%; width:100%; margin: 0 auto 0 auto; background-color:#f0f0f0; }
* html #fondCont {z-index:-10; }

body {
color:#333;
}

.field { margin:0 0 5px 0; }

#titres span { line-height:18px; }

#popup { margin:10px; }
.date {
	font-size:90%;
	font-weight:bold;
	color:#333;
        font-size:11pt;
	font-family:sans-serif;
}

.clearBoth { clear:both; }
.clearRight { clear:right; }

.distinction-date { 
	font-size:90%;
	font-weight:bold;
	color:#333;
	font-family:sans-serif;
}
.distinction-texte {}

.emploi-date { 
    float:right;
	font-size:11pt;
	font-weight:bold;
	font-family:sans-serif;
}

.emploi-titre {
	font-size:11pt;
	font-weight:bold;
	font-family:sans-serif;
        margin:0 0 5px 0;
}

.emploi-texte {}

#page-wrapper { padding-right:132px; }

body { 
    height: 100%;
    margin: 0; padding: 0;
    background-color:#f0f0f0;
    min-width:650px;
    font-family:sans-serif;
    overflow-y:scroll;
}
h1 {
	font-size:13pt;
	font-weight:bold;
	font-family:Arial, sans-serif;
	color:#006cb6;
	padding:0 0 0 30px;
    position:relative;
    margin:0;
    min-height:44px;
}
h1 #titres {
    margin:5px 0 5px 0;
    display:block;
}
* html h1 { 
    height:48px;
    margin-top:0px;
    padding-bottom:0px;
}
.logo-titre-gestev {
    float:right;
    margin-top:-2px;
}
.titre-evenement { 
	font-family:sans-serif;
	font-weight:bold;
}
.date-evenement { 
    display:block;
	font-family:sans-serif;
	font-weight:bold;
}

/* BOITES */

#box-content {
    margin:5px 0 0 0;
}   
.box0 {
    background:transparent url(images/bordure_blanc_d.png) repeat-y scroll right top;
}
.box0-1 {
    background:transparent url(images/bordure_blanc_g.png) repeat-y scroll left top;
}
.box1 {
    background:transparent url(images/bordure_blanc_fond1.png) repeat-x scroll left top;
}
.box2 {
    background:transparent url(images/bordure_blanc_1g.png) no-repeat scroll left top;
}
.box3 {
    background:transparent url(images/bordure_blanc_1d.png) no-repeat scroll right top;
}
.box4 {
    background:transparent url(images/bordure_blanc_fond2.png) repeat-x scroll left bottom;
}
.box5 {
    background:transparent url(images/bordure_blanc_2g.png) no-repeat scroll left bottom;
}
.box6 {
    background:transparent url(images/bordure_blanc_2d.png) no-repeat scroll right bottom;
}
.box7 {
    overflow:hidden;
    padding:5px;
}
* html .box7 {
    height:1%; overflow:visible;
}

#box-content .box7 {
    padding:15px;
}

/* Titres cachés sauf pour navigateurs non CSS */
.fallbackText { display: none }

h2 {
	font-size:12pt;
	font-weight:bold;
	font-family:Arial, sans-serif;
	color:#006cb6;
	margin-bottom: 5px;
}

p {
	font-family:Verdana, sans-serif;
	color:#000000;
}

a img { border: 0 }

a { color:#333; }

#bande1 {
	float:left;
    height:80%;
	width:6%;
}
* html #bande1 { 
	width:5.9%;
	/*à cause de IE - sinon la boite de droite décale parfois*/
}

#bande2 {
	float:left;
    height:80%;
	width:88%;
}

#contenu {
  overflow:visible;
  margin:5px 0px 15px 235px;
  font-family:Verdana,sans-serif;
}
#contenuinner { max-width:450px; margin:0 auto; }
* html #contenuinner { width:expression(document.body.clientWidth > 875? "450px": "auto" ); }

* html #contenu { margin-top:22px; }

#bande3 {
	float:right;
	width:6%;
	height:80%;
}
* html #bande3 { 
	width:5.9%;
	/*à cause de IE - sinon la boite de droite décale parfois*/
}

#entete-gestev-droite {
	height:43px;
	width:7px;
	background-image:url(images/entete_gestev_droite.png);
	background-repeat:no-repeat;
	float:right;
}

#entete-gestev-gauche {
	display:block;
	background-image:url(images/entete_gestev_gauche.png);
	background-repeat:no-repeat;
	height:43px;
	float:left;
	width:321px;
}

#entete-gestev {
    position:relative;
	background-color:#f0f0f0;
	overflow:hidden;
	height:43px;
	background-image:url(images/entete_gestev_repeat.png);
	background-repeat:repeat-x;
}

#liens-outils {
	overflow:hidden;
    position:absolute;
    bottom:5px; right:10px;
	text-align:right;
	font-size:x-small;
	font-family:sans-serif;
}

#liens-outils a { color:#333; text-decoration:none; margin-left:3px;}

#boite-logos {
	overflow:hidden;
	float: right;
	width: 125px;
	background-image: url(images/boite_logos_repeat.png);
	background-color:#eeeeee;
	background-repeat:repeat-y;
    margin-right:5px;
}
* html #boite-logos { margin-right:1px; }

#boite-logos a:focus { outline-width:0; }
#boite-logos a { margin-bottom:4px; }

#boite-logos-haut {
	background: url(images/boite_logos_haut.png) top left;
	background-repeat:no-repeat;
	/* font-size: 0 pour IE - sinon la hauteur n'est pas respectée :O */
}

#boite-logos-bas {
	background: url(images/boite_logos_bas.png) bottom left;
	background-repeat:no-repeat;
}

#boite-logos-inner {
	padding:15px 0 15px 0;
}

#boite-logos-inner a {
	display:block;
	text-decoration:none;
	text-align:center;
}

#boite-logos-inner img {
	border:0;
}

#cotes-bleu-droit-back {
    margin-top:43px;
	background-image:url(images/cotes_bleu_repeat.png);
	background-repeat:repeat;
	background-position:0% 0%;
    height:30%;
}
#cotes-bleu-droit1 {
	background-image:url(images/cotes_bleu_top_repeat.png);
	background-repeat:repeat-x;
	background-position:top left;
    height:100%;
}
#cotes-bleu-droit2 {
	background-image:url(images/cotes_bleu_bottom_repeat.png);
	background-repeat:repeat-x;
	background-position:bottom left;
    height:100%;
}

#cotes-bleu-droit-coin1 {
	background-image:url(images/cotes_bleu_droit_coin_top.png);
	background-repeat:no-repeat;
	background-position:top left;
    height:100%;
}

#cotes-bleu-droit-coin2 {
	background-image:url(images/cotes_bleu_droit_coin_bottom.png);
	background-repeat:no-repeat;
	background-position:bottom left;
    height:100%;
}

#cotes-bleu-gauche-back {
	margin-right:3px;
    margin-top:43px;
	background-image:url(images/cotes_bleu_repeat.png);
	background-repeat:repeat;
	background-position:0% 0%;
    height:30%;
}
#cotes-bleu-gauche1 {
	background-image:url(images/cotes_bleu_top_repeat.png);
	background-repeat:repeat-x;
	background-position:top left;
    height:100%;
}
#cotes-bleu-gauche2 {
	background-image:url(images/cotes_bleu_bottom_repeat.png);
	background-repeat:repeat-x;
	background-position:bottom left;
    height:100%;
}

#cotes-bleu-gauche-coin1 {
	background-image:url(images/cotes_bleu_gauche_coin_top.png);
	background-repeat:no-repeat;
	background-position:top right;
    height:100%;
}

#cotes-bleu-gauche-coin2 {
	background-image:url(images/cotes_bleu_gauche_coin_bottom.png);
	background-repeat:no-repeat;
	background-position:bottom right;
    height:100%;
}

#bordure-photo-container {
    height: 30%;
    max-height:200px;
	padding-right:130px;
    margin-bottom:10px;
}

#bordure-photo {height: 100%;
	border:1px solid #c6c6c6;
	font-size:0pt;
	margin:0 2px;
    padding-bottom:5px;
}

#bordure-photo-1g {height: 100%;
	background:url(images/bordure_photo_1g.png) top left no-repeat;
	position:relative; top:-1px; left:-1px;
}

#bordure-photo-1d {height: 100%;
	background:url(images/bordure_photo_1d.png) top right no-repeat;
	position:relative; right:-2px;
}

#bordure-photo-2g {height: 100%;
	background:url(images/bordure_photo_2g.png) bottom left no-repeat;
	position:relative; left:-2px; bottom:-7px;
}

#bordure-photo-2d {height: 100%;
	background:url(images/bordure_photo_2d.png) bottom right no-repeat;
	position:relative; right:-2px;
}

#logo-gestion-evenement {
	margin-left:115px;
	position:relative;
	top:-7px;
}

#navEntete {
    position:absolute;
    top:-5px;
    right:0px;
    margin-right:20px;
    float:right;
    display:none;
}   
#navEntete a { margin-left: 15px; }

#enteteSuiv { margin-right:15px; }

#photo-entete {
    height: 94%;
    overflow:hidden;
	position:relative;
	top:-5px;
	background-position:50% 0%;
	background-repeat:no-repeat;
	margin:0 5px 0px 5px;
}

#imgEntete { position:absolute; top:0; margin: 0 auto 0 auto;}

#photo-entete-trou {
	position:relative;
	top:80px;
	left:10px;
	float:left;
}
#photo-entete-trou img { float:left }

#photo-entete-coin1 {height: 100%;
	background: url(images/coin_blanc_1g.png) top left no-repeat; position:relative; z-index:10; 
}
#photo-entete-coin2 {height: 100%;
	background: url(images/coin_blanc_1d.png) top right no-repeat;  
}
#photo-entete-coin3 {height: 100%;
	background: url(images/coin_blanc_2g.png) bottom left no-repeat; 
}
#photo-entete-coin4 {
	background: url(images/coin_blanc_2d.png) bottom right no-repeat; height:100%;
}

#evenement {
    position:relative;
    float:right;
    margin-right:17px;
    padding-right:3%;
    padding-top:12px;
}

* html #evenement {
    margin-right:12px;
    padding-top:14px;
}

#evenement img { border:0;}

#tableau-navigation {
	margin: 4px 132px 0 2px;
}

* html #tableau-navigation { margin-top: -7px; }

#navi05 {
	background: url(images/bordure_blanc_fond1.png) top left repeat-x; overflow:hidden;
}
#navi1 {
	background: url(images/bordure_blanc_1g.png) top left no-repeat; overflow:hidden;
}
#navi2 {
	background: url(images/bordure_blanc_1d.png) top right no-repeat; overflow:hidden;
}
#navi25 {
	background: url(images/bordure_blanc_fond2.png) bottom left repeat-x; overflow:hidden;
}
#navi3 {
	background: url(images/bordure_blanc_2d.png) bottom right no-repeat; overflow:hidden;
}
#navi4 {
	background: url(images/bordure_blanc_2g.png) bottom left no-repeat; overflow:hidden;
}
#navi5 { overflow:hidden; position:relative;}


#navigation {
    min-height:30px;
	overflow:hidden;
	margin-right:10px;
	margin-left:20px;
    padding-top:10px;
	padding-bottom:2px;
}

/* Fix pour IE */
* html #navigation { overflow:visible; height:30px; }

.navigation-elem {
	float:left;
	display:inline;
	padding:0 5px 0 5px;
	text-align:center;
	font-size:9pt;
	font-family:sans-serif;
	font-weight:bold;
	margin-top:2px;
	text-decoration:none;
	color:#333;
}

.pageSuiv { font-size:11pt; font-weight:bold; margin-top:1px;}

#navigation span {
	margin-top:2px;
	font-size:x-small;
	font-family:sans-serif;
}

#navigation ul { display:none; position:absolute; margin-top:15px; }
#navigation ul:hover { display:block;  }

#accueil { display:none; }

#sous-navigation .navigation-elem span { 
    display:block; 
    cursor:pointer;
    width:150px;
    border-bottom:1px solid #ccc;
    margin-bottom:5px;
    padding-bottom:5px;
}
#sous-navigation-wrapper .box7 {
    padding:0;
}
#sous-navigation .navTreeCurrentItem {
    background-image:none;
    margin-left:0;
}
#sous-navigation .navigation-elem { 
    display:block; 
    float:none; 
    text-align:left;
    font-size:x-small; 
    font-weight:normal;
    font-family:Arial, sans-serif;
    color:#333; 
    padding-left:10px;
}

#sous-navigation .menuPadding {
    padding:15px 0;
}

.autresEvenements {
    display:block; 
    float:none; 
    text-align:left;
    font-size:8pt; 
    font-weight:bold;
    font-family:Arial, sans-serif;
    padding-left:3px;
    margin-left:0;
    padding-bottom:5px;
	color:#0469c5;
}

#sous-navigation-wrapper {
    width:225px;
    float:left;
    text-align:center;
    padding-top:5px;
    padding-left:2px;
    overflow:hidden;
}
/* Fix IE- sous navigation trop en bas */
* html #sous-navigation-wrapper {
 margin-top:15px;
}

#sous-navigation {
    overflow:hidden;
    margin:0 20px 0 15px;
    /*padding: 10px 0 10px 0;*/
    padding:0;
}

.navigation-elem:hover { color:#0469c5 !important; }

.navTreeCurrentItem { 
    color:#0469c5 !important; background:url(images/menu-elem1.png) top left; 
    background-repeat:no-repeat;
    margin-left:4px;
    padding-left:10px;
}

.divul .navTreeCurrentItem { 
    color:#009fc9;  background:url(images/menu-elem2.png) top left;
    background-repeat:no-repeat;
    margin-left:0px;
    padding-left:10px;
}

.separateur-nouvelle { border-top:1px solid #ccc; height:1px;  margin-bottom:10px; margin-top:8px; font-size:0px; }

#footer { clear:both; }

#outils-piedpage { float:right;margin-right:5px; margin-bottom:5px; }

#outils-piedpage img {
	border:0;
	padding-left:5px;
}
#outils-piedpage a {
    float:right;
    line-height:15px;
    margin-left:3px;
    text-decoration:none;
    vertical-align:bottom;
    font-size:8pt;
}
#outils-piedpage a strong {
    font-size:9pt;
    font-weight:normal;
}

#bouton-audio {
    margin-left:7px;
    top:-3px;
    position:relative;
    float:right
}
#outils-piedpage a.langue {
    margin-left:8px;
}
#piedpage {
	height:28px;
	background:url(images/piedpage_background.png) repeat-x;
	border-top:1px solid #c6c6c6;
	padding-left:20px;
    padding-top:2px;
	font-size:x-small;
	font-family:sans-serif;
}
#ligne-copyright { float:left; }

#footer { padding-top:20px;}

#piedpage a {
    color:rgb(102, 102, 102);
}

.error-message {
    color:red;
    font-weight:bold;
    font-family:sans-serif;
    margin:15px;
}

.error {
    color:red;
    font-family:sans-serif;
}
#boite-liens {
    margin:0 0 0 0;
}
#boite-liens h3 {
    margin:0; padding:0;
    text-align:left;
    font-size:11pt;
}
#boite-liens h3 a {
    color:#006CB6;
    text-decoration:none;
}
#boite-liens p {
    color:#006CB6;
    text-align:left;
    margin:0; padding:5px 0;
}
#boite-liens .lien {
    margin: 0 0 5px 0;
    text-align:left;
}
#boite-liens .separateur {
    width:150px;
    height:0;
    padding:0 0 5px 0;
    border-bottom:1px solid #ccc;
}
#boite-liens .box7 {
    padding:10px 25px;
}