/* MODx Styles */

/* Menu colone droite
------------------------------------------------------------------------- */    

#calendar_tpl {
	
text-align:center;
		
}


.calendar {
	
border:1px dotted black;
background: #b4cb35;
/*color:	#ffad01;*/	
}

.calendar-month {
color:	#b4cb35;
font:bold;
padding-bottom: 5px;
}

.calendar-prev a {
color: red;
}

.calendar-next a {
color: red;
}

.calendar th {
width:30px;
font-style: italic;
text-decoration: underline;
}

.calendar td {
text-align:center;
}

.cal_link a {
	color: red;
	background: #deee30;
		
}

.cal_link {
	background: #deee30;
}

.curDay {
	background: #deee30;
}

.curDay a {
	color: red;
	background: #deee30;
		
}

#menuHaut {
		list-style-type:none;
		
}



#menuHaut li {
	display:block;
	float: left;
	list-style: none;

	/*background-color:#E40000;
	border-right-width: 1px;
	border-right-color: #fff;
	border-right-style:solid;*/
}

#menuHaut a{
	float:left;
	margin-left:1px;
	padding-left:0.6em;
	padding-right:0.5em;
	line-height:1.5em;
	/*height:2em;
	 width:96px; */
	display: block;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	font-size:1.3em;
	color:#FFF;

	/*background-color:#C30319 CFE4C2; DFDDCA; 
	background: transparent url(images/bouton.png) no-repeat left top; */
	background-color:#E40000;
	
	border-bottom-color:#E40000;
	border-bottom-width:2px;
	border-bottom-style:solid;
	
	}
#menuHaut li.col7 a{	
/* width de base = 108px; */
	min-width:110px;
}
#menuHaut li.col79 a{	
/* width de base = 97px;
	width:112px;*/
}
#menuHaut li.col93 a{	
	padding-left:1em;
	padding-right:0.5em;
	
}
#menuHaut a:hover {
	
	background: #9A9A9A;
	border-bottom-color:#C6C2A5;
	border-bottom-width:2px;
	border-bottom-style:solid;
	color: #fff;
}


#menuHaut1 .RubriqueActive a{
	color: #411;
	background: #C6C2A5;
	border-bottom-color:#FFCC00;
	border-bottom-width:2px;
	border-bottom-style:solid;
	color: #fff;

}


#menuHaut a span { /* définition de la balise <span> inclue dans <a> */
display: none;
}
#menuHaut1 a:hover span { /* définition de la balise <span> au survol */
display: block;
/*position: absolute; */
top: 3em;
left: 0;
width: 400px; /*  largeur de la zone de commentaires, selon la taille du menu */
text-align: left;
border: 1px solid gray;
padding: 1px;
background:#FFF;
color: #000;
z-index:1000;
}
	
/* ----------------------------------------------------------------- */
/* menuVertical
/* ----------------------------------------------------------------- */

/* ----------------------------------------------------------------- */
/* cadre */
/* ----------------------------------------------------------------- */
#cadre{
float:left;
width:15em;
background-color:#FFCC33;
}

#cadrehautdroit, #cadrehautgauche, #cadrebasdroit, #cadrebasgauche{
height:19px;
width:19px;
font-size:1px;
}


#cadrehautdroit{
float:right;
background-image:url(images/cadrehd.png);

}
#cadrehautgauche{
background-image:url(images/cadrehg.png);
}
#cadrebasdroit{
float:right;
background-image:url(images/cadrebd.png);
}
#cadrebasgauche{
background-image:url(images/cadrebg.png);
}
#cadrecontenu p{
margin:0.5em;
}

/* ----------------------------------------------------------------- */
/* #menuPratique #ffad01*/ 
/* cadreTitre1 : titre blanc, fond rose */
/* cadreTitre2 : titre noir, fond vert */
/* cadreTitre3 : titre blanc, fond orange */
/* cadreTitre4 : titre noir, fond orange */
/* ----------------------------------------------------------------- */

