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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; }

img  { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }


body {
	color: #4c4c4c;
	font: normal 12px Arial, Verdana, Helvetica, Sans-Serif;
	background: white;
}

a { color: #4473B4; text-decoration: underline; }
a:hover, a:focus, a:active { color: #e31b19; }

.left  { float: left;  }
.right { float: right; }
img.left { margin-right: 10px; }
img.right {	margin-left: 10px; }
img.center { display: block; margin: 0 auto; text-align: center; padding-bottom: 8px; }
.dblock { display: block; }
.newline { display: block; clear: both; line-height: 1px; font-size: 1px; height: 0; }


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

#header { 
	width: 1010px; 
	height: 180px; 
	margin: 0 auto; 
	background: url(img/header_bg.png) no-repeat 0 0; 
	font-size: 10px;
	position: relative; 
}

#header div { position: absolute; }

#header a { text-decoration: none; }

#lienref { color: #FFF; top: 5px; left: 25px; }
#lienref a { color: #FFF; }

#logo { top: 50px; left: 40px; }

#banner { width: 728px; height: 90px; background: white; top: 40px; right: 15px; }
#banner img, #banner object { margin: 0 auto; text-align: center; }

#changelang { top: 10px; right: 25px; }
#changelang img { vertical-align: middle; margin-right: 5px; }
#changelang a { color: #1A171B; }

#baseline { top: 12px; left: 270px; font-size: 13px; color: #1A171B;  }

#raccourci { bottom: 20px; right: 310px; }

#raccourci span { float: left; height: 20px; line-height: 18px; margin-right: 5px; }

#raccourci span.pratique { width: 428px; background: url(img/toplink_bg1.png) no-repeat 0 0; }
#raccourci span.pratique a { color: #FFF; float: left; margin-left: 10px;}

#raccourci a.favoris { background: url(img/picto_favoris.gif) no-repeat 0 50%; padding-left: 20px;  }
#raccourci a.ami { background: url(img/picto_ami.gif) no-repeat 0 50%; padding-left: 20px;}
#raccourci a.agenda { background: url(img/picto_agenda.gif) no-repeat 0 50%; padding-left: 20px; }

/*
#raccourci span.exposer { width: 146px; background: url(img/toplink_bg2.png) no-repeat 0 0; text-align: center; }
#raccourci span.exposer a { color: #FFF; text-transform: uppercase; }

#raccourci span.presse { width: 146px; background: url(img/toplink_bg3.png) no-repeat 0 0; text-align: center; }
#raccourci span.presse a { color: #1A171B; text-transform: uppercase; }
*/


/********************************/
/*   NAVIGATION
/********************************/

#navigation { width: 990px; height: 58px; margin: 0 auto; }

#navigation .left	{ width: 690px; }
#navigation .right	{ width: 295px; }

/*BOUTONS*/

#navigation .btn { width: 146px; height: 58px; font-size: 11px;  }
#navigation #espexpo {  background: url(img/btn_espexpo_bg.png) no-repeat 0 0; float: left; }
#navigation #newsletter {  background: url(img/btn_newsletter_bg.png) no-repeat 0 0; float: right; }
#navigation .btn a { display: block; margin: 15px 10px 0 15px; color: #FFF; text-decoration: none; }
#navigation .btn strong { font-weight: 400; font-size: 13px;  }

/*CDF*/

#cdf { background: url(img/cdf_bg.png) no-repeat 0 0; height: 27px; line-height: 25px; margin-top: 3px; font-size: 10px; color: #7F8A93; }
#cdf a { color: #7F8A93; text-decoration: none; }
#cdf a:hover, #cdf a:focus, #cdf a:active { color: #4473B4; }
#cdf strong { color: #e31b19; }

#cdf span.ici { float: left;  background: url(img/hand.gif) no-repeat 100% 50%; padding: 0 30px 0 15px; margin-right: 5px; }

/********************************/
/*   MAIN
/********************************/

#main { width: 990px; margin: 10px auto; zoom: 1; }


/********************************/
/*   BLOC VALUE 
/********************************/

#bloc-value { height: 300px; background: url(img/value_bg.png) no-repeat 0 0; position: relative; margin-bottom: 15px; }

#bloc-value ul { position: absolute; right: 3px; top: 0; width: 300px;  list-style: none; }

#bloc-value li { float: left; width: 300px; margin: 5px 0 0 0; }

#bloc-value a { display: block;	height: 69px; text-decoration: none; color: white; background: url(img/value_btn_bg.png) no-repeat 0 0; }
#bloc-value a:hover, #bloc-value a:focus, #bloc-value a:active { background: url(img/value_btn_bg.png) no-repeat 0 100%; }

#bloc-value li.expo a { background: url(img/value_btn_expo.png) no-repeat 0 0; }
#bloc-value li.expo a:hover, #bloc-value li.expo a:focus, #bloc-value li.expo a:active { background: url(img/value_btn_expo.png) no-repeat 0 100%; }

#bloc-value li.badge a { background: url(img/value_btn_badge.png) no-repeat 0 0; }
#bloc-value li.badge a:hover, #bloc-value li.badge a:focus, #bloc-value li.badge a:active { background: url(img/value_btn_badge.png) no-repeat 0 100%; }

#bloc-value li.conf a { background: url(img/value_btn_conf.png) no-repeat 0 0; }
#bloc-value li.conf a:hover, #bloc-value li.conf a:focus, #bloc-value li.conf a:active { background: url(img/value_btn_conf.png) no-repeat 0 100%; }

#bloc-value li.info a { background: url(img/value_btn_info.png) no-repeat 0 0; }
#bloc-value li.info a:hover, #bloc-value li.info a:focus, #bloc-value li.info a:active { background: url(img/value_btn_info.png) no-repeat 0 100%; }

#bloc-value a span { cursor: pointer; display: block; padding: 0 50px; }
#bloc-value a span.libelle {  font-weight: 700; font-size: 13px; padding-top: 15px; }
#bloc-value a span.texte{ font-size: 11px; }
#bloc-value .anim { padding: 5px; }


/********************************/
/*   BLOC ACTU
/********************************/

#bloc-actu { width: 684px; float: left; }

#tabs { list-style: none; height: 39px; margin-bottom: 5px; }

#tabs li { float: left; margin-right: 5px; }

#tabs li a { float: left; width: 176px; height: 39px; line-height: 35px; background: url(img/actu_onglet.png) no-repeat 0 0; 
color: #7f8a93; text-decoration: none; font-size: 13px; text-align: center; }

#tabs li.tabSel a, #tabs li a:hover
{ background: url(img/actu_onglet.png) no-repeat 0 100%; color: white; font-weight: bold; }

#bloc-actu .panel { height: 207px; overflow: hidden; background: url(img/actu_bg.png) no-repeat 0 0; padding: 0 0 0 10px;  }

#bloc-actu .article { float: left; width: 180px; margin: 20px 20px 0 20px; display: inline; }

#bloc-actu img { padding-bottom: 5px; }

#bloc-actu h3 { font-size: 10px; color: #4473B4; }
#bloc-actu h3 a { text-decoration: none; color: #4473B4; }
#bloc-actu h3 a:hover { text-decoration: underline;  }

#bloc-actu p { font-size: 10px; }


/********************************/
/*   BLOC MEDIAS
/********************************/

#medias { width: 433px; float: left; }

#mediasOnglet { list-style: none; height: 45px; margin-bottom: 5px; }

#mediasOnglet li { float: left; margin-right: 5px; }

#mediasOnglet li a { float: left; width: 180px; height: 45px; line-height: 40px; 
color: #7f8a93; text-decoration: none; font-size: 13px; text-align: center; }

#mediasOnglet li#photoOnglet a { background: url(img/medias_photos.png) no-repeat 0 0; }
#mediasOnglet li#videoOnglet a { background: url(img/medias_videos.png) no-repeat 0 0; }

#mediasOnglet li.ongletSel a { color: white; font-weight: bold; }
#mediasOnglet li#photoOnglet.ongletSel a { background: url(img/medias_photos.png) no-repeat 0 100%; }
#mediasOnglet li#videoOnglet.ongletSel a { background: url(img/medias_videos.png) no-repeat 0 100%; }

#mediasOnglet li#photoOnglet a:hover { background: url(img/medias_photos.png) no-repeat 0 100%; color: white; font-weight: bold; }
#mediasOnglet li#videoOnglet a:hover { background: url(img/medias_videos.png) no-repeat 0 100%; color: white; font-weight: bold; }


/* SLIDERS
--------------*/

#sliderPhotos, #sliderVideos {
	position: relative;
	background: url(img/medias_bg.png) no-repeat 0 0;
	height: 120px;
	padding: 20px 0 0 10px;

}

