/***********************************************************************


Feuille de style d'affichage  l'ecran du site www.assorennes.org (hors annuaire)



*************************************************************************/

/******************************************
Couleurs du site :

rouge : #DC0000
noir breves : #211D11
gris breves : #59564D
gris sparateurs : #908E88
couleur des textes : #3F3F3F
noir kiosque : #1F1F1F
marron derniers articles : #2C2614

Typographie : 
Arial

*****************************************/
/***************************************Styles commun  toutes les pages ***********************/


body {
	margin:0px;
	}

.page {
	width:951px;
	height:auto;
	background-image:url("IMG_CSS/border.jpg");
	background-repeat:repeat-y;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #3F3F3F;
	border:0px;
	
}

.finpage {
	width:951px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0px;
	border:0px;
	
}


.boutonstexte {
	float:left;
	display:block;
	clear:both;
	}
	
.texte {clear:both;}

.onlytext_wrapper {
	margin-top: 20px;
	margin-left: 20px;
	}

/*******************Titres*****/

.titreorange {
	color:#DC0000;
	text-decoration:none;
	font-weight:bold;
	padding-top:5px;
	font-size:13px;
	}
	
h1 {
	color:#211D11;
	font-size:18px;
	text-transform:uppercase;
	padding-bottom:20px;
	}



/*******************Spacer*****/
	
.spacer { 
	clear:both;
	}


/*******************Pagination*****/

.pagin_rechch {
	padding:20px 20px 20px 70px;
	font-size:16px;
	font-weight:bold;

	}


.lien_pagination {
	text-align:center;
	color:#59564D;
	font-weight:bold;
}


	
/*******************Liens*****/	

.liensviolet {
	color:#DC0000;
	text-align:left;
	float:right;
	text-decoration:underline;
	
	}

.spip_out {
	color:#DC0000;
	}
	
.retour {
	float:left;
	padding:3px;
	text-decoration:none;
	
	}

.retour span {
	color:#DC0000;
	}
	
/****images *************************/

img {
	border:0px;
}

.spip_documents  {
margin:5px;
clear:both;
}

/****Barettes *************************/

.barette {
	width:170px;
	margin-top:20px;
	float:right;
}

/****Parties invisible  l'cran *************************/

.invisible {display:none;}


#pagevideo dl {
	width:400px;
	margin:auto;
	}

/*************************************** Bandeau (fichier inc-entete.html)***********************/



#entete {
	width:907px;
	height:200px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	background-image:url("IMG_CSS/Bandeau/bandeau.png");
	background-repeat:no-repeat;
	}


#entete_rechch {
	vertical-align:bottom;
	padding-bottom:25px;
	text-align:right;
	width:180px;
	padding-bottom:0px !ie;
	}

#entete_rechch input {
	vertical-align:middle;
	}

#entete_liens {
	width:200px;
	color:#FFFFFF;
	font-size:14px;
	vertical-align:bottom;
	padding-bottom:25px;
	padding-left:15px;
	
	text-align:left;
	
		}

#entete_liens a {
	color:#FFFFFF;
	}
	
#lien_acc {
	vertical-align:top;
	width:300px;
	height:175px;
	}


/************************************* menu vertical gauche (Kiosque)**************************************/
.testkiosque {
	width:180px;
	}

.testkiosque img {
	border:none;
	}

.pmenu {
	width:130px;
	background-image:url("IMG_CSS/fond_kiosque.jpg");
	background-repeat:repeat-y;
	margin:0px 0px 0px 38px;
	border:none;
	margin: -15px 0px 0px 38px !important;
	}

.pmenu li {
	list-style-type:none;
	margin-left:-34px;
	width:123px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #211D11;
	}


#K_bas {
margin-top:-12px;
}

.pmenu li a {
	text-decoration:none;
	color:#DC0000;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	padding:7px 5px 7px 5px;
	min-width:130px;
	}

.pmenu li a:hover { 
	color:#FFFFFF; 
	background-color: #1F1F1F;
}

.pmenu li:hover { 
	background-color: #1F1F1F; 
	}
	
