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

* { padding: 0; margin: 0; }

body { font: 12px Arial, Verdana, Helvetica, "sans-serif"; color: #ffffff; background: #676662 url(img/2012/body.png) 50% 0 no-repeat;  }

a img { border: 0; }
a { text-decoration: none; outline: none; color: #CA0266; }

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

.newline { display: block; clear: both; line-height: 1px; font-size: 1px; }
form { padding: 10px !important;/* transfert à un ami pas de marge top*/ color: #333333; }

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

#global { margin: auto; width: 1000px; background: url(img/2012/global.png) left 194px repeat-x; }
#global.global_home { }
#global.global_int { }

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

#header { height: 160px; padding: 20px 0 0 0; background: #C10077; color: #000000; }

#logoEDM { float: left; width: 142px; margin: 0 0 0 50px; }

#header_right { float: right; width: 728px; height: 142px; padding: 0 20px 0 0; }
#infoTop { height: 20px;  }
#infoTop #baseline { float: left; font: 9px Arial; }
#infoTop #changeLang { float: right; font: 9px Arial; width: 140px; text-align: right; color: #000000; }
#infoTop #changeLang a { color: #000000; }
#infoTop #changeLang a:hover { text-decoration: underline; }
#banner { width: 728px; height: 90px; border: 1px solid #28444c; }
#eventInfo { font: bold 18px Arial; padding: 8px 0 0 0; }


/***********************************************
   MENUS
***********************************************/

#navigation { height: 33px; padding: 0; border-bottom: 1px solid #C10077; background: #C10077; }
#navigation { position: relative; z-index: 8; }

/* DEFAUT *****/

.onMenu * { cursor: pointer; list-style: none; margin: 0; padding: 0; }
.onMenu { position: relative; z-index: 9999; display: block; }
.onMenu li { position: relative; padding: 0 10px 0 0; }
.onMenu li a { display: block; padding: 0 0 0 10px; }
.onMenu li a span { display: block; height: 100%; margin: 0; padding: 0; }
.onMenu li ul { display: none; position: absolute; left: 100%; }
.onMenu li ul.sel,
.onMenu li ul.sel li { display: block; }
.onMenu li, .onMenu li a { background: 50% 0; }
.onMenu li.last { background-position:  100% 0; }
.onMenu li.first a { background-position:  0 0; }
.onMenu li.first a span { background-position:  center center; }
.onMenu li ul.sel li a { background: none; padding: 0; }

/* SIZE & POSITION *****/

.onMenu li a 													{ font: bold 13px Arial, Verdana; line-height: 33px; text-decoration: none; }
.onMenu li ul	 												{ width: 200px; }
.onMenu li ul li 												{ width: 170px; padding: 2px 20px 2px 10px; }
.onMenu li ul li a 											{ font: normal 12px Arial, Verdana; line-height: 20px; }

.onMenu 													{ float: left; height: 33px; padding: 0 20px; }
.onMenu li 												{ float: left; }
.onMenu li ul												{ top: 33px; left: 0; margin-left:-1px; }
.onMenu li ul li ul										{ top: -1px; left: 100%; }

#menu_acces 												{ float: right; height: 33px; padding: 0 20px; }
#menu_acces li 											{ float: left; }
#menu_acces li ul											{ top: 33px; left: 0; }
#menu_acces li ul li ul									{ top: -1px; left: 100%; }

/* SKIN *****/

.onMenu li a span.homeIcon							{ width: 17px; background: url(img/2012/menu_home.png) no-repeat center center; }
/*
.onMenu li.sel a span.homeIcon					{ background: url(img/2012/menu_home_sel.png) no-repeat center center; }
*/

.onMenu li 															{ border-right: 1px solid #CA0266; } #menu_nav li.last { border-right: none; }
.onMenu li,
.onMenu li a 														{ background-image: url(img/2012/menu_tabs.png); color: #fff; }
/*
.onMenu li.sel,
.onMenu li.sel a 												{ background: #CA0266; }
*/

.onMenu li.sel ul.sel										{ border: solid #CA0266; border-width: 0 1px 1px 1px; }
.onMenu li.sel ul.sel li 								{ border: none; background: #CA0266;  }
.onMenu li.sel ul.sel li a 							{ background: none; color: #fff; }
.onMenu li.sel ul.sel li.sel 							{ }
.onMenu li.sel ul.sel li.sel a.sel 					{ text-decoration: underline; }

.onMenu li.sel ul.sel li.folder 						{ background: #CA0266 url(img/2012/menu_arrow.png) right center no-repeat; }
.onMenu li.sel ul.sel li.folder a 					{ background: none; color: #ffffff; }
.onMenu li.sel ul.sel li.folder_hover 			{ background: #CA0266 url(img/2012/menu_arrow.png) right center no-repeat; }
.onMenu li.sel ul.sel li.folder_hover a.sel 	{ background: none; color: #ffffff; }



/***********************************************
   CDF ou H1 HOME
***********************************************/

#home_title, #cdf { clear: both; position: absolute; top: 32px; z-index: 2; }

#home_title { padding: 20px; width: 960px; margin-top:1px; }

#home_title h1 { font: bold 14px Georgia, MS Trebuchet; padding: 15px 0 0 400px; color: #ffffff; text-transform: uppercase; }

#visuhome { position: absolute; top: 21px; }

#cdf { font: bold 12px Verdana; line-height: 42px; height: 42px; width: 960px; padding: 0 20px; color: #fff; }
#cdf a { font-weight: normal; color: #fff; }
#cdf a:hover { text-decoration: underline; }
#cdf span.sel { }

/***********************************************
   HOME CONTENAIRS
***********************************************/

#main_home { clear: both; padding: 30px 20px 0 20px; }
#home_colRight { float: right; height: 400px; width: 595px; padding: 100px 0 0 0; }
#moreItems_home { height: 290px; padding: 20px 0; }

/****************************************************************
EDITO
****************************************************************/

/*#homeedito { height: 105px; margin: 0 0 30px 0; padding: 0 0 0 10px; overflow: hidden; }*/
#homeedito { color:#ffffff; height: 105px; margin: 0 0 30px 0; padding: 0 0 0 10px; overflow: hidden; }
#homeedito a { color: #ffffff; }

/****************************************************************
VALUEHOME
****************************************************************/

#valuehome { clear: both; position: relative; z-index: 1; height: 264px; width: 592px; overflow: hidden; background: url(img/2012/value.png) left top no-repeat; }
#valuehome img { display: block; border: none; }

#valuehome_panels { float: left; width: 345px; padding: 15px 25px 15px 10px; }
#valuehome_panels .valuehome_panel { display: none; color: #000000; overflow: hidden; }
#valuehome_panels .valuehome_panel a { color: #eb6d20; }
#valuehome_panels .valuehome_panel img { display: block; }
#valuehome_panels .valuehome_panel .home_visuel_mini { padding: 0 0 10px 0; }
#valuehome_panels .sel { display: block; }

#valuehome_btns { position: absolute; z-index: 2; right: 0; list-style: none; width: 233px; margin: 0; padding: 0; }
#valuehome_btns li { float: right; height: 53px; width: 178px; margin: 0 0 3px 0; padding: 10px 10px 0 45px; background: url(img/2012/value_tabs.png) right center no-repeat; }
#valuehome_btns li.sel { background-image: url(img/2012/value_tabs_sel.png); }
#valuehome_btns li.sel a p.titre { color:#000000; }
#valuehome_btns li.sel a p.soustitre { color:#000000; }
#valuehome_btns li a { display: block; text-decoration: none; color: #ffffff; }
#valuehome_btns li a p { padding: 0; margin: 0; }
#valuehome_btns li a p.titre { font: bold 16px Arial, Verdana; line-height: 20px; color: #ffffff; }
#valuehome_btns li a p.soustitre { font: 12px Arial, Verdana; line-height: 14px; color: #ffffff; }

/***********************************************
   ONGLETS HOME
***********************************************/

#home_galerie { float: left; height: 290px; width: 358px; margin: 0 15px 0 0; }

#hg_menu { list-style: none; padding: 0; height: 32px; }
#hg_menu li { float: left; width: 179px; background: url(img/2012/show_tabs.png) -178px 0 repeat; }
#hg_menu li a { display: block; font: bold 14px Arial, Verdana; line-height: 32px; height: 100%; color: #fff; text-align: center; text-decoration: none; }
#hg_menu li a:hover { text-decoration: underline; }
#hg_menu li.sel { background-position: 0 0; }
#hg_menu li.sel a { color: #fff; }

#hg_panels { width: 358px; }
#hg_panels div.hg_panel { display: none; }
#hg_panels div.sel { display: block; }

#hg_panels div.hg_visuel_container { overflow: hidden; height: 200px; padding: 20px 20px 0 20px; background: url(img/2012/show.png) center top repeat-y; text-align: center; }
#hg_panels p.hg_link { height: 38px; margin: 0; padding: 6px 10px 0 10px; line-height:30px; color:#ffffff;text-align: center; background: url(img/2012/show_link.png) center top no-repeat; }
#hg_panels p.hg_link a { font: bold 12px Arial, Verdana; line-height: 30px; height: 100%; color: #ffffff; text-decoration: none; }
#hg_panels p.hg_link a:hover { text-decoration: underline; }

/***********************************************
   RESEAUX SOCIAUX
***********************************************/

#home_reseaux { overflow: hidden; float: left; height: 290px; width: 262px; margin: 0 15px 0 0; background: url(img/2012/social.png) left top no-repeat;}
#home_reseaux a { text-decoration: none; color: #fff; }
#home_reseaux a:hover { text-decoration: underline; }

#hr_facebook { height: 24px; margin: 0 0 7px 0; overflow: hidden; text-align: right; }
#hr_facebook a { display: block; font: bold 12px Arial, Verdana; line-height: 24px; height: 100%; margin: 0 10px 0 0; padding: 0 20px 0 10px; background: url(img/2010/facebook.gif) 100% 50% no-repeat; color:#fff; }

#hr_twitter_title { height: 33px; overflow: hidden; font: bold 14px Arial, Verdana; line-height: 33px; padding: 0 0 0 10px; color: #f5f5f5; }
#hr_twitter_title a { display: block; height: 33px; }

#twitter_update_list { overflow: hidden; list-style: none; padding: 20px; margin: 0; }
#twitter_update_list li { display: block; overflow: hidden; height: 75px; margin: 0 0 35px 0; padding: 0; color: #fff; width:220px;}
#twitter_update_list li a { display: block; font: bold 12px Arial, Verdana; margin: 0; padding: 10px 0 0 0; color: #fff; }
#twitter_update_list li span a { display: inline; width:220px; padding-right:10px; word-wrap: break-word; break-word: break-all;}

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

#carre_pub { float: left; height: 290px; width: 300px; background: url(img/bg_carrepub.png) center top no-repeat; padding: 0 5px 5px 5px;}
#carre_entete { font: bold 13px Arial, Verdana; line-height: 35px; height: 35px; color: #a39fa1; text-align: center; }

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

#mention h2 { background:none !important; }

#main_int {  padding: 40px 0 0 0; }

#bloc-center { float: left; overflow:hidden; padding: 20px 10px 20px 20px; }
#bloc-center h1 { font: bold 25px Georgia; margin: 0; padding: 0; color: #ca0265; text-transform: uppercase; }

#bloc-center .w100 { clear: both; }
#bloc-center .paragraphe { margin: 20px 0 0 0; overflow: hidden; }
#bloc-center .paragraphe p { margin: 0 0 10px 0; }

#bloc-center h2 { font: bold 14px Arial; line-height: 18px; padding: 0 0 0 10px; color: #ffffff; background-position: 0 0; }
#bloc-center h2 .coinDroit { padding: 7px 10px 7px 0; background-position: 100% 40px; }
#bloc-center .style0 h2 { background-image: url(img/2012/style0_h2.png); color: #000000; }
#bloc-center .style0 h2 .coinDroit { background-image: url(img/2012/style0_h2.png); }
#bloc-center .style1 h2 { background-image: url(img/2012/style1_h2.png); color: #000000; }
#bloc-center .style1 h2 .coinDroit { background-image: url(img/2012/style1_h2.png); }
#bloc-center .style2 h2 { background-image: url(img/2012/style2_h2.png); }
#bloc-center .style2 h2 .coinDroit { background-image: url(img/2012/style2_h2.png); }
#bloc-center .style3 h2 { color: #686764; }
#bloc-center .style3 h2 .coinDroit { }
#bloc-center .style4 h2 { color: #c70967; }
#bloc-center .style4 h2 .coinDroit { }
#bloc-center .style5 h2 { color: #8e47ad; }
#bloc-center .style5 h2 .coinDroit { }
#bloc-center .style6 h2 { }
#bloc-center .style6 h2 .coinDroit { }

#bloc-center .middle { padding: 10px 10px 0 10px; color: #ffffff; overflow: hidden; zoom: 1; }
#bloc-center .style0 .middle { background: #c70967; color:#000000; }
#bloc-center .style1 .middle { background: #8e47ad; color:#000000; }
#bloc-center .style2 .middle { background: #686764; }
#bloc-center .style3 .middle { border-top: 1px solid #686764; }
#bloc-center .style4 .middle { border-top: 1px solid #C70967; }
#bloc-center .style5 .middle { border-top: 1px solid #8E47AD; }
#bloc-center .style6 .middle { border-top: 1px solid #ffffff;  }

#bloc-center .sans-titre .middle { border: none; }

#bloc-center h3 { font: bold 12px Arial; height: 17px; padding: 0 0 0 26px; margin: 0 0 10px 0; color: #ffffff; }
#bloc-center .style0 h3 { color: #000000; background: url(img/2012/style0_h3.png) 0 50% no-repeat; }
#bloc-center .style1 h3 { color: #000000; background: url(img/2012/style1_h3.png) 0 50% no-repeat; }
#bloc-center .style2 h3 { background: url(img/2012/style2_h3.png) 0 50% no-repeat; }
#bloc-center .style3 h3 { color: #686764; background: url(img/2012/style3_h3.png) 0 50% no-repeat; }
#bloc-center .style4 h3 { color: #c70967; background: url(img/2012/style4_h3.png) 0 50% no-repeat; }
#bloc-center .style5 h3 { color: #8e47ad; background: url(img/2012/style5_h3.png) 0 50% no-repeat; }
#bloc-center .style6 h3 { background: url(img/2012/style6_h3.png) 0 50% no-repeat; }

#bloc-center a { font: bold 12px Arial; padding: 10px 0; color: #ffffff; }
#bloc-center a:hover { text-decoration: underline; }
#bloc-center .style0 a { color: #000000; }
#bloc-center .style1 a { color: #000000; }
#bloc-center .style2 a { }
#bloc-center .style3 a { color: #686764; }
#bloc-center .style4 a { color: #c70967; }
#bloc-center .style5 a { color: #8e47ad; }
#bloc-center .style6 a { }

#bloc-center .bottom, #bloc-center .bottom .coinDroit { height: 15px; }
#bloc-center .bottom { padding: 0 0 0 10px; background-position: 0 -25px; }
#bloc-center .bottom .coinDroit { padding: 0 10px 0 0; background-position: 100% 100%; }
#bloc-center .style0 .bottom, #bloc-center .style0 .bottom .coinDroit { background-image: url(img/2012/style0_bottom.png); }
#bloc-center .style1 .bottom, #bloc-center .style1 .bottom .coinDroit { background-image: url(img/2012/style1_bottom.png); }
#bloc-center .style2 .bottom, #bloc-center .style2 .bottom .coinDroit { background-image: url(img/2012/style2_bottom.png); }
#bloc-center .style3 .bottom, #bloc-center .style3 .bottom .coinDroit { }
#bloc-center .style4 .bottom, #bloc-center .style4 .bottom .coinDroit { }
#bloc-center .style5 .bottom, #bloc-center .style5 .bottom .coinDroit { }
#bloc-center .style6 .bottom, #bloc-center .style6 .bottom .coinDroit { }



#bloc-center ul { margin: 10px; }

/* 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%; }

/***********************************************
   COL RIGHT
***********************************************/

#colRight { float: right; padding: 20px; }
#colRightSeparator { float: left; width: 15px; height: 15px; }

#skyscraper { float: left; width: 120px; border: 1px solid #a1a1a1; }
#skyscraper a img { display: block; }

#acces_lvl1 { list-style: none; padding: 0 0 10px 0; }
#acces_lvl1 li { overflow: hidden; }
#acces_lvl1 li a { display: block; font: bold 12px Arial; line-height: 30px; width:145px; height: 30px; padding: 0 10px; background: url(img/2012/rapide.png) 0 0; color: #000000; margin-bottom:5px; }
#acces_lvl1 li a:hover { background: url(img/2012/rapide_sel.png) 0 0; color:#fff }

#moreItems { float: left; width: 170px; }

#moreItems .colTxt { width: 165px; overflow: hidden; font: 12px Arial; background: center bottom; margin: 0 0 10px; }
#moreItems .colTxt h2 { font: bold 12px Arial; margin: 0; padding: 10px; background: center top no-repeat; }
#moreItems .colTxt .middle { padding: 0 13px 13px 10px; overflow: hidden; }
#moreItems .colTxt .middle img { display: block; margin: 0 0 10px 0; }
#moreItems .colTxt .middle a { font-weight: normal; text-decoration: none; text-decoration: underline; }

#moreItems .style1, #moreItems .style1 h2 { background-image: url(img/2012/coltxt1.png) }
#moreItems .style1, #moreItems .style1 h2, #moreItems .style1 .middle a { color: #000000; }

#moreItems .style2, #moreItems .style2 h2 { background-image: url(img/2012/coltxt2.png) }
#moreItems .style2, #moreItems .style2 h2, #moreItems .style2 .middle a { color: #ffffff; }


/********************************************************************/
/*   SITEMAP (plan du site - page int)
/********************************************************************/

#bloc-center .sitemap h2,
#bloc-center .sitemap h3 { padding: 0 10px; background: none; }

/********************************************************************/
/*   MAP (plansitebas)
/********************************************************************/

#map { overflow: hidden; zoom: 1; clear:both; height:170px; width:1000px; margin: 0 0 10px; }
#plansite { float: left; width: 100%; height: 100%;}
#plansite td { padding: 20px; border: 1px dotted #bbb; border-width: 0 0 0 1px; }
#plansite td.first { border: none; }
#plansite td p.titres { padding: 0 0 10px 0; color:#fff; font-weight:bold; font-size:13px; }
#plansite td p.titres a,
#plansite td a { padding: 5px 0; color: #fff; font-size:11px; }
#plansite td a:hover { color: #ccc; }
#plansite td ul, #plansite ul li { list-style-type:none; }

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

#footer #footer { background:#ffffff; }
#footer, #footer a { color: #333; }
#footer a:hover { color: #000; }