/********************************/
/*   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; }
td, th { font: normal 12px Arial, Verdana, Helvetica, Sans-Serif; }

body {
	color: #331619;
	font: normal 12px Arial, Verdana, Helvetica, Sans-Serif;
	background: url(img/bg_site.jpg) no-repeat center top  #d8d4cd;
	text-align: center;
}

a { color: #321619; text-decoration: none; }
a:hover, a:focus, a:active { color: #009c93; text-decoration:underline; }


.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; }



/********************************/
/*   TOPSITE
/********************************/

#topsite { height:42px; }

#lienref { width: 992px; margin: 0 auto; height: 42px; line-height: 32px; color: #331619; font-size: 12px; text-align:left;}
#lienref a { color: #331619; text-decoration: none; padding: 0 5px;font-weight:bold; }
#lienref a:hover { text-decoration: underline; }


/********************************/
/*   GLOBAL
/********************************/

#global { width: 992px; margin: 0 auto;  text-align:left;}

#global0 { width: 992px; margin: 0 auto; overflow: hidden; }


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

#header { position: relative; height: 147px;padding-left:6px; }


/* INFOTOP */

#infotop { position: absolute; left: 254px; top: 108px;}
#infotop .baseline { font-size: 14px; }
#infotop .date { font-size: 18px;font-weight: bold;text-transform: uppercase;}
#infotop .lieu { font-size: 14px; font-weight:bold; }

/* BANNER */

#banner { position: absolute; left:254px; top: 12px; height: 90px; width: 728px; background: #b9f0f0; text-align: center; }

/* BOUTON EXPOSANT */

#btn-expo { position: absolute; right: 10px; top: 108px; width: 294px; height: 39px; background: url(img/btn_expo.png) no-repeat 0 0; }
* html #btn-expo { width: 288px;}
#btn-expo a { display: block; font-weight: bold; font-size:12px; text-decoration: none; color: #FFFFFF; padding:14px 0 0 80px; text-transform:uppercase; }
#btn-expo a:hover { color: #FFFFFF; }



/********************************/
/*   NAVIGATION (home et int)
/********************************/

#navHome {
	width: 992px; 
	height: 333px; 
	margin: 0 auto;
	position:relative;
}

.menuombre{
	left:10px;
	position:absolute;
	top:42px;
	width:680px;
	z-index:90;
	height:9px;
	background:url(img/menu_ombre_bottom_alpha.png) no-repeat top left;
}

* html .menuombre{background:none;}

#navInt {
	width: 992px; 
	height: 60px; 
	margin: 0 auto;
	position:relative;
	/*background: url(img/nav_int_bg.png) no-repeat 0 0; */
}


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

#value { clear: both; position: relative; width: 972px; margin: 0 auto; }

/*BOUTONS*/

#value ul { position: absolute; right: 0; top: 0; width: 302px; /*height: 208px;*/ list-style: none; }

#value li {  height: 68px;}
#value li a { display: block; height: 68px; color: #321619; font-weight: bold; font-size: 18px; text-decoration: none;background:url(img/value_home.png) no-repeat top left;}
#value li a:hover { background:url(img/value_home_hover.png) no-repeat top left;}
#value li.liElemSel a { background:url(img/value_home_hover.png) no-repeat top left;}
/*
#value .liElem1 { background: url(img/value_btn_sprite.png) no-repeat 0 0;  }
#value .liElem2 { background: url(img/value_btn_sprite.png) no-repeat 0 -52px; }
#value .liElem3 { background: url(img/value_btn_sprite.png) no-repeat 0 -104px; }
#value .liElem4 { background: url(img/value_btn_sprite.png) no-repeat 0 -156px; }

#value .liElem1 a:hover { background: url(img/value_btn_sprite.png) no-repeat 0 -208px; color: white; }
#value .liElem2 a:hover { background: url(img/value_btn_sprite.png) no-repeat 0 -260px; color: white; }
#value .liElem3 a:hover { background: url(img/value_btn_sprite.png) no-repeat 0 -312px; color: white; }
#value .liElem4 a:hover { background: url(img/value_btn_sprite.png) no-repeat 0 -364px; color: white; }
*/
#value li a span { position: relative; top: 23px; left:70px; }