/**/

.view_all { display: none; }

.action { 
	width: 62px; 
	height: 45px; 
	background: url(img/medias_btn.png) no-repeat 0 0;
	position: absolute;
	top: -50px;
	right: 0;
}
.action p.back a { float: left; height: 45px; width: 31px; }
.action p.next a { float: right; width: 31px; height: 45px; }
.action p.back a:hover { background: url(img/medias_btn.png) no-repeat 0 100%; }
.action p.next a:hover { background: url(img/medias_btn.png) no-repeat 100% 100%; }

/**/

.slider {
	position: relative;
	overflow: hidden;
	width: 420px;

}
.slider ul {
	position: relative;
	left: 0;
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	z-index: 1;
	height: 100px;
}
.slider li {
	float: left;
	display: inline;
	width: 140px;
	text-align: center;
}



/********************************/
/*   BLOC INFOS
/********************************/

#bloc-info { float: left; width: 240px; margin-right: 10px; font-size: 10px; position: relative; }

#bloc-info h2 { 
	height: 45px;
	width: 173px; 
	overflow: hidden; 
	font-size: 13px;
	color: #FFF;
	background: url(img/info_onglet.png) no-repeat 0 0;
	line-height: 40px; 
	padding: 0 5px 0 60px;
	margin-bottom: 5px;
}

