/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : gere les CSS de la structure générale
// Contient les CSS des éléments contenant du texte en image.
/////////////////////////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////////////////////
// Général
// Fil ariane
// Contenu
// Menu Gauche
// Actus Agenda
// Menu bas
// Plan du site
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// Général
///////////////////////////////////////////////////////////////////////////////////*/
html, body {
	padding:0; margin:0;
	background:url(../images/background/back-extend-accueil.jpg) repeat-x top;
}
img{
	border:0;
}
form,hr,h1, h2, h3, h4, h5, h6, p, ul, li{
	margin:0; padding:0;
}
.positionRelative{
	position:relative;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
div.divSeparateurInvisible { /* A utiliser : <div class="divSeparateurInvisible" style="height:20px;"><hr /></div> avec la hauteur souhaitée*/
	height:2px;
	clear:both;
}
div.divSeparateurInvisible hr {
  display: none;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Fil ariane
///////////////////////////////////////////////////////////////////////////////////*/
div#divArianeAccueilVert, div#divArianeAccueilBleu{
	float:left;
	height:18px;
	font:bold 12px Arial, Helvetica, sans-serif; color:#535252; text-transform:uppercase;
	padding-top:3px;
}
div.divArianeFilVert, div.divArianeFilBleu{
	float:left;
	height:18px;
	padding-top:3px;
}
div.divArianeFilVert, div.divArianeFilBleu, div.divArianeFilVert a:link, div.divArianeFilBleu a:link, div.divArianeFilVert a:visited, div.divArianeFilBleu a:visited{
	font:bold 12px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;
}
div.divArianeFilVert a:hover, div.divArianeFilBleu a:hover, div.divArianeFilVert a:active, div.divArianeFilBleu a:active{
	text-decoration:underline;
}
div.divArianeFilVert{
	background:url(../images/background/back-fil-ariane-vert-2.png) repeat-x 0 0;
}
div.divArianeFilBleu{
	background:url(../images/background/back-fil-ariane-bleu-2.png) repeat-x 0 0;
}
div#divArianeSep1Vert, div#divArianeSep1Bleu{
	float:left;
	width:30px; height:21px;
}
div#divArianeSep1Vert{
	background:url(../images/background/back-fil-ariane-vert-1.png) no-repeat 0 0;
}
div#divArianeSep1Bleu{
	background:url(../images/background/back-fil-ariane-bleu-1.png) no-repeat 0 0;
}
div.divArianeSep2Vert, div.divArianeSep2Bleu{
	float:left;
	width:22px; height:21px;
}
div.divArianeSep2Vert{
	background:url(../images/background/back-fil-ariane-vert-3.png) no-repeat 0 0;
}
div.divArianeSep2Bleu{
	background:url(../images/background/back-fil-ariane-bleu-3.png) no-repeat 0 0;
}
div#divArianeFinVert, div#divArianeFinBleu{
	float:left;
	width:5px; height:21px;
}
div#divArianeFinVert{
	background:url(../images/background/back-fil-ariane-vert-4.png) no-repeat 0 0;
}
div#divArianeFinBleu{
	background:url(../images/background/back-fil-ariane-bleu-4.png) no-repeat 0 0;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Contenu
///////////////////////////////////////////////////////////////////////////////////*/
h1{
	font:normal 36px Arial, Helvetica, sans-serif; color:#749b00;
	padding:10px 10px 50px 0;
}
h1#h1TitrePageBleu, h1#h1TitrePageVert{
	font:bold 32px Arial, Helvetica, sans-serif;
	padding:10px 0 10px 0;
}
h1#h1TitrePageBleu{color:#0087be;}
h1#h1TitrePageVert{color:#749b00;}

