/*__________________________________________________________________________________________________________________________

Cette feuille de style contient les styles du site Internet réorganisé :
-------- Commun
1. Propriétés de la page
2. Menu pratique
3. Menu principal
4. Recherche
5. Crédits
-------- Page d'accueil
6. Zone actualités
7. Zone liens
-------- Page secondaire
8. Menu gauche
9. Titre rubrique
__________________________________________________________________________________________________________________________*/


/*__________________________________________________________________________________________________________________________

POUR VERIFIER LES EVENTUELS PBS DE MISE EN PAGE : VISUALISATION DU DECOUPAGE 
__________________________________________________________________________________________________________________________
table {border: 1px solid black;}
td {border: 1px dotted gray;}
div {border: 1px solid orange;}
img, form {border: 1px dashed blue;}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow;}
ul {border: 1px solid green;}
li {border: 1px solid lightgreen;}
form {border: 1px solid red;}
*/

/*===========================================================================================================================


       STYLES COMMUNS


===========================================================================================================================*/


/*__________________________________________________________________________________________________________________________

      PROPRIETES DE LA PAGE
__________________________________________________________________________________________________________________________*/

/* ________________________________ Propriétés du body ________________________________ */		
body
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0 ;
	padding: 0;
	/* ___Texte */
	font: 0.75em Verdana, Arial, Helvetica, sans-serif ;
	/* ___Décoration */
}

/* ________________________________ Bloc qui contient tout le site ________________________________ */	
#conteneur_global
{
	/* ___Dimensions et positionnement */
	width: 780px;
	/* ___Marges */
	margin: 0 auto;
	padding: 0;
	/* ___Texte */
	font-size:0.9em;
	/* ___Décoration */
	background: #8CD2FF;
}

/* ________________________________ Bloc qui contient les actus et les liens ________________________________ */	
#conteneur_centre
{
	/* ___Dimensions et positionnement */
	width: 748px;
	float:left;
	/* ___Marges */
	margin: 6px;
	padding: 0;
	/* ___Texte */
	/* ___Décoration */
	background: #FFF;
}

/* ________________________________ Logo Anjou ________________________________ */	
#logo_anjou
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 1em 1em 1em 5em;
	padding:0;
	/* ___Texte */
	/* ___Décoration */
}

/* ________________________________ Force le passage du bloc à la ligne ________________________________ */	
.spacer
{
	/* ___Dimensions et positionnement */
	clear:both;
	/* ___Marges */
	margin:0;
	padding:0;
	/* ___Texte */
	font-size:1px;
	/* ___Décoration */
}

/*__________________________________________________________________________________________________________________________

      MENU PRATIQUE
__________________________________________________________________________________________________________________________*/

/* ________________________________ Bloc entête ________________________________ */	
#entete
{
	/* ___Dimensions et positionnement */
	height:30px;
	/* ___Marges */
	margin:0;
	padding:0;
	/* ___Texte */
	/* ___Décoration */
	background: url(/medias/images/communs/bg_entete.gif);
}

/* ________________________________ Propriétés des images dans l'entête ________________________________ */	
#entete img
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin:0;
	padding:0;
	/* ___Texte */
	/* ___Décoration */
	border:0;
}

/* ________________________________ Bandeau du CG ________________________________ */	
#bandeau_cg
{
	/* ___Dimensions et positionnement */
	float:left;
	/* ___Marges */
	margin:0;
	padding:0;
	/* ___Texte */
	/* ___Décoration */
}

/* ________________________________ Menu pratique ________________________________ */	
#menu_pratique
{
	/* ___Dimensions et positionnement */
	float:left;
	/* ___Marges */
	margin:0;
	padding:0;
	/* ___Texte */
	/* ___Décoration */
	list-style:none;
}

/* ________________________________ Item du menu pratique ________________________________ */	
#menu_pratique li
{
	/* ___Dimensions et positionnement */
	float:left;
	height:30px;
	/* ___Marges */
	margin:0 5px;
	padding: 0 5px 0 10px;
	/* ___Texte */
	/* ___Décoration*/
	background:url(../images/accueil/puce_jaune.gif) 0px 5px no-repeat;
}

/* ________________________________ Lien de l'item ________________________________ */	
#menu_pratique li a
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	color:#fff;
	font-size:0.8em;
	line-height:10px;
	/* ___Décoration */
	text-decoration:none;
}

/* ________________________________ Bloc versions étrangères ________________________________ */	
#versions_etrangeres
{
	/* ___Dimensions et positionnement */
	float:right;
	/* ___Marges */
	margin:0 5px;
	/* ___Texte */
	/* ___Décoration */
}

