/*** PAU WEB CSS by neo05 - 2005 ****************/
body
	{
	margin: 10px 0px 10px 10px ;
	padding: 5px 0px 5px 5px ;
	font-family: arial,helvetica,sans-serif ;
	font-size: small ;
	}



/*** A JETER ****************/
#bucolique a.ensavoirplus_portrait
	{
	display: block ;
	width: 100% ;

	margin: 6px 0px 3px 0px ;
	padding: 3px 0px 0px 0px ;
	text-align:right ;
	border-style: solid ;
	border-width: 1px 0px 1px 0px ;
	border-color: rgb(200,200,200) ;
	background: url(../../xox_01/images/information/ensavoirplus_magazine.gif) center left no-repeat ;
	text-decoration:none;
	}


/* WEIRD */

.screen
	{
	}


/* GENERIQUE POUR TOUT LE SITE*/

ul
{
list-style:none;
margin: 0px;
padding:0px;
}


a
{
text-decoration:none;
}

a:hover
{
text-decoration:underline;
}

textarea
{
font-family: sans-serif;
}

.black
{
color:rgb(000,000,000);
}
.hidden
{
text-decoration:none;
color:inherit;

}
.hidden:visited
{
text-decoration:none;
color:inherit;

}

.hidden:hover
{
text-decoration:none;
color:inherit;

}

img
{
padding:0px;
margin:0px;
}

p
{
margin: 0px ;
padding: 0px ;
}

#contenu2
	{
	float: left ;
	width: 590px ;
}
#momo2
	{
	float: left ;
	width: 750px ;
	}

#contenu2 img
{
display:inline;
}


#contenu
	{
	float: left ;
	width: 590px ;
	}



#contenu div.intro
	{
width: 264px ;
float: right ;
padding: 0px 0px 0px 6px ;
}

#contenu div.intro h1
{
font-size: 135% ;
margin: 0px ;
padding: 0px 0px 4px 0px;
height:46px;
}

p.date
{
font-weight: bold;
font-size: 80%;
}


/*SPECIFITES LE_REVE*/
.le_reve
{
color: rgb(75,191,238);
}
/*SPECIFITES LE_REVE (SOMBRE)*/
.le_reve2
{
color: rgb(0,126,178);
}
/*SPECIFITES LA_VIE*/
.la_vie
{
color: rgb(255,152,55);
}
/*SPECIFITES LA_VIE (SOMBRE)*/
.la_vie2
{
color: rgb(168,100,63);
}
/*SPECIFITES LA_VILLE*/
.la_ville
{
color: rgb(138,204,57);
}
/*SPECIFITES LA_VILLE (SOMBRE)*/
.la_ville2
{
color: rgb(93,137,38);
}
/*SPECIFITES MAGAZINE*/
.magazine
{
color: rgb(249,6,6);
}
/*SPECIFITES MAGAZINE2 (SOMBRE)*/
.magazine2
{
color: rgb(162,4,5);
}
/*SPECIFITES PRATIQUE*/
.pratique
{
color: rgb(145,176,205);
}
/*SPECIFITES PRATIQUE*/
.pratique2
{
color: rgb(28,44,63);
}
/*DONNEES CONTEXTUELLES  */
#contenu div.coordonnees-contextuel
	{
	width: 200px;
	margin : 0px 10px 10px 0px;
	float:left;
/*background-color:orange;*/
	}

#contenu div.coordonnees-contextuel p.contextuel-recherche-titre
{
float :left;
block : solid;

font-family: Arial;
font-size : 125% ;
font-weight : bold ;
text-align : left ;

width : 200px;
height : 26px;

border-style : solid ;
border-width : 0px 0px 1px 0px ;
border-color: rgb(200,200,200) ;

margin : 0px 0px 10px 0px;
padding : 12px 0px 0px 0px;

}

#contenu div.coordonnees-contextuel p.contextuel-recherche-message
{
float :left;
block : solid;

font-family: Arial;
font-size : 125% ;
font-weight : bold ;
text-align : left ;

width : 200px;

border-style : solid ;
border-width : 0px 0px 1px 0px ;
border-color: rgb(200,200,200) ;

margin : 0px 0px 10px 0px;
padding : 12px 0px 0px 0px;

}


#contenu div.coordonnees-contextuel p.contextuel-recherche-titre2
{
float :left;
block : solid;

font-family: Arial;
font-size : 125% ;
font-weight : bold ;
text-align : left ;

width : 200px;
height : 26px;

border-style : solid ;
border-width : 0px 0px 1px 0px ;
border-color: rgb(200,200,200) ;

padding:0px 0px 0px 0px;
margin: 2px 0px 10px 0px;
}


#contenu div.coordonnees-contextuel p.contextuel-faq-recherche-titre
{
float :left;
block : solid;

font-family: Arial;
font-size : 125% ;
font-weight : bold ;
text-align : left ;

width : 200px;
height : 26px;

border-style : solid ;
border-width : 0px 0px 1px 0px ;
border-color: rgb(200,200,200) ;

margin : 0px 0px 10px 0px;
padding : 12px 0px 0px 0px;

}

#contenu div.contextuel
	{
	width: 180px ;
	float: left ;
	border-style: solid ;
	border-width: 1px 0px 0px 0px;
	border-color: rgb(200,200,200) ;
	margin : 16px 0px 0px 0px;
	background-color:rgb(255,255,255);
	}
#contenu div.contextuel2
	{
	width: 180px ;
	float: left ;
	border-style: solid ;
	border-width: 0px 0px 0px 0px;
	border-color: rgb(200,200,200) ;
	margin : 0px 0px 0px 0px;
	background-color:rgb(255,255,255);
	}

