/* ***** FEUILLE DE STYLE CSS DU SITE INTERNET DE LA FOIRE INTERNATIONALE DE RENNES *****

/*
Titre:      	Structure du site
Auteur:     	Acreat Web Technologies
Mise à jour:    5 Février 2006
*/

/* CSS Document */
html { 
	background:#08294E url(../img/page_type/fond_site.png) no-repeat top center; 
	background-attachment:fixed;
}

body { 
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
	color:#000000; 
	margin:0; 
	height:100%; 
	font-size:11px;
}

#conteneur { 
	background:#fdfeff url(../img/page_type/fond_conteneur.png) no-repeat top center; 
	width:900px; 
	margin-left:auto; 
	margin-right:auto; 
}

.clear { clear:both; }

/* --------------------------------------------------------------------------------------
PAGE TYPE
-------------------------------------------------------------------------------------- */	

/* [ Zone Tétière]---------------------------------------------------- */	

#tetiere_foire_expo { 
	cursor:pointer;
	width:auto;
	height:150px;
	background:url(../img/page_type/entete_foire_rennes.jpg) no-repeat top left; 
	position:relative;
}  

/* [ Menu Principal]---------------------------------------------------- */	

#menu_principal {	
	list-style:none;
	margin:0;
	padding:0; 		
	position:absolute;
	right:-20px;	
	text-align:center;
	top:33px;
	width:251px;
} 

#menu_principal  li { 
	padding:0;
	margin:0;
	text-align:left;
	text-transform:uppercase;	
}	

#menu_principal  li a{ 
	display: block;
	width:208px;
	height:30px;  
	line-height:28px; 
	font-size:12px;	
	text-decoration:none;
	padding-left: 25px;
}	
#menu_principal  li a span{ 
	display:none;
}	
#menu_principal  li#programme a {
	background:url(../img/page_type/bt_programme.png) no-repeat top left;
	color:#FFF;
}

#menu_principal  li#plan a{ 
	background:url(../img/page_type/bt_plan.png) no-repeat top left;
	margin:10px 0 0 0;
}	
	
/* [ Contenu page]---------------------------------------------------- */	


#contenu_page {
	position:relative;
	width:auto;
	height:445px;
	text-align:left;
}

html>body #contenu_page{
	height:auto;
	min-height:445px; 
}

#COLONNES {
	border-collapse:collapse;
	width:100%;
}

#COLONNES #GAUCHE, #COLONNES #DROITE  {
	vertical-align:top;
	padding:0;
}

#COLONNES #GAUCHE {
	width:190px;
	height:450px;
	background:url(../img/page_type/fond_menu_g.png) no-repeat top left;
	background-position:0px 0px;
}

#COLONNES #DROITE {
	padding-top:8px;
	padding-bottom:15px;
	padding-left:15px;
}

/* [ Colonne Gauche]---------------------------------------------------- */	

#COLONNES #GAUCHE #plan_parc {
	background:url(../img/page_type/lien_parc_expo.png) no-repeat top left;
	display:block;	
	height:120px;
	margin:0;
	width:190px; 
}
	
#COLONNES #GAUCHE #menu_gauche {
	margin: 0;
	padding:0;
	list-style:none;
}	

#COLONNES #GAUCHE #menu_gauche li { 
	background:url(../img/page_type/rub_menu_g.png) no-repeat top left;
	border-bottom:1px solid #f7ebd3;
	margin:0;
}

#COLONNES #GAUCHE #menu_gauche li A { 
	display:block;
	font-size:12px;
	line-height:34px;
	text-decoration:none;
	color:#605046;
	margin:0;
	padding:0 0 0 20px; 
	text-transform:uppercase;
}

#COLONNES #GAUCHE #menu_gauche li a:hover { 	
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#103c79;
}	


/* [ Titres]---------------------------------------------------- */	

#COLONNES #DROITE h1 {
	background:#cb2e0f;	
	width:auto;
	height:38px;
	line-height:36px;
	font-size:25px;
	font-weight:200;
	color:#FFF;	
	margin:0;
	margin-top:-8px;
	margin-bottom:20px;
	margin-left:-16px;
	padding:0;
	padding-left:15px;
}

h2 {
	background:url(../img/page_type/separation_titre.png) no-repeat top left; 
	height:40px;
	font-size:22px;
	font-weight:250;
	color:#fd8900;
	margin:0;
	margin-bottom:5px;
	padding:0;
}

h3 {
	background:url(../img/page_type/puce002.gif) no-repeat center left; 
	height:17px;
	line-height:17px;
	font-size:18px;
	font-weight:200;
	color:#0b316d;
	margin:0;
	margin-bottom:15px;
	padding:0;
	padding-left:12px;
}

