/*general  STYLE ARACT   site inaugure en 2005 avec 182  */
/* et mis a jour en 192 le 15.04.08 et sq. par PH  PlumE*/ 
/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

html,body { 

	background:#ffffff;
	margin:0;
	padding: 0;	
    text-align:center; /*centrage IE */	
	margin-left:auto;
  	margin-right : auto;   
	background-position: top left;
	background-repeat: repeat-x;	}


div {	font-family:Arial, Helvetica, sans-serif;
		font-size: 11px; 
		text-align:justify;
		padding:0;
		}	  

p{margin :7px;text-indent:0;}	  

img{border:none;}

.cleaner {clear: both; visibility : hidden;} 

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px; 
	text-align:left;
	margin:15px 0 0 0;
	padding:0;
	color:#005695;
	text-indent:0;}	

a {text-decoration:underline;color:#B60174;}

a:link{text-decoration: underline;color:#B60174;}

a:visited{text-decoration: underline;color:#7D3695;}

a:hover {text-decoration: underline;color:#B60174 ;}

.center{ text-align:center;}



hr{margin : 0 20px; border-top:#ccc 1px dashed;height: 1px;border-bottom:#ffffff; }



/*mise en page ID bg5 et 140px pr col1 */

#container { margin-left:auto;

  			margin-right : auto; 

			width: 929px;

			}	



#contenu { margin-left:auto;

  			margin-right : auto; 

			width: 929px;

			}	

#head{

	margin : 0;

	width:900px;

	height:153px;

	}

.head1{	margin :25px 0 0 0;	width:255px;	float:left;	}

.logo_txt{	color :#0f238c;text-align:center;margin :0 0 0 30px;font-size:10px;}



#corps{

	width: 929px;

	margin-top :-5px; 

	margin-left:auto;

	margin-right :auto; 

	margin-bottom :0; 

	background-image: url('aract/bg_corps.gif');

	background-position:top left;

	background-repeat: repeat-y;

	}

	 		 

#corps_firefox{

	margin:0 17px;

	background-image: url('aract/bg_corps.gif');

	background-position:top left;

	background-repeat: repeat-y;

	}



#corps_petit{

	width : 898px;

	margin:0;

	background-color:#ffffff;

	border-left: #ABC9D5 1px solid;

	border-right: transparent 1px solid!important;

	border-top: transparent 1px solid!important;

	border-bottom: transparent 1px solid!important;

	border: 0px;

	/*firefox 1.0 ne comprends pas */

	}

  

#col1{	 

	float: left; 

	width: 154px;

	margin:-1px 0 -2px 0;/*-2 = anti trait bleu sur ie 5.5 et 6.0*/

	padding:0 ;

	background-color:#005695;

	}  

#col1 img{margin:0 0 -3px 0;}/*-2 = anti trait bleu sur ie 5.5 et 6.0*/

.menu {

	width:139px;	

	/*margin:50px  0 -4px 0 ;*/

	/*margin:20px  0 -4px 0 ;*/

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	text-align:left;

	}

/* MENU  */   

#col1 a {color:#ffffff;text-decoration: none;}

#col1 a:link{color:#ffffff;}

#col1 a:visited{color:#ffffff;text-decoration: none;}

#col1 a:hover {color:#FFA531;text-decoration: none;}

/**/.rubriques {

	min-width: 10em;

	/*border: 1px solid #CCC;margin-bottom: 1em;*/

	

	font-size: 0.86em;

}



.menu-titre {

	padding: 0.2em 0.4em;

	border-bottom: 1px dotted #CCC;

	text-align: center;

	font-weight: bold;

}

.rubriques { /*background: #EAFFEA;*/

	text-align:left;}

.rubriques .menu-titre { display:none;/*background: #F2FFF2; */}



.menu_rubrique{

	font-size:10px;

	margin:0;

	padding:0;

	}

.niveau1{

	display:block;

	text-align:left;

	margin:8px 0 0 6px;

	padding:0 0 0 15px;

	list-style-position:inside;

	color:#FFFFFF;

	font-size:11px;

	font-weight:bold;

	background-image:url('aract/carre7.gif');

	background-position:0px 2px;

	background-repeat:no-repeat;

	}

/*.niveau1 a.on { background-color:#F6A440;}*/

.niveau2 {

	display:block;

	text-align:left;

	margin:3px 0 0 17px;

	padding:0 0 0 15px;

	background-image:url('aract/puce_n2off.gif');

	background-position:-2px -2px;

	background-repeat:no-repeat;

	/*color:#6280A4;

	border-bottom:#fff 2px solid;*/

	font-weight:normal;

	}