.contextuel2 p
	{
	width: 180px;
	margin : 0px;
	text-align:left;
	font-size: 132%;
	font-weight: bold;
	block: solid;
	border-style: solid ;
	border-width: 0px 0px 1px 0px;
	border-color: rgb(200,200,200) ;
	padding : 15px 0px 3px 0px;
	}

.contextuel p
	{
	width: 180px;
	margin : 0px;
	text-align:left;
	font-size: 132%;
	font-weight: bold;
	block: solid;
	border-style: solid ;
	border-width: 0px 0px 1px 0px;
	border-color: rgb(200,200,200) ;
	padding : 15px 0px 3px 0px;
	}

#contenu div.contextuel-bloc
{
float: left;
width: 150px;
border-style: solid ;
border-width: 0px 0px 1px 0px;
border-color: rgb(200,200,200) ;
padding: 0px 0px 12px 0px;
}


#contenu div.contextuel-bloc div.contextuel-picto
	{
	block : solid;
	width : 150px;
	height: 27px;
	}


#contenu div.contextuel-texte
{
float: left;
width: 150px;
padding : 3px 0px 0px 27px;

}

#contenu div.contextuel-texte ul
{

list-style: none ;
color: rgb(084,084,084);
font-size: small;
padding : 0px;
margin : 0px;
}
#contenu div.contextuel-texte li
{
padding : 0px;
text-align:left;
}
.contextuel-texte-titre
{
color: rgb(147,149,152);
font-size: small ;
}

.contextuel-texte a
{
text-decoration: none;
color: rgb(147,149,152);
font-size: small;
}

/*CONTEXTUEL : FORMULAIRE DE RECHERCE */
.contextuel_form_champ
{
width:175px;
padding: 4px 13px 4px 12px;
float:left;
background-color:rgb(144,175,204);
}
.contextuel_form_label_invisible
{
display:none;
}
.contextuel_form_champ_debut
{
float:right;
padding: 10px 12px 8px 6px;
margin:0px;
}



.contextuel_form_champ_texte
{
float:left;
text-align:left;
margin:0px;
font-weight:bold;
font-size:90%;
padding : 2px 0px 0px 0px;
color:rgb(029,044,063);
}

.contextuel_form_input
{
float:right;
text-align:right;

}
.contextuel_form_input_left
{
float:left;
text-align:left;
}


.contextuel_form_input input,.contextuel_form_input_left input
{
border-width : 0px ;
margin : 0px ;
}



.contextuel_form_textarea
{
float:left;
text-align:left;
padding: 0px 6px 8px 12px;
margin: 0px;
font-weight:bold;
font-size:90%;
background-color: rgb(144,175,204);
}

.contextuel_form_textarea_champ_textearea
{
width : 170px;
background-color:rgb(144,175,204);
float : left;
text-align : right;
margin : 0px;
padding : 12px 0px 0px 0px;
}

div.contextuel_form_textarea_champ_textearea textarea
{
width:170px;
border-width:0px;
margin:0px;
padding:0px;
}

.contextuel_form_submit
{
float:right;
text-align:right;
padding: 12px 12px 10px 12px;
margin:0px;
background-color: rgb(144,175,204);
}

#contenu .contextuel_form_bas_couleur
{
float : left ;
width : 200px ;
margin : 7px 0px 0px 0px ;
padding : 10px 0px 0px 0px ;
background : url(../../xox_01/images/information/contextuel-recherche_bas.gif) top no-repeat;
}

/*FIN DONNEES CONTEXTUELLES */

#contenu div.information
	{
	width: 380px ;
	float: right ;
	margin :0px;
	}

#contenu p.rubrique
	{
	width: 590px;
	float:left;
	display : block;
	border-style: solid ;
	border-width: 0px 0px 1px 0px ;
	border-color: rgb(200,200,200) ;
	font-size: xx-large ;
	text-align: left ;
	font-weight: bold ;
	margin: 0px 0px 6px 0px ;
	}

#contenu p.rubrique-le_reve
{
background: url(../images/information/deco_rubrique_le_reve.gif) bottom left no-repeat;
}
#contenu p.rubrique-la_vie
{
background: url(../images/information/deco_rubrique_la_vie.gif) bottom left no-repeat;
}
#contenu p.rubrique-la_ville
{
background: url(../images/information/deco_rubrique_la_ville.gif) bottom left no-repeat;
}
#contenu p.rubrique-magazine
{
background: url(../images/information/deco_rubrique_magazine.gif) bottom left no-repeat;
}





#contenu h1
	{
	font-size: 135% ;
	margin: 0px ;
	padding: 0px 0px 4px 0px;
	}


#contenu p.accroche
	{
	font-size: 110% ;
	margin: 16px 0px 0px 0px ;
	text-align:justify;
	height: 137px;
	block: solid;
	}

/* pour magazine */
#contenu p.accroche2
	{
	font-size: 110% ;
	margin: 16px 0px 0px 0px ;
	text-align:justify;
	height: 147px;
	block: solid;
	}

#contenu p.accroche_portrait
	{
	font-size: 110% ;
	margin: 16px 0px 0px 0px ;
	text-align:justify;
	block: solid;
	}

#contenu p.accroche-magazine
	{
	font-size: 110% ;
	margin: 16px 0px 12px 0px ;
	text-align:justify;
	block: solid;
	}

#contenu div.information p.texte
	{
	margin: 24px 0px 0px 0px ;
	padding: 27px 0px 0px 0px ;
	text-align: justify ;
	font-size: 95%;
	}