div#divLienHautPage{
	padding-top:30px;
}
a.aHautDePage{font:normal 12px Arial, Helvetica, sans-serif;color:#525252;}

/*///////////////////////////////////////////////////////////////////////////////////
// Menu Gauche
///////////////////////////////////////////////////////////////////////////////////*/
div#divMenuGauche{
	margin-bottom:7px;
}
div#divMenuGauche div.niveau1Vert, div#divMenuGauche div.niveau1VertActif, div#divMenuGauche div.niveau1SimpleVert, div#divMenuGauche div.niveau1Bleu,  div#divMenuGauche div.niveau1BleuActif, div#divMenuGauche div.niveau1SimpleBleu{
	cursor:pointer;
	width:232px; height:17px;
	margin-top:7px; margin-left:10px; padding-top:4px;
	font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;
	padding-left:5px; padding-right:20px;
}
div#divMenuGauche div.niveau1Vert, div#divMenuGauche div.niveau1SimpleVert{
	background:url(../images/menu/back-out-vert.png) no-repeat 0 0;
	color:#749b00;
}
div#divMenuGauche div.niveau1Vert:hover, div#divMenuGauche div.niveau1SimpleVert:hover{
	background:url(../images/menu/back-over-vert.png) no-repeat 0 0;
	color:#fff;
}
div#divMenuGauche div.niveau1VertActif{
	background:url(../images/menu/back-dep-vert.png) no-repeat 0 0;
	color:#fff;
}

div#divMenuGauche div.niveau1Bleu, div#divMenuGauche div.niveau1SimpleBleu{
	background:url(../images/menu/back-out-bleu.png) no-repeat 0 0;
	color:#0087be;
}
div#divMenuGauche div.niveau1Bleu:hover, div#divMenuGauche div.niveau1SimpleBleu:hover{
	background:url(../images/menu/back-over-bleu.png) no-repeat 0 0;
	color:#fff;
}
div#divMenuGauche div.niveau1BleuActif{
	background:url(../images/menu/back-dep-bleu.png) no-repeat 0 0;
	color:#fff;
}
div#divMenuGauche div.niveau2Vert, div#divMenuGauche div.niveau2Bleu{
	width:232px; height:0px;
	margin-left:10px; 
}
div#divMenuGauche div.niveau2Vert{
	background:url(../images/menu/back-dep-sous-vert.png) no-repeat bottom left;
}
div#divMenuGauche div.niveau2Bleu{
	background:url(../images/menu/back-dep-sous-bleu.png) no-repeat bottom left;
}
div#divMenuGauche div.niveau2Vert ul, div#divMenuGauche div.niveau2Bleu ul{
	margin:0; padding:5px 10px 5px 10px;
}
div#divMenuGauche div.niveau2Vert ul li, div#divMenuGauche div.niveau2Bleu ul li{
	list-style:none;
}
div#divMenuGauche div.niveau2Vert ul li a:link, div#divMenuGauche div.niveau2Vert ul li a:visited, div#divMenuGauche div.niveau2Bleu ul li a:link, div#divMenuGauche div.niveau2Bleu ul li a:visited{
	font:bold 12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;
}
div#divMenuGauche div.niveau2Vert ul li a:hover, div#divMenuGauche div.niveau2Vert ul li a:active, div#divMenuGauche div.niveau2Bleu ul li a:hover, div#divMenuGauche div.niveau2Bleu ul li a:active{
	text-decoration:underline;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Actus Agenda
///////////////////////////////////////////////////////////////////////////////////*/
td#tdDegradeGris div#actualite strong, td#tdDegradeGris div#agenda strong, div#divChoixActualite div#actualite strong, div#divChoixAgenda div#agenda strong{
	font:bold 11px Arial, Helvetica, sans-serif; color:#525252; text-transform:uppercase;
}
td#tdDegradeGris div#actualite p, div#divChoixActualite div#actualite p{
	margin:0; padding:0;
	font:normal 10px Arial, Helvetica, sans-serif; color:#749b00; text-align:justify;
}
td#tdDegradeGris div#agenda p, div#divChoixAgenda div#agenda p{
	margin:0; padding:0;
	font:normal 10px Arial, Helvetica, sans-serif; color:#0087be; text-align:justify;
}
div#divChoixActualite div#actualite strong, div#divChoixAgenda div#agenda strong, div#divChoixActualite div#actualite p, div#divChoixAgenda div#agenda p{
	padding:0 10px 0 0;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Menu bas
