/* *** Generated by www.csscreator.com *** */
/* couleurs */
.brique      {color : #D87B2E;}
.chair       {color : #F2D2B8;}
.chair_clair {color : #F7E5D5;}
.gris_bleu   {color : #75848D;}

.fond_brique      {background-color : #D87B2E;}
.fond_chair       {background-color : #F2D2B8;}
.fond_chair_clair {background-color : #F7E5D5;}
.fond_gris_bleu   {background-color : #75848D;}
.cacher{display:none}

html, body{ 
	margin:0; 
	padding:0; 
	text-align:center; 
	font-family: "Trebuchet MS",Verdana,Arial, Helvetica,  sans-serif;
	font-size:12px; 
	color:#000;
} 
 
#conteneur{
position:relative;
 width:1000px !important;
 width:1000px;
 text-align:left;
 margin-left:auto; 
 margin-right:auto; 
 /*border:1px solid #000 !important;*/
 border:0px solid #000;
}

#picto
{
	position:absolute;
	top:125px;
	left:228px;
	width:31px;
	height:30px;
	background-image:url(images/transparent.gif);
	background-repeat:repeat-x repeat-y;
	z-index:10;
}
#picto2
{
	position:absolute;
	top:130px;
	right:50px;
	width:31px;
	height:30px;
	background-image:url(images/transparent.gif);
	background-repeat:repeat-x repeat-y;
	z-index:10;
}

#plein_ecran
{
	width:1000px;
	margin-left:-500px;	
	position:absolute;
	top:0px;
	left:50%;
	display:none;
	z-index:5;
}
/* ##################### HEADER ################################ */
.header
{
	margin-left:94px;
	margin-right:105px;
}
#header_haut
{
	/*border:1px solid #000;*/
	position:relative;
	height:80px !important;
	height:95px;
	padding-top:15px;
}
#header_bas
{
	/*min-height:171px;*/
	
}
*html #header_bas {/*height:171px;*/}

#langue
{
	position:absolute;
	top:45px;
	left:8px;
}
#titre_header
{
	padding-left:8px;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
}
#titre_header strong
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:34px;
	font-style:italic;
	line-height:61px;
}
#infos_header
{
	float:left;
	padding:0px 8px 0 0;
	width:105px !important;
	width:113px;
	text-align:right;
	font-style:italic;
}
#description_header
{
	float:left;
	border-left:8px solid #F2D2B8; /* chair */
	font-size:13px;
	padding:0 0 30px 10px;
	width:567px;
}
/* ##################### FOOTER ################################ */
#footer
{
	clear:both;
	height:60px;
	position:relative;
}
#menu_footer
{
	position:absolute;
	bottom:0;
	left:215px;
}

#partenaire_footer
{
	position:absolute;
	bottom:0;
	left:490px;
	width:460px;
	height:60px;
	border-left:8px solid #F2D2B8; /* chair */
	border-right:8px solid #F2D2B8; /* chair */
}
/* ##################### MENU ################################ */
#menu
{
	clear:both;
	position:relative;
	width: 1000px !important;
}
#menu a{color:#D87B2E;text-decoration:none;display:inline} /* brique */
#menu a:hover{color:#75848D;text-decoration:none;} /* gris bleu */

/*===========================================fin css généré ==============================================================*/
#centre
{
	width:100%;
	padding:0;
	margin:0;
	/*height:360px;*/
	/*border:1px solid #000;*/
}
#colonne_gauche
{
	float:left;
	width:178px !important;
	width:215px;
	margin-top:57px;
	padding:0 0 0px 37px;
	/*border:1px solid #000;*/
}
#colonne_droite
{
	float:right;
	width:226px !important;
	width:226px;
}
#colonne_centre
{
	float:left;
	width:559px !important;
	width:559px;
	padding:20px 0px 0px 0px;
	/*border:1px solid #000;*/
}
#colonne_centre #sous_menu{line-height:23px;/*margin-left:-7px;*/}
#colonne_centre .content p{margin-left:7px;padding-right:50px}
#colonne_centre_large
{
	float:left;
	width:500px !important;
	width:690px;
	padding:0 95px 20px 95px;
	/*border:1px solid #000;*/
}
#colonne_centre_double
{
	float:left;
	/*width:352px !important;*/
	width:400px !important;
	width:590px;
	padding:0 95px 20px 95px;
	/*border:1px solid #000;*/
}
.clr{clear:both;border:0px solid #000;}
.spacer{clear:both;visibility:hidden;height:0px}
/*=======================================================================================================
Les differents modules 
========================================================================================================*/

/*=======================================================================================================
MISE      EN     FORME     DU       TEXTE
========================================================================================================*/
h1{	margin:0;font-size:16px;}
h2{	font-size:14px;/*color:#FFFFFF;*/}
h3{	margin:0;font-size:12px;color:#666261;}
h4{	margin:0;font-size:10px;font-weight:lighter;}

h6{	margin:0;font-size:9px;line-height:9px;font-weight:lighter;}
p{margin:0;padding:0;}

.pad_20_10{padding:20px 0 10px 0;}
.pad_20_0{padding:20px 0 0 0;}
.pad_0_10{padding:0 0 10px 0;}

a{color:#D87B2E;text-decoration:none;} /* brique */
a:hover{color:#75848D;text-decoration:none;} /* gris bleu */

hr
{
	margin:0;
	border:none;
	height:1px;
	margin-top:5px;
	clear:both;
}
.fond_blanc{background-color:#FFFFFF;}
.fond_bleu_fonce{background-color:#3680C7;}
.fond_bleu_clair{background-color:#E3F4FF;}

.important
{
	color:#FF0000;
}
.left{float:left;}
.right{float:right;}
.bold{font-weight:bold;}

.date{font-weight:bold;font-style:italic}
.a_suivre{font-size:10px;}
/*=====================================================================
MISE EN FORME DES IMAGES
===================================================================*/
img{border:none;}

.img_gauche{float:left;	margin-right:7px;}
.img_droite{float:right;margin-left:7px;}


/*=======================================================================================================
				LA  PAGE   TUNNEL
========================================================================================================*/
#centre_tunnel
{
	margin-left:280px;
}

/*=======================================================================================================
				LA  PAGE   D'ACCUEIL
========================================================================================================*/
#header_accueil
{
	position:relative;
	/*height:300px;*/
	border:0px solid #ccc !important;
	border:0px solid #fff;
}

#header_centre_accueil
{
	margin-left:207px !important;
	margin-left:206px;
	/*border:1px solid #000;*/
}

#header_haut_accueil
{
	/*border:1px solid #000;*/
	position:relative;
	height:145px !important;
	height:160px;
	padding-top:15px;
	/*background:url(images/badge-entree-libre.png) no-repeat 13px 70px;*/
}
/* ############################################### */
/* debut nouvelle disposition */

#header_gauche_accueil
{
	float:left;
	border-left:8px solid #F2D2B8; /* chair */
	min-height:170px;
	width:340px !important;
	width:346px;
	/*border:1px solid #000;*/
}
*html #header_gauche_accueil {height:170px;}
#header_droit_accueil
{
	/*float:right;*/
	min-height:170px;
	margin-left:348px  !important;
	margin-left:340px;
	width:340px !important;
	width:348px;
	/*border:1px solid #000;*/
}
*html #header_droit_accueil{height:170px;}

#titre_header_accueil2
{
	margin-left:12px;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
}
#titre_header_accueil2 strong
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:18px;
	font-style:italic;
}
#description_header_accueil2
{
	font-size:13px;
	padding:0 8px 0px 12px;
	/*width:459px;*/
	/*border:1px solid #000;*/
}

.module_liste
{
	width:240px !important;
	width:255px;
	border-left:8px solid #F2D2B8; /* chair */
	padding:0px 0 0 7px;
	margin-bottom:10px;
	/*border:1px solid #D87B2E;*/
}
/* fin nouvelle disposition */
/* ############################################### */

#header_milieu_accueil
{
	height:29px;
	width:683px;
	text-align:right;
	font-weight:bold;
	font-style:italic;
}
#header_bas_accueil
{
	border-left:8px solid #F2D2B8; /* chair */
	min-height:161px;
	width:629px !important;
	width:637px;
	/*border:1px solid #000;*/
}
*html #header_bas_accueil {height:161px;}
.bottom
{
	position:absolute;
	right:793px !important;
	right:793px;
	bottom:0px !important;
	top:inherit !important;
	top:10px;
}

#langue_accueil
{
	position:absolute;
	top:45px;
	left:8px;
}
#titre_header_accueil
{
	margin-left:12px;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
}
#titre_header_accueil strong
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:30px;
	font-style:italic;
	line-height:40px;
}
#description_header_accueil
{
	font-size:13px;
	padding:0 0 0px 55px;
	width:459px;
	/*border:1px solid #000;*/
}

.module_particuliers
{
	border-left:8px solid #F2D2B8; /* chair */
}

#footer_accueil
{
	clear:both;
	height:60px;
	position:relative;
}

/* ############ colonnes #############*/
#colonne_gauche_accueil
{
	float:left;
	width:230px !important;
	width:260px;
	margin-top:39px;
	padding:0 0 0px 30px;
	/*border:1px solid #000;*/
}
#colonne_droite_accueil
{
	float:right;
	width:218px !important;
	margin-top:39px;
	/*border:1px solid #000;*/
}
#colonne_centre_accueil
{
	float:left;
	width:405px !important;
	width:405px;
	margin-top:39px;
	margin-left:62px;
	padding:0 0px 0px 10px;
	border-left:8px solid #F2D2B8; /* chair */
	/*border:1px solid #000;*/
}

#forme_news .input_text
{
	background-color:#F7E5D5;
	border:0px solid #fff;
	padding-left: 2px;
	width:140px;
}
#forme_news .input_image
{
	border:0px solid #fff;
	vertical-align:bottom;
	width:22px;
	height:22px;
}
#forme_news .input_radio
{
	width:15px;
	border:0px solid #000;
}
#forme_news .radio
{
	line-height:5px;
	vertical-align:text-top;
}
#module_newsletter
{
	margin-top:0px;
	width:195px;
}
.content p{line-height:15px;padding-bottom:10px;}

/*=======================================================================================================
				LA  PAGE   EXPO
========================================================================================================*/
#module_expo
{
	width:200px !important;
	width:215px;
	border-left:8px solid #D87B2E; /* brique */
	padding:19px 0 0 7px;
	margin-bottom:10px;
	/*border:1px solid #D87B2E;*/
}
#module_expo ul{margin:0;padding:0;font-weight:bold;}
#module_expo ul li
{
	margin:0;
	padding:0 0 0 0px;
	list-style-type:none;
	font-weight:normal;
}
#module_expo ul li a
{
	padding-left:10px;
	color:#D87B2E; /* brique*/
	background-image:url(images/fleche_off.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
}
#module_expo ul li a:hover
{
	padding-left:10px;
	color:#75848D; /* gris-bleu*/
	background-image:url(images/fleche_on.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
}
#module_expo ul li .select
{
	padding-left:10px;
	color:#75848D; /* gris-bleu*/
	background-image:url(images/fleche_on.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
}

#module_partenaires
{
	width:543px !important;
	width:550px;
	margin-top:10px;
	padding:0px;
	min-height:64px;
	border-left:8px solid #F2D2B8; /* chair */
	border-right:8px solid #F2D2B8; /* chair */
}
*html #module_partenaires{height:60px;}
.vignette_partenaires
{
	float:left;
	margin:2px;
}

#module_mecenes
{
	width:114px !important;
	width:130px;
	margin-top:20px;
	border-left:8px solid #F2D2B8; /* chair */
	border-right:8px solid #F2D2B8; /* chair */
	min-height:114px;
	/*display:none;*/
}
*html #module_mecenes{height:114px;}

/* ########## LES OEUVRES ######### */
.vignette
{
	float:left;
	width:100px !important;
	height:100px !important;
	width:110px;
	height:110px;
	margin:5px;
	text-align:center;
}

/* ########## LA PRESSE ######### */
.description_presse
{
	margin-left:10px;
	color:#000;
}

#module_presse
{
	width:200px !important;
	width:200;
	padding-left:10px;
	margin:62px 0 0 8px;
	border-left:8px solid #F2D2B8; /* chair */
	/*border-right:8px solid #F2D2B8; /* chair */
}
#module_presse ul,li,ol{margin:0;padding:0;list-style-position:inside;}

/*=======================================================================================================
				LA  PAGE   LIEU
========================================================================================================*/
#colonne_gauche_lieu
{
	float:left;
	width:215px !important;
	width:215px;
	margin-top:57px;
	padding:0 0 0px 0px;
	/*border:1px solid #000;*/
}
.liste_actus
{
	margin-bottom:30px;
}
.lib_actus
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color : #D87B2E;
}
#colonne_gauche_lieu a.select
{
	color:#75848D; /* gris-bleu*/
}
/*=======================================================================================================
				LA  PAGE   ACTUALITES
========================================================================================================*/

.liste_actus
{
	margin-bottom:30px;
}
.lib_actus
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color : #D87B2E;
}

/*=======================================================================================================
				LA  PAGE   MECENES
========================================================================================================*/
.blockMecenes
{
	float:left;
	width:114px;
	margin:5px 36px;
}

/*=======================================================================================================
				LA  PAGE   CONTACT
========================================================================================================*/
#module_coordonnees
{
	padding-left:8px;
	padding-bottom:10px;
	border-left:8px solid #F2D2B8; /* chair */	
}

label
{
	margin-left:50px;
	float: left;
	width:90px;
	text-align:left;
}

input{border:1px solid #75848D;width:300px;margin-bottom:5px;}
textarea{border:1px solid #75848D;width:300px;margin-bottom:5px;}

input.bouton{	margin-left:420px;width:22px;height:22px;border:0px;background-color:#D87B2E;color:#fff;font-weight:bold}

/*=======================================================================================================
				LA  PAGE   SOUTIENT MECENE
========================================================================================================*/


.logo_mecene
{
	float:left;
	width:114px;
	height:114px;
	margin:5px;
	text-align:center;
}
/*=======================================================================================================
				LA  PAGE   PLAN DU SITE
========================================================================================================*/
#plan
{
	
}
#plan h2{margin:10px 0}
#plan ul,li{margin:0;padding:0}
#plan li{margin-left:20px;list-style-type:square;list-style-position:inside;color:#D87B2E;}

#plan .sous_li{margin-left:20px;}

#plan li a{color:#000;text-decoration:none;}
#plan li a:hover{color:#75848D;text-decoration:none;}