/* ________________________________ Drapeaux ________________________________ */	
#versions_etrangeres img
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 2px;
	/* ___Texte */
	/* ___Décoration */
}

/* ________________________________ Bandeau événementiel ________________________________ */
.bandeau_evenement
{
	/* ___Dimensions et positionnement */
	width:578px;
	/* ___Marges */
	margin: 0 0 0 10px;
	/* ___Texte */
	text-align:left;
	/* ___Décoration */
	border:0;
}

acronym
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	text-decoration:none;
	border:none;
}

/*__________________________________________________________________________________________________________________________

      MENU PRINCIPAL
__________________________________________________________________________________________________________________________*/

#menu_principal 
{
	/* ___Dimensions et positionnement */
	width: 768px;
	height:48px;
	z-index:100;
	float:left;
	/* ___Marges */
	margin: 0 auto;
	padding: 0;
	/* ___Texte */
	text-align: center;
	font-weight: bold;
	/* ___Décoration */
	background:#8CD2FF url(../images/accueil/fd_menu_princ.gif) no-repeat;
}

#menu_principal dl,#menu_principal dt,#menu_principal dd,#menu_principal ul,#menu_principal li 
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0;
	padding: 0;
	/* ___Texte */
	/* ___Décoration */
	list-style-type: none;
}

/* ________________________________ Item de menu principal ________________________________ */	
#menu_principal dl 
{
	/* ___Dimensions et positionnement */
	float: left;
	width: 109px;
	z-index: 100;
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
}

/* ________________________________ Alignement vertical des items sur 2 lignes ________________________________ */	
#menu_principal dl span 
{
	/* ___Dimensions et positionnement */
	display: block;
	/* ___Marges*/
	margin-top: -5px;
	/* ___Texte */
	/* ___Décoration */
}

/* ________________________________ Apparence d'un onglet ________________________________ */
#menu_principal dt 
{
	/* ___Dimensions et positionnement */
	cursor: pointer;
	/* ___Marges */
	/* ___Texte */
	color: #095ba6;
	/* ___Décoration */
}

/* ________________________________ Lien de l'onglet ________________________________ */	
#menu_principal dt a 
{
	/* ___Dimensions et positionnement */
	display: block;
	height: 31px;
	/* ___Marges */
	padding: 20px 0 0 0;
	/* ___Texte */
	color: #095BA6;
	font-weight: bold;
	/* ___Décoration */
	cursor: pointer;
	text-decoration: none;
	border: 0;
}

/* ________________________________ Sous menu  ________________________________ */
#menu_principal dd
{
	/* ___Dimensions et positionnement */
	position: absolute;
	z-index: 100;
	width: 150px;
	/* ___Marges */
	margin-left: -54px;
	/* ___Texte */
	color: #00197B;
	/* ___Décoration */
	border: 1px solid #00197B;
	background: #8CD2FF;
}

/* ________________________________ Lien des items de sous-menu ________________________________ */	
#menu_principal dd li a 
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	color: #00197B;
	/* ___Décoration */
}

/* ________________________________ Au survol ________________________________ */	
#menu_principal dd li a:hover 
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	color: #f30;
	/* ___Décoration */
}

/* ________________________________ Chaque item du sous-menu ________________________________ */
#menu_principal ul
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0;
	padding: 5px;
	/* ___Texte */
	/* ___Décoration */
}

#menu_principal ul li 
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin: 0;
	padding: 1px 0;
	/* ___Texte */
	text-align: left;
	font-size: 0.9em;
	line-height: 1.5em;
	/* ___Décoration */
	border-bottom:1px ridge #00197B;
	list-style-type: disc;
	list-style-position: inside;
}

#menu_principal li a 
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	cursor: pointer;
	text-decoration: none;
}

#menu_principal #aider
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	padding-left: 10px;
	/* ___Texte */
	/* ___Décoration */
}

/*__________________________________________________________________________________________________________________________

      RECHERCHE
__________________________________________________________________________________________________________________________*/

/* ________________________________ Bloc de recherche ________________________________ */	
body#accueil form#Synomia
{
	/* ___Dimensions et positionnement 
	height:25px;*/
	width: 150px;
	/* ___Marges */
	padding: 5px 0 0 30px;
	/* ___Texte */
	/* ___Décoration */
}

form#Synomia
{
	/* ___Dimensions et positionnement */
	width: 180px;
	height:30px;
	float: right;
	/* ___Marges */
	margin: 45px 0 0 0;
	padding: 5px 0 0 10px;
	/* ___Texte */
	/* ___Décoration */
	background:url(../images/accueil/fd_recherche.gif) top left no-repeat;
	background-color:#8CD2FF;
}