/*GESTION DES GUILLEMETS DE COULEUR */
#contenu p.texte-le_reve
{
background: url(../../xox_01/images/information/guillemet_ouvrant_le_reve.gif) top left no-repeat ;
}
#contenu p.texte-la_vie
{
background: url(../../xox_01/images/information/guillemet_ouvrant_la_vie.gif) top left no-repeat ;
}
#contenu p.texte-la_ville
{
background: url(../../xox_01/images/information/guillemet_ouvrant_la_ville.gif) top left no-repeat ;
}
#contenu p.texte-magazine
{
background: url(../../xox_01/images/information/guillemet_ouvrant_magazine.gif) top left no-repeat ;
}




#contenu div.information p.texte:first-letter
	{
	margin-left: 24px ;
	}
#contenu div.information p.texte:last-letter
	{
	margin-right: 48px ;
	}
div.contenu-2 div.information
{
float:left ;
}


#contenu img.rubrique
	{
	width: 320px ;
	height: 235px ;
	float: left ;
	margin: 0px 0px 0px 0px;
	padding : 0px;
	}

img.guillemet-fermant
	{
	float: right ;
	}

p.outils
	{
	width: 158px;
	padding: 70px 0px 0px 0px ;
	margin: 0px 0px 12px 0px;
	float: right ;

	}

p.outils-le_reve
{
background: url(../../xox_01/images/information/guillemet_fermant_le_reve.gif) top right no-repeat ;
}
p.outils-la_vie
{
background: url(../../xox_01/images/information/guillemet_fermant_la_vie.gif) top right no-repeat ;
}
p.outils-la_ville
{
background: url(../../xox_01/images/information/guillemet_fermant_la_ville.gif) top right no-repeat ;
}
p.outils-magazine
{
background: url(../../xox_01/images/information/guillemet_fermant_magazine.gif) top right no-repeat ;
}



#contenu
	{

/*	border-style: solid ;
	border-width: 1px 0px 0px 0px ;
	border-color: rgb(000,000,000) ;
*/
	}



#contenu div.contenu-2
	{
/*	padding: 0px 12px 0px 0px ;*/
width:590px;
	}

img
	{
	display: block ;
	}
/* Section NAVIGATION */
/*SPECIFITES LE_REVE*/
.bordure-le_reve
{
border-color: rgb(75,191,238);
}

/*SPECIFITES LA_VIE*/
.bordure-la_vie
{
border-color: rgb(255,152,55);
}

/*SPECIFITES LA_VILLE*/
.bordure-la_ville
{
border-color: rgb(138,204,57);
}

/*SPECIFITES MAGAZINE*/
.bordure-magazine
{
border-color: rgb(249,6,6);
}

/*SPECIFITES PRATIQUE*/
.bordure-pratique
{
border-color: rgb(145,176,205);
}
#navigation
	{
	/*height: 100px ;*/
	width: 760px ;
	}

#navigation div.navigation_menu
	{
	width: 760px ;
	padding: 13px 0px 10px 0px ;
	margin: 0px 0px 0px 0px ;
	}

#navigation.la_vie div.navigation_menu
{
background: rgb(255,152,55) url(../../xox_01/images/navigation/bandeau_la_vie_top.gif) left top no-repeat;
}


#navigation.le_reve div.navigation_menu
{
background: rgb(75,191,238) url(../../xox_01/images/navigation/bandeau_le_reve_top.gif) left top no-repeat;
}

#navigation.la_ville div.navigation_menu
{
background: rgb(138,204,57) url(../../xox_01/images/navigation/bandeau_la_ville_top.gif) left top no-repeat;
}

#navigation.pratique div.navigation_menu
{
background: rgb(145,176,205) url(../../xox_01/images/navigation/bandeau_pratique_top.gif) left top no-repeat;
}

#navigation.magazine div.navigation_menu
{
background: rgb(250,006,006) url(../../xox_01/images/navigation/bandeau_magazine_top.gif) left top no-repeat;
}
#navigation div.navigation_menu_pratique
{
background: url(../../xox_01/images/navigation/bandeau_pratique_top.gif) top no-repeat;
background-color: rgb(145,176,205) ;
}
#navigation ul
	{
	width: 85px ;
	list-style: none ;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 0px 0px ;
	}

#navigation ul li
	{
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 0px 0px ;
	display: inline ;
	}
#navigation ul.navigation
	{
	z-index: 1 ;
	padding: 2px 0px 4px 4px ;
	margin: 0px 0px 0px 0px ;
	}
#navigation ul.navigation_le_reve
	{
/*background-color: rgb(068,196,250) ;*/
	background-color: rgb(75,191,238) ;
	}
#navigation ul.navigation_la_vie
	{
	background-color: rgb(255,152,55) ;
	}
#navigation ul.navigation_la_ville
	{
	background-color: rgb(138,204,57) ;
	}
#navigation.magazine ul.navigation
	{
	background-color: rgb(250,6,6) ;
	}
#navigation ul.navigation_pratique
	{
background-color: rgb(145,176,205) ;
	}

#navigation ul li ul
	{
	width: 155px;
	position: absolute ;
	z-index: 2 ;
	display: none ;
	left: 115px ;
	top: 54px ;
	padding: 0px 0px 0px 30px ;
	margin: 0px 0px 0px 0px ;
	}

#navigation ul li ul.display
	{
	display: block ;
	}



#navigation_bas_destination
	{
	width: 760px ;
	height: 12px ;
	font-size: 5px ;
	padding: 0px 0px 0px 0px ;
	margin: 2px 0px 0px 0px ;
	background-color: rgb(158,170,176) ;
	}