///////////////////////////////////////////////////////////////////////////////////*/
table#tableConteneurSite td#tdMenuBas ul, div#divConteneurSitePartieBasse div#divMenuBas ul{
	margin:0; padding:0;
	list-style:none;
}
table#tableConteneurSite td#tdMenuBas ul li, div#divConteneurSitePartieBasse div#divMenuBas ul li{
	margin:0; padding:0 15px 0 0;
	display: inline;
}
table#tableConteneurSite td#tdMenuBas ul li img, div#divConteneurSitePartieBasse div#divMenuBas  ul li img{
	vertical-align:middle;
}
table#tableConteneurSite td#tdMenuBas ul li a:link, table#tableConteneurSite td#tdMenuBas ul li a:visited, div#divConteneurSitePartieBasse div#divMenuBas ul li a:link, div#divConteneurSitePartieBasse div#divMenuBas ul li a:visited{
	font:normal 10px Arial, Helvetica, sans-serif; color:#e30096; text-decoration:none; text-transform:uppercase;
}
table#tableConteneurSite td#tdMenuBas ul li a:hover, table#tableConteneurSite td#tdMenuBas ul li a:active, div#divConteneurSitePartieBasse div#divMenuBas ul li a:hover, div#divConteneurSitePartieBasse div#divMenuBas ul li a:active{
	text-decoration:underline;
}

/*///////////////////////////////////////////////////////////////////////////////////
// ul li du plan du site
///////////////////////////////////////////////////////////////////////////////////*/
ul#ulListingFamSousFam{
	margin:15px 30px; padding:0;
	list-style:none;
}
ul#ulListingFamSousFam li ul{
	margin:5px 0 15px 20px; padding:0;
	list-style:none;
}
ul#ulListingFamSousFam li.liVert{
	font:normal 14px Arial, Helvetica, sans-serif; color:#749b00;	text-transform:uppercase;
}
ul#ulListingFamSousFam li.liBleu{
	font:normal 14px Arial, Helvetica, sans-serif; color:#0087be;	text-transform:uppercase;
}
ul#ulListingFamSousFam li.liBleu a.aLienRubrique:link, ul#ulListingFamSousFam li.liBleu a.aLienRubrique:visited, ul#ulListingFamSousFam li.liBleu a.aLienRubrique:hover, ul#ulListingFamSousFam li.liBleu a.aLienRubrique:active{
	font:normal 14px Arial, Helvetica, sans-serif; color:#0087be;	text-transform:uppercase;
}
ul#ulListingFamSousFam li.liVert a.aLienRubrique:link, ul#ulListingFamSousFam li.liVert a.aLienRubrique:visited, ul#ulListingFamSousFam li.liVert a.aLienRubrique:hover, ul#ulListingFamSousFam li.liVert a.aLienRubrique:active{
	font:normal 14px Arial, Helvetica, sans-serif; color:#749b00;	text-transform:uppercase;
}
ul#ulListingFamSousFam li.liVert a{
	font:normal 14px Arial, Helvetica, sans-serif; color:#0087be;	text-transform:uppercase;
}
ul#ulListingFamSousFam li a:link, ul#ulListingFamSousFam li a:visited {
	font:normal 14px Arial, Helvetica, sans-serif; color:#e30096;	text-decoration:none;
}
ul#ulListingFamSousFam li a:hover, ul#ulListingFamSousFam li a:active{
	text-decoration:underline;
}
ul#ulListingFamSousFam li ul li a:link, ul#ulListingFamSousFam li ul li a:visited{
	font:normal 12px Arial, Helvetica, sans-serif; color:#525252; text-transform:none;	text-decoration:none;
	padding-left:12px;
}
ul#ulListingFamSousFam li ul li a:hover, ul#ulListingFamSousFam li ul li a:active{
	text-decoration:underline;
}
/*///////////////////////////////////////////////////////////////////////////////////
// lien général
///////////////////////////////////////////////////////////////////////////////////*/
a:link, a:visited{
	font:bold 12px Arial, Helvetica, sans-serif; color:#767675; text-transform:none;	text-decoration:underline;
}
a:hover, a:active{
	text-decoration:none;
}