@charset "iso-8859-15";
/* CSS Document */

/****************************************************************************
*****************************************************************************
******************* CSS INDEXNEW CREATION LE 31 MARS 2010 	*******************
*****************************************************************************
****************************************************************************/

/****************************************************************************
************************* Configuration des polices  ******************************
****************************************************************************/

/****************************************************************************
************************** Configuration de la page  *****************************
****************************************************************************/

body {
	font: 14px Times New Roman, Times, serif;
	margin:20px 0 20px 0;   /*Centrage vertical du site*/ 
	padding:0px;
	background-image:url(../images/contact/degradegris.jpg);
	background-repeat:repeat-x;
	text-align:center;
	color: #fefecc;			/* jaune paille */
}
img {
	border:0 none;
}
a:link {					/*Configuration standard des couleurs des textes pour les liens*/
	color: #FFFFFF;			/* blanc */
}
a {
	font-weight: bold;
}
a:hover {
	color: #00FF00;			/* vert fluo */
}
a:visited {
	color: #00FFFF;			/* bleu turquoise */
}

.cache {
	position: absolute;
	left: 0;
	top: -5000px;
}

/*********** FIN CONFIG COLORATION DES TEXTES POUR LES LIENS  ***************/

#CONTENEUR_INDEX {
	position: relative;
	margin: 0px auto 0px auto;
	width: 990px;
	text-align:center;
	background-image: url(../images/structure_du_site/fond_parme_index.jpg);
	background-repeat: repeat-y;
}

/****************************************************************************
*************************** MODULE " HEADER " ******************************
****************************************************************************/

#HEADER_INDEX {
	margin: 0px;
	padding: 0px;
	height: 130px;
	background-image: url(../images/structure_du_site/header_2009.jpg);
	background-repeat: no-repeat;
}
#headerdroit_index {		/*Description de la page dans le header ID SPECIFIQUE A LA PAGE*/
	float: right;
	margin: 0;
	width: 410px;
	height: 124px;
	padding: 5px 0 0 0;
	display: inline;
	background-image: url(../images/structure_du_site/header_droit_2009.jpg);
}
#headerdroit_index p {			/*SPECIFIQUE A LA PAGE*/
	font-weight:bold;
	text-align:justify;
	margin: 0 7px;
	padding: 10px;
}

/****************************************************************************
******************* MODULE " NAVIGATION HORIZONTALE " **********************
****************************************************************************/

#navigation_index {			/*Ce DIV englobe "menuhaut"*/
	display: inline;
	float: right;
	width: 819px;
	background: url(../images/index/menuhaut.png) no-repeat;
	/*background-repeat: no-repeat;*/
	height: 36px;
	margin: 0px 5px 0px 0;
}
#menuhaut_index {
	width: 817px;
	margin: 0 auto 0 auto;
	padding: 0.8em 0.4em 0.5em 0;
	list-style-type: none;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	/*color: #FFC; */
	font-size: 12px;
	font-weight: bold;
	/*border-top: 3px solid #F6DEF8;*/
	height: 15px;
}
#menuhaut_index li {
	float:left;
	display: inline;
}
#menuhaut_index a {
	display:inline;
	color:#FFC; 				/*Jaune or*/			
	text-decoration:none;
	margin: 0 2px 0 29px;		/* marge entre les liens */
}
#menuhaut_index li a:hover, li a:focus {
	color:#0F0; 				/*Changement de la couleur du texte au survol de la souris*/
	/*background-color: #640A0A;*/
}

/****************************************************************************
*********************** MODULE " SIDEBAR GAUCHE " **************************
****************************************************************************/

#SIDEBARGAUCHE_INDEX {
	display: inline;
	float: left;
	width: 147px;
	margin: 30px 0 0 7px;
	overflow: hidden;
}

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

