/* ***** 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:#fdefd8 url(../img/page_type/visuel_fond_site.jpg) 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 { 
	width:900px; 
	background:#FFFFFF;
	margin-top:10px; 
	margin-left:auto; 
	margin-right:auto; 
}

.clear { clear:both; }

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

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

#tetiere_foire_expo { 
	width:auto;
	height:130px;
	background:#B71610 url(../img/page_type/tetiere-foire-expo.png) no-repeat top left; 
}  

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

#menu_principal {	
	width:251px;
	float:right;
	margin:10px 5px 0 0; 
	padding:0; 
	list-style:none;
	text-align:center;
} 

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

#menu_principal  li a, #menu_principal  li.challenge a{ 
	display: block;
	width:192px;
	height:28px;  
	line-height:28px; 
	background:url(../img/page_type/bt_menu_principal_off.png);
	color:#1b4162;
	font-size:13px;
	font-weight:bold;	
	text-decoration:none;
	background-repeat:no-repeat;
	padding-left: 30px;
	margin:8px auto 0 auto;
}	

#menu_principal li  a:hover, #menu_principal  li.selected a { 
	background-image:url(../img/page_type/bt_menu_principal_on.png);
	color:#B80B0A;
}	

#menu_principal  li.challenge a, #menu_principal  li.challenge a:hover { 
	background:url(../img/page_type/bt_challenge.gif) no-repeat top left; 
	color:#B80B0A;
}
	
/* [ Contenu page]---------------------------------------------------- */	


#contenu_page {
	position:relative;
	width:auto;
	height:445px;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	padding-bottom:15px;	
	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:445px;
	background:url(../img/page_type/fond-menu-g.jpg) no-repeat center left;
	background-position:0px 0px;
}

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

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

#COLONNES #GAUCHE #plan_parc {
	margin: 9px 0 15px 9px;
}
	
#COLONNES #GAUCHE #menu_gauche {
	margin: 0 10px;
	padding:0;
	list-style:none;
}	

#COLONNES #GAUCHE #menu_gauche li { 
	background:url(../img/page_type/separation_menu_g.gif) repeat-x bottom left;
	margin:0;
}

#COLONNES #GAUCHE #menu_gauche li A { 
	display:block;
	background:url(../img/page_type/puce001.gif) no-repeat center left;
	font-size:12px;
	text-decoration:none;
	color:#000000;
	margin:0;
	padding:8px 0;
	padding-left:15px; 
	width: 155px;
}

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


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

h1 {
	background:url(../img/page_type/titre_rubrique.png) no-repeat top left; 
	width:auto;
	height:56px;
	line-height:54px;
	font-size:24px;
	font-weight:200;
	color:#E2001A;	
	text-transform:uppercase;
	margin:0;
	margin-top:-8px;
	margin-bottom:20px;
	margin-left:-16px;
	padding:0;
	padding-left:43px;
}

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

h3 {
	background:url(../img/page_type/puce002.gif) no-repeat top left; 
	height:17px;
	line-height:17px;
	font-size:18px;
	font-weight:200;
	color:#00648D;
	margin:0;
	margin-bottom:5px;
	padding:0;
	padding-left:22px;
}

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

p {
	margin:0;
	margin-bottom:20px;
	padding:0;
	text-align:justify;
}

span.texte_colore01 {
	font-weight:bold;
	color:#005DA8;
}

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

#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-bottom:10px;
	border:#E3E3E3 1px solid;
}

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

a.telecharger_pdf {
	display: block;
	width:166px;  
	height:36px;  
	text-decoration:none;
	background:url(../img/page_type/bt_pdf_off.png);
	margin-top:40px;
}

a:hover.telecharger_pdf {
	background:url(../img/page_type/bt_pdf_on.png);
}	

#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:#00648D;
}

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

#pied_page {
	clear:both;
	position:relative;
	width:870px; 
	height:115px;
	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:8px;
	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:143px;  
	height:31px;  
	text-decoration:none;
	margin-top:28px;
	background:url(../img/page_type/bt_infos_pratiques.png);
}

#pied_page a:hover#infos_pratiques {
	background:url(../img/page_type/bt_infos_pratiques.png) no-repeat 0 -31px;
}	

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

#pied_page a:hover#bt-accueil {
	background:url(../img/page_type/bt-accueil.png) no-repeat 0 -27px;
}	



#pied_page #lien_acreat {
	position:absolute;
	top:65px;
	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:#000;
	padding:0;
	padding-bottom:4px;
	margin:0;
}	

#pied_page #cadre-coordonnees  p#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 1px;
	padding-left:11px;
}	

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