/********************************/
/*   RESET
/********************************/

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, img, 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,
table, caption, tbody, tfoot, thead, tr, th, td {  margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;  }

body { line-height: 1;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

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


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

html, body {  }

body { 
	color: #000; 
	font: normal 11px Verdana, Arial, Helvetica, Sans-Serif; 
	background: url(img/ciel_bg_bottom.png) repeat-x 0 100% #FFF;
	text-align: center;
}

a        { color: #e36829; text-decoration: none; }
a:hover	 { color: #009ee0; }
a:active { color: #009ee0; }
a:focus	 { color: #009ee0; }

.newline { display: block; clear: both; line-height: 1px; font-size: 1px; height: 0; }

.dblock { display: block; }
.left  { float: left; }
.right { float: right; }
.center { text-align: center; }

img.left { margin-right: 10px; }
img.right {	margin-left: 10px; }
img.center { display: block; margin: 0 auto; text-align: center; padding-bottom: 8px; }

h1 { font-weight: normal; font-size: 26px; margin-bottom: 15px; }


/********************************/
/*  SITE
/********************************/

#site { background: url(img/ciel_bg_top.png) repeat-x 0 0; }

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

#global { width: 980px; margin: 0 auto; background: url(img/header_bg.png) no-repeat 0 0; overflow: hidden; zoom: 1;  text-align: left; }

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

#header { height: 200px; position: relative; }

#lienref { font-size: 9px; height: 25px; line-height: 25px;  }
#lienref a { color: #000; }
#lienref a:hover { color: #FFF;  }

#baseline { color: #FFF; }

a#logotop { position: absolute; top: 45px; left:0; width: 250px; height: 100px; display: bock;  }

#banner { position: absolute; top: 50px; right:0; width: 728px; height: 90px; background: #FFF; }
#banner img, #banner object { margin: 0 auto; text-align: center; }


/********************************/
/*   NAV
/********************************/

#nav { height: 30px; margin-bottom: 10px; }

ul.left { 
	float: left; 
	height: 28px;
	width: 650px; 
	padding: 0 10px;  
	background: url(img/nav_bg.png) repeat-x 0 0;
	border: 1px solid #e3e3e4; 
}

ul.left li { display: inline; line-height: 25px; }


/*RIGHT*/

ul.right { float: right; }

ul.right li { float: left; line-height: 25px; }
ul.right a { float: left; height: 28px; font-size: 14px; }

ul.right li.presse { 
	background: url(img/nav_bg.png) repeat-x 0 0; 
	border: 1px solid #e3e3e4;
	margin-right: 1px;
}

ul.right li.exposer { 
	background: url(img/nav_orange_bg.png) repeat-x 0 0; 
	border: 1px solid #dd7841;
	margin-right: 1px;
}

ul.right li.espexpo { 
	background: url(img/nav_orange_bg.png) repeat-x 0 0; 
	border: 1px solid #dd7841;
}

ul.right li.presse a { color: #000; background: url(img/lock1.gif) no-repeat 100% 5px; margin: 0 5px; padding-right: 18px; }
ul.right li.presse a:hover { color: #009ee0; }


ul.right li.exposer a { color: #FFF; margin: 0 5px; }
ul.right li.exposer a:hover { color: #000; }

ul.right li.espexpo a { color: #FFF; background: url(img/lock2.gif) no-repeat 100% 5px; margin: 0 5px; padding-right: 18px; }
ul.right li.espexpo a:hover { color: #000; }


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

#main { width: 670px; float: left; }


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

#value { height: 280px; border: 1px solid #56ccef; position: relative;  }

#value ul { position: absolute; right: 0; top: 0; width: 260px; background: url(img/value_bg.gif) repeat-y 100% 0; }

#value li { float: left; width: 260px; height: 70px; background: url(img/value_sep.gif) no-repeat 100% 100%; }
#value li#liElem4 { height: 72px; overflow: hidden;  cursor: pointer;}

#value li a { display: block; height: 70px; color: white; /*padding-top: 4px */ cursor: pointer;}

#value li.liElemSel { background: url(img/value_over.png) no-repeat 100% 100%; cursor: pointer; }

#value .texte { padding: 20px 260px 20px 20px; }

#value .illustration { line-height: 1px; font-size: 1px; float: left;  }

#value .titre { font-size: 17px;  float: left; clear: both;  width: 200px; margin: 10px 0 5px 50px; }
#value .sous-titre { float: left; clear: both; width: 200px; margin: 0 0 0 50px; }


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

#actuonglet { margin: 10px 0 0 0; border: 1px solid #56ccef; }

#actuonglet ul { height: 30px; background: url(img/entete_bg_bleu.gif) repeat-x 0 0;  }
#actuonglet li { float: left; height: 30px; line-height: 25px; padding: 0 30px 0 20px; background: url(img/trait_diag.gif) no-repeat 100% 0; }
#actuonglet li a { color: white; font-size: 14px; }
#actuonglet li a:hover { color: #000; }

#actuonglet li.tabSel a { font-weight: bold; color: #FFF;}

#actuonglet .panel { clear: both;  background: white; overflow: hidden; zoom: 1;  padding-bottom: 20px; }
 
#actuonglet .article { float: left; width: 300px; margin: 20px 0 0 20px; display: inline;  }

#actuonglet .lien { text-align: right; padding-top: 5px; }

/********************************/
/*   bloc texte ongle home
/********************************/

#onglettexthome { margin: 10px 0 0 0; border: 1px solid #56ccef; }

#onglettexthome ul { height: 30px; background: url(img/entete_bg_bleu.gif) repeat-x 0 0;  }
#onglettexthome li { float: left; height: 30px; line-height: 25px; padding: 0 30px 0 20px; background: url(img/trait_diag.gif) no-repeat 100% 0; }
#onglettexthome li a { color: white; font-size: 14px; }
#onglettexthome li a:hover { color: #000; }

#onglettexthome li.tabSel a { font-weight: bold; color: #FFF;}

#onglettexthome .panel { clear: both;  background: white; overflow: hidden; zoom: 1;  padding-bottom: 20px; }

#onglettexthome .article { float: left; width: 95%; margin: 20px 0 0 20px; display: inline;  }

#onglettexthome .lien { text-align: right; padding-top: 5px; }

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

#medias { margin: 10px 0 0 0; border: 1px solid #56ccef; height: 180px; overflow: hidden; }


/*ONGLETS*/

#mediasonglet  { height: 30px; background: url(img/entete_bg_bleu.gif) repeat-x 0 0;  }
#mediasonglet li { float: left; height: 30px; line-height: 25px; padding: 0 30px 0 20px; background: url(img/trait_diag.gif) no-repeat 100% 0; }
#mediasonglet li a { color: white; font-size: 14px; }
#mediasonglet li a:hover { color: #000; }
#mediasonglet li.ongletSel a { font-weight: bold; color: #FFF; }


/*SLIDER*/

#galerie1, #galerie2, #galerie3 { position: relative; zoom:1; width: 600px; margin: 20px 0 0 35px;  }

.slider li { width: 600px; height: 100px; overflow: hidden; }	

.slider li a { float: left; width: 200px; height: 100px; text-align: center; }	



/*ARROWS*/

#prevBtn, #nextBtn, #prevBtn2, #nextBtn2, #prevBtn3, #nextBtn3 { 
display: block; overflow: hidden; text-indent: -8000px; width: 16px; height: 24px; position: absolute; }	

#prevBtn, #prevBtn2, #prevBtn3 { left: -35px; top: 30px; }		
#nextBtn, #nextBtn2, #nextBtn3 { right: -35px; /right: -33px; top: 30px; }

#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a, #prevBtn3 a, #nextBtn3 a  { display: block; width: 16px; height: 24px; }

#prevBtn a, #prevBtn2 a, #prevBtn3 a { background: url(img/arrow_prev.png) no-repeat 0 0; }	
#nextBtn a, #nextBtn2 a, #nextBtn3 a { background: url(img/arrow_next.png)  no-repeat 0 0; }	



/********************************/
/*   ASIDE
/********************************/

#aside { float: right; width: 300px; display: inline;}



/********************************/
/*   RECHERCHE 
/********************************/

#searchbox { border: 1px solid #bad169; margin-bottom: 10px; }

#searchbox h2 { background: url(img/entete_bg_vert.gif) repeat-x 0 0 #b7ce64; color: #FFF; font-size: 12px; padding: 8px 10px; }

#searchbox .inner { padding: 15px; position: relative;  }

#searchbox .choix { position: absolute; width: 80px; height: 50px; top: -22px; right: 5px; background: url(img/rech_loupe.png) no-repeat 30px 0; }

#searchbox .choix input { position: relative; top: 2px; }

#searchbox .form-field { background: #d6d7d8; padding: 5px; border: 0; }

#searchbox a.detail { display: block; clear: both; color: #99cc33; margin-top: 5px; }
#searchbox a.detail:hover { color: #009ee0; }


/*BOUTON OK*/
.bt-ok { height: 28px; width: 28px; background: url(img/bt_ok.png) no-repeat 0 0; border: 0; color: white; font-weight: bold; }


/********************************/
/*   SOMMAIRE
/********************************/

#sommaire { border: 1px solid #56CCEF; margin-bottom: 10px;  position: relative; overflow: hidden; zoom:1; }
#sommaire .numero{float:right;background-color:#000;margin:0 5px 2px 5px;color:#e36829;text-align:center;width:36px;height:36px;line-height:36px;font-size:16px;font-weight:700;}
#sommaire h2 { background: url(img/entete_bg_bleu.gif) repeat-x 0 0 #18bbea; color: #FFF; font-size: 12px; padding: 8px 10px; }

#sommaire .dates {height: 20px; line-height: 36px; font-size: 9px; text-align: right; padding:0;  }
#sommaire .inner { padding: 10px 20px;  }
#sommaire img { float: left; margin-right: 10px; }
#sommaire .lien { text-align: right; padding-top: 5px; }

.archive a { float: left; background: url(img/archive_bg.png) no-repeat 100% 0; color: white !important; padding: 3px 15px 3px 10px; }


#slider4 li { width: 298px; min-height: 200px; float: left; overflow: hidden; background: url(img/fleche_bleu.gif) no-repeat 15px 0; }	


/*ARROWS*/

#prevBtn4, #nextBtn4 { display: block; overflow: hidden; text-indent: -8000px; width: 16px; height: 24px; position: absolute; }	
#prevBtn4 { left: 0; top: 115px; }		
#nextBtn4 { right: 0;  top: 115px; }
#prevBtn4 a, #nextBtn4 a  { display: block; width: 16px; height: 24px; }
#prevBtn4 a { background: url(img/arrow_prev.png) no-repeat 0 0; }	
#nextBtn4 a { background: url(img/arrow_next.png)  no-repeat 0 0; }	




/********************************/
/*   CARRE PUB
/********************************/
#carrepub { margin-bottom: 10px; }
#carrepub img, #carrepub object { display: block; }

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

#tagcloud { margin-bottom: 10px; }
#tagcloud a { color: #009ee0; }
#tagcloud a:hover { color: #e36829; }

/********************************/
/*   LIEN RAPIDE
/********************************/

#lienrapide { border: 1px solid #bad169; margin-bottom: 10px; background: url(img/www_bg.png) no-repeat 100% 35px white; }

#lienrapide h2 { background: url(img/entete_bg_vert.gif) repeat-x 0 0 #b7ce64; color: #FFF; font-size: 12px; padding: 8px 10px; }

#lienrapide ul { padding: 10px 20px; list-style-type: disc;  list-style-position: inside; }

#lienrapide a { color: #000; }
#lienrapide a:hover { color: #009ee0; }

/********************************/
/*   INSCRIPTION NEWSLETTER
/********************************/

#inscnews { border: 1px solid #bad169; margin-bottom: 10px; background: white; }

#inscnews h2 { background: url(img/entete_bg_vert.gif) repeat-x 0 0 #b7ce64; color: #FFF; font-size:12px; padding:8px 10px; }

#inscnews .inner { padding: 15px; position: relative; }

#inscnews .picto { position: absolute; width: 60px; height: 63px; top: -20px; right: 5px; background: url(img/inscnews_picto.png) no-repeat 0 0; }

#inscnews .form-field { background: #d6d7d8; padding: 5px; border: 0; }

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

#footer { clear: both;position:relative; /*background: url(img/footer_fleche.gif) no-repeat 0 100%; */}

/*  PLAN SITE MANUEL */

#plansitebas { color: #000; padding-top: 10px; }

#plansitebas a { display: block; color: #000; margin-bottom: 2px; }

#plansitebas img {   }

#plansitebas .titre { margin-bottom: 7px; }
#plansitebas .titre a { text-transform: uppercase; font-weight: bold; }
#plansitebas .titre a:hover { color: #009EE0 }
#plansitebas .lien  a:hover { color: #FFF; }

#plansitebas td { padding: 5px 20px 5px 20px; border-right: 1px solid #FFF; }



/* LIENS */

#footer ul { padding: 20px 0; text-align: center; }
#footer li { display: inline; color: #FFF;  }
#footer li a { color: #FFF; }

#reed {position:absolute;left:10px;top:137px;}
#ojd {position:absolute;right:10px;top:133px;}

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

#cdf { margin-bottom: 15px; }

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

#bloc-center { background: #FFF; }

#bloc-center .wrap { margin-bottom: 15px; line-height: 15px; overflow: hidden; zoom: 1; }

.style2 .inner, .style3 .inner, .style4 .inner, .style5 .inner { padding: 15px;  overflow: hidden; zoom: 1;  }

/*H2*/
.style1 h2 { color: #009ee0; font-size: 16px; margin-bottom: 15px; }
.style2 h2, .style3 h2, .style4 h2, .style5 h2 { color: #FFF;  font-size: 12px; padding: 8px 10px; }

/*FILET BLEU*/
.style2 { border: 1px solid #56ccef; }
.style2 h2 { background: url(img/entete_bg_bleu.gif) repeat-x #18bbea; }

/*FILET VERT*/
.style3 { border: 1px solid #BAD169; }
.style3 h2 { background: url(img/entete_bg_vert.gif) repeat-x #b7ce64; }

/*FOND BLEU*/
.style4 { background: #56ccef; }
.style4 h2 { background: url(img/entete_bg_bleu.gif) repeat-x #18bbea; border-bottom: 1px solid #fff; }

/*FOND VERT*/
.style5 { background: #BAD169; }
.style5 h2 { background: url(img/entete_bg_vert.gif) repeat-x #b7ce64; border-bottom: 1px solid #fff; }




/* 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-right: 10px; }
img.style2 { float: right; margin-left: 10px; }


/*  Bloc Spaw  */

.spawEd { overflow: hidden; }

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

#partners {
background:transparent url(img/partner_bg.png) no-repeat scroll 0 0;
clear:both;
height:90px;
margin:0;
margin-top:10px;
width:670px;
}

#partners h2 {
color:#fff;
font-size:15px;
padding:30px 0 0 7px;
width:110px;
}

#partners .marquee{
float:left;
padding:10px 0 5px 20px;
height:60px;
width:500px;
}

#partners img {
padding:0 10px;
vertical-align:middle;
}

.lienall{
font-size:10px;
padding:2px 0 0 7px;
width:120px;
}

#partners .texteFleche{
float:left;
}

#partners a{
color:#fff;
}

#partners a:hover{
color:#000;
}