/********************************/
/*   GENERAL
/********************************/

body { font: 12px Arial, Helvetica, Sans-Serif; color: #000; background: url(img/body_bg.png) repeat-x 0 0 #fff; }

a			{ color: #7B7A68; text-decoration: none; }
a:hover		{ color: #830628; }
a:active	{ color: #830628; }
a:focus		{ color: #830628; }

h1 { margin-bottom: 20px; padding-bottom: 3px; border-bottom: 1px solid #bdbcb3; font-size: 30px; font-weight: bold; color: #7B7A68; }
h2 { margin-bottom: 10px; font-size: 17px; font-weight: bold; color: #830628; }
h3 { margin-bottom: 10px; font-size: 14px; font-weight: bold; color: #830628; } 
h4 { font-size: 12px; font-weight: bold; color: #830628; }


/********************************/
/*   CONTAINER
/********************************/

#container { margin: 0 auto; padding: 0 5px; width: 1000px; background: url(img/global_bg.png) repeat-y 0 0; }


/********************************/
/*   HEADER
/********************************/

#header { position: relative; height: 180px; background: url(img/header_bg.png) repeat-x 0 0; }

#infotop { padding: 0 5px; height: 40px; text-transform: uppercase; font-weight: bold; color: #545454; background: url(img/point.gif) repeat-x 0 100%; }

#lienref { float: left; font-size: 9px; line-height: 38px; }

#lientop { float: right; margin: 0 5px 0 0; line-height: 38px;  }
#lientop .span-1 {  padding: 3px 0 0px 22px; background: url(img/lock.gif) no-repeat 0 0; }

#changelang { float: right; font-size: 10px; line-height: 38px; }
#changelang.FR { padding: 0 0 0 22px; background: url(img/drp_GB.gif) no-repeat 0 15px;  }
#changelang.GB { padding: 0 0 0 22px; background: url(img/drp_FR.gif) no-repeat 0 15px;  }

#logotop { position: absolute; top: 50px; left: 60px; width: 140px; height: 120px; }

#baseline { position: absolute; top: 48px; left: 252px; font-size: 15px; color: #7b7a68; }
#baseline .titre { font-weight: bold; color:#830628; }
#baseline .date { font-weight: bold; color:#830628; }

#banner { position: absolute; top: 75px; left: 252px; padding-right: 20px; width: 728px; height: 90px; }
#banner.FR { background: url(img/pub_banner_FR.gif) no-repeat 732px 50%; }
#banner.GB { background: url(img/pub_banner_GB.gif) no-repeat 732px 50%; }
#banner img, #banner object { display: block; margin: 0 auto; text-align: center; }


/********************************/
/*   NAVBAR
/********************************/

#navbar { height: 45px; background: url(img/menu_bg.png) repeat-x 0 100%; padding: 0 20px; }

.btn-right { float: right; }

.btn-right a { 
	float: left; 
	height: 45px; 
	font-size: 12px; 
	text-align: center; 
	background: url(img/gradient_2.png) repeat-x 0 0; 
	margin-right: 3px;
	padding: 0 10px;
	color: #FFF;
}

a.onglet_expo span { background: url(img/icon_man.gif) no-repeat 50% 5px; }
a.onglet_presse span { background: url(img/icon_doc.gif) no-repeat 50% 5px; }

.btn-right a span { display: block; padding-top:22px; }


/********************************/
/*   STRUCTURE 
/********************************/

#main {  width: 640px; float: left; padding-left: 20px; }

#aside { float: right; width: 300px; padding-right: 20px; }


/********************************/
/*   CDF
/********************************/

#cdf { height: 25px; font-size: 11px; line-height: 25px; color: #545454; padding: 0 10px; }
#cdf strong { color: #830628; font-weight: bold; }


/********************************/
/*  TABS
/********************************/


#actualites	.tabs,
#medias		.tabs,
#partners	.tabs { 
	height: 30px; 
	border-bottom: 1px solid #830628; 
} 

#actualites .tabs li,
#medias		.tabs li,
#partners	.tabs li {
	float: left;
	margin-right: 2px;
	padding-left: 20px;
	height: 30px;
	line-height: 30px; 
	text-align: center; 
	background: url(img/tab_bg.png) no-repeat 0 100%; 
	cursor: pointer; 
}

#actualites .tabs li a,
#medias		.tabs li a,
#partners	.tabs li a {
	float: left;
	padding-right: 20px;
	height: 30px;
	font-size: 14px; 
	color: #FFF !important;
	background: url(img/tab_bg.png) no-repeat 100% 100%; 

}

#actualites .tabs li.active,
#medias		.tabs li.active,
#partners	.tabs li.active { background: url(img/tab_bg.png) no-repeat 0 0; }

#actualites .tabs li.active a,
#medias		.tabs li.active a,
#partners	.tabs li.active a { background: url(img/tab_bg.png) no-repeat 100% 0; }


/********************************/
/*   VALUE
/********************************/

#value {	
	position: relative; 
	padding: 5px; 
	border-top: 1px solid #830628;
	border-bottom: 1px solid #830628; 
	height: 248px; 
	overflow: hidden; 
	margin-bottom: 15px;
}

#value .tabs { 
	position: absolute; 
	right: 5px; 
	top: 5px; 
	z-index: 2; 
	width: 280px;
}

#value .tabs li { 
	float: left;
	display: list-item; 
	margin-bottom: 1px;
	width: 280px;
	height: 61px;
	background: url(img/value_li_bg.png) no-repeat 100% 0;
}

#value .tabs li.active { background: url(img/value_li_sel.png) no-repeat 100% 0;  }

#value .tabs li a { display: block; padding: 10px 10px 0 50px; color: #FFF; }

#value .tabs .libelle-1 { font-weight: bold; font-size: 16px; display: block; }
#value .tabs .libelle-2 { display: block; }



/********************************/
/*   ACTUALITES
/********************************/

#actualites { margin-bottom: 30px; }
#actualites .tab_container { padding: 10px 0; }
#actualites .article { line-height: 18px; padding: 10px 0; }


/********************************/
/*   BLOC MEDIA
/********************************/

#medias .tab_container { padding: 10px 0; }

.slider { height: 1%; overflow: hidden; }
.slider .buttons { background: url(img/arrows.gif) no-repeat 0 0; display: block; background-position: 0 100%; text-indent: -999em; float: left; width: 10px; height: 20px; margin-top: 30px; }
.slider .next { background-position: 0 0; }
.slider .disable { visibility: hidden; }

.slider .overview { list-style: none; position: absolute; left: 0 top: 0; }

.slider .viewport { float: left; width: 620px; height: 110px; overflow: hidden; position: relative;  }
.slider .overview li { float: left; width: 155px; text-align: center;/* margin: 0 10px;*/ }


/********************************/
/*   CARRE PUB
/********************************/

#carrepub { width: 300px; height: 250px; padding-top: 10px; margin-bottom: 20px; }
#carrepub.FR { background: url(img/pub_carre_FR.gif) no-repeat 50% 0; }
#carrepub.GB { background: url(img/pub_carre_GB.gif) no-repeat 50% 0; }



/********************************/
/*   TAG CLOUD
/********************************/

#tagcloud { margin-bottom: 15px; line-height: 24px; }

#tagcloud h2 { background: url(img/gradient_2.png) repeat-x 0 0 #830628; color: #FFF; padding: 5px 15px; margin: 0 0 1px 0; }
#tagcloud .inner { background: url(img/gradient_1.png) repeat-x 0 0; padding: 15px;}

#tagcloud a { padding: 0 7px; }
#tagcloud a:hover { text-decoration: underline; }

.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f32 { font-size: 32px; }



/********************************/
/*  PARTENAIRES
/********************************/

#partners { clear: both; width: 960px; margin: 30px 20px 0 20px;  }

#partners .tab_container { margin-top: 15px; }


/* SCROLLER */

#box1_container { 
	position: relative;
	width: 960px; 
	height: 100px;
	overflow: hidden;
}

#box2_container { 
	position: relative;
	width: 960px; 
	height: 100px;
	overflow: hidden;
}

#box1_content { height: 100px; white-space: nowrap; vertical-align: middle; }
#box2_content { height: 100px; white-space: nowrap; vertical-align: middle; }
#partners img { vertical-align: middle; margin: 10px;}
#dummy {;# }


/********************************/
/*   BLOC CENTER
/********************************/

#bloc-center {  width: 620px; float: left; padding: 20px 0 20px 20px;  } 

#bloc-center .inner { overflow: hidden; zoom: 1; line-height: 18px;  }

#bloc-center .intro { color: #545454; font-size: 14px; line-height: 20px; border-bottom: 1px solid #b6e0fa; padding: 0 0 10px 0; margin: 0 0 15px 0; }

#bloc-center li { list-style-position: inside; }

.pack-image .legende { display: block; clear: both; font-size: 11px; text-align: center; }
.pack-image.right { margin-left: 10px; }
.pack-image.left { margin-right: 10px; }

.page h2.chapo { margin-bottom: 25px; }

.page a { text-decoration: underline; }

.page .inner { margin-bottom: 15px; }

/********STYLE********/

h2.style1  { padding: 3px 15px; background: #bdbcb3; }				/*GREGE*/
h2.style2  { padding: 3px 15px; background: #830628; color: #FFF; } /*BORDEAUX*/
h2.style3  { padding: 3px 15px; background: #007973; color: #FFF; } /*SARCELLE*/
h2.style4  { padding: 3px 15px; background: #f6a800; color: #FFF; } /*JAUNE*/
h2.style5  { padding: 3px 15px; background: #ee7f00; color: #FFF; } /*ORANGE*/
h2.style6  { padding: 3px 15px; background: #d4021d; color: #FFF; } /*ROUGE*/
h2.style7  { padding: 3px 15px; background: #431332; color: #FFF; } /*AUBERGINE*/
h2.style8  { padding: 3px 15px; background: #9c0055; color: #FFF; } /*FUSHIA*/
h2.style9  { padding: 3px 15px; background: #96991d; color: #FFF; } /*OLIVE*/
h2.style10 { padding: 3px 15px; background: #c54613; color: #FFF; } /*CITROUILLE*/

.inner.style1 { padding: 15px; background: #bdbcb3; }
.inner.style2 { padding: 15px; border: 1px solid #bdbcb3; }
.inner.style3 { padding: 15px; border: 1px solid #830628; }


/********************************/
/*  COLUMN
/********************************/

#column { float: left; width: 190px; margin-top: 10px; margin-left: 15px; }

/********************************/
/*  BOUTON RAPIDE
/********************************/

#boutonrapide { margin-bottom: 20px; }
#boutonrapide li { height: 38px; line-height: 35px; margin-bottom: 1px; }
#boutonrapide li a { background: url(img/boutonrapide_bg.png) repeat-x 0 100% #7c7b69; display: block; height: 40px; padding: 0 30px 0 20px; font-size: 16px; font-weight: bold; color: #FFF; }
#boutonrapide li a:hover { background: url(img/boutonrapide_bg.png) repeat-x 0 0 #800627; color: #FFF; }


/********************************/
/*  BLOC RIGHT
/********************************/

.bloc-right { width: 180px; margin: 0 auto; }
.bloc-right h2  { padding: 4px 15px 5px 15px;  background: url(img/boutonrapide_bg.png) repeat-x 0 100% #7c7b69; color: #FFF; margin: 0 0 1px 0; }
.bloc-right .inner { font-size: 11px; padding: 15px; zoom:1; background: url(img/gradient_1.png) repeat-x 0 0; line-height: 16px; }

/********************************/
/*  SKYSCRAPER
/********************************/

#skyscraper { float: right; width: 120px; padding-top: 10px; padding-top: 10px; margin-right: 20px; display: inline; }
#skyscraper.FR { background: url(img/pub_carre_FR.gif) no-repeat 50% 0; }
#skyscraper.GB { background: url(img/pub_carre_GB.gif) no-repeat 50% 0; }


/********************************/
/*  INFO SALON
/********************************/

#infosalon { clear: both; background: url(img/plansitebas_bg.png) repeat-x 0 0; padding: 20px; overflow: hidden; zoom:1;
border-top: 1px solid #b8b8b8; }

#infosalon h2 { font: bold 16px arial; }
#infosalon .edito { float: left; width: 720px; }
#infosalon .synergie { float: left; padding-left: 20px; }


/********************************/
/*  PLAN SITE BAS
/********************************/

#footMenu { clear: both; background: url(img/plansitebas_bg.png) repeat-x 0 0; padding: 20px 0; }

#footMenu ul { padding: 0 20px 0 0;  }
#footMenu ul.first { padding: 0 20px; }

#footMenu li { margin-bottom: 8px; }
#footMenu li a { color: #830628; }
#footMenu li a:hover { color: #545454; }
#footMenu li.titre a { font-weight: bold; font-size: 16px; color: #545454; }




/********************************/
/*  FOOTER
/********************************/

#footer { 
	clear: both;
	background: url(img/point.gif) repeat-x 0 0;
	padding : 20px;
	font-size: 10px;
	font-weight: bold;
	color: #545454;
	overflow: hidden; 
	zoom:1; 
}

#footer img { vertical-align: middle; }

#footer .left { margin: 0 15px 0 0; }

#footLinks { text-align: center; text-transform: uppercase; }
#footLinks a  { text-decoration: none;  }


/********************************/
/*   DIVERS
/********************************/

.lien a { text-decoration: underline; }






#plansitebas { padding: 20px; background: url(img/sitemap.png) 0 0 repeat-x; }
#plansitebas .titre,
#plansitebas .titre a { font: bold 16px Arial; line-height: 20px; color: #545454; }
#plansitebas .titre a:hover { color: #000000; }
#plansitebas .lien,
#plansitebas .lien a { font: normal 12px Arial; line-height: 20px; color: #830628; text-decoration: none; }
#plansitebas .lien a:hover { color: #000000; }