#navigation div.navigation-bas
	{
	float: left ;
	width: 760px ;
	height: 12px ;
	font-size: 5px ;
	padding: 0px 0px 0px 0px ;
	margin: 2px 0px 0px 0px ;
	}
#navigation div.navigation_bas_le_reve
	{
background: url(../../xox_01/images/navigation/bandeau_le_reve_bottom.gif) bottom no-repeat;
background-color: rgb(000,126,178) ;
	}
#navigation div.navigation_bas_la_vie
	{
background: url(../../xox_01/images/navigation/bandeau_la_vie_bottom.gif) bottom no-repeat;
background-color: rgb(168,100,63) ;
	}
#navigation div.navigation_bas_la_ville
	{
background: url(../../xox_01/images/navigation/bandeau_la_ville_bottom.gif) bottom no-repeat;
background-color: rgb(93,137,38) ;
	}
#navigation div.navigation_bas_magazine
	{
background: url(../../xox_01/images/navigation/bandeau_magazine_bottom.gif) bottom no-repeat;
background-color: rgb(162,4,5) ;
	}
#navigation div.navigation_bas_pratique
	{
background: url(../../xox_01/images/navigation/bandeau_pratique_bottom.gif) bottom no-repeat;
background-color: rgb(28,43,62) ;
	}
#navigation div.breadcrumb
{
width:590px;
style:solid;
margin: 0px 0px 0px 0px;
border-style: solid ;
	border-width: 0px 0px 1px 0px ;
	border-color: rgb(200,200,200) ;
}

#navigation div.breadcrumb a.breadcrumb
{
color:rgb(000,000,000);
}

/* Section BUCOLIQUE */

#bucolique
	{
	width: 158px ;
	float: left ;
margin: 0px 0px 0px 12px ;
/*background-color: rgb(240,242,241);*/
		}


#bucolique_interactif_contenu ul
	{
	margin: 0 px ;
	padding: 0px ;
	}
#bucolique_interactif_contenu ul li
	{
	margin: 0 px ;
	padding: 0px ;
	}
#bucolique_interactif_contenu ul li img
	{
margin: 0px ;
	}


#bucolique div.bucolique-boite
	{
	margin: 0px 0px 12px 0px ;
	}

#bucolique div.bucolique-element
{

width: 155px ;
background-color: rgb(240,242,241);
margin : 0px 0px 12px 0px;
padding: 0px 0px 3px 0px ;
	border-style: solid ;
	border-width: 0px 0px 6px 0px ;
	border-color: rgb(200,200,200) ;
}



#bucolique h3
	{
	margin: 6px 0px 0px 0px ;
	font-family: sans-serif ;
	font-size: 11px ;
}

#bucolique .bucolique-texte
{
	margin: 6px 8px 0px 8px ;
	text-align: justify ;
	color : rgb(128,130,133);
	font-size: small ;
	text-decoration:none;
	display:block;
}

#bucolique .bucolique-titre
{
	margin: 6px 8px 0px 8px ;
	font-family: sans-serif ;
	font-size: 11px ;
	text-decoration:none;
	color:rgb(0,0,0);
	display:block;
}



#bucolique p
	{
	width:158px;
	margin: 6px 0px 0px 0px ;
	text-align: justify ;
	color : rgb(128,130,133);
	font-size: small ;
	}

#bucolique a.ensavoirplus
	{
	display: block ;
	width: 149px ;
	margin: 6px 0px 3px 0px ;
	padding: 3px 0px 0px 0px ;
	text-align:right ;
	border-style: solid ;
	border-width: 1px 0px 1px 0px ;
	border-color: rgb(200,200,200) ;
	text-decoration:none;
	}

#bucolique a.ensavoirplus_la_ville
	{
	padding: 0px 0px 0px 8px ;
	color : rgb(145,167,79);
	background: url(../../xox_01/images/bucolique/lien_la_ville.gif) center left no-repeat ;
	background-position: 8px 3px;
	}
#bucolique a.ensavoirplus_le_reve
	{
	padding: 0px 0px 0px 8px ;
	color : rgb(0,126,178);
	background: url(../../xox_01/images/bucolique/lien_le_reve.gif) center left no-repeat ;
	background-position: 8px 3px;
	}
#bucolique a.ensavoirplus_la_vie
	{
	padding: 0px 0px 0px 8px ;
	color : rgb(168,100,63);
	background: url(../../xox_01/images/bucolique/lien_la_vie.gif) center left no-repeat ;
	background-position: 8px 3px;
	}
#bucolique a.ensavoirplus_magazine
	{
	padding: 0px 0px 0px 8px ;
	color : rgb(162,4,5);
	background: url(../../xox_01/images/bucolique/lien_magazine.gif) center left no-repeat ;
	background-position: 8px 3px;
	}

#bucolique a.ensavoirplus_pratique
	{
	padding: 0px 0px 0px 8px ;
	color : rgb(28,43,62);
	background: url(../../xox_01/images/bucolique/lien_pratique.gif) center left no-repeat ;
	background-position: 8px 3px;
}


#contenu a.imprimer
{

margin: 0px 0px 0px 0px ;
padding: 0px 0px 0px 12px ;
text-align: left ;
float:right;
text-decoration:none;
float:right;

}

#contenu a.sous-rubrique
{

margin: 0px 0px 0px 0px ;
padding: 0px 0px 0px 12px ;
text-align: left ;
float:right;
text-decoration:none;
float:right;

}

#contenu a.imprimer-le_reve
{
background: url(../../xox_01/images/information/ensavoirplus_le_reve.gif) center left no-repeat ;
}

