@charset "iso-8859-1";
/*CARACTERISTIQUES STANDARTS DE L'ECRITURE*/

/*XXXXX STANDART COULEURS XXXXXXXXXXXXXXXX
Violet= #3F0E63 Violet clair= #996699 violet liens=#9933CC
Jaune= #FFFC6B Jaune crème= #FFFEA3 jaune vif+#FFFF00 Blanc casse= #FFFFCC 
Gris= #CCCCCC
Vert crème= #CCCC66
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	font-style: normal;
	color: #3F0E63;	
	background-color: #999999;
	}
	*.flottant_a_droite{
		float: right;
		margin-top: 0.5em;
		margin-left: 0.7em;
		margin-bottom: 0.5em;
		visibility: visible;
		}
	*.flottant_a_gauche{
		float: left;
		margin-top: 0.5em;
		margin-right: 0.7em;
		margin-bottom: 0.5em;
		visibility: visible;
		overflow: visible;
		}
	*.fond_colore{
	background-color: #996699;
	padding: 0em 2em;
	color: #FFFFFF;		
	}
	*.titre{
	padding: 0.5em 0em 0em 0em;
	font-size:2em;
	font-variant: small-caps;
	color: #996699;	
	margin:0em 0em 0em 0em;
	}
	*.titre_encadre{
	padding: 0em 1em;
	font-size:1.5em;
	font-variant: small-caps;
	text-align: center;
	border-width: thin;
	border-style: solid;
	}
	*.encadre{
	padding: 0em 1em;
	text-align: center;
	border-width: thin;
	border-style: solid;
	}
	*.bande_annonce{
	font-size:1.5em;
	font-variant: small-caps;
	color: #FFFFFF;/*BLANC*/
	}
	*.hr{
	color: #996699;/*violet clair*/

	}
	*.post_scriptum{
	font-size:75%;
	font-style: italic;
	}
	*.flecheretour_left{
	background-color: #996699;
	padding: 0em 0.5em 0em 2em;
	color: #FFFFFF;
	background-image: url(Chartre%20graphique/fleche_retour.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size:70%;
	top: 0px;
	font-weight: bold;
	float: left;
	}
	*.flecheretour_right{
	background-color: #996699;
	padding: 0em 0.5em 0em 2em;
	color: #FFFFFF;
	background-image: url(Chartre%20graphique/fleche_retour.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size:70%;
	top: 0px;
	font-weight: bold;
	float: right;
	}
	*.en_ligne{
	float: left;
	padding: 0em;	
	margin: 0.5em 0.5em 0.5em 0.5em;
	width: 10em;
		}
#fond_violet{
background-color: #996699;/*vert crème*/
padding: 0.5em;
color: #FFFFFF;	/*blanc*/
}
	#fond_violet a{color: #FFFFFF;	}

/*_____________STANDARD______________________________*/				
h1{font-weight: bolder;font-size:100%;margin:0.5em 0em 0em 0em;}
.Rouge{color:red;}							
h2{font-weight: bolder;font-size:85%;margin:0.5em 0em 0em 0em;}
			
p{
	font-size:85%;
	margin:0em 0em 0em 0em;
	line-height: 1.5em;
	
}

li{
	font-size:85%;
	margin:0.5em 0em 0em 2em;
	list-style-type: square;
	/*margin-left:1em;*/
	}
	.li_numerote{
	font-size:85%;
	margin: 0em 0em 0em 2em;
	list-style-type: square;
	list-style-type: decimal;
	}

a{text-decoration: underline;color: #3F0E66;} /*violet liens*/
	.fleche{/*ajoute une flèche avant*/
		background-image: url(Chartre%20graphique/fleche_lien_violet.gif);
		background-repeat: no-repeat;
		background-position: left;
		padding-left: 25px;
		}
	.loupe{/*ajoute une loupee avant*/
		background-image: url(Chartre%20graphique/loupe_26_14.jpg);
		background-repeat: no-repeat;
		background-position: left;
		padding-left:30px;
		line-height:1.2em;
		}
a:hover{text-decoration: none;}
a:visited{color: #9933CC;}

fieldset {background-color: #FFFF99;}
input.gris{background-color: #CCCCCC;}
textarea{overflow: hidden;}/* empeche le scroolbar*/
select{
	width: 80%;
	position: relative;
	/*float: left;*/
	border: solid #996699;
	padding: 0.2em 0.2em;
	border-width: 2px;
	background-color: #FFFFCC;
	/*margin-right: 0.5em;*/
	/*margin-top: 0em;*/
	/*margin-bottom: 0.5em;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-style: normal;
	color: #3F0E63;
	overflow: auto;
}


/*_______________pagination sur 2 COLONNES _________________*/
#colonnedroite {
	width: 47%;
	position: relative;
	clear: none;
	margin-left: 50%;
	border-left-color: #996699;/*violet clair*/
	border-left-width: 1px;
	border-left-style: solid;
	padding-left: 1em;
	}	
#colonnegauche {
	width: 47%;
	position: relative;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
		
	}
/*_______________Fenêtre flottante _________________*/
#flot_right_cadre{/*avec encadrement*/
	width: 43%;
	position: relative;
	float: right;
	border: solid #996699;
	border-width: 1px;
	padding: 0.5em 0.5em;
	background-color: #CCCCCC;
	margin-left: 1em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	}
#flot_left_cadre{/*avec encadrement*/
	width: 43%;
	position: relative;
	float: left;
	border: solid #996699;
	border-width: 1px;
	padding: 0.5em 0.5em;
	background-color: #CCCCCC;
	margin-right: 1em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	}
#cadre_accueil{/*page accueil*/
	width: 210px;/* du fait du logo cinquantenaire de largeur 200px*/
	position: relative;
	float: left;
	border-right: solid #996699;
	border-bottom: solid #996699;
	padding: 0.2em 0.2em;
	border-width: 2px;
	background-color: #FFFFCC;
	margin-right: 0.5em;
	margin-top: 0em;
	/*margin-bottom: 0.5em;*/
	*background-image: url(Accueil/clochette_75_86.jpg);*/
	background-repeat: no-repeat;
	background-position: 0% 0%;
	}
#cadre_accueil h1{
	font-weight: bolder;
	font-size:1.5em;
	/*color:#FFFFCC;*/
	margin:0.2em 1em 0em 1em;
	text-align: center;
	z-index:2;
}

#a_gauche{
	position: relative;
	float: left;
	margin-right: 1em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	}
#a_droite{
	position: relative;
	float: right;
	margin-left: 1em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	background-color: #FFFFCC;
	}
#standart{
	width: 100%;
	margin: 0em;
	padding: 0em;
	}
#lien{/*omsjc-membre*/
	width: 90%;
	position: relative;
	/*float: left;*/
	border: solid #996699;
	padding: 0.2em 0.2em;
	border-width: 2px;
	background-color: #FFFFCC;
	margin: 0.5em;
	overflow: scroll;	/*margin-bottom: 0.5em;*/
	height: 5em;
	}