div.CadreTitre1, div.CadreTitre2, div.CadreTitre3, div.CadreTitre4 {
	width: 192px;
	min-height:44px;
	margin: 0px 0px 0px 0px;
	border-bottom-color: White;
	border-bottom-width:2px;
	border-bottom-style:solid;
}
div.CadreTitre1 img, div.CadreTitre2 img, div.CadreTitre3 img, div.CadreTitre4 img {
	display:block;
	float:left;
	margin-left: 24px;	
}
h3.CadreTitre1, h3.CadreTitre2, h3.CadreTitre3, h3.CadreTitre4 {
	font-size: 1.3em;
	line-height:1em;
	font-weight: bold;
	font-variant: normal;
	font-style: italic;	
	margin: 0px 0px 0px 0px;
	padding-left: 44px;
	padding-top: 14px;  
}
div.CadreTitre1{
	background: #FB00AE url(images/imagemilieurose.gif) no-repeat top left;
}
h3.CadreTitre1{
	color: #fff;
}

div.CadreTitre2 {
	background: #fff url(images/imagehautvert.gif) no-repeat top left;
}

h3.CadreTitre2{
	color: #000;
}

div.CadreTitre3 {
	background: #fff url(images/imagehautjaune.gif) no-repeat top left;
}

div.CadreTitre4 {
	background: #fff url(images/imagehautjaune.gif) no-repeat top left;
}


/* ----------------------------------------------------------------- */
/* #menuNevers en images, dernière heure #ffad01*/ 

/* cadreBas1 : fond orange #FFAD01 */
/* cadreBas2 : fond fushia  #FB00AE */
/* cadreBas3 : fond violet  #B50091 */ 
/* cadreBas4 : fond vert  #DEEE31 */
/* ----------------------------------------------------------------- */


.CadreBas1  {
background: #FFAD01 url(images/imagebasjaune_v2.gif) no-repeat bottom left;
width: 192px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.CadreBas1a  {
background: #FFAD01 url(images/imagebasjaune_v2.gif) no-repeat bottom left;
width: 192px;
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 5px;
}

.CadreBas2  {
background: #FB00AE url(images/imagebasrose.gif) no-repeat bottom left;
width: 192px;
margin: 0px 0px 0px 0px;
}

.CadreBas3  {
background: #B50091 url(images/imagebasviolet.gif) no-repeat bottom left;
width: 192px;
margin: 0px 0px 0px 0px;
}

.CadreBas4  {
background: #DEEE31 url(images/imagebasvert.gif) no-repeat bottom left;
width: 192px;
margin: 0px 0px 0px 0px;
}

/* ----------------------------------------------------------------- */
/*          menuCadreBas1 : pour page accueil texte en noir          */    
/*          menuCadreBas1niv2 : pour page niveau 2 texte en noir     */    
/* ----------------------------------------------------------------- */
.menuCadreBas1  ul, .menuCadreBas1niv2  ul {
margin-top: 0px;
display:block;
padding-top:0px;
padding-bottom: 0px;
margin-left:0px;
}

.menuCadreBas1 dl, .menuCadreBas1niv2 dl
{
	margin: 0px 0px 0px 0px;
}

.menuCadreBas1  li, .menuCadreBas1niv2  li{
	font-style: italic;
	border-top-color:#fff;
	border-top-width:1px;
	border-top-style:solid;
	list-style-image:none;
	margin-left : 0px;
	padding: 0px 0px 0px 0px;
	line-height: 2.2em;
	display: block;
	}
.menuCadreBas1  li {
	background:  url(images/flecheblanche.gif) no-repeat center left;
}
	
.menuCadreBas1  a, .menuCadreBas1niv2  a{
	display: block;
	text-decoration: none;
	color: #000;
	font-size: 1.3em;
	font-weight:normal;
	padding: 0px 5px 0px 25px;
}
.menuCadreBas1  a:hover, .menuCadreBas1niv2  a:hover{
	color: #FB00AE;
	font-weight:normal;
	background-color: #fff;
}	
.menuCadreBas1  a:active, .menuCadreBas1niv2  a:active{
	color: #FB00AE;
	font-weight:normal;
}	
.menuCadreBas1  li.active a, .menuCadreBas1niv2  li.active a{
	color: #000;
	font-weight:bold;
}	
.menuCadreBas1  li.active a:hover, .menuCadreBas1niv2  li.active a:hover{
	color: #FB00AE;
	font-weight:bold;
}
/* ----------------------------------------------------------------- */
/*          menuCadreBas2 : texte en blanc */                   
/* ----------------------------------------------------------------- */
.menuCadreBas2  ul {
margin-top: 0px;
display:block;
padding-top:0px;
padding-bottom: 0px;
margin-left:0px;
}

.menuCadreBas2 dl
{
	margin: 0px 0px 0px 0px;
}

.menuCadreBas2  li{
	background:  url(images/flecheblanche.gif) no-repeat center left;
	display: block;
	font-style: italic;
	border-top-color:#fff;
	border-top-width:1px;
	border-top-style:solid;
	list-style-image:none;
	margin-left : 0px;
	padding: 0px 0px 0px 0px;
	line-height: 2.2em;
	}
.menuCadreBas2  a{
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 1.3em;
	font-weight:normal;
	padding: 0px 5px 0px 25px;
	line-height: 1.2em;
}
.menuCadreBas2  a:hover{
	color: #FFAD01;
	font-weight:normal;
	background-color: #fff;
}	
.menuCadreBas2  a:active{
	color: #FFAD01;
	font-weight:normal;
}	
.menuCadreBas2  li.active a{
	color: #fff;
	font-weight:bold;
}	
.menuCadreBas2  li.active a:hover{
	color: #FFAD01;
	font-weight:bold;
}	
.menuEspaceBas {
	clear: both;
	height: 2px;
	margin: 0;
}

/* ----------------------------------------------------------------- */
/* recherche outils  */
/* ----------------------------------------------------------------- */
#recherche{
	background-color: #fff;
}
#outils{
	margin-top: 10px;
}
/* ------------------------------------------ */
/* ---------- menu vertical : ------- --------*/
/* ------------------------------------------ */