#contenu a.imprimer-la_vie
{
background: url(../../xox_01/images/information/ensavoirplus_la_vie.gif) center left no-repeat ;
}

#contenu a.imprimer-la_ville
{
background: url(../../xox_01/images/information/ensavoirplus_la_ville.gif) center left no-repeat ;
}
#contenu a.imprimer-magazine
{
background: url(../../xox_01/images/information/ensavoirplus_magazine.gif) center left no-repeat ;
}


/*GESTION DES PAGES - RUBRIQUE COORDONNEES UTILES */
#contenu h1.coordonnees
{
float :left;
block : solid;

font-family: Arial;
font-size : large ;
font-weight : bold ;
text-align : left ;
padding : 8px 0px 0px 44px;
width : 546px;
height : 30px;

border-style : solid ;
border-width : 0px 0px 1px 0px ;
border-color: rgb(200,200,200) ;

margin : 0px 0px 0px 0px;


background : url(../../xox_01/images/information/picto_coordonnees_titre.gif) center left no-repeat;
}
h2.coordonnees
{
float :left;
block : solid;

font-family: Arial;
font-size : 125% ;
font-weight : bold ;
text-align : left ;

width : 380px;
height : 26px;

border-style : solid ;
border-width : 0px 0px 1px 0px ;
border-color: rgb(200,200,200) ;

margin : 0px;
padding : 12px 0px 0px 0px;
}
div.coordonnees h3
{
float :left;
block : solid;
font-size:100%;
font-weight:bold;
}

#contenu div.coordonnees
{
width : 380px;
border-style: solid ;
border-width: 0px 0px 1px 0px ;
border-color: rgb(200,200,200) ;
border--color: red;

padding : 11px 0px 15px 0px;
margin: 0px;
background--color:yellow;
}

#contenu div.coordonnees_gauche
{
width: 20% ;
display:block;
float:left;
color:rgb(111,111,111);
}

#contenu div.coordonnees_droite
{
block:solid;
width:80%;
float:right;
}

#contenu div.coordonnees_texte
{
width: 100% ;
display:block;
float:left;
color:rgb(111,111,111);
padding: 15px 0px 0px 0px;
/*background-color:salmon;*/
}

#contenu div.coordonnees_gauche
{
width: 20% ;
display:block;
float:left;

}

#contenu div.coordonnees li
{
padding: 0px 0px 2px 0px;
}

#contenu div.coordonnees  li.coordonnees_sousgroupe
{
padding: 0px 0px 2px 0px;
font-size:95%;
font-weight:bold;

}

#contenu ul.coordonnees
{
list-style-type : NONE;
margin:0px;
padding:0px;
}
p.titre_contextuel
{
font-family: sans-serif ;
font-size: medium;
font-weight: bold;
color: black;
border-style: solid ;
border-width: 0px 0px 1px 0px ;
border-color: rgb(200,200,200) ;
}
div.contextuel-formulaire
{
width:200px;
margin : 0px 0px 0px 0px;
/*border-color:rgb(144,175,204);
border-width:6px 0px 0px 0px;
border-style:solid;
padding: 7px 0px 0px 0px; */
float:left;
}

.contextuel_form_inactif
{
margin:0px;
padding:0px;
}
div.contextuel_recherche_coordonnees
{
padding : 3px 0px 0px 0px;
margin : 0px 0px 0px 0px;
width : 200px;
text-align:right ;
background-color: rgb(144,175,204);
float:left;
}
div.contextuel_recherche
{
padding : 3px 0px 0px 0px;
margin : 0px 0px 0px 0px;
width : 200px;
text-align:right ;
background-color: rgb(144,175,204);
float:left;
}

#contenu div.boite-rubrique-impair
	{
	float: left ;
	width: 300px ;
	margin: 3px 0px 0px 0px ;
	padding :8px 0px 0px 0px;

	}
#contenu div.boite-rubrique-paire
	{
	float: left ;
	width: 290px ;
	margin: 3px 0px 0px 0px ;
	padding :8px 0px 0px 0px;

	}
#contenu div.boite-rubrique-impair h2
	{
	border-style: solid ;
	border-width: 0px 0px 1px 0px ;
	border-color: rgb(200,200,200) ;
	font-family: arial,helvetica,sans-serif ;
	font-size: large;
	font-weight:bold;
	padding: 0px 0px 6px 0px;
	margin : 0px 0px 6px 0px;
	}
#contenu div.boite-rubrique-impair h2.le_reve
{
background: url(../../xox_01/images/information/deco_sousrubrique_le_reve.gif) bottom left no-repeat ;
color:rgb(000,000,000);
}
#contenu div.boite-rubrique-paire h2.le_reve
{
background: url(../../xox_01/images/information/deco_sousrubrique_le_reve.gif) bottom left no-repeat ;
color:rgb(000,000,000);
}
#contenu div.boite-rubrique-impair h2.la_vie
{
background: url(../../xox_01/images/information/deco_sousrubrique_la_vie.gif) bottom left no-repeat ;
color:rgb(000,000,000);
}
#contenu div.boite-rubrique-paire h2.la_vie
{
background: url(../../xox_01/images/information/deco_sousrubrique_la_vie.gif) bottom left no-repeat ;
color:rgb(000,000,000);
}
#contenu div.boite-rubrique-impair h2.la_ville
{
background: url(../../xox_01/images/information/deco_sousrubrique_la_ville.gif) bottom left no-repeat ;
color:rgb(000,000,000);
}
#contenu div.boite-rubrique-paire h2.la_ville
{
background: url(../../xox_01/images/information/deco_sousrubrique_la_ville.gif) bottom left no-repeat ;
color:rgb(000,000,000);
}
#contenu div.boite-rubrique-impair h2.magazine
{
background: url(../../xox_01/images/information/deco_sousrubrique_magazine.gif) bottom left no-repeat ;
color:rgb(000,000,000);
}
#contenu div.boite-rubrique-paire h2.magazine
{
background: url(../../xox_01/images/information/deco_sousrubrique_magazine.gif) bottom left no-repeat ;
color:rgb(000,000,000);
}