/* ________________________________ Champ de recherche ________________________________ */	
body#accueil form#Synomia input
{
	/* ___Dimensions et positionnement */
	width:65%;
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
}

form#Synomia input
{
	/* ___Dimensions et positionnement */
	width:60%;
	/* ___Marges */
	margin:0;
	padding:0;
	/* ___Texte */
	/* ___Décoration */
	border:1px solid #666;
}

/* ________________________________ Bouton ok ________________________________ */	
body#accueil form#Synomia input#btn_ok
{
	/* ___Dimensions et positionnement */
	width:25px;
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
}

form#Synomia input#btn_ok
{
	/* ___Dimensions et positionnement */
	width:25px;
	/* ___Marges */
	padding:2px;
	/* ___Texte */
	color:#fff;
	font-size:0.75em;
	font-weight:bold;
	/* ___Décoration */
	border:0;
	background:#00197B;
	cursor:pointer;
}

/*__________________________________________________________________________________________________________________________

      CREDITS
__________________________________________________________________________________________________________________________*/

#credits
{
	/* ___Dimensions et positionnement */
	clear:both;
	/* ___Marges */
	margin: 0;
	padding: 2px;
	/* ___Texte */
	text-align:center;
	color:#666;
	font-size: 0.8em;
	/* ___Décoration */
	background: #F0F8FF;
}

#credits a
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	color:#666;
	/* ___Décoration */
	text-decoration:underline;
}

/*===========================================================================================================================


       PAGE D'ACCUEIL


===========================================================================================================================*/

/*__________________________________________________________________________________________________________________________

      ZONES ACTUALITES
__________________________________________________________________________________________________________________________*/

/* ________________________________ Zone actualités ________________________________ */
#actualites
{
	/* ___Dimensions et positionnement */
	width:479px;
	float:left;
	/* ___Marges */
	margin: 0;
	padding: 6px;
	/* ___Texte */
	/* ___Décoration */
	background:url(../images/accueil/arrHG_zone_actus.gif) top left no-repeat;
}

/* ________________________________ Titre ________________________________ */
#actualites h1
{
	/* ___Dimensions et positionnement */
	height:26px;
	/* ___Marges */
	margin: 1em 0;
	padding: 0 0 0 28px;
	/* ___Texte */
	font-size:1.1em;
	color:#00197B;
	line-height:26px;
	/* ___Décoration */
	text-decoration:underline;
}

/* ________________________________ Titre actualités et événements en M&L ________________________________ */
#actualites h1#titre_actus
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	background:url(../images/accueil/fd_titre_actualites.gif) top left no-repeat;
}

#actualites h1#titre_evenements
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	background:url(../images/accueil/fd_titre_evenements.gif) top left no-repeat;
}

/* ________________________________ Bloc actu ________________________________ */
#actualites .actu
{
	/* ___Dimensions et positionnement */
	float:left;
	width:46%;
	/* ___Marges*/ 
	margin:0.5em 1em 0.5em 0;
	padding:0 0 0 5px;
	/* ___Texte */
	/* ___Décoration */
	background:url(../images/accueil/pointille_zone_actus.gif) top left repeat-y;
}

/* ________________________________ Bloc image événementielle ________________________________ */
#actualites .evenementiel
{
	/* ___Dimensions et positionnement */
	float:left;
	width:46%;
	/* ___Marges*/ 
	margin:0.5em 0;
	padding:0 0 0 5px;
	/* ___Texte */
	/* ___Décoration */
}

#actualites .evenementiel img
{
	/* ___Dimensions et positionnement */
	/* ___Marges*/ 
	/* ___Texte */
	/* ___Décoration */
	border:0;
}

/* ________________________________ Lien vers les autres actus ________________________________ */
#actualites a.autres
{
	/* ___Dimensions et positionnement */
	display:block;
	/* ___Marges */
	margin:1em 0 1.3em 0;
	/* ___Texte */
	color:#095ba6;
	font-weight:bold;
	/* ___Décoration */
	text-decoration:underline;
}

#actualites a:hover.autres
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	color:#f30;
	/* ___Décoration */
}

/*__________________________________________________________________________________________________________________________

      ZONES LIENS
__________________________________________________________________________________________________________________________*/

#zone_liens
{
	/* ___Dimensions et positionnement */
	width:246px;
	float:right;
	/* ___Marges */
	margin: 0;
	padding: 0 0 7px 7px;
	/* ___Texte */
	/* ___Décoration */
	background:#8CD2FF;
}

