/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 10
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */

/* Général */
body {
	/*background-color:	#FFFFFF;*/
	/*background-image:	url(../images/background.jpg);*/
	background	:#FFF url(../images/background.jpg) no-repeat fixed left top;
	color		:	#67317F;
}

a {
	color: #7923A7;
}
a:hover, a:focus {
	color: #9999CC;
	/* color: #521771; */

}

/* Contenu principal */
#principal {
	background: #FFFFFF;
}
#principal a {
	color: #7923A7;
}
#principal a:hover, #principal a:focus {
	color: #9999CC;
	/* color: #521771; */
}
#lien a {color: #9999CC}
#lien a:hover, #lien a:focus {color: #7923A7;}

/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 0;
}
#global {
	width: 900px;
	/*margin-left: 158px;*/
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border-left : 1px solid #7100AB;border-right : 1px solid #7100AB;border-bottom : 1px solid #7100AB;
}

/* En-tête */
#entete {
}
#entete h1 {
	margin: 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Bloc central */
#centre {
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.accueil{
	border-left : 1px solid #FEC02E;border-right : 1px solid #FEC02E;border-bottom : 1px solid #FEC02E;
}
.presentation{
	border-left : 1px solid #7100AB;border-right : 1px solid #7100AB;border-bottom : 1px solid #7100AB;
}
.vie_plateforme{
	border-left : 1px solid #DAF10A;border-right : 1px solid #DAF10A;border-bottom : 1px solid #DAF10A;
}
.catalogue{
	border-left : 1px solid #F262E5;border-right : 1px solid #F262E5;border-bottom : 1px solid #F262E5;
}
.referentiel{
	border-left : 1px solid #FFFF00;border-right : 1px solid #FFFF00;border-bottom : 1px solid #FFFF00;
}
.observation{
	border-left : 1px solid #08BBE4;border-right : 1px solid #08BBE4;border-bottom : 1px solid #08BBE4;
}
.contact{
	border-left : 1px solid #F262E5;border-right : 1px solid #F262E5;border-bottom : 1px solid #F262E5;
}
/* Contenu principal */
#principal {
	float: left;
	width: 900px;
	padding-left: 5px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin : 0;
}

#principal p, #principal li {
	line-height: 1.5;
}

#principal  strong {
	color: #67317F;
}

#colactu {
	width: 800px;
	padding-top: 0px;
	padding-bottom: 20px;
	padding-left: 10px;
	background-color: #FFFFFF;
	margin: 0px;
}

#colactu h2 {
	font-style: italic;
	background-color: #FFFFFF;
	width: 30%;
	text-align: center;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 10%;
	vertical-align: bottom;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#colactu h3{
	/*width		:	300px;*/	
	margin 		:	0 0 0 20px;
	padding		:	0 100px 0 20px;
	font		:	bold italic 1.8em Geneva, Arial, Helvetica;color: #660099;letter-spacing:-1px;
}
#colactu ul {
	list-style	: 	square;
	color		: 	#FEC02E;
}


#colactu li{
	/*color		: 	#660099;*/

}



/* Contenu secondaire */
#secondaire {
	margin-left: 490px;
	margin-top: 0px;
	padding: 0px;
}

/*#colagenda {*/
/*	background-image: url(../images/actu2.gif);*/
/*	background-repeat: repeat-x;*/
/*	height: auto;*/
/*	padding-top: 0px;*/
/*	padding-bottom: 10px;*/
/*	background-color: #EEF5B8;*/
/*	padding-left: 10px;*/
/*	margin: 0px;*/
/*	padding-right: 10px;*/
/*}*/
#colagenda h2 {
	font-style: italic;
	background-color: #EEF5B8;
	width: 50%;
	text-align: center;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 10%;
	vertical-align: bottom;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#colagenda h3 {
	font-size: .8em;
}
#colagenda li {
	font-size: .8em;
}
#colagenda p {
	font-size: .8em;
}

#collien {
	margin-top: 5px;
	margin-right: 0px;
	height: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #D2E33F;
	background-image: url(../images/liens_utiles2.gif);
	background-repeat: repeat-x;
	margin-bottom: 20px;
	margin-left: 0px;
}