#contenu div.boite-rubrique-paire h2
	{
	border-style: solid ;
	border-width: 0px 0px 1px 0px ;
	border-color: rgb(200,200,200) ;
	font-family: arial,helvetica,sans-serif ;
	font-size: large;
	padding: 0px 0px 6px 0px;
	margin : 0px 0px 6px 0px;
	}
.boite-rubrique-contenu h3
	{
	font-family: arial,helvetica,sans-serif ;
	font-size: small;
	font-weight:bold;
	margin : 7px 0px 2px 0px;
	padding : 0px;
	}



#contenu div.boite-rubrique-impair div.boite-rubrique-contenu
	{
	width: 235px ;
	padding : 0px 0px 0px 0px ;
margin : 0px 0px 0px 0px;
	}
#contenu div.boite-rubrique-paire div.boite-rubrique-contenu
	{
	width: 235px ;
	padding : 0px 0px 0px 0px ;

	}

div.boite-rubrique-contenu p
	{
	text-align: justify ;
	padding : 3px 0px 5px 0px;
	color:rgb(128,130,133);
	font-size: 90%;
	}

.couleur_texte_accroche
{
color:rgb(128,130,133);
}

div.boite-rubrique-contenu-lien
	{
	width:234px;
	border-style: solid ;
	border-width: 1px 0px 0px 0px ;
	border-color: rgb(200,200,200) ;
	}

 div.boite-rubrique-contenu-lien a
	{
	text-decoration:none;
	display: block ;
	width: 225px ;
	padding : 0px 0px 3px 9px ;
	border-style: solid ;
	border-width: 0px 0px 1px 0px ;
	border-color: rgb(200,200,200) ;
	font-size : 102%;
	}
div.boite-rubrique-contenu-lien a.le_reve
{
color : rgb(0,126,178);
background: url(../../xox_01/images/information/ensavoirplus_le_reve.gif) center left no-repeat ;

}
div.boite-rubrique-contenu-lien a.la_vie
{
color : rgb(168,100,63);
background: url(../../xox_01/images/information/ensavoirplus_la_vie.gif) center left no-repeat ;
}
div.boite-rubrique-contenu-lien a.la_ville
{
color : rgb(93,137,38);
background: url(../../xox_01/images/information/ensavoirplus_la_ville.gif) center left no-repeat ;
}
div.boite-rubrique-contenu-lien a.magazine
{
color : rgb(162,4,5);
background: url(../../xox_01/images/information/ensavoirplus_magazine.gif) center left no-repeat ;
}


div.boite-rubrique-grostitre-contenu-lien
	{
	float:right;
	width:264px ;
	margin : 0px;


	}

 div.boite-rubrique-grostitre-contenu-lien a
	{
	display: block ;
	width: 249px;
	border-style: solid ;
	padding : 0px 0px 0px 15px;
	border-width: 1px 0px 0px 0px ;
	border-color: rgb(200,200,200) ;

	text-decoration:none;
	font-size: 102%;
	}
div.boite-rubrique-grostitre-contenu-lien a.le_reve
	{
	color : rgb(0,126,178);
	background: url(../../xox_01/images/information/ensavoirplus_le_reve.gif) center left no-repeat ;
	}

div.boite-rubrique-grostitre-contenu-lien a.la_vie
	{
	color : rgb(168,100,63);
	background: url(../../xox_01/images/information/ensavoirplus_la_vie.gif) center left no-repeat ;
	}

div.boite-rubrique-grostitre-contenu-lien a.la_ville
	{
	color : rgb(93,137,38);
	background: url(../../xox_01/images/information/ensavoirplus_la_ville.gif) center left no-repeat ;
	}

div.boite-rubrique-grostitre-contenu-lien a.magazine
	{
	color : rgb(162,4,5);
	background: url(../../xox_01/images/information/ensavoirplus_magazine.gif) center left no-repeat ;
	}


/*SECTION GESTION PAGE RUBRIQUE ET SOUS RUBRIQUE */
div.rubrique-taille-trait
{
width:590px;
float:left;
}

div.rubrique-trait
{
margin: 6px 0px 8px 0px;
width: 234px ;
border-style: solid ;
border-color: rgb(200,200,200) ;
border-width: 5px 0px 0px 0px ;
float:left ;

}
div.rubrique-trait-le_reve
{
border-color: rgb(75,191,238) ;
}
div.rubrique-trait-la_vie
{
border-color: rgb(255,152,55) ;
}
div.rubrique-trait-la_ville
{
border-color: rgb(138,204,57) ;
}
div.rubrique-trait-magazine
{
border-color: rgb(250,6,6) ;
}

div.rubrique-intertrait
{
width:66px; float:left;
}




/* Section PAGE ARTICLE */

p.article-titrerubrique
{
width: 590px;
	float:left;
	block: solid;
	border-style: solid ;
	border-width: 0px 0px 1px 0px ;
	border-color: rgb(200,200,200) ;
	font-size: 135% ;
	text-align: left ;
	font-weight: bold ;
	margin:  0px 0px 12px 0px ;
	padding: 11px 0px 6px 0px;
}