/*VISUEL*/

#value .illustration { float: left;padding-bottom:9px;background:url(img/value_ombre_bottom.png) no-repeat bottom left; }
#value .illustration img { display:block; }

#value .texte { padding: 30px 300px 30px 30px; }

/********************************/
/*  FOCUS HOME
/********************************/

#focushome { margin: 10px 0 10px 10px; height: 230px;  }

#focushome .box { 
float: left; width: 325px; height: 230px; margin-left: 10px; overflow: hidden; background: #E7DFD0; display:inline; }

#focushome .box.first { margin-left: 0; }
#focushome .box.last { width:300px; }
#focushome .box a { color:#321619;font-weight:bold; }

#focushome h2 { height: 70px; color: #321619; font-size: 24px; }

#focushome .contenu { padding: 15px; }


/********************************/
/*  ACTUALITES
/********************************/
	
#actualites { position: relative;
float: left; width:645px; /*height:250px;*/ overflow:hidden; margin-left:10px; display: inline; }

#actualites .allnews { position: absolute; right: 8px; top:0;  }
#actualites .allnews a { color: #31bdb8; font-weight: bold; background: url(img/plus.gif) no-repeat 0 3px; padding-left: 15px; }
#actualites .allnews a:hover { color: #93C83E; }

#actualites .article { padding: 5px 15px 0 15px; overflow: hidden; zoom:1; }
#actualites .article a { font-weight: bold;}
#actualites .texte { /*padding-left:72px;*/}
#actualites h2 { color: #321619; font-size: 36px; font-weight:normal;padding-left: 50px;}
#actualites h3 { font-size: 14px; color:#bccb00;background:url(img/bg_titre.gif) repeat-y right top;padding-right:36px;float:left;margin:15px 0; }
#actualites h3 span{ font-size: 14px; color:#bccb00;display:block;background:url(img/puce_verte.gif) no-repeat 7px 8px #321619;height:21px;padding:4px 11px 0 20px; }
* html #actualites h3 span{ float:left; }


/********************************/
/*  CARREPUB 
/********************************/

#carrepub { width: 300px; height: 250px; float: right; margin-right: 12px; display: inline; margin-bottom:10px; }

/********************************/
/*  BLOC NEWSLETTER 
/********************************/

#bloc-newsletter { width: 300px; float: right; margin-right: 12px; display: inline; margin-bottom:10px; }
#bloc-newsletter a { font-size: 14px; color:#bccb00;background:url(img/bg_titre.gif) repeat-y right top;padding-right:36px;display:block;font-weight:bold;text-decoration:none; }
#bloc-newsletter a span{ font-size: 14px; color:#bccb00;display:block;background:url(img/puce_verte.gif) no-repeat 7px 20px #321619;padding:17px 11px 17px 20px;text-transform:uppercase; }
/********************************/
/*  BLOC-CENTER
/********************************/

#bloc-center { width: 665px; float: left; margin: 0 10px; display: inline; color:#321619; } 

/* CDF */
#cdf { font-size: 12px; padding-bottom: 15px; }

/* H1, H2, H3 */ 
#bloc-center h1 { color: #321619; font-size: 36px; margin-bottom: 20px; }
#bloc-center h2 { color: #321619; font-size: 18px; }
#bloc-center h3 { color: #321619; font-size: 14px; padding:7px 0 7px 15px; }

/* GENERALITES */
#bloc-center .contenu { overflow: hidden; zoom: 1; }

.style1, .style2, .style3, .style4, .style5, .style6 { margin-bottom: 15px; }

