@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
.red {border:1px solid red;}
.blue{border: 1px solid blue;}
.apropos{
	font-style:italic;
	color:#C6C;
	}
.hachures1{
	width:100%;
	height:8px;
	background:url(../charte/hachures1.gif) top repeat-x;
	margin-bottom:8px;
	}
.noborder{border:none;}

a img{border:none;}
body {
	text-align:center;
	background-color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}
h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:40px;
	font-weight:normal;
	font-style:italic;
	color:#000;
	margin-top:5px;
	}
h2{ /*rappel cat */
	color:#afa583;
	font-size:15px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top:25px;
	}
h3{/* nom evt */
	font-size:16px;
	color:#afa583;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	background-color:#000;
	margin-top:20px;
	padding-left:5px;
	}
h4{font-size:10px;}
h5{/* info Colonne droite */
	color:#000;
	font-size:12px;
	font-weight: normal;
	margin-top: 20px;
	}
#conteneur {
	position: relative;
	width:997px;
	margin:0 auto 20px auto;
	padding: 0;
	text-align:left;
	background-color:#fff;
	}

/*=== HAUT ===*/
#flash-bandeau{
	margin: 0 auto;
	width:1300px;
	height:130px;
	}


/*=== NAVIGATION ===*/
#divmenu{
	position:absolute;
	z-index:10;
	top:0;
	margin:0 auto;
	padding:12px 37px 0 37px;
	width:550px;
	}
#menuDeroulant{
	list-style-type:none;
	font-size:12px
	}
#menuDeroulant > li{
	float:left;
	width:110px;
	border-bottom:1px solid #89a9a6;
	}
#menuDeroulant .titremenu{text-align: center;}
#menuDeroulant .sousMenu{
	list-style-type: none;
	display: none;
	font-size:10px
	}
#menuDeroulant .sousMenu li{ float: none; border-left:1px solid #89a9a6;}
#menuDeroulant li a:link, #menuDeroulant li a:visited{
	display: block;
	color: #89a9a6;
	background: #fff;
	padding: 4px 8px;
	text-decoration: none;
	}
#menuDeroulant li a:hover { background-color: #89a9a6; color:#fff; }
#menuDeroulant li a:active { background-color: #89a9a6; color:#fff; }
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited{
	display: block;
	color: #000;
	text-decoration: none;
	}
#menuDeroulant .sousMenu li a:hover{	background-color: #000; color:#fff}
#menuDeroulant li:hover > .sousMenu { display: block; 	border-right: 1px solid #89a9a6;}

/* fil d'ariane  */
#filariane{color:#bbb; text-align:left; margin-bottom:5px; font-size: 9px;}
.nav_retour {background:url(/charte/precedent.gif) left no-repeat; padding:0 0 0 15px;}
.nav_retour:link{color:#000; text-decoration:none;}
.nav_retour:visited{color:#000; text-decoration:none;}
.nav_retour:hover{color:#000; text-decoration:underline;}
.nav_retour:target{color:#000; text-decoration:underline;}
.nav_retour:focus{color:#000; text-decoration:underline;}
#filariane a {color:#bbb; text-decoration: none}
#filariane a:link {color:#bbb; text-decoration:none}
#filariane a:visited {color:#bbb; text-decoration:none}
#filariane a:hover {color:#777; text-decoration:underline}
#filariane a:target {color:#777; text-decoration:underline;}
#filariane a:focus {color:#777; text-decoration:underline;}

/*=== CENTRE ===*/
#centre {
	background-color:#fff;
	margin: 0 254px 0 119px;
	padding: 50px 0 200px 0;
	}
.divcentral{
	position:relative;
	clear:both;
	margin:0 auto 20px auto;
/*	overflow:auto;*/
	width:530px;
	}
.divcentral ul{
	list-style-position: inside;
	}
#introcat{/* txt intro sous h1*/
	font-size:11px;
	color:#333;
	margin:0 auto 20px auto;
	}	

.liste-references{
	list-style-type: circle;
	list-style-position: inside;
	margin-left:10px;
	}
.liste-references em{
	font-size:9px;
	color:#333;
	}


/*=== NOUS CONTACTER ===*/
.oue {padding:5px;}
.oue:link{color:#F451D5;font-weight:bold;text-decoration:none;}
.oue:visited{color:#F451D5;font-weight:bold;text-decoration:none;}
.oue:hover{color:#fff;font-weight:bold;}
.oue:target{color:#fff;font-weight:bold;}
.oue:focus{color:#fff;font-weight:bold;}

/*=== COLONNE GAUCHE ===*/
#gauche {
	position:absolute;
	left:0;
	width:119px;
	background-color: #181818;
	}
.titre_colG{
	font-size:11px;
	background-color:#000;
	color:#7ba4a9;
	font-weight:normal;
	text-align:center;
	margin-top:10px;
	}
#gauche dl{margin:4px 0 8px 4px;}/*liens colonne gauche*/
#gauche dt{font-weight:bold;}
#gauche dt a:link{color:#c3b690; font-size:10px;}
#gauche dt a:visited{color:#c3b690; font-size:10px;}
#gauche dt a:hover{color:#7ba4a9; font-size:10px;}
#gauche dt a:target{color:#7ba4a9; font-size:10px;}
#gauche dt a:focus{color:#7ba4a9; font-size:10px;}
#gauche dd{font-size:9px;font-style:italic; color:#776f58}


/*=== COLONNE DROITE ===*/
#droite{
	position:absolute;
	right:0;
	width:254px;
	color:#000;
	}
#colD_ajouts{
	color:#000;
	font-size: 9px;
	font-stretch:condensed;
	padding:0 12px 10px 12px ;
	}
#colD_ajouts ul{	
	list-style-position: inside;
	list-style-type: square;
	}	
#colD_ajouts ul li a{color:#c3b690; font-style:italic;}
#colD_ajouts ul li a:visited{color:#777;}
#colD_ajouts ul li a:hover{color:#c3b690;}
#colD_ajouts ul li a:target{color:#c3b690;}

#colD_retour{padding-left:12px;}
#colD_retour a img{border:1px solid #fff;}
#colD_retour a img:hover{border:1px solid #000;}

#colD_liens{
	font-size:9px;
	padding-top:10px;
	padding-left:10px;
	}
#colD_liens ul{
	color:#777;
	list-style-type:square;
	font-size:9px;
	font-style:italic;
	list-style-position:inside;
	margin-bottom:5px;
	padding-left:12px;
	}
#colD_liens a:link{color:#c3b690;}
#colD_liens a:visited{color:#c3b690;}
#colD_liens a:hover{color:#181818;}
#colD_liens a:target{color:#181818;}
#colD_liens a:focus{color:#181818;}

#coldpromo{}

/*images droite : ajouts récents*/
#droite2 a img{border:1px solid #000;}
#droite2 a img:link{border:1px solid #000;}
#droite2 a img:visited{border:1px solid #444; }
#droite2 a img:hover{border:1px solid #444}
#droite2 a img:target{border:1px solid #444;}
#droite2 a img:focus{border:1px solid #444;}

.cold_encart{margin:1px 0;}


/*=== PIED de PAGE ===*/
#pied{
	height: 20px;
	background-color:#000;
	color:#fff;
	text-align: center;
	padding-top: 3px;	
	}
#pied a	{color:#eef; text-decoration: underline;}
#pied a:link{color:#eef;}


/*---------------------------*/
/*          ACCUEIL           */
/*---------------------------*/
#pres_relief{
	height:268px;
	position:relative;
	}