.menudroit dl, .menudroit dd, .menudroit ul, .menudroit li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.menudroit dt
{
	padding: 2px 0px 2px 0px;
	margin: 0px;
	background:  url(images/flecheblanche.gif) no-repeat center left;
	font-weight: normal;
	font-variant: normal;
	font-style: italic;
	color: #000;
	border-top-color:#fff;
	border-top-width:1px;
	border-top-style:solid;
	/*list-style-image: url(images/flecheblanche.gif);
	display: list-item;
	list-style-position: inside;
	text-indent: 10px; */
	
}
.menudroit dt a
{
/*list-style-image: url(images/flecheblanche.gif);
	display: list-item;*/
	display: block;
	padding-left: 25px;
	padding-right: 2px;
}
.menudroit  li.smenu2{
	list-style-image:none;
	text-indent: 0px;
	display: block;
	border-top-color:#fff;
	border-top-width:0px;
	border-top-style:solid;
	border-bottom-color:#DFDDCA;
	border-bottom-width:0px;
	border-bottom-style:solid;
	margin-left : 0px;
	padding-left: 20px;
	}
	
.menudroit li a 
{
	font-weight: normal;
	font-style:normal;
	color: #000;
	text-decoration: none;
	display: block;
	border: 0 ;
	height: 100%;
	font-size: 1.1em;
}

/* -------------------------------------------------------------------------------------- */
/* menu vertical : flèche vers le bas lorsque la rubrique est active + changement couleur */

.menudroit  dt.here{
	padding: 2px 0px 2px 0px;
	margin: 0px;
	background:  url(images/flecheouvertblanche.gif) no-repeat center left;
	
	/*list-style-image: url(images/flecheouvertblanche.gif);
	list-style-position: inside;
	display: list-item;
	text-indent: 10px; 
	*/
	font-size: 1em;
	font-weight: bold;
	font-variant: normal;
	font-style: italic;
	
}
.menudroit  dt.here a{
	font-weight: bold;
}
.menudroit  li.smenu2.here a{
	color: #C30218;
	
	}
.menudroit  li.smenu2.here a:active{
	color: #C30218;
	font-weight: normal;
	}
	
/* ----------------------------------------------- */
/* menu vertical : affichage ou non des sous-menus */
dd.smenu1
{
	display:none;
}

dd.smenu1.here
{
	display:block;
	
}
/* -------------------------------- */
/* menu vertical : survol des menus */
.menudroit dt a:hover {
	color: #FB00AE;
	font-weight: normal;
}
.menudroit dt.here a:hover {
	color: #FB00AE;
	font-weight: bold;
}
.menudroit dt a:active {
	color: #FB00AE;
	font-weight: normal;
}

.AnnuaireLien {

	font-size: 1em;
	font-weight: normal;
	font-variant: normal;
	font-style: italic;
	font-size: 1.3em;
	color:#000000;

}

.CadreBas1a a:hover {
	color: #FB00AE;
	font-size: 1em;
	font-weight: normal;
	font-variant: normal;
	font-style: italic;
	font-size: 1.3em;
	
}