/* [ Textes]---------------------------------------------------- */	

p {
	color:#333;
	font-size:13px;
	line-height:18px;
	margin:0;
	margin-bottom:20px;
	padding:0 15px 0 0;
	text-align:justify;
}

span.texte_colore01 {
	font-weight:bold;
	color:#103c79;
}

span.texte_colore02 {
	font-weight:bold;
	color:#cb2e0f;
}

#DROITE UL {
	margin: 0 10px;
	margin-bottom:15px;
	padding:0;
	list-style:none;
}	

#DROITE UL li { 
	width:450px;
	border-bottom:1px dotted #C5C5C5;
	margin:0;
	margin-left:20px;
	padding-top:4px;
	padding-bottom:4px;
}

#DROITE a, #DROITE a:hover {
	font-weight:bold;	
	text-decoration:none;
	color:#E2001A;
}

#DROITE a {
	text-decoration:underline;
}

/* [ Images]---------------------------------------------------- */	

.cadre_image01 {
	clear:right;
	float:right;
	background:#FFFFFF;
	padding:4px;
	margin-left:15px;
	margin-right:15px;	
	margin-bottom:10px;
	border:#E3E3E3 1px solid;
}

/* [ Boutons]---------------------------------------------------- */	

a.telecharger_pdf {
	display: block;
	color:#fff !important;
	width:160px;  
	height:30px;  
	text-decoration:none;
	background:url(../img/page_type/bt_pdf.png);
	margin-top:10px;
}
a:hover.telecharger_pdf {
	background:url(../img/page_type/bt_pdf_on.png);
	color:#eff1f3;	
}
	
#DROITE a.details_anim, #DROITE a:hover.details_anim  {
	background:url(../img/page_type/picto_papier.gif) no-repeat top left;
	background-position:0 2px;
	padding-left:16px;
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
}	

#DROITE a.details_anim {
	color:#0b316d;
}

#DROITE a:hover.details_anim  {
	color:#CB2E0F;
}
	
	
/* [ Zone Pied de page]---------------------------------------------------- */	

#pied_page {
	clear:both;
	position:relative;
	width:870px; 
	height:120px;
	margin-top:0px; 
	margin-left:auto; 
	margin-right:auto; 
	background:url(../img/page_type/fond-pied-page.jpg) no-repeat top left; 
	border-top:#e3e3e3 1px solid;
	padding-top:10px;
	padding-left:15px;
	padding-right:15px;
}

#pied_page #logo_parc_expo {
	float:left;
	margin-left:18px;
	margin-right:20px;
}

#pied_page #nos-partenaires {
	float:left;
	width:142px;
	height:52px;
	background:url(../img/page_type/nos-partenaires.png);
	margin-top:15px;
	margin-right:30px;
}

#pied_page a#infos_pratiques {
	float:left;
	display: block;
	width:138px;  
	height:30px;  
	text-decoration:none;
	margin-top:28px;
	background:url(../img/page_type/bt_infos_pratiques.png);
}

#pied_page a#bt-accueil{
	position:absolute;
	top:10px;
	right:260px;
	display: block;
	width:31px;  
	height:31px;  
	text-decoration:none;
	margin-top:28px;
	background:url(../img/page_type/bt_accueil.png);
}

#pied_page #lien_acreat {
	position:absolute;
	top:5px;
	right:0;
	font-family:arial;
	font-size:10px;	
	text-align:right;
	margin-top:8px;
	margin-right:20px;
}

#pied_page #lien_acreat A {
	text-decoration:none;
	color:#897064;
}


#pied_page #lien_acreat A:hover{
	color:#7f6a6a;
}


#pied_page #cadre-coordonnees {
	float:left;
	width:251px;
	height:89px;
	background:url(../img/page_type/cadre-coordonnees.png) no-repeat top left;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	padding-left:19px;
	padding-top:10px;
}

#pied_page #cadre-coordonnees  p {
	color:#002e52;
	font-size:11px;
	line-height:14px;
	padding:0;
	padding-bottom:4px;
	margin:0;
}	

#pied_page #cadre-coordonnees  span#adresse {
	color:#3d383f;
}	

#pied_page #cadre-coordonnees span {
	color:#b80b0a;
}

#pied_page #cadre-coordonnees span#tel {
	background:url(../img/page_type/picto-tel.gif) no-repeat top left;
	background-position:0 0;
	padding:0 0 5px 13px;
}	

#pied_page #cadre-coordonnees span#fax {
	background:url(../img/page_type/picto-fax.gif) no-repeat top left;
	background-position:0 0;
	padding:0 0 5px 20px;
	margin-left:30px;
}