#collien h2 {
	font-style: italic;
	background-color: #D2E33F;
	width: 40%;
	text-align: center;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 10%;
	vertical-align: bottom;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#collien p {
	font-size: .8em;
}

#collien li {
	font-size: .8em;
}

/* Pied de page */
#pied {
	margin: 0;
	font-size: 0.85em;
	background-color: #67317F; /* #EEFBCF; */
	color: #FFFFFF; 
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

/* Mention de copyright */
#copyright {
	color: 	#FFFFFF;
	font-size: 1em;
	text-align: left;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

/* Mise en page  */
#principaltoutseul {
	width: 100%;
	padding-left: 5px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin : 0;
}
#coltouteseule {
	padding: 0px 10px 20px 10px;
	background-color: #FFFFFF;
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.violette {background: url(../images/headline_violet.jpg) no-repeat;}
.verte {background: url(../images/headline_vert.jpg) no-repeat;}
.rose {background: url(../images/headline_rose.jpg) no-repeat;}
.jaune {background: url(../images/headline_jaune.jpg) no-repeat;}
.bleu {background: url(../images/headline_bleu.jpg) no-repeat;}

.verte ul {
	list-style	: 	square;
	color		: 	#DAF10A;
}
.jaune ul {
	list-style	: 	square;
	color		: 	#F8BB17;
}
.bleu ul {
	list-style	: 	square;
	color		: 	#005AA9;
}
.verte span,.jaune span,.bleu span{
	color		: 	#67317F;
}

.green {
	font		:	bold italic 1.3em Geneva, Arial, Helvetica;
	color		: 	#808F02;
}

h2 {
	background-color: #FFFFFF;
	width: 35%;
	text-align: center;
	margin		:	0 0 0 5%;
	vertical-align	: 	bottom;
	padding		:	4px 0 0 0;
	font		:	bold italic 1.6em Geneva, Arial, Helvetica;
	color		: 	#660099;
	letter-spacing	:	-1px;
}

#lignebleueclair {
	background-color: #DFF7FD;
}

#lignebleufonce {
	background-color: #C1ECF9;
}

#etoile {
	font-size: larger;
	color: #0000FF;
	font-weight: bold;
}
#une{
	float		: 	left;
	width		:	510px;
	/*background-image: url(../images/actu2.gif);*/
	background-repeat: repeat-x;
	padding: 0 0px 20px 10px;
	background-color: #FFFFFF;
	margin: 0 10px 0 0;	
}

#une h2 {
	background-color: #FFFFFF;
	width: 30%;
	text-align: center;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 10%;
	vertical-align: bottom;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font		:	bold italic 1.8em Geneva, Arial, Helvetica;color: #660099;letter-spacing:-1px;
}
#headline{
	width		:	500px;
	background-image: url(../images/headline.jpg);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin: 0px;
}

#headline h3 {
	background-color: #FFFFFF;
	text-align: center;
	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0px;
	margin-left: 0px;
	vertical-align: bottom;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font		:	bold italic 1.8em Geneva, Arial, Helvetica;color: #660099;letter-spacing:-1px;
}

.events {width: 40%;}
.publications {width: 60%;}
.veille_juridique {width: 40%;}

/*   Blocs page d'accueil  */
#adhesion{height :45px; width: 350px;background	: url(../images/adhesion.jpg) no-repeat 0 0; margin	: 0 0 0 0;}
#adhesion a {padding : 0 0 0 60px;color: #FFFFFF; text-decoration: none; font: bold 1.3em Geneva, Arial, Helvetica;letter-spacing:-1px;}
#adhesion a:hover, #lien a:focus {padding : 0 0 0 60px;color: #7923A7; text-decoration: none; font: bold 1.3em Geneva, Arial, Helvetica;letter-spacing:-1px;}

#agenda{width: 350px; margin: 0 10px 0 0;}
#agendatop{height: 20px;width: 350px; background: url(../images/agenda_top.jpg) no-repeat 0 0; margin: 0 0 0 0;}
#agendabg{width: 350px;	background: url(../images/agenda_bg.jpg) no-repeat 0 0;	margin: 0 0 0 0;background-color: #C2DA0A;}
#agendabg p, #newsbg p, #zoombg p{margin:	0 0 0 0; padding: 0 20px 0 20px;}