#zone_liens img
{
	/* ___Dimensions et positionnement */
	display:inline;
	/* ___Marges */
	/* ___Texte */
	/* ___Décoration */
	border:0;
}

#contenu_liens
{
	/* ___Dimensions et positionnement */
	width:232px;
	/* ___Marges */
	margin: 0;
	padding: 5px;
	/* ___Texte */
	/* ___Décoration */
	background: url(../images/accueil/arrBG_zone_liens.gif) bottom left no-repeat;
	background-color:#C0E4FB;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

/* ________________________________ Titre ________________________________ */
#contenu_liens h1
{
	/* ___Dimensions et positionnement */
	height:21px;
	/* ___Marges */
	margin: 0;
	padding: 0 0 0 10px;
	/* ___Texte */
	font-size:1.1em;
	color:#00197B;
	line-height:1.4em;
	/* ___Décoration */
	text-decoration:underline;
	background:url(../images/accueil/fd_titre_liens.gif) top left no-repeat;
}

/* ________________________________ Liste de liens ________________________________ */
#contenu_liens ul
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin:0.5em 0.5em 0.5em 2em;
	padding:0;
	/* ___Texte */
	/* ___Décoration */
}

#contenu_liens li
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin:3px 0;
	padding:0;
	/* ___Texte */
	color:#001A7B;
	/* ___Décoration */
	list-style:url(../images/accueil/puce_jaune_zone_liens.gif);
}

/* ________________________________ Nouveau lien ________________________________ */
#contenu_liens li span, #boite_news span
{
	/* ___Dimensions et positionnement */
	display:inline;
	/* ___Marges */
	/* ___Texte */
	color:#f30;
	font-size:0.8em;
	/* ___Décoration */
}

/* ________________________________ Apparence du lien ________________________________ */
#contenu_liens li a, #boite_news a, #boite_news2 a
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	color:#001A7B;
	/* ___Décoration */
	text-decoration:none;
}

/* ________________________________ Au survol ________________________________ */
#contenu_liens li a:hover, #boite_news a:hover, #boite_news2 a:hover
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	color:#f30;
	/* ___Décoration */
	text-decoration:underline;
}

/* ________________________________ Liens qui défilent ________________________________ */
.posrelative {
	position: relative;
	background:url(../images/accueil/puce_jaune_zone_liens.gif) no-repeat;
	padding-left: 12px;
}

/* ________________________________ "boite_news" est l'identifiant du DIV contenant les DIVs devant défiler. Il doit avoir une position en absolu (sous IE5 et + et NS6, il est possible de le déclarer en relatif) ________________________________ */
#boite_news,#boite_news2 {
	overflow: hidden;
	width: 232px;
	margin: 10px 0 0 10px;
}

#boite_news {
	clip: rect(0px 232px 90px 0px);
}

#boite_news2 {
	clip: rect(0px 232px 35px 0px);
}

/*===========================================================================================================================


       PAGE SECONDAIRE


===========================================================================================================================*/

/*__________________________________________________________________________________________________________________________

      MENU GAUCHE
__________________________________________________________________________________________________________________________*/

/* ________________________________ Titre ________________________________ */
#zone_menu_gauche h1
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin:5px 0;
	padding:0 0 0 2px;
	/* ___Texte */
	font-size:0.8em;
	color:#00197B;
	/* ___Décoration */
}

#menu_gauche
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin:0 ;
	padding:0;
	/* ___Texte */
	font-size:0.7em;
	color:#095BA6;
	/* ___Décoration */
	list-style:none;
}

#menu_gauche li
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin:0;
	padding:3px 0;
	/* ___Texte */
	/* ___Décoration */
}

#menu_gauche li a
{
	/* ___Dimensions et positionnement */
	display:block;
	/* ___Marges */
	margin:0;
	padding:3px 2px 3px 12px;
	/* ___Texte */
	color:#095BA6;
	/* ___Décoration */
	text-decoration:none;
	background:url(../images/menu_themes/puce_menu_gauche.gif) 1px 3px no-repeat;
}

#menu_gauche li a:hover
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	/* ___Texte */
	color:#fff;
	/* ___Décoration */
	background:url(../images/accueil/puce_jaune.gif) 1px 9px no-repeat;
	background-color:#095BA6;
}

/*__________________________________________________________________________________________________________________________

      TITRE RUBRIQUE
__________________________________________________________________________________________________________________________*/

h2
{
	/* ___Dimensions et positionnement */
	/* ___Marges */
	margin:0.5em 0;
	/* ___Texte */
	color:#011A7C;
	font-size:1.7em;
	font-weight:normal;
	/* ___Décoration */
}