/* CSS Document */


/*Dertimanation des éléments basique de mise en form
toutes les poilce du site seront n trebuchet*/

body,td,th {font-family: Trebuchet MS, Verdana, Arial;font-size: 10pt;color: #928F8F;}

body {margin:0 0 0 0;background:url(images/fond_page.gif) #FFF center top repeat-y;}

#central_presentation p { text-align:justify;}

a:link {color: #97AD57;text-decoration: none;}
a:visited {text-decoration: none;color: #97AD57;}
a:hover {text-decoration: underline;color: #97AD57;}
a:active {text-decoration: none;color: #97AD57;}

h1,h2,h3,h4,h5,h6 {font-weight: bold;}


/*bisarrement non utilisé...*/
h1 {font-size: 18pt;color: #9CB15C;}

/*tout les titres de page*/
h2 {font-size: 17px;color: #9CB15C;margin:0 0 0 15px;padding-top:10px;letter-spacing:5px;}

/*titre de dossier*/
h3 {margin:0 0 0 15px;font-size: 13px;color: #000;}

/*Sous titre de page (pareil que titre en moins grand*/
h4 {font-size: 14px;color: #9CB15C;	margin:0 0 10px 15px;padding-top:10px;letter-spacing:2px;}

/*onglet a savoir plus */
h5{	padding:0 0 0 0;font-size:14px;margin:0 0 0 15px;color: #000;}
h6{width: 100px;padding:15px 0 0 43px;font-size:14px;}


/*lire  tout les articles, dossier, publication avec flechouille en petit*/
#lire{text-align:right;margin:10px 0 10px 0;color:#9CB15C;font-size:10px;}
#top{text-align:right;margin:10px 0 10px 0;color:#9CB15C;font-size:10px; background: url(images/fond_top.gif) no-repeat bottom right;border:#FF0000;padding-right:10px;}


/*L'entete de document correspond au premier bandeau (bleu entracite)
Les  roll ver des logos sont en fait un deplacement de claque les
image bouton_top 1,2 et 3 contiennent les position a et a:hover
en meme temps*/

#entete{position:relative;width:758px;height:74px;left:50%;background:#4F585F;margin-left: -380px;}

#logo{float:left;}
#logo p{margin:0 0 0 0;font-size:16px;font-weight:bold;letter-spacing:3px;word-spacing:5px;line-height:20px;color:#FFF;padding:14px 0 0 80px;}
#logo a{color:#FFFFFF}
#logo a:hover{color:#FFFFFF;text-decoration:none;}
#logo_nav{float:right;width:105px;height:31px;margin:20px 18px 0 0;padding: 0 0 0 0;right:19px;}
#logo_nav1{width:35px;height:31px;float:left;}


/*Emplacement du bandeau flash donc aucun besoin de style*/

#bandeau{position:relative;	width:758px;height:179px;left:50%;margin-left: -380px;z-index: 5;}

/*La barre verte qui comprend form de recherche
et le fil d'ariane. Petit soucis de calage avec 
lebouton ok de recherche*/

#bar_verte{	background-image:url(images/fond_barre_verte.gif);position:relative;width:758px;height:22px;left:50%;margin-left: -380px;}

#ariane{color:#FFFFFF;font-size:10px;padding:3px 0 0 15px;float:left;}
#ariane a{color:#FFFFFF;text-decoration:none;}
#ariane a:hover{text-decoration:underline;}
#ariane a:visited{text-decoration:none;}

#langue{float:left;padding:0 20px 0 0;margin:0 0 -5 0;}

#recherche{float:right;padding:0 20px 0 0;margin:0 0 -15px 0;}
#recherche .champs{margin:4px  0 0 0;height:11px;width:120px;border:#B9C39C 1px solid;background-color:#B9C39C;font-size:9px;}
#recherche .bouton{vertical-align: text-top;}


/*Le footer, j'arrive pas à décoller la nav (acceuil, dossier, ...) 
du borsdu footer. jepense qu'il y a moyen d'optimiser cette partie*/

#footer{width:758px;height:70px;float:right;}
#footer_gauche{background-image:url(images/logo_bottom.gif);width:186px;height:70px;float:left;}
#footer_gauche p{margin:0 0 0 0;font-size:11px;font-weight:bold;line-height:15px;color:#FFF;padding:22px 0 0 50px;}
#footer_droite{width:572px;height:70px;background: #F2F2F2;float:right;word-spacing:30px;}
#footer_droite span{margin:20px 0 -10px 10px;}
#footer_droite p{word-spacing:0px;margin:10px 0 0 10px;line-height:13px;}






/*Partie de navigution droite type 'blog'
petis soucis d'affichage sur les roll over avec IE6
Trouver un solution pour les sous menu egalement 
La partie newsletter et les derniers article modifier ne sont pas intégré*/


#thematique_titre {position:relative;height:67px;width:244px;/*border:#FF0000 solid 1px;*/float:left;}
#nav_der_art{position:relative;float:left; padding:0 0 0 10px;}

#thematique p{margin: 3px 0 0 70px;}
#thematique a{line-height:12px;font-size:11px;display:block;height:63px;width:240px;margin-left:8px;padding:4px 0 0 3px;}
#thematique a:link{	}
#thematique a:visited{}
#thematique a:hover{background-image:url(images/fond_theme.gif);text-decoration:none;color:#FFFFFF;}
#thematique a:active{}

#thematique img {margin-right: 2px}
#thematique_sous {margin:-15px 0 0 0;background:url(images/tiret_nav.gif) repeat-y}
#thematique_sous a{font-size:11px;height:10px;display:inline;padding:0 0 0 0;margin-left:0px;/*margin-top:7px;*/}
#thematique_sous a:link{}
#thematique_sous a:visited{text-decoration:none;}
#thematique_sous a:hover{text-decoration:underline;background-image:none;color: #97AD57}
#thematique_sous li{margin:0 0 0 -15px; list-style-type: none;}

#newsletter{background:url(images/newsletter_picto.gif) #FFFFFF left top no-repeat;margin:0 0 0 0;height:74px;width:245px;float:left;}

#theme_over a:hover{color: #FFFFFF}
#theme_over a:active{color: #FFFFFF}

.theme_over_en_cours a{color: #FFFFFF;background-image:url(images/fond_theme.gif);}
.theme_over_en_cours a:link{color: #FFFFFF;background-image:url(images/fond_theme.gif);}
.theme_over_en_cours a:visited{color: #FFFFFF;background-image:url(images/fond_theme.gif);}
.theme_over_en_cours a:hover{color: #FFFFFF;background-image:url(images/fond_theme.gif);}
.theme_over_en_cours a:active{color: #FFFFFF;background-image:url(images/fond_theme.gif);}

/*Blocks centraux*/
#central1{position:relative;width:758px;left:50%;margin-left: -380px;}
#central{width:758px;}
#contenu{width:300px;float:left;}


#chapo {font-weight:bold; text-align:justify;}
#central_nav{background:url(images/fond_nav_central.gif) repeat-x top;width:255px;top:0px;float:right;}
#central_presentation{width:470px;margin:0 0 30px 15px;}
#central_presentation .row_even{background-color:#CCC;}
#central_presentation .row_first{background-color:#4F585F;}
.row_first strong{color:#FFF;}


/*Partie central pour les dossier de l'accueil*/
#central_dossier{background-image:url(images/fond_dossier.gif);	width:502px;}
#central_dossier p{	margin:0 10px 20px 0;text-align:justify;}
#central_dossier a{color: #928F8F;}
#central_dossier a:hover{color: #97AD57;}
#central_dossier a:visited{color: #928F8F;}


/*block de la page d'accueil qui englobe publication et actu*/
#central_pubactu{width:502px;}
#central_pubactu p{margin: 0 0 0 15px;text-align:justify;}
#central_publication{width:181px;float:left;}
#central_actu{width:320px;float:right;}


/*Pour la'ffichage d'un  liste d'ctu mais en page acceuil*/
/*#central_actu_date{	float:left;	color:#F90;	font-size:12px;	margin:0 0 0 15px; }
#central_actu_texte{float:right;width:227px;font-size:13px;text-align:justify;}*/
.central_actu_date{	color:#F90;	font-size:12px;}
.central_actu_texte{font-size:13px;text-align:justify;}


#central_actu_separ{float:left;	margin:2px 5px 0 15px;}


/*Pour la'ffichage d'un  liste d'ctu mais en page interrieur*/
#central_actu_interrieur{ float:left;text-align:justify;padding:0 0 10px 0;}
/*#central_actu_date2{float:left;color:#F90;font-size:12px;margin:0 0 0 0;}
#central_actu_texte2{float:right;width:407px;font-size:13px;text-align:justify;}*/
.central_actu_date2{color:#F90;font-size:12px;margin:0 0 0 0;}
.central_actu_texte2{font-size:13px;text-align:justify;}


/*onglet 'savoir plus' sur les pages articlesH- permet de redéfinir */

#savoir{background-image:url(images/savoir_fond.gif);width:469px;margin: 0 0 0 0;}
#savoir li{list-style-type:square;}
#savoir_top{background-image:url(images/savoir_top.gif);height:39px;}
#savoir_in{	margin:0 10px 0 10px;}
#savoir_bottom{background:url(images/savoir_bottom.gif) #FFF no-repeat;height:10px;}

.spip_documents img {margin:10px 10px 10px 10px;}

img {border:0}

.art_plan a{color:#000000;text-decoration:none;}
.art_plan a:hover{color:#000000;text-decoration:underline;}
.art_plan a:visited{color:#000000;text-decoration:none;}