#bloc-info h3 { font-size: 10px; color: #4473B4; }
#bloc-info h3 a { text-decoration: none; color: #4473B4; }
#bloc-info h3 a:hover { text-decoration: underline;  }

#bloc-info p { font-size: 10px; }

#sliderInfo { background: url(img/info_bg.png) no-repeat 0 0; width: 240px; height: 140px; overflow: hidden; }
#sliderInfo li { list-style: none; width: 240px; height: 140px; }
#sliderInfo .contenu { padding: 10px; }

/********************************/
/*   BLOC INFOS
/********************************/

#bloc-rss { width: 240px; margin-right: 10px; font-size: 10px; float:left;}

#bloc-rss h2 { 
	height: 45px;
	width: 110px; 
	overflow: hidden; 
	font-size: 13px;
	color: #FFF;
	background: url(img/info_onglet.png) no-repeat 0 0;
	line-height: 40px; 
	padding: 0 5px 0 60px;
	margin-bottom: 5px;
	float:left
}
#bloc-rss .buttons{width:62px;float:left;padding-left:2px;overflow:hidden;}
#bloc-rss .buttons a{display:block;width:31px;height:45px;float:left;}
#bloc-rss .top a{background: url(img/info_btn.png) no-repeat top left;}
#bloc-rss .top a:hover{background: url(img/info_btn.png) no-repeat bottom left;}
#bloc-rss .bottom a{background: url(img/info_btn.png) no-repeat top right;}
#bloc-rss .bottom a:hover{background: url(img/info_btn.png) no-repeat bottom right;}

#bloc-rss h3 { font-size: 11px; color: #4473B4;margin-bottom:0px }
#bloc-rss h3 a { text-decoration: none; color: #4473B4; }
#bloc-rss h3 a:hover { text-decoration: underline;  }
#bloc-rss .anews { margin-bottom:20px}
#bloc-rss .content { background: url(img/info_bg.png) no-repeat 0 0; width: 240px; height: 140px; clear:both;}
#bloc-rss .container{margin:5px;width:230px;height:130px}
#bloc-rss p { font-size: 11px; }

/*ARROWS*/
#prevBtn, #nextBtn { display: block; overflow: hidden; text-indent: -8000px; width: 31px; height: 45px; position: absolute; }	
#prevBtn { right: 31px; top: 0; }		
#nextBtn { right: 0; top: 0; }
#prevBtn a, #nextBtn a { display: block; width: 31px; height: 45px; }
#prevBtn a { background: url(img/info_btn.png) no-repeat 0 0; }	
#nextBtn a { background: url(img/info_btn.png) no-repeat 100% 0; }	
#prevBtn a:hover { background: url(img/info_btn.png) no-repeat 0 100%; }	
#nextBtn a:hover { background: url(img/info_btn.png) no-repeat 100% 100%; }	

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

#carrepub { float: right; margin-bottom: 10px; }



/********************************/
/*   COMMUNAUTE
/********************************/

#communaute { width: 300px; float: right;  }

#communaute h2 { height: 45px; line-height: 40px; font-size: 11px; color: #4C4C4C; 
background: url(img/communaute_h2.png) no-repeat 0 0; padding: 0 10px 0 65px; margin-bottom: 5px; }

#communaute .contenu { height: 100px; overflow: hidden; background: url(img/communaute_bg.png) no-repeat 0 0; padding: 20px; font-size: 10px; }