#contenu div.article-intro
	{
	width: 190px ;
	float: right ;
	margin: 0px 10px 0px 10px ;

	}

#contenu img.article
	{
	width: 370px ;
	height: 240px ;
	float: left ;
	}

#contenu img.article_portrait
	{
	width: 200px ;
	height: 294px ;
	float: left ;
	}

#contenu img.article_magazine
	{
	width: 590px ;
	height: 277px ;
	float: left ;
	}

#contenu div.article-entete
	{
	padding: 0px 0px 0px 0px ;
	float:right;
	width : 210px;
	}

#contenu div.article-entete div.article-intro h1
	{
	font-weight:bold;
	font-size:450%;
	margin: 0px ;
	padding: 0px ;
	}

img.article_mini
	{
	width: 234px;
	height : 110px;
	}

div.article-ligne-bas
{
width:100%;
float:left;
border-style:solid;
border-color:rgb(200,200,200);
border-width:1px 0px 0px 0px;
margin : 3px 0px 0px 0px;
}
/*DONNEEES AGENDA */
#contenu h1.agenda
{
float :left;
block : solid;

font-family: Arial;
font-size : large ;
font-weight : bold ;
text-align : left ;
padding : 8px 0px 0px 44px;
width : 546px;
height : 30px;

border-style : solid ;
border-width : 0px 0px 1px 0px ;
border-color: rgb(200,200,200) ;

margin : 0px 0px 0px 0px;


background : url(../../xox_01/images/information/picto_agenda_titre.gif) center left no-repeat;
}

#contenu div.contenu-2 div.information div.agenda-liste
{
block:solid ;
width:100% ;
padding-bottom :12px ;
padding-top :12px ;
border-style:solid ;
border-color: rgb(200,200,200) ;
border-width: 0px 0px 1px 0px ;
float:left ;
}
#contenu div.contenu-2 div.information div.contenu-agenda-choix
{
block:solid ;

width: 380px ;
height: 26px;

border-color: rgb(200,200,200) ;
border-style: solid ;
border-width: 0px 0px 1px 0px ;
padding : 12px 0px 0px 0px ;
float: left ;
text-align: left;
}
#contenu div.contenu-2 div.information div.contenu-agenda-choix a.agenda-choix-titre
{
block:solid;
font-family: Arial;
font-size : 125% ;
font-weight : bold ;
text-align : left ;
color:rgb(000,000,000);
margin:0px 14px 0px 0px;
padding:0px;
float:left;
}

#contenu div.contenu-2 div.information div.contenu-agenda-choix a.agenda-choix-titre:hover
{
text-decoration:none;
}

div.agenda_element
{
block: solid;
width: 380px;
padding : 10px 0px 12px 0px;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color:rgb(200,200,200);
float: left;
}

div.agenda_element div.agenda_element_contenu
{
float:right;
width:200px;
}

div.agenda_element div.agenda_element_contenu div.agenda_element_texte
{
float:left;
width:200px;
margin:0px 0px 7px 0px;
}

div.agenda_element div.agenda_element_contenu div.agenda_element_texte .agenda_element_texte
{
margin:10px 0px 0px 0px;
padding: 0px;
color:rgb(111,111,111);
font-size:small;
text-align:justify;
text-decoration:none;
}

div.agenda_element div.agenda_element_contenu div.agenda_element_texte .h3_agenda
{
float:left;
width:100%;
margin:0px 0px 0px 0px;
padding : 0px;
block : solid;
font-size:13px;
font-weight:bold;
color:rgb(0,0,0);
text-decoration:none;
}

.agenda_date
{
font-weight: bold;
font-size: 80%;
color:rgb(148,149,153);
text-decoration:none;
}

div.agenda_element div.agenda_element_contenu div.agenda_element_lien
{
float:left;
padding: 0px 10px 0px 7px;
}
div.agenda_element div.agenda_element_contenu div.agenda_element_lien_le_reve
{
background:url(../../xox_01/images/information/ensavoirplus_le_reve.gif) center left no-repeat;
}
div.agenda_element div.agenda_element_contenu div.agenda_element_lien_la_vie
{
background:url(../../xox_01/images/information/ensavoirplus_la_vie.gif) center left no-repeat;
}
div.agenda_element div.agenda_element_contenu div.agenda_element_lien_la_ville
{
background:url(../../xox_01/images/information/ensavoirplus_la_ville.gif) center left no-repeat;
}
div.agenda_element div.agenda_element_contenu div.agenda_element_lien_magazine
{
background:url(../../xox_01/images/information/ensavoirplus_magazine.gif) center left no-repeat;
}
div.agenda_element div.agenda_element_contenu div.agenda_element_lien_pratique
{
background:url(../../xox_01/images/information/ensavoirplus_pratique.gif) center left no-repeat;
}


div.agenda_element  div.agenda_element_image
{
float:left;
width:160px;
padding : 0px 9px 0px 0px;
}

div.agenda_element  div.agenda_element_image img
{
width:158px;
height:110px;
}



p.titre_contextuel
{
padding-bottom:12px ;
padding-top:12px ;
}
p.agenda-titrerubrique
{
block:solid ;
width:100% ;
padding :6px 0px 6px 0px ;
border-style:solid ;
border-color: rgb(200,200,200) ;
border-width: 0px 0px 1px 0px ;
float:left ;
}
div.agenda-entete
{
float:right ;
width:200px ;
}
div.agenda-entete div.titre-bleu
{
float:left ;
width:200px ;
/*height:90px ;*/
margin:Opx 0px 24px 0px ;
}




/*gestion IMPRESSION*/
.print
{
display:none;
}