.style1{background:url(img/bg_style1.png) repeat-y right top #dcd4ca;}
.style1 .contenu{padding:10px;}

/* H2 */
.style2 h2, .style3 h2, .style4 h2, .style5 h2, .style6 h2 { font-size: 14px; color:#bccb00;background:url(img/bg_titre.gif) repeat-y right top;padding-right:36px;float:left;margin:0 0 15px 0;}
.style2 h2 span, .style3 h2 span, .style4 h2 span, .style5 h2 span, .style6 h2 span { font-size: 14px; color:#bccb00;display:block;background:url(img/puce_verte.gif) no-repeat 7px 8px #321619;padding:4px 11px 4px 20px;text-transform:uppercase; }

/* 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-2 { margin : 0 0 0 1%; } /*Hack ie6*/
.w33-newline { float : right; display : inline; clear : right; width : 32%; }

/* DIVERS */
img.style1 { float: left; margin: 0 10px 0 0 !important; }
img.style2 { float: right; margin: 0 0 0 10px !important; }
#bloc-center .contenu img { margin-right:10px; }



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

#bloc-right { width: 170px; float: left; margin-top: 15px; display: inline; }

/* BOUTONS RAPIDES */

ul#boutonrapide { list-style: none; margin-bottom: 10px; }
ul#boutonrapide li { height: 28px; margin-bottom: 3px; background: url(img/bg_lienint.png) no-repeat right top; }
ul#boutonrapide a { display: block; font-weight: bold; color: #321f16; font-size:12px; font-weight:bold; line-height: 26px; padding: 0 0 0 5px;text-transform:uppercase; }
ul#boutonrapide a:hover, ul#boutonrapide a:focus, ul#boutonrapide a:active { text-decoration:none; }


/* BLOC INFO */

.bloc-info { margin-bottom: 12px; }
.bloc-info h2 { color: #321619; font-size: 24px; margin-bottom: 5px; }
.bloc-info h3 { color: #31bdb8; font-size: 13px; margin-bottom: 5px; }
.bloc-info .contenu { padding: 10px 10px 0 10px; }
.bloc-info .closer {  height: 15px; overflow: hidden; }

.bloc-info.bg1 { background: #E7DFD0; }
.bloc-info.bg2 { background: #E7DFD0; }
.bloc-info.bg3 { background: #E7DFD0; }

.bloc-info.bg3, .bloc-info.bg3 h2 { color: white !important; }
.bloc-info.bg3 h3 { color: #badd33 !important; }

.bloc-info input { }

#inscnews .contenu{background:#321619;color:#bccb00;padding:10px;}
#inscnews h2{color:#bccb00;font-size:14px;}
#inscnews a{color:#bccb00;font-size:11px;font-weight:bold;}
#inscnews a:hover{color:#bccb00;}
#inscnews .closer{background:url(img/bg_inscnews_int.gif) repeat-x top;height:36px;}

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

#skyscraper { float: right; width: 120px; height: 600px; background: #b9f0f0; margin: 15px 10px 0 0; display: inline; }


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

#plansitebas { clear: both; width: 972px; margin: 20px auto 0 auto; background: url(img/bg_plansite.gif) repeat-y 0 0; padding:10px 0; }

#plansitebas td { padding: 0 40px; font-size: 11px; background: url(img/plansite_sep.gif) no-repeat 0 0; }
#plansitebas td.first { background: none; }

#plansitebas .titre a { color: #321619; font-weight: bold; font-size:12px; }
#plansitebas a { color: #321619; display: block; padding-bottom: 5px; }
#plansitebas a:hover { color: #009c93; text-decoration:underline; }


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

#footer { clear: both; padding: 10px 20px; color: #647882; font-size: 11px; height: 70px; }

#footer img { vertical-align: middle; position: relative; }
#footer .reed { padding: 10px 20px 0 0; }

#footer ul { list-style: none; text-align: center; padding-top: 7px; }
#footer li { display: inline; }
#footer a { color: #321619; }
#footer a:hover {color: #009c93; text-decoration:underline; }