#zoombg p, #zoombg blockquote{	color: #FFFFFF; margin: 0 0 0 0; padding: 0 0 0 20px;}

.text {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #67317F;}

#agendabg h4{margin:	0 0 0 0; padding: 0px 20px 10px 20px; font: bold italic 1.3em Geneva, Arial, Helvetica;	color: #660099;	letter-spacing:	-1px;}
#agendabottom{height: 20px;	width: 350px;background	: url(../images/agenda_bottom.jpg) no-repeat 0 0; padding: 0 0 0 0px;}
#publication{height: 45px; width: 350px; background	: url(../images/publication.jpg) no-repeat 0 0; padding: 5px 0 0 0;}

.public{padding: 0 0 0 40px;}
#publication a {color: #7923A7; text-decoration: none; font: bold 13px Geneva, Arial, Helvetica;letter-spacing:-1px;}
#publication a:hover, #lien a:focus {color: #FFFFFF; text-decoration: none; font: bold 13px Geneva, Arial, Helvetica;letter-spacing:-1px;}

#news{width: 350px;	margin: 0 10px 0 0;}

#newstop{height: 20px; width: 350px;background: url(../images/news_top.jpg) no-repeat 0 0;margin: 0 0 0 0;}
#newsbg{width: 350px; background: url(../images/news_bg.jpg) no-repeat 0 0;	margin: 0 0 0 0; background-color: #F5EDFA;}
#newsbg h4{margin: 0 0 0 0;padding: 0px 20px 10px 20px; font: bold italic 1.3em Geneva, Arial, Helvetica;color: #660099;	letter-spacing: -1px;}
#newsbottom{height: 15px; width: 350px;	background: url(../images/news_bottom.jpg) no-repeat 0 0; padding: 0 0 0 0;}

#zoom{width: 500px;	margin: 0 10px 0 0;}
#zoomtop{height: 20px; width: 500px;background: url(../images/zoom_top.jpg) no-repeat 0 0;margin : 0 0 0 0;}
#zoombg{width: 500px; background: url(../images/zoom_bg.jpg) no-repeat 0 0;	margin: 0 0 0 0; background-color: #7100AB;}
#zoombg h4{margin : 0 0 0 0;	padding : 0px 20px 10px 20px; font: bold italic 1.3em Geneva, Arial, Helvetica;	color : #660099; letter-spacing : -1px;}
#zoombottom{height: 20px; width: 500px;	background: url(../images/zoom_bottom.jpg) no-repeat 0 0; padding: 0 0 0 0;}
#zoombg a {color: #FFFFFF; text-decoration: none;}
#zoombg a:hover, #lien a:focus {color: #9999CC; text-decoration: none;}

#suggestion{height: 45px; width :350px;	background: url(../images/suggestion.jpg) no-repeat 0 0; margin: 0 0 0 0; padding: 10px 0 0 50px;}

#suggestion a {color: #FFFFFF; text-decoration: none; font: bold 1.3em Geneva, Arial, Helvetica;letter-spacing:-1px;}
#suggestion a:hover, #lien a:focus {color: #7923A7; text-decoration: none; font: bold 1.3em Geneva, Arial, Helvetica;letter-spacing:-1px;}


/* Class */
.filler { position: relative; margin-left: 70px;top:-15px;}
.post { margin: 0px 20px 0px 20px; padding: 0 10px 0 0px; background-color: #C2DA0A;}
.cleaner {clear: both}
.titre h3 {font: bold 1.3em Geneva, Arial, Helvetica; color: #FFFFFF; padding: 0px 0px 0px 40px;}
.img {padding: 10px 10px 10px 10px; align: center;}
.img img{border:1px solid #0EA2A7;}
.item {color: #000000;text-align	: justify;padding: 10px 20px 10px 20px;}
.list-item {background-color: #BBE2F0;}
.list-item2 {background-color: #E1F7FF;}
.elipse{font: 12px Geneva, Arial, Helvetica; color:	#660099; background: url(../images/elipse.jpg) no-repeat 0 0; margin: 0 0 0 0; padding : 8px 0 0 40px;}
.inscription{font: bold 14px Geneva, Arial, Helvetica; color: #FFFFFF; background: url(../images/inscription.jpg) no-repeat 0 0; margin: 0 0 0 300px; padding : 10px 0 10px 40px;}