#communaute .pictos { text-align: center; }
#communaute .pictos img { margin: 0 10px;  }

#communaute a { text-decoration: none; color: #4473B4; }
#communaute a:hover { text-decoration: underline;  }

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

#bloc-center { float: left; width: 670px;  }


/***** H1,H2,H3 *****/

h1 { font-size: 20px; font-weight: normal; margin-bottom: 20px; }
h2 { font-size: 18px; color: #4473b3; margin-bottom: 10px; }
h3 { font-size: 12px; margin-bottom: 10px; }

/***** ENTETE *****/

h1 .contenu { 
	font-size: 13px; 
	font-weight: 400; 
	padding: 20px !important;
	bottom: 0 !important;
	background: none !important;
}

/***** PAGE *****/

.page { margin-bottom: 20px; overflow: hidden; zoom: 1; width:100%}
.page { width:100%}/*hack IE6 pour overflow hidden fontionne*/
.page div { zoom: 1; overflow: hidden; }

.page h2 { font-size: 13px; color: #4473b4; padding: 20px 0 5px 50px; margin-bottom: 5px; }
.page h2.style1 { background: url(img/page/h2_blue.png) no-repeat 0 0; }
.page h2.style2 { background: url(img/page/h2_red.png) no-repeat 0 0; color: #4C4C4C; }
.page h2.style3 { background: url(img/page/h2_grey.png) no-repeat 0 0; color: #4C4C4C; }
.page h2.style4 { background: url(img/page/h2_blue_big.png) no-repeat 0 0; padding: 0 0 0 40px; color: #FFF; height: 39px; line-height: 35px; float: left; }
.page h2.style4 .corner { background: url(img/page/h2_blue_big.png) no-repeat 100% 0; float: left; height: 39px; padding: 0 20px 0 0;  }


/***** STYLES *****/

.style1 .contenu, .style2 .contenu, .style3 .contenu { position: relative; padding: 10px 20px 70px 20px; bottom: -5px; }

.style1 .opener, .style2 .opener, .style3 .opener, .style4 .opener, 
.style1 .closer, .style2 .closer, .style3 .closer, .style4 .closer { height: 5px; padding-left: 5px; overflow: hidden; }

.style1 .opener div, .style2 .opener div, .style3 .opener div, .style4 .opener div,
.style1 .closer div, .style2 .closer div, .style3 .closer div, .style4 .closer div { height: 5px; }


/***** STYLE1 : FOND BLEU *****/

.style1 { background: #8bc7e7 url(img/page/blue_bg.gif) repeat-x 0 100% ; color: white; }
.style1 .contenu { background: url(img/page/blue_symbol.png) no-repeat 0 100%; }
.style1 .opener { background: url(img/page/blue_top.gif) no-repeat 0 0;  }
.style1 .opener div { background: url(img/page/blue_top.gif) no-repeat 100% 0; }
.style1 .closer { background: url(img/page/blue_bottom.gif) no-repeat 0 0; }
.style1 .closer div { background: url(img/page/blue_bottom.gif) no-repeat 100% 0; }

/***** STYLE2 : FOND ROUGE *****/

.style2  { background: #e31c19 url(img/page/red_bg.gif) repeat-x 0 100% ; color: white; }
.style2 .contenu { background: url(img/page/red_symbol.png) no-repeat 0 100%; }
.style2 .opener { background: url(img/page/red_top.gif) no-repeat 0 0; }
.style2 .opener div {background: url(img/page/red_top.gif) no-repeat 100% 0; }
.style2 .closer { background: url(img/page/red_bottom.gif) no-repeat 0 0; }
.style2 .closer div { background: url(img/page/red_bottom.gif) no-repeat 100% 0; }

.style2 a { color: #FFF; }

/***** STYLE3 : FOND GRIS *****/

.style3 { background: #c3c8cc url(img/page/grey_bg.gif) repeat-x 0 100%; }
.style3 .contenu { background: url(img/page/grey_symbol.png) no-repeat 0 100%; }
.style3 .opener { background: url(img/page/grey_top.gif) no-repeat 0 0; }
.style3 .opener div { background: url(img/page/grey_top.gif) no-repeat 100% 0; }
.style3 .closer { background: url(img/page/grey_bottom.gif) no-repeat 0 0; }
.style3 .closer div { background: url(img/page/grey_bottom.gif) no-repeat 100% 0; }

/***** STYLE4 : FILET *****/

.style4 { clear: both; }
.style4 .contenu { padding: 20px; border-left: 1px solid #8bc7e7; border-right: 1px solid #8bc7e7; }
.style4 .opener { background: url(img/page/filet_top.gif) no-repeat 0 0; }
.style4 .opener div { background: url(img/page/filet_top.gif) no-repeat 100% 0; }
.style4 .closer { background: url(img/page/filet_bottom.gif) no-repeat 0 0;  }
.style4 .closer div { background: url(img/page/filet_bottom.gif) no-repeat 100% 0; }

.style4 h3 { color: #4473b3; }

/* GESTION DES COLONNES */

.w50 { float : left; clear : left; width : 49%; }
.w50-newline { float : right; clear : right; width : 49%; }
.w33-first { float : left; display : inline; width : 32%; }
.w33-2 { float : left; display : inline; width : 32%; margin-left : 2%;  }
 * html .w33-first { margin : 0 0 0 1%; } /*Hack ie6*/
 * html .w33-2 { margin : 0 0 0 1%; } /*Hack ie6*/
.w33-newline { float : right; display : inline; clear : right; width : 32%; }

/* DIVERS */

img.style1 { float: left; margin-right: 10px; }
img.style2 { float: right; margin-left: 10px; }


.page ul.special li { background: url(img/lidot.gif) no-repeat 0 2px; padding-left: 15px; list-style: none;  }

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

#bloc-right { float: right; width: 300px; }

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

#boutonrapide ul { list-style: none; font-size: 13px;  font-weight: bold; margin-bottom: 10px; }

#boutonrapide li { margin-bottom: 5px; height: 42px; background: url(img/boutonrapide_bg.png) no-repeat 0 -188px; }

#boutonrapide a { 
	display: block; 
	height: 42px; 
	line-height: 40px; 
	padding: 0 60px 0 50px; 
	color: #FFF; 
	text-decoration: none;
	background: url(img/boutonrapide_bg.png) no-repeat 0 -188px;
}

#boutonrapide a:hover { background: url(img/boutonrapide_bg.png) no-repeat 0 -423px; }

#boutonrapide li.expo a { background: url(img/boutonrapide_bg.png) no-repeat 0 0;}
#boutonrapide li.expo a:hover { background: url(img/boutonrapide_bg.png) no-repeat 0 -235px; }

#boutonrapide li.badge a { background: url(img/boutonrapide_bg.png) no-repeat 0 -47px;}
#boutonrapide li.badge a:hover { background: url(img/boutonrapide_bg.png) no-repeat 0 -282px; }

#boutonrapide li.conf a { background: url(img/boutonrapide_bg.png) no-repeat 0 -94px;}
#boutonrapide li.conf a:hover { background: url(img/boutonrapide_bg.png) no-repeat 0 -329px; }

#boutonrapide li.info a { background: url(img/boutonrapide_bg.png) no-repeat 0 -141px;}
#boutonrapide li.info a:hover { background: url(img/boutonrapide_bg.png) no-repeat 0 -376px; }

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

#footer { background: url(img/footer_bg.png) repeat-x 0 0; padding-bottom: 50px;margin-top:20px;clear:both; }

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

#plansitebas { 
	margin: 0 auto; 
	width: 990px; 
	height: 152px; 
	background: url(img/plansitebas_bg.png) no-repeat 0 0; 
	margin-bottom: 5px; 
	font-size: 11px;
}

#plansitebas a { color: #4c4c4c; display: block; margin-bottom: 4px; text-decoration: none; }
#plansitebas a:hover { color: #E31B19; }

#plansitebas .titre { text-transform: uppercase; font-weight: bold; }

#plansitebas td {  padding: 20px 40px;}


/********************************/
/*  MENTIONS
/********************************/

#mentions { margin: 0 auto; width: 990px; height: 57px; background: url(img/mentions_bg.png) no-repeat 0 0; font-size: 12px; color: #FFF; }

#mentions ul { list-style: none;text-align: center; padding-top: 20px; }
#mentions li { display: inline; }
#mentions a { color: #FFF; text-decoration: none; }
#mentions a:hover { text-decoration: underline; }

#logo-Reed { float: left; padding: 15px 10px 0 30px; }
#logo-OJD { float: right; padding: 20px 30px 0 10px; }
#logo-OJD img { vertical-align: middle; }

/********************************/
/*  Lecteur RSS
/********************************/

a b {
	font-size:13px;
}

td {
	padding-bottom:5px;
}