.btnompage01_index {						/*CLASS affectée au bouton "NOM DE PAGE" défini le texte sur 1 ligne*/
	display: inline;
	float: left;
	width: 132px;					
	/*background-repeat: no-repeat;*/
	height: 50px;
	margin: 0 0 0 12px;
	padding: 11px 0 0 0;			/*Centrage du texte*/
	text-align: center;
	color: #0F0;
	font-weight: bold;
	background: url(../images/index/nom_page2010.png) no-repeat;
}
.btnompage02 {	/*CLASS affectée au bouton "NOM DE PAGE" défini le texte sur 2 lignes*/
	display: inline;
	float: left;
	width: 132px;					
	background: url(../images/Boutons/nom_page.jpg) no-repeat;
	/*background-repeat: no-repeat;*/
	height: 50px;
	margin: 0 0 0 12px;
	padding: 5px 0 0 2px;			/*Centrage du texte*/
	text-align: center;
	color: #0F0;
	font-weight: bold;
}
/*-------------------------- PARAM2TRAGE DES MODULES DU SIDEBAR -------------------------------*/
.chaposidebar {
	display: inline;
	float: left;
	width: 145px;
	margin: 0 0 0 2px;
	/*background-color: #00FFFF;*/
}
#corpsidebarrepenligne {
	display: inline;
	float: left;
	width: 140px;
	margin: 0 0 0 4px;
	padding-bottom: 15px;
	background: url(../images/index/corpsrepligne.png)
	/*background-color: #00FFFF;*/
}
#corpsidebarrepenligne p {
	margin: 0;
	padding: 10px 2px 0 2px;
	text-align: center;
	font-weight: bold;
}
#corpsidebarplan {
	display: inline;
	float: left;
	width: 140px;
	margin: 0 0 0 4px;
	padding-bottom: 15px;
	background: url(../images/index/corpsidebar_plan.png)
	/*background-color: #00FFFF;*/
}
#corpsidebarplan p {
	margin: 0;
	padding: 10px 2px 0 2px;
	text-align: center;
	font-weight: bold;
}
#corpsidebar_expo {
	display: inline;
	float: left;
	width: 140px;
	margin: 0 0 0 4px;
	padding-bottom: 15px;
	background: url(../images/index/corpsidebar_expo.png);
	/*background-color: #00FFFF;*/
}
#corpsidebar_expo p {
	margin: 10px 4px 10px 4px;
	padding: 0;
	text-align: center;
	/*font-weight: bold;*/
}
#corpsidebar_expo h4 {
	font-size: 1em;
	margin: 10px 0;
}
#corpsidebar_expo h3 {
	font-size: 1em;
	margin: 0px;
	color: #99FFFF;
}
#corpsidebar_expo h5 {
	margin: 5px 0;
	font-size: 14px;
}
#corpsidebar_expo span {
	font-weight: bold;
	text-align: center;
	margin: 12px 0;
}
.image {
	margin: 0 auto;	
}
.btsidebar {	/* Configuration de l'emplacement du bouton vers les liens des pages appelées */
	display: inline;
	float: left;
	width: 69px;
	margin: 20px 0 0 38px;	/* Centrage du bouton */
}
.chapobassidebar {
	display: inline;
	float: left;
	width: 145px;
	margin: 0 0 20px 2px;	/*Défini la marge basse du module "Expo Photo" et règle l'espace entre le du bouton "Haut de Page" */
}
/*-------------------------- FIN DES PARAMETRAGE DES MODULES DU SIDEBAR ------------------*/
#hautdepage_index {					/* SPECIFIQUE A LA PAGE */
	height: 25px;
	width: 124px;
	float: left;
	margin:	0 0 0 10px;			/*Defini l'emplacement du bouton "Haut de Page"*/
	display: inline;
}
.hautdepage_index a {
	font-weight:bold;
	color:#FEFECC;
	text-decoration: none;
	padding-top: 10px;
}

/****************************************************************************
********************** MODULE " CONTENEUR PRINCIPAL " **********************
****************************************************************************/

#CONTENU_VIOLINE_INDEX {
	display: inline;
	float: right;
	width: 819px;
	background-color: #FCF;			/* violine */
	margin:0px 7px 10px 0;
	padding: 0;
}
.bloc810300 {
	display: inline;
	float: left;
	width: 810px;
	/*background: url(../images/index/chapo810_mariage.png) left top no-repeat;
	padding-top: 28px;*/
	margin: 0 0 0 5px;
}
.cadre810300 {
	display: inline;
	float: left;
	width: 810px;
	background: url(../images/index/corps810300_nontransparent.png) left bottom no-repeat;
	/*padding-bottom: 20px;*/
	padding: 0 0 20px 0;
	margin:0 0 0 5px;
}
.cadre810300 h2 {
	margin: 0;
	padding: 10px 0 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}
