/* CSS Document liés -  */
@import url("reset.css");
@import url("ie.css");
@import url("forms.css");
/*---------------------------------------------------------------------------------------------------------------*/
/* CSS Commun */
/*---------------------------------------------------------------------------------------------------------------*/
body{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:rgb(112,39,143);}
.clear {clear:both;}
html{overflow:-moz-scrollbars-vertical;} /* On montre tout le temps l'ascenceur verticale dans FF*/
a{outline:none;color:rgb(112,39,143);} /* On supprimer l'effet pointillé sur les liens */
.test{background-color:#99CC99} /*style de fond pour les tests*/
p{text-align:left;font-size:12px;line-height:-1.2}
div.hr{clear:both;height:1px;font-size:1px;background-color:rgb(112,39,143);margin:0}
small{font-size:9px}
.Orange{color:rgb(140,200,70);font-weight:bold}
.espace{height:30px;clear:both}
.format_png{behavior: url("win_png.htc")}
/*---------------------------------------------------------------------------------------------------------------*/
/* CSS Blocs */
/*---------------------------------------------------------------------------------------------------------------*/
#Container{width:950px;margin:10px auto;}
	#Logo{float:left;width:473px;height:90px;border-right:solid 2px rgb(112,39,143);border-bottom:solid 7px rgb(112,39,143)}
	#Upline{float:left;width:475px;height:90px;border-bottom:solid 7px rgb(112,39,143)}
	#NaviLeft{float:left;width:475px;height:90px}
	#NaviRight{float:left;width:475px;height:90px}
		#NaviRight ul{float:right}
		#NaviRight ul.UlFirst{margin:30px 10px 5px 0}
		#NaviRight p.UlSec{margin:1px 10px 0 0}
	#Accroche{float:left;width:950px;height:50px;background-color:rgb(140,200,70)}
	#CorpsAccueil{float:left;width:595px;height:370px;}
		#TexteCorpsAccueil{float:left;width:400px;height:110px;margin:260px 0 0 0}
		#ListeCorpsAccueil{float:left;width:195px;height:110px;margin:260px 0 0 0}			
	#ColonneAccueil{float:left;width:355px;height:370px}
		#ExtraitActu{margin:90px 30px 30px 40px}
			.ActuTexte{float:left;width:285px;margin:8px 0 8px 0}
	/*#CorpsPage{float:left;width:475px;background-color:rgb(146,139,92)}*/
	#ColonnePage{float:left;width:950px;padding-bottom:0px}
		#Illustration{float:left;width:475px;}
		#Colonne{float:left;width:475px;}
			#SommaireRubrique{margin:30px;}
			#Article{margin:30px;}
				#EnTete{padding-bottom:30px;}
			.ExtraitArticle{margin:8px 0 8px 0}
	#Adresse{float:left;width:475px;height:80px;border-top:solid 0px rgb(112,39,143);border-bottom:solid 7px rgb(112,39,143)}
	#Mention{float:left;width:475px;height:80px;border-top:solid 0px rgb(112,39,143);border-bottom:solid 7px rgb(112,39,143)}
/*---------------------------------------------------------------------------------------------------------------*/
/* CSS Typo */
/*---------------------------------------------------------------------------------------------------------------*/
#Upline p{margin:26px 120px 20px 17px;font-size:11px;line-height:1;text-align:justify}
#NaviRight li,#Mention li{float:left;line-height:1}
#NaviRight li a{font-size:14px;text-decoration:none;border-right:1px solid rgb(112,39,143);padding:3px 10px 3px 10px}
#NaviRight li a:hover{color:rgb(140,200,70)}
#NaviRight p.UlSec{margin-top:10px}
#NaviRight p.UlSec a {text-decoration:none;font-size:11px;padding:0px 5px 0px 5px;border-right:none}
#NaviRight p.UlSec a:hover{text-decoration:none;color:rgb(140,200,70)} 
#Accroche p{text-transform:uppercase;line-height:50px;text-align:center;word-spacing:10px;letter-spacing:30px;font-size:11px;}
#Adresse p{margin:20px 0 0 30px}
#Adresse a{text-decoration:none}
#Adresse a:hover{text-decoration:none;color:rgb(140,140,140)}
#Mention p{text-align:right;margin:30px 20px 0 20px}
#Mention p a{text-decoration:none;padding:3px 10px 3px 10px}
#Mention p a:hover{text-decoration:none;color:rgb(140,140,140)}
#TexteCorpsAccueil h3{color:white;text-align:left;margin:20px 20px 0 20px;line-height:1.2}
#TexteCorpsAccueil p{color:white;margin:0;margin:30px 20px 5px 20px}
#ListeCorpsAccueil ul{color:rgb(245,167,22);text-align:left;margin:30px 10px 0 0;list-style-type:none;list-style-position:outside}
#ListeCorpsAccueil li{line-height:1.3;font-weight:bold}
#ListeCorpsAccueil li a{text-decoration: none;color:rgb(140,200,70)}
#ListeCorpsAccueil li a:hover{text-decoration:underline}
#ExtraitActu p{text-align:justify;margin:0 0 8px 0}
#ExtraitActu .ActuTexte h3{font-size:12px;color:rgb(140,140,140);text-align:right}
#ExtraitActu .ActuTexte p{font-size:11px;text-align:justify;margin:0 0 0 8px}
#ExtraitActu .ActuTexte p a{text-decoration:none}
#ExtraitActu .ActuTexte p a:hover{text-decoration:none;color:rgb(140,140,140)}
#ExtraitActu .ActuTexte p img.spip_logos{float:left;margin:0 5px 8px 0;border:1px solid rgb(112,39,143)}
#SommaireRubrique .ExtraitArticle h2{font-size:14px;color:rgb(140,200,70);text-align:right;text-transform:uppercase}
#SommaireRubrique .ExtraitArticle h3{color:rgb(140,200,70);text-align:left;margin:10px 0 5px 0}
#SommaireRubrique .ExtraitArticle p{text-align:justify;margin:8px 0 16px 0}
#SommaireRubrique .ExtraitArticle p a{text-decoration:none;color:rgb(140,140,140)}
#SommaireRubrique .ExtraitArticle p a:hover{text-decoration:underline;color:rgb(140,140,140)}
#SommaireRubrique .ExtraitArticle p a.LienTexte{color:rgb(112,39,143)}
#SommaireRubrique .ExtraitArticle p img.spip_logos{margin:0 8px 5px 0;border:1px solid rgb(112,39,143)}
#EnTete ul{margin:0 0 0 230px;}
#EnTete ul li{line-height:1.3}
#EnTete ul li a{text-decoration:none;color:rgb(140,200,70)}
#EnTete ul li a:hover{text-decoration:underline;}
#Article #Paragraphe h2{font-size:14px;color:rgb(140,200,70);text-align:right;text-transform:uppercase;margin:8px 0 5px 0}
#Article #Paragraphe h3{color:rgb(140,200,70);text-align:left;margin:10px 0 5px 0;text-transform:uppercase}
#Article #Paragraphe p{text-align:justify;margin:8px 0 16px 0}
#Article #Paragraphe ul{list-style-type:none;list-style-position:outside;margin:8px 0 0 0}
#Article #Paragraphe li{line-height:1.2}
#Paragraphe a{text-decoration:none}
#Paragraphe a:hover{text-decoration:none;color:rgb(140,200,70)}
#Paragraphe img.spip_logos{margin:12px 12px 0 0;border:1px solid rgb(112,39,143)}
/*Mise en place des images en fond*/
#CorpsAccueil{background-repeat:no-repeat}
/*Fond transparent*/
#TexteCorpsAccueil{
	background-image:url(http://www.valeurdimage.com/site/squelettes/image/fond_degrade_texte_accueil.png) !important; 
	background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.valeurdimage.com/site/squelettes/image/fond_degrade_texte_accueil.png');
	width:400px;
	height:110px;
	background-position:0 0;
	background-repeat:no-repeat;
}
#ListeCorpsAccueil{
	background-image:url(http://www.valeurdimage.com/site/squelettes/image/fond_degrade_liste_accueil.png) !important; 
	background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.valeurdimage.com/site/squelettes/image/fond_degrade_liste_accueil.png');
	width:195px;
	height:110px;
	background-position:0 0;
	background-repeat:no-repeat;
}
#ColonneAccueil{background-image:url(../image/actu_en_direct.png);background-repeat:no-repeat}
#ColonnePage{background-image:url(../image/fond_rubrique.gif);background-repeat:repeat-y}
.pdf{
	background-image:url(../image/pdf_16x16.png);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding:2px 0 5px 20px;
	margin:5px 0 5px 0;
	line-height:1.2}
/*Image*/
#Logo img{margin:-4px 0 0 50px}
/*#Illustration img{margin-bottom:30px}*/
#EnTete #LogoClient{float:left;border:1px solid rgb(112,39,143);padding:8px;margin-bottom:15px;background-color:white;}
/*Portfolio*/
#Article #Paragraphe .Portfolio .Vignette{background-color:white;border:1px solid rgb(112,39,143);float:left;margin:0 20px 15px 0;padding:10px}
#Article #Paragraphe .Portfolio .Vignette .VignHD{float:left;margin:0 10px 0 0;border:1px solid rgb(112,39,143)}
#Article #Paragraphe .Portfolio .Vignette .VignBD{float:left;margin:0;border:1px solid rgb(112,39,143)}
#Article #Paragraphe .Portfolio .VignHD p.legend,#Article #Paragraphe .Portfolio .VignBD p.legend{font-size:9px;padding:2px;margin:0}
/*---------------------------------------------------------------------------------------------------------------*/
/* FIN */
/*---------------------------------------------------------------------------------------------------------------*/
#Mention p a.acid{background-image:url(../image/acid_creation.gif);background-repeat:no-repeat;background-position:top right;padding-right:20px}