#centre dt{font-style:italic; color:#666;margin-bottom:5px;}
#centre dd{margin-left:7px;}

#metiers{
	background:url(/charte/_promotion-culture-deco-catering.jpg) center top no-repeat;
	height:319px;
	}
.blocmetier{ /* promotion, evenements, deco, catering */
	width:125px;
	float:left;
	margin:230px 0 0 0;
	}
.blocmetier2{ /* promotion, evenements, deco, catering */
	width:125px;
	float:left;
	position:relative;
	}
.metierdescript{
	position:absolute;
	top:203px;
	left:0;
	}
.mrgD10{padding-right:10px;}

/*.blocmetier{
	width:135px;
	float:left;
	margin:230px 5px 0 4px;
	}
*/
/*---------------------------*/
/*          AGENDA           */
/*---------------------------*/
.div_evt{
	clear:both;
	margin:0 auto 20px auto;
	border:1px solid #ccc;
	overflow:auto;
	width:528px;
	padding-top:5px;
	}
.div_evt img{		/*images agenda*/
	float:left;
	margin-right:10px;
	}
.evt_date{
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	margin-left:20px;
	}
.lineup_sommaire{ /*line-up sommaire agenda*/
	list-style-type:none;
	margin:7px 0 15px 0;	
	border-left:1px solid #000;
	} 
.lineup_sommaire li{padding:0 20px;}	
.lineup_fiche{ /*line-up evenements*/
	list-style-type:none;
	font-size:12px;
	margin:7px 0 7px 135px;
	}
.lineup_fiche span {font-size:10px;} /* label,asso, etc.. */
.evt_fiche_intro{
	font-style:italic;
	padding-left:135px;
	padding-right:10px;
	margin-bottom:12px;}
.evt_fiche_desc{
	padding-left:135px;
	padding-right:10px;
	} 
.evt_fiche_lieu{
	position:absolute;
	text-align:right;
	border-right:1px solid #666;
	padding-right:5px;
	margin-bottom:10px;
	width:120px;
	}
.evtpasse{font size:20px; color:red}

/*------------------------------*/
/*          DECORATION          */
/*------------------------------*/
.liste_navig{
	position:absolute;
	list-style-type: none;
	text-align:right;
	border-right:1px solid #ccc;
	padding-right:5px;
	margin-bottom:10px;
	margin-top: 5px;
	width:185px;
	}
.intro_plan{
	font-style:italic;
	padding-left:200px;
	padding-right:10px;
	margin-bottom:12px;
	}

/*=== MENTIONS LEGALES===*/
#page_mentions ul{
	list-style-position:inside;
	padding-left:10px;
	}