.cadre810300 p {
	font:  12px Georgia, "Times New Roman", Times, serif;
	text-align: justify;
	margin: 0;
	padding: 0 10px 0 10px;
}
.imgg {
	display: inline;
	float: left;
	width: 214px;
	margin: 10px 10px 0 15px;
}
.imgd {
	display: inline;
	float: right;
	width: 114px;
	margin: 10px 15px 0 10px;
}
.textetheme {
	display: inline;
	float: left;
	width: 432px;
	margin: 0;
	padding:0;
}
/*-------------------------------------------------------------------------------------------------------------------------
--------- Modules bouton pour les liens vers lles pages et définition de leurs emplacement ------------
-------------------------------------------------------------------------------------------------------------------------*/
#btmariage {				
	position: absolute;
	left: 774px;
	top:332px;
}
#btindus {				
	position: absolute;
	left: 774px;
	top:546px;
}
#btscolaire {				
	position: absolute;
	left: 774px;
	top:760px;
}
#btevenement {				
	position: absolute;
	left: 774px;
	top:974px;
}
#btstudio {				
	position: absolute;
	left: 774px;
	top: 1187px;
}

/*----------------------------------- Cofiguration du bouton "Visitez..!" -------------------------------------*/
ul.bouton {						
	color: #FFC;
	font-size: 14px
}
ul.bouton  {
	list-style-type: none;		/* Suppréssion des marges et des puces des élèments "ul" et "li" */
	margin: 0;
	padding: 0;
}
ul.bouton li {				/* Suppréssion du "padding" du "li"  */
	margin: 0;
	padding: 0;
}
ul.bouton li a {
	display: block;			/* On passe le lien en élèment de type block pour lui donner des propriété de taille */
	width: 69px;				/* Longueur du bouton */
	line-height: 26px;		/* Hauteur du bouton */
	/*color: #0f0;*/
	text-decoration: none;
	background: url(../images/index/boutonvisite.png) no-repeat 0 0; 
}
ul.bouton li a:hover {
	background: url(../images/index/boutonvisite.png) no-repeat 0 -26px;
	color: #600;
}	
ul.bouton a:link {	/*Configuration des couleurs au survol du texte pour les liens*/
	color: #FFC;			/* blanc */
}
ul.bouton a:hover {
	color: #600;			/* Bordeau foncé */
}
ul.bouton a:visited {
	color: #0FF;			/* bleu turquoise */
}
/*----------------------------- Fin de configuration du bouton "Visitez..!" ----------------------------------*/

/****************************************************************************
************************ MODULE " COMPTEUR DE VISITES " *********************
****************************************************************************/

#compteur2010_index {
	display: inline;
	float: left;
	width: 228px;
	height: 50px;
	border: 0;
	margin: 20px 0 10px 30px;
	/*background-color:#00FF00;*/
	overflow: hidden;
}
#compteur2010_index p {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#compteur2010_index span {		/*Couleur des chiffres du compteur*/
	color:#0F0;
	font-size:11px;
	font-weight:bold;
}

/*----------------------------------------------------------------------------------------------------------------------*/

#navigateurs {
	display: inline;
	float: right;
	width: 500px;
	margin: 20px 30px 0 0;
	/*background-color: #0f0;*/
}
#miseajour {
	display: inline;
	float: right;
	width: 500px;
	font:bold 11px Georgia, "Times New Roman", Times, serif;
	color: #0F0;
	margin: 20px 30px 0 0;
	/*background-color: #0f0;*/
}
.separation_INDEX { /*mise en forme du corps principale et contenu_violine*/
	clear: both;
	visibility: hidden;
	width: 842px;
}
* html .monelementbogue { height: 1%; }	/* hide hack from Mac-IE5 \*/
/* end hiding */

/****************************************************************************
************************** MODULE " PIED DE PAGE " **************************
****************************************************************************/

#FOOTER_INDEX {
	margin: 0;
	padding: 0px;
	background-repeat: no-repeat;
	height: 50px;
	color: #FFFFCC;
	font-size: 12px;
	background-image: url(../images/structure_du_site/footer_2009.jpg);
	clear: both;
	position: relative;
	overflow: hidden;
}
.footer_index {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #FEFECC;
	margin: 17px 0px 0 30px;
	float: left;
	display: inline;
}
#FOOTER_INDEX  span {
	float:right;
	margin: -25px 50px 0 0;
	color: #FFFFFF;
}
#FOOTER_INDEX a:link {	/*a:link - a:visited - a:hover : paramétrage du lien "Mention Légales"*/
	color: #FFFFFF;
}
#FOOTER_INDEX a:visited {
	color: #00FFFF;
}
#FOOTER_INDEX a:hover {
	color: #00FF00;
}
#FOOTER_INDEX a {
	font-weight: bold;
}
.anicam {
	float: left;
	width: 45px;
	display: inline;
	margin: -35px 0 0px 720px;
	overflow: hidden;
}
.validatecss {
	display: inline;
	float: left;
	margin: 9px 0 0 37px;
}
.validatexhtml {
	display: inline;
	float: left;
	margin: 9px 0 0 68px;
}
.infoscellule01 {
}