.pmenu li:hover a { 
	background-color: #1F1F1F; 
	color:#FFFFFF;
	}

.pmenu li.on { 
	background-color: #1F1F1F; 
	color:#FFFFFF;
	}
	
.pmenu li.on a { 
	color:#FFFFFF; 
	}
	
.boutons-annuaire-mda {
float:right;
margin-top:5px;
margin-right:7px;
}






/************************************* menu horizontal (sous-rubriques)**************************************/


.menuhoriz {
	padding:10px 10px 10px 0px;
	height:30px;
	float:right;
	margin:auto;
	}

.menuhoriz li {
	display:inline;
	vertical-align:bottom;
	padding:0px 5px 0px 5px;
	border-right:1px dotted #211D11;
	}

.menuhoriz li a {
	text-decoration:none;
	color:#211D11;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	padding:5px 5px 5px 5px;
	}

.menuhoriz li a:hover { 
	color:#FFFFFF; 
	background-color: #1F1F1F; 
}
	
.menuhoriz li:hover a { 
	background-color: #1F1F1F; 
	color:#FFFFFF;
	}
	
.menuhoriz li.on a { 
background-color: #1F1F1F;
	color:#FFFFFF; 
	}

/*************************************Middle**************************************/

#middle {
	width:907px;
	margin:auto;
	margin-bottom:0px;
	background-image:url("IMG_CSS/ombrehoriz1px.jpg");
	background-repeat:repeat-x;
	border:0px;
	}
	
#middle td {
	vertical-align:top;
	}
	
.articleprinc {
	padding:10px 15px 0px 10px ;
	}

/*************************************** Menu brves (fichier inc-breves.html)***********************/

.menubreves {
	vertical-align:top;
	width:180px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	}

#breves {
	
	background-color:#211D11;
	color:#FFFFFF;
	height:100%;
	overflow-x:hidden;
	overflow-y:auto;
	height:500px;
	border-bottom:5px solid #211D11;
	padding-bottom:3px;
	padding-bottom:2px !important;
	}

/* for Internet Explorer 6 */
/*\*/
* html #breves {
height: 400px;
}
/**/

#bloc_breve {
	background-color:#59564D;
	margin:0px 5px 5px 5px ;
	}
	
#bloc_breve img {
	display:inline;
	}

#bloc_breve a {
	color:#FFFFFF;
	text-decoration:none;
	}
.titrebreves {
	border-bottom: 1px dashed #FFFFFF;
	padding:5px;
	}

.titrebreves:hover {
	background-color:#1F1F1F;
	}

#bloc_breve div.on {
	background-color:#1F1F1F;
	}
/*************************************** Style de la page d'accueil (fichier sommaire.html)***********************/
.articletext {
	margin-top:10px;
	max-width:527px;
	}

.articletext img {
	display: block;
	/*margin:auto;*/

	}
.articletext .titreorange {
	margin-top:15px;
	}

/*************************************** Style du bas de la page d'accueil (fichier inc-art_container.html)***********************/

#art_container{
	background-image:url("IMG_CSS/motif.jpg");
	min-height:480px;
	width:907px;
	margin-right:auto;
	margin-left:auto;
	padding-top:0px;
	padding-bottom:10px;
}
/*
#mini_tous {
	margin-left:20px !important;
	}

* html #mini_tous {
	margin-left:0px;
	}

*/
#art_container p {
	padding:0px 7px 7px 7px;
	background-color:#2C2614;
	height:27px;
	}

.mini_art {
	background-color:#FFFFFF;
	border:1px solid white;
	float:left;
	width:265px;
	width:275px !ie;
	height:200px;
	margin:5px 5px 5px 5px;

	padding: 5px;
	font-size:0.9em;
	padding:5px;
	-moz-border-radius: 8px;
}

.mini_art img{
	float:right;
	border:Opx;
	text-decoration: none;
}

.mini_art .col2 a, #mini_h .col2 a, #mini_v .col2 a{
	text-decoration: none;
	color: #3F3F3F;
}