.niveau1 a.on , .niveau2 a.on {border-bottom:1px dashed #F6A440;}



/*dans menu2 html*/

.rubrique_dur{

	margin : 8px 0 0 6px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:bold;

	text-align:left;

	}

.rubrique_dur a{color:#315975;}

.rubrique_dur a:link{color:#315975;}

.rubrique_dur a:visited{color:#315975;}

.rubrique_dur a:hover{color:#ffffff;}









/*Partenaires ..............adresse..................................menu2.html....................................*/

.adresse{

	margin : -1px 0 0 9px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:9px;

	text-align:left;

	color:#ffffff;

	}

.adresse_milieu{

	margin : -1px 0 0 9px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:9px;

	padding-left:7px;

	text-align:left;

	background-color:#005695;

	color: #666666;

	/*background-image: url('aract/adresse01.gif');

 	background-position: top left;

	background-repeat: repeat-y;*/

	background-image: url('aract/adresse_milieu2.gif');

 	background-position: top left;

	background-repeat: no-repeat;}

.adresse_mail a{text-decoration:underline;color:#B60174;}

.adresse_mail a:link{text-decoration: underline;color:#B60174;}

.adresse_mail a:visited{text-decoration: underline;color:#B60174;}

.adresse_mail a:hover {text-decoration: underline;color: #7D3695;}



.cherche_milieu{

	margin : -1px 0 0 9px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:9px;

	padding-left:7px;

	text-align:left;

	background-color:#005695;

	color: #666666;

	/*background-image: url('aract/searchmiddle.gif');

 	background-position: top left;

	background-repeat: repeat-y;*/

	background-image: url('aract/searchmiddle.gif');

 	background-position: top left;

	background-repeat: no-repeat;}

.adresse_mail a{text-decoration:underline;color:#B60174;}

.adresse_mail a:link{text-decoration: underline;color:#B60174;}

.adresse_mail a:visited{text-decoration: underline;color:#B60174;}

.adresse_mail a:hover {text-decoration: underline;color: #7D3695;}



/*COL 2 .........................................................2..............................*/	

#col2{	 

	float: left; 

	margin : 0px 0 0 0px;

	width: 534px;

	background-color:#ffffff;

	}



#promo {

/*border: 3px #005695 solid;

padding: 5px;*/

}

	

.champs{

	margin:7px;

	list-type-style:none;

		}



#col4 .champs h2{

	margin:6px 0 5px 2px;

	padding:0 0 0 2px;

	background-image: url('aract/bullet3.gif'); 

	background-position: 2px 2px; 

	background-repeat: no-repeat;

	font-size:1.27em;

	text-align:left;

	color:#005695; }

#col4 .champs h2  a {text-decoration: none;color:#005695;}

#col4 .champs h2  a:link{text-decoration: none;color:#005695;}

#col4 .champs h2  a:visited{text-decoration: none;color: #7D3695;}

#col4 .champs h2  a:hover {text-decoration: underline;color:#b60174;}



#col2 h22 {

	margin:-15px -15px;



	}	





#col2 h2 {

	margin:5px 9px;

	text-indent:17px;

	font-size:11px;

	color:#666666;

	font-weight:normal;

	background-image: url('aract/bullet3.gif'); 

	background-position: top left; 

	background-repeat: no-repeat;

	}	

#col2 h2 a {font-size:11px;color:#B60174;text-decoration:none;font-weight:bold;}	

#col2 h2 a:link{color:#B60174;}

#col2 h2 a:visited{color: #7D3695;}

#col2 h2 a:hover{font-size:11px;color:#b60174;text-decoration:underline;background-image:none;}



#col2 h3 {

	text-indent:0px;

	font-size:11px;

	color:#666666;

	font-weight:normal;

	}	

#col2 h3 a {font-size:11px;color:#B60174;text-decoration:none;font-weight:bold;}	

#col2 h3 a:link{color:#B60174;}

#col2 h3 a:visited{color: #7D3695;}

#col2 h3 a:hover{font-size:11px;color:#b60174;text-decoration:none;background-image:none;}







.plan {list-style-type:none;list-style-image: url('rien2.gif');}







/*COL 3 ..........................................................3.............................*/	

#col3{

	float: left; 

	width: 200px;

	margin :12px 0 0 0 ;

	font-size:10px;

	

	}

#col3 strong.spip{color:#666;}

#col3 h1{color:#000;text-align:right;margin:-1px;padding: 2px;}	



#col3 h3 {

	margin:5px;

	font-size:11px;

	color:#005695;

	font-weight:bold;

	text-align:left;

	}

#col3 h2 {

	margin:5px;

	font-size:11px;

	color:#b60174;

	font-weight:bold;

	text-align:left;

	}



.top3{

	height:23px;

	text-align:right;

	color:#ffffff;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size:15px;

	margin-top:17px;

	}

.top3 a{color:#ffffff;}

.top3 a:link{color:#ffffff;}  

.top3 a:visited{color:#ffffff;} 

.top3 a:hover{color:#ff6600;text-decoration:none;} 



.mil3{width: 199px!important;

width: 200px;

background-color:#fbfbfb;

border-left:#eeeeee 1px solid;border-right:#eeeeee 1px solid;

margin-top:3px;

padding-top:4px;}



.bot3 {

	height:22px;

	margin-top:-7px;

	}

.suite_actu{color:#a7c0c6;}

.suite_actu a{color:#a7c0c6;}

.suite_actu a:link{color:#a7c0c6;}

.suite_actu a:visited{color:#a7c0c6;}

.suite_actu a:hover{color:#ff6600;}



/*COL 4 .........................................................4..............................*/	

.hierarchie{

	margin : 15px 0 0 10px;

	font-size:11px;

	font-weight:normal;

	font-family:Arial, Helvetica, sans-serif;

	color:#7d3695;}



#col4{	 

	float: left; 

	margin : 0 10px 0 5px;

	width: 720px;

	background-color:#ffffff;

	}

#col4 h2 {

	margin:15px 9px 5px 9px;

	text-indent:17px;

	font-size:12px;

	color:#666666;

	font-weight:bold;

	background-image: url('aract/bullet3.gif'); 

	background-position: top left; 

	background-repeat: no-repeat;

	}	

#col4 h2 a {font-size:11px;color:#B60174;text-decoration:underline;}	

#col4 h2 a:link{color:#B60174;text-decoration:underline;}

#col4 h2 a:visited{color:#7d3695;text-decoration:underline;}

#col4 h2 a:hover{font-size:11px;color:#B60174;text-decoration:underline;background-image: none;}



#col4 h3 {

	margin:15px 0 3px 15px;

	text-indent:10px;

	font-size:11px;

	font-weight:bold;

	background-image: url('aract/puce2.gif'); 

	background-position: top left; 

	background-repeat: no-repeat;

	}	

#col4 h3 a {font-size:11px;color:#B60174;text-decoration:underline;}	

#col4 h3 a:link{color:#B60174;}

#col4 h3 a:visited{color:#7d3695;}

#col4 h3 a:hover{font-size:11px;color:#B60174;text-decoration:underline;background-image: none;}

	

/*FOOT .........................................................foot..............................*/	

		

#foot{width: 929px;

	margin-left:auto;

	margin-right :auto; 

	text-align:center;

	margin-top:0;

	}

.foot_logo{

	float:left;

	text-align:left;

	margin :0 0 0 60px;

	font-size:10px;}

.foot_text{

	float:left;

	text-align:left;

	margin :0 0 0 60px;

	font-size:10px;}

.partenaires{

	float:left;

	text-align:left;

	margin :0 0 0 150px;

	font-size:10px;}

	

/*GENERAL styles div..........................................................................................*/ 	

.article{margin:15px; text-indent:20px;background-color:#ffffff;}

.articleTitre{margin:15px; text-indent:20px;background-color:#fefefe;}

.articleEncadrer{margin:15px; text-indent:20px;background-color:#fbfbfb;}

.chapo{font-weight:bold;color:#005695;margin-top:7px;}

.logo{float:left;border-right:#ffffff 10px solid;border-bottom:#ffffff 10px solid}



.surtitre{text-align:right;color:#666666;font-variant:small-caps;font-size:12px;}



.soustitre{text-align:right;color:#6875AD;margin : 5px 0 0 0 ;}

.publie{text-align:left;color:#666666;margin : 5px 0 0 5px ;font-size:9px;}

.soustitre2{text-align:left;color:#6875AD;display:inline;margin:-2px 0 8px 0;}



/*general........STYLE....spip style sous cette ligne.........................................................*/ 



a.spip_url {}

a.spip_in {}

a.spip_out {}

a.spip_glossaire { }



.spip_code { }



p.spip_note {/*width:530px;*/word-wrap:break-word;}



h3.spip {

	padding:0;

	background-image: url('aract/carre.gif'); 

	background-position: 2px 2px; 

	background-repeat: no-repeat;

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px; 

	text-decoration: none;

	color:#005695;

	text-align: left;

	margin :10px 0 0 5px;

	

	}

#col4 h3.spip {

	margin :10px 0 0 5px;

	padding:0 0 0 10px;

	background-image: url('aract/carre.gif'); 

	background-position: 2px 2px; 

	background-repeat: no-repeat;

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px; 

	text-decoration: none;

	color:#005695;

	text-align: left;

	}

hr.spip {color:#005695 1px dashed; margin: 0 20px;}

hw.spip {color:#000000 1px dashed; margin: 0 20px;}

b.spip {color : #00000;}

i.spip {/**/font-style:normal;font-weight:bold;color:#F49A2F;}

strong.spip{color:#00000;}	

blockquote.spip {
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	background-color:#ecf7ff;
	}



.spip_puce {list-style-position: inside;border-width: 0px;	}

.spip ul,li{
	list-style-position: inside;
	list-style-image: url('puce.gif');
	border-width: 0px;
	}

.spip li, li{	
	list-style-position: inside;
	list-style-image: url('aract/puce2.gif');
	border-width: 0px;}


.spip_documents{font-family:Arial, Helvetica, sans-serif;font-size : 70%;}



.spip_documents_center{

	margin: auto; 

	text-align: center;

	width: 80%;

}



.spip_documents_left{

	float: left;

	margin-right: 15px; 

	text-align: center;

}



.spip_documents_right{

	float: right;

	margin-left: 15px; 

	text-align: center;

}



table.spip {

	margin-left: auto;

	margin-right: auto;

	margin-top:5px;	

	border: 1px solid #dfcce3;

	border-collapse:collapse;

	font-size:10px;

	text-align:center;

	}



table.spip caption{

	caption-side: top; /* bottom pas pris en compte par IE */

	text-align: center;

	margin-left: auto;                                                       

	margin-right: auto;

	padding: 3px;

	font-weight: bold;

	font-family:Arial, Helvetica, sans-serif;

	font-size : 70%;

}



table.spip tr.row_first {

	background-color: #F3ECF5;

}



table.spip tr.row_odd {

	background-color: #F3ECF5;

}



table.spip tr.row_even {

	background-color: #ffffff;

}



table.spip td {

	padding: 3px;

	text-align: left;

	vertical-align: middle;

}



.forml { width: 100% ; background-color: #FFDDAA;}



.spip_encadrer {

	font-family:Arial, Helvetica, sans-serif;

	margin : 0 20px;

	background-color: #FFFFFF;

	border: 1px #fbfbfb solid;

}



.spip_cadre {

	width : 95%;

	background-color: #FFFFFF;

	padding: 5px;

	margin-top: 10px;

}



div.spip_poesie {

	margin-bottom: 5px;

	margin-left: 10px;

	padding-left: 10px;

	border-left: 1px solid #999999;

}

div.spip_poesie div {

	text-indent: -60px;

	margin-left: 60px;

}



/*.spip_bouton { background-color: #315975;color:#ffffff;}*/

.spip_bouton {

 /*background-color: aqua; */

color:#ffffff;

width : 60%;

}



form.formrecherche { 

	margin-top: 5px;

	margin-bottom: 5px;

}

input.formrecherche {

	width: 113px;

	/*background-color: #005695*/

}

.formulaire_recherche{}

.formulaire_recherche label{}

.formulaire_recherche input{

	width: 113px;

	background-color:#005695;

color:#ffffff;}



.reponse_formulaire {

	font-family:Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 110%;

	color: red;

}



.article label{

/*text-align:left; 

clear : both;*/

}



.spip_surligne { background-color: #FFFF66; }



/*

 *  Images typographiques (via image_typo)

 */

.image_typo {

	behavior: url("win_png.htc");

}



/*

 * Barre de raccourcis

 */



a.spip_barre img {

	border-left: 1px solid #ffffff;

	border-top: 1px solid #ffffff;

	border-right: 1px solid #aa9966;

	border-bottom: 1px solid #aa9966;

	padding: 3px;

	background-color: #FFDDAA;

}

a.spip_barre:hover img {

	border: 1px solid #808080;

	padding: 3px;

	background-color: #f8f8f4;

}