/*CSS POUR LE FAQ */
.faq-contenu-1 {
	width:590px;
}
#contenu  div.faq-contenu-1 .faq-nosquestions {
float :left;
block : solid;

font-family: Arial;
font-size : large ;
font-weight : bold ;
text-align : left ;
padding : 8px 0px 0px 0px;
width : 590px;
height : 30px;

border-style : solid ;
border-width : 0px 0px 1px 0px ;
border-color: rgb(200,200,200) ;

margin : 0px 0px 0px 0px;
/*background : url(../../xox_01/images/information/picto_coordonnees_titre.gif) center left no-repeat;*/
}


.faq-information
{
float:right;
width:380px;
}
.faq-nosreponses {
float :left;
block : solid;

font-family: Arial;
font-size : 125% ;
font-weight : bold ;
text-align : left ;

width : 380px;
height : 26px;

border-style : solid ;
border-width : 0px 0px 1px 0px ;
border-color: rgb(200,200,200) ;

margin : 0px 0px 6px 0px;
padding : 12px 0px 0px 0px;

}
.faq-rubrique {
border-style:solid ;
border-width: 0px 0px 6px 0px;
border-color: rgb(200,200,200) ;
margin: 0px 0px 6px 0px ;
padding: 0px 0px 0px 0px ;
}
.faq-nomrubrique {
block:solid ;
padding: 6px 0px 0px 0px ;
margin: 0px 0px 0px 0px ;
font-size:90%
}
.faq-list-rubrique {
list-style-type : none ;
margin : 0px ;
padding : 0px ;
}
.faq-rubrique-contenu {
block:solid ;
padding: 6px 0px 3px 0px ;
margin: 0px 0px 0px 0px;
text-align:justify;
}
.faq-question {
font-weight:bold;
border-style:solid ;
border-color: rgb(200,200,200) ;
border-width: 1px 0px 0px 0px;
padding: 6px 0px 0px 24px;
margin: 0px 0px 0px 0px;
}
.faq-reponse {
text-align:justify;
padding: 0px 0px 2px 24px ;
margin: 0px 0px 0px 0px;
color:rgb(111,111,111);
}
/* CSS CONTEXTUEL POUR LE FAQ */
.faq-contextuel {
 margin:0px 6px 0px 0px;
 border-width:0px 0px 0px 0px;
 border-style:solid;
 width:168px;
 float:left;
}
.faq-contextuel-posezquestion {
font-size:130%;
width:168px;
margin:0px ;
border-style:solid ;
border-color: rgb(200,200,200) ;
border-width: 0px 0px 1px 0px ;
padding : 6px 0px 6px 0px;
}
.faq-contextuel-formulaire-bordure-haut
{
block:solid;
border-style:solid;
margin : 6px 0px 6px 0px;
border-width: 6px 0px 0px 0px;
border-color:red;
padding: 0px;
width:168px;
}

.faq-contextuel-formulaire {

padding: 3px 6px 3px 6px;
margin: 6px 0px 0px 0px;
float:left;
width:154px;
background-color:rgb(167,167,167);

}

.faq-contextuel-formulaire-bordure-bas
{
block:solid;
border-style:solid;
margin : 6px 0px 3px 0px;
border-width: 6px 0px 0px 0px;
border-color:red;
float:left;
width:168px;

}
.faq-contextuel-soumission {
padding: 6px 3px 6px 3px ;
margin: 3px 0px 3px 0px;
float:left;
width:148px;
block:solid;
}


.faq-contextuel-champ {
text-align:left;
width:35%;
float:left;
padding: 3px 0px 3px 0px;
}
.faq-contextuel-soumission-champ{
text-align:right;
float:right;
width:60%;
margin: 3px 0px 3px 0px;
}
.faq-contextuel-question {
text-align:left;
width:70%;
float:left;
padding: 3px 0px 3px 3px ;
}
.faq-contextuel-soumission-question {
font-family:sans-serif;
float:left;

 }
.faq-contextuel-bouton-envoyer {
float:right;
padding: 3px 0px 3px 0px;
}

.faq-contextuel-rubrique
{
float:left;
width:168px;
}

.rouge{
color:red;
}

.gris
{
color:rgb(111,111,111);
}

/*CSS POUR CONTACT */
#contenu h1.contact
{
float :left;
block : solid;

font-family: Arial;
font-size : large ;
font-weight : bold ;
text-align : left ;
padding : 8px 0px 0px 44px;
width : 546px;
height : 30px;

border-style : solid ;
border-width : 0px 0px 1px 0px ;
border-color : rgb(200,200,200) ;

margin : 0px 0px 0px 0px;


background : url(../../xox_01/images/information/picto_contact_titre.gif) center left no-repeat;
}

.contact-titre
{
font-size:90%;
font-weight:bold;
padding: 6px 0px 0px 0px;
margin :0px;
}
.contact-reponse {
font-size:90%;
block:solid;
width:380px;
text-align:justify;
padding: 0px 0px 2px 0px ;
margin: 0px;
color:rgb(111,111,111);
}

.contact_lien
{
color:rgb(111,111,111);
}

/*******************************
  FOOTER
*******************************/

.footer
{
float:left;
width:760px;
border-color:rgb(200,200,200);
border-style:solid;
border-width:1px 0px 0px 0px;
margin : 36px 0px 3px 0px;
}

.footer2
{
padding:0px;
float:left;
width:760px;
font-size:75%;
color:rgb(150,150,150);
border-color:rgb(200,200,200);
border-style:solid;
border-width:1px 0px 1px 0px;
text-align:center
}

.footer-lien
{
color:rgb(150,150,150);
}