.mini_art .col2 a:visited #mini_h .col2 a:visited, #mini_v .col2 a:visited{
	text-decoration: none;
	color: #3F3F3F;
}

/*************************************** Hasard (bas de la page sommaire.html) ***********************/
#hasard {
	background-color:#2C2614;
	width:907px;
	margin-left:auto;
	margin-right:auto;
	border-top:#908E88 dotted 1px;
	padding:5px 10px 0px 10px;
	color:#FFFFFF;
	}

#mini_h {
	background-image:url("IMG_CSS/hasard.jpg");
	background-repeat:no-repeat;
	width:280px;
	height:180px;
	margin:0px 10px 10px 40px;
	padding: 5px;
	font-size:0.9em;
	padding:5px;
}

#hasardleft , #hasardright {
	width:450px;
}


 #img_h {
 	margin-left:50px;
	margin-bottom:10px;
	margin-right:0px;
	margin-top:10px;

	}
	
 #img_v {
 	margin-left:110px;
	margin-bottom:10px;
	margin-right:0px;
	margin-top:10px;
	}

#mini_v {
	background-image:url("IMG_CSS/video.jpg");
	background-repeat:no-repeat;
	float:left;
	width:280px;
	height:180px;
	margin:0px 10px 10px 100px;
	padding: 5px;
	font-size:0.9em;
	padding:5px;
}


.col1 {
	float:left;
	width:90px;
	}

.col1 a {
float:right;
}

.col2 {
	float:right;
	width:150px;
	min-height:150px;
	}

.clearboth { clear: both; }


#hasard {
	background-color:#2C2614;
	width:907px;
	margin-left:auto;
	margin-right:auto;
	border-top:#908E88 dotted 1px;
	padding:5px 10px 0px 10px;
	color:#FFFFFF;
	}

/**************Style de la page rubrique (fichier rubrique.html et rubrique-16.html)********/

.text_rub .titreorange {
	color:#DC0000;
	text-decoration:none;
	font-weight:bold;
}

.list_art {

	margin-top:8px;
	padding-top:5px;
	border-bottom:1px dotted #908E88; 
}
	
.logorub {
	margin-top:5px;
	width:18%;
	float:left;
	margin-right: 5px;
}

.text_rub {
	margin-top:5px;
	width:78%;
	float:right;
}

.date-archives {
font-weight:bold;

}

/**************Style de la page article (fichier article.html)********/

#logoart {
	text-align:center;
}

.art_mm_rub {
	/*padding-right:15px;*/
	margin-top:100px;
	width:130px;
	margin-left:auto;
	margin-right:auto;
	border:3px solid #1F1F1F;

}

.titre_mmrub {
	background-color:#1F1F1F;

	}

.titre_mmrub h2 {
	background-color:#1F1F1F;
	color:#FFFFFF;
	font-size:12px;
	padding:5px;
	margin:0px;
	}

.titre_mm_art {
	font-size:12px;
	padding-top:15px;
	display:block;
	text-decoration:none;
	color:#DC0000; }
	
.lien_mmrub {
	padding:5px;
}

  /** Lettrine (On augmente la taille de la premire lettre)

.article> p:first-child:first-letter {
   font-size: 175%;
   font-style:italic;
} */


/**************Style de la page liens (fichier rubrique-19.html) ******/

 #page_lien {
	width:10px;
	}

/**************Style de la page erreur 404 (fichier 404.html) ******/

#lien-404 {
color:#DC0000;
}

/**************Style du pied de page********/
#pied {
	clear: both;
	width:907px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	margin-bottom:0px;
	padding-top:10px;
	border-top:#908E88 dotted 1px;
	text-align: center;
	 }
	 
#pied a {
	color:#211D11;
	text-decoration:none;
}
#pied small { font-size: 0.90em; }
#pied img { vertical-align: bottom; }

/******************************************
Couleurs du site :

rouge : #DC0000
noir breves : #211D11
gris breves : #59564D
gris sparateurs : #908E88
couleur des textes : #3F3F3F
noir kiosque : #1F1F1F
marron derniers articles : #2C2614

Typographie : 
Arial

*****************************************/