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

html, body { padding: 0; margin: 0; }

body { font: 12px Arial, Helvetica; color: #333; background: #b5b5b5 url(img/body.jpg) left top repeat-x;  }

a { color: #333; outline: none; }
a:hover { color: #999; }

table { border-collapse: collapse; border-spacing: 0; }
img { border: none; }
.dblock { display: block; }

.left { float : left; }
.right { float : right; }
.center { display: block; width: 100%; text-align: center; }

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

#xititag { position: absolute; bottom: 0; visibility: hidden; }



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

#global {}

/***************************
   INFOSTOP
****************************************************************/

#infosTop { height: 20px; width: 1000px; margin: 0 auto; padding: 7px 0 0 0; }
#infosTop a { font: normal 10px Arial; color: #f5f5f5; text-decoration: none; }
#infosTop a:hover { color: #FF8D00; }

#infosTop ul, #infosTop li { margin: 0; padding: 0; list-style: none outside; }
#infosTop ul { float: left; }
#infosTop ul li,
#infosTop ul li a { display: inline; font: normal 10px Arial; color: #f5f5f5; text-decoration: none; }
#infosTop ul li a:hover { color: #FF8D00; }

#changeLang { float: right; }

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

#header { position: relative; height: 163px; width: 1000px; margin: 0 auto; background: url(img/header_BG.png) 100% 100% no-repeat; }

#logoEDM { float: left; }

#banner { float: right; display: inline; height: 90px; width: 728px; overflow: hidden; margin: 0 35px 0 0; }

#baseline { float: right; font: bold 15px Arial; line-height: 18px; width: 780px; margin: 0; padding: 16px 6px 5px 0; color: #666563; text-align: center; }
#baseline .inner {}
#rosace { position: relative; right: 0px; top: -8px; }

#menuActions { position: absolute; bottom: 0px; right: 0px; height: 22px; width: 800px; text-align: center; }
#menuActions table { width: 540px; margin: 0 auto; background: #c895a0; }
#menuActions td { border: solid #c7babd; border-width: 0 1px 0 0; vertical-align: middle; }
#menuActions td.last,
#menuActions td.picto { border: none; }
#menuActions td.picto { width: 22px; }
#menuActions img { }
#menuActions a { font: normal 11px Arial; line-height: 22px; color: #222222; text-decoration: none; }
#menuActions a:hover { color: #f5f5f5; }

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

#main { width: 1000px; margin: 1px auto 0 auto; padding: 20px 7px 0 7px; background: url(img/main_BG.png) 50% 0 no-repeat; }
#mainInner { width: 1000px; overflow: hidden; zoom: 1; background: url(img/mainInner_BG.png) 100% 0 repeat-y; }
#mainBottom { clear: both; height: 30px; width: 1014px; margin: 0 auto; background: url(img/main_bottom.png) 50% 0 no-repeat; }

/***************************
	ONMENUS
****************************************************************/

#menuBar { height: 50px; }

.onMenu { position: relative; z-index: 9999; display: block; }
.onMenu * { cursor: pointer; list-style: none outside; padding: 0; margin: 0; }
.onMenu li { position: relative; }
.onMenu li ul { display: none; position: absolute; left: 100%; }
.onMenu li ul.sel { display: block; }

/***************************
	   MENUBAR
****************************************************************/

#menuNav { float: left; height: 28px; padding: 0; margin: 0; }

/***** lvl0 */

#menuNav li,
#menuNav li a { float: left; font: bold 16px Arial; line-height: 40px; color: #f5f5f5; text-decoration: none; }

#menuNav li { padding: 0 10px 0 0; border: solid #cccccc; border-width: 0 1px 0 0; }
#menuNav li a { padding: 0 0 0 10px; }

#menuNav li.sel,
#menuNav li.sel a.sel { background: url(img/menuNav_sel.png) repeat-x; }

#menuNav li#home { padding: 0; background: none; border: none; }
#menuNav li#home a { display: block; height: 45px; width: 62px; padding: 0; background: url(img/home.png) 50% 9px no-repeat; }
#menuNav li#home.sel a { background-image: url(img/home_sel.png); }

/***** lvlX */

#menuNav li.sel ul { top: 100%; left: 0; width: 200px; padding: 0; margin: 0; border: solid #ffa337; border-width: 1px 1px 0 0; }
#menuNav li.sel ul li ul { top: -1px; left: 100%; }

#menuNav li.sel ul li { width: 169px; padding: 5px 20px 4px 10px; margin: 0; background: #ff8d00; border: solid #ffa337; border-width: 0 0 1px 1px; }
#menuNav li.sel ul li.sel { background: #ffffff; }

#menuNav li.sel ul li.folder { background: #ff8d00 url(img/menuNav_arrow.png) right 9px no-repeat; }
#menuNav li.sel ul li.folder_hover { background: #ffffff url(img/menuNav_arrow_sel.png) right 9px no-repeat; }

#menuNav li.sel ul li a { font: normal 11px Verdana; line-height: 18px; padding: 0; background: none; color: #ffffff; }
#menuNav li.sel ul li a.sel { background: none; color: #ff8d00; }

/***************************
	MENURIGHT
****************************************************************/

#menuRight { float: right; height: 40px; width: 310px; margin: 0 5px 0 0; } * html #menuRight { display: inline; }
#menuRight td { padding: 0 5px; background: url(img/menuright_btn_BG.png) no-repeat; vertical-align: middle; text-align: center; }
#menuRight .tabLeft { width: 1px; background-position: 0 50%; }
#menuRight .tabRight { padding: 0 6px 0 0; background-position: 100% 50%; }
#menuRight a { display: block; font: bold 12px Arial; color: #ffffff; text-decoration: none; }
#menuRight img { margin: 0 10px 2px 0; }

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

#valuehome { height: 260px; width: 980px; margin: 0 0 0 10px; position: relative; background: #ffffff url(img/valuehome_btns.png) 100% 0 no-repeat; }

#valuehome_panels { height: 260px; width: 332px; }
#valuehome_panels .panel { display: none; font: 12px Arial; height: 260px; width: 647px; overflow: hidden; color: #c9022d; }
#valuehome_panels .sel { display: block; }
#valuehome_panels .panel .valuehome_visuel_left { float: left; display: inline; height: 260px; margin: 0 10px 0 0; }
#valuehome_panels .panel .valuehome_visuel_right { float: right; display: inline; margin: 0 0 0 10px; }
#valuehome_panels .panel h2 { font: bold 17px Arial; padding: 15px 10px 0 10px; color: #eb870e; }
#valuehome_panels .panel .texte { padding: 10px 10px 0 10px; margin: 0; }
#valuehome_panels .panel a { color: #c9022d; text-decoration: none; }

#valuehome_tabs { position: absolute; top: 0; right: 0; height: 260px; width: 333px; overflow: hidden; }
#valuehome_tabs,
#valuehome_tabs li { padding: 0; margin: 0; list-style: none outside; }
#valuehome_tabs li { padding: 0 10px 0 50px; height: 64px; margin: 0 0 1px 0; }
#valuehome_tabs li.sel { background: url(img/valuehome_btn_sel.png) 0 0 no-repeat; }
#valuehome_tabs li,
#valuehome_tabs li a { float: left; height: 64px; width: 293px; text-decoration: none; }
#valuehome_tabs li h2 { font: bold 15px Arial; padding: 15px 0 0 0; margin: 0; color: #f5f5f5; }
#valuehome_tabs li p { font: 13px Arial; padding: 0; margin: 0; color: #f5f5f5; }

/***************************
	SECTEURS
****************************************************************/

#bloc-secteurs { width: 980px; height: 70px; padding: 1px 0 0 0; margin: 0 auto; background: #F2F3FD url(img/secteurs_BG.png) 0 0 repeat-x; }

#secteurs,
#secteurs li { padding: 0; margin: 0; list-style: none outside; }
#secteurs li { float: left; margin: 0 1px 0 0; background: url(img/secteurs_case.png) 0 0 repeat-x; }
#secteurs table { float: left; height: 60px; width: 123px; height: 60px; }
#secteurs td { text-align: center; vertical-align: center; }
#secteurs a { font: bold 12px Arial; color: #f5f5f5; text-decoration: none; }
#secteurs img { float: left; height: 60px;  width: 10px;}

#secteurs .secteur_style1 table.sel { background: #e85045; }
#secteurs .secteur_style2 table.sel { background: #e20030; }
#secteurs .secteur_style3 table.sel { background: #eb6909; }
#secteurs .secteur_style4 table.sel { background: #f29400; }

#secteursAccroche { float: right; height: 60px;  width: 300px; background: url(img/secteurs_accroche.png) 0 0 no-repeat; text-align: center; }
#secteursAccroche td { padding: 0 5px; text-align: center; vertical-align: center; }
#secteursAccroche a { font: bold 12px Arial; color: #f5f5f5; text-decoration: none; }

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

#bloc-center { float: left; display: inline; font: 12px Arial; width: 670px; overflow: hidden; padding: 0 10px; }

.home #bloc-center { float: left; display: inline; font: 12px Arial;  width:680px; overflow:hidden; zoom: 1; padding: 0 0 0 10px; }
.home .paragraphe_small { float: left; display: inline; width: 330px; margin: 0 10px 10px 0; }
.home .paragraphe_long { clear: both; width: 670px; }

#bloc-center h1 { font: bold 18px Arial; padding: 0; margin: 10px 0 20px 0; color: #535353; }

/* COLONNAGE old */

#bloc-center td.C2 { width: 49%; }
#bloc-center td.C3 { width: 32%; }

#bloc-center td.spacer-inter-col { width: 2%; }
#bloc-center td.spacer-sub-col { height: 20px; }

/* COLONNAGE v7 */

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

.paragraphe { margin-bottom: 10px; }

.paragraphe h2 { font: bold 15px Arial; line-height: 16px; padding: 10px 10px 4px 10px; margin: 0; }
.style1a h2 { background: #e3e3e3 url(img/entete_style1a.png) 0 0 repeat-x; color: #333333; }
.style1b h2 { background: #ffffff; color: #333333; }
.style2a h2 { background: #555555 url(img/entete_style2a.png) 0 0 repeat-x; color: #f5f5f5; }
.style2b h2 { background: #ffffff; color: #333333; }
.style3a h2 { background: #fe8c04 url(img/entete_style3a.png) 0 0 repeat-x; color: #f5f5f5; }
.style3b h2 { background: #ffffff; color: #ff8d00; }
.style4a h2 { background: #cb012c url(img/entete_style4a.png) 0 0 repeat-x; color: #f5f5f5; }
.style4b h2 { background: #ffffff; color: #da002f; }

.paragraphe .inner { clear: both; overflow: hidden; zoom: 1; padding: 10px; font: normal 12px Arial; background: #ffffff; }
.style1a .inner { border: solid #e3e3e3; border-width: 5px 1px 1px 1px; }
.style1b .inner { border: solid #ffffff; border-width: 5px 1px 1px 1px; }
.style2a .inner { border: solid #545454; border-width: 5px 1px 1px 1px; }
.style2b .inner { border: solid #ffffff; border-width: 5px 1px 1px 1px; }
.style3a .inner { border: solid #fe8c04; border-width: 5px 1px 1px 1px; }
.style3b .inner { border: solid #ffffff; border-width: 5px 1px 1px 1px; }
.style4a .inner { border: solid #cc012c; border-width: 5px 1px 1px 1px; }
.style4b .inner { border: solid #ffffff; border-width: 5px 1px 1px 1px; }

.paragraphe .inner h3 { font: bold 14px Arial; padding: 0; margin: 0 0 15px 0; }
.style1a h3,
.style1b h3,
.style2a h3,
.style2b h3 { color: #333333; border: 1px solid #333333; border-width: 0 0 1px 0; }
.style3a h3,
.style3b h3 { color: #ff8d00; border: 1px solid #ff8d00; border-width: 0 0 1px 0; }
.style4a h3,
.style4b h3 { color: #da002f; border: 1px solid #da002f; border-width: 0 0 1px 0; }

.paragraphe p { padding: 0; margin: 0 0 10px 0; }
.paragraphe ul { list-style-position: inside; padding: 0; margin: 0 0 10px 10px; }
.paragraphe li { list-style-position: inside; padding: 0; margin: 0 0 3px 0; }

.paragraphe img { margin: 0 10px 5px 10px; }

.paragraphe .inner a { font: bold 12px Arial; text-decoration: none; }
.style1a a,
.style1b a,
.style2a a,
.style2b a { color: #333333; }
.style3a a,
.style3b a { color: #ff8d00; }
.style4a a,
.style4b a { color: #da002f; }

.paragraphe .lien { clear: both; float: right; display: inline; padding: 0 0 0 12px; margin: 10px 0 5px 0; }
.style1a .lien,
.style1b .lien,
.style2a .lien,
.style2b .lien { background: url(img/puce_style12.png) 0 3px no-repeat; }
.style3a .lien,
.style3b .lien { background: url(img/puce_style3.png) 0 3px no-repeat; }
.style4a .lien,
.style4b .lien { background: url(img/puce_style4.png) 0 3px no-repeat; }

.paragraphe .fichier { margin: 0 0 5px 0; }

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

.partners { margin: 10px 0 0 10px; width: 980px; }
.partners h2 { float: left; display: inline; font: bold 15px Arial; line-height: 16px; padding: 10px 10px 4px 10px; margin: 0; color: #f5f5f5; background: #555555 url(img/entete_partners.png) 0 0 repeat-x; }

.onScroll { clear: both; clear: both; background: #ffffff; border: solid #545454; border-width: 5px 1px 1px 1px; }
.partners .mask { position: relative; overflow: hidden; height: 80px; width: 978px; }
.partners .list { height: 100%; padding: 0; margin: 10px 0 0 0; list-style: none; }
.partners .case { position: absolute; overflow: hidden; height: 70px; width: 163px; padding: 0; margin: 0; text-align: center; }

/***************************
	PLANSITEBAS
********************************************************************/

#plansitebas_container { background: #f50034 url(img/bottom_BG.jpg) 0 0 repeat-x; }
#plansitebas_container .inner { width: 800px; padding: 20px 200px 20px 0; margin: 0 auto; background: url(img/bottom_visuel.jpg) 100% 0 no-repeat; }

#plansitebas { width: 800px;  }
#plansitebas td { padding: 0 10px; }
#plansitebas td.first { border: none; }

#plansitebas p { font: bold 15px Arial; margin: 0 0 15px 0; color: #f5f5f5; }

#plansitebas ul, #plansitebas li { list-style-position: inside; margin: 0; padding: 0; }

#plansitebas li,
#plansitebas li a { font: normal 12px Arial; color: #f5f5f5; text-decoration: none; }
#plansitebas li a:hover { color: #FF8D00; }

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

#footer { clear: both; height: 47px; background: url(img/footer_BG.jpg) 0 0 repeat-x; text-align: center; }
#footer .inner { width: 1000px; margin: 0 auto; background: url(img/footer_BG.jpg) 0 0 repeat-x; }

#footer ul, #footer li { margin: 0; padding: 0; list-style: none outside; }
#footer ul { float: left; width: 780px; padding: 20px 0 0 0; }
#footer ul li,
#footer ul li a { display: inline; font: bold 12px Arial; color: #f5f5f5; text-decoration: none; }
#footer ul li a:hover { color: #FF8D00; }

#footer_reed { float: left; }
#footer_ojd { float: right; }












/***************************
	SIDEBAR
****************************************************************/

#sidebar { float: right; display: inline; width: 300px; padding: 0 0 10px 0; margin: 0 10px 10px 0; background: #ca012c; }
.int #sidebar { padding: 10px 0; }

#carrepub { height: 250px; width: 300px; margin: 0 0 10px 0; overflow: hidden; }

#btnspub { height: 160px; width: 300px; margin: 0 0 10px 0; overflow: hidden; }
#btnspub a img { float: left; margin: 10px 0 10px 20px; }

/***************************
	MENURAPIDE
****************************************************************/

#menuRapide { width: 286px; overflow: hidden; zoom: 1; margin: 0 auto 10px auto; }
#menuRapide a { float: left; font: bold 12px Arial; width: 139px; line-height: 32px; height: 32px; margin: 0 0 3px 3px; color: #f5f5f5; background: url(img/menurapide_btn_BG.png) 50% 50% no-repeat; text-align: center; text-decoration: none; }

/***************************
	AUTOPROMO
****************************************************************/

#autoPromo { width: 280px; overflow: hidden; zoom: 1; margin: 0 auto 10px auto; }
#autoPromo h2 { background: #e3e3e3 url(img/entete_style1a.png) 0 0 repeat-x; }
#autoPromo .inner { padding: 0; }
#autoPromo img { display: block; margin: 0; padding: 0; border: none; }

/***************************
	MENUCOMMUNAUTE
****************************************************************/

#menuCommunaute { width: 280px; overflow: hidden; zoom: 1; margin: 0 auto 10px auto; }
#menuCommunaute h2 { padding: 10px 5px 8px 45px; margin: 0; background: #fe8c04 url(img/entete_communaute.png) 0 0 no-repeat; }
#menuCommunaute .inner { clear: both; padding: 20px 10px 0 10px; border-width: 1px; text-align: center; }
#menuCommunaute .picto { margin: 0 5px 10px 5px; text-decoration: none; }
#menuCommunaute img { margin: 0; }
#menuCommunaute h3 { font: bold 13px Arial; padding: 0; margin: 0 0 15px 0; color: #ff8d00; border: none; }

/***************************
	SEARCHBOX
****************************************************************/

#searchBox { width: 280px; margin: 0 auto 10px auto; }
.home #searchBox { float: left; display: inline; width: 330px; margin: 0 10px 0 0; }
#searchBox h2 { padding: 10px 5px 8px 45px; margin: 0; background: #cc012c url(img/entete_searchbox.png) 0 0 no-repeat; }
#searchBox .inner { height: 75px; border-width: 1px; }
.home #searchBox .inner { width: 308px; }
#searchBox .lien { float: left; width: 200px; }

#searchBox #keyword { float: left; font: 12px Arial; line-height: 24px; height: 24px; width: 135px; padding: 3px 5px; margin: 0 0 10px 0; color: #555555; border: none; background: url(img/searchbox_text.png) 0 0 no-repeat; }
.home #searchBox #keyword { width: 186px; background: url(img/searchbox_text_long.png) 0 0 no-repeat; }
#searchBox #searchLink { float: right; font: bold 12px Arial; line-height: 24px; height: 24px; width: 99px; padding: 3px 5px; margin: 0 0 10px 0; color: #f5f5f5; border: none; background: url(img/searchbox_btn.png) 0 0 no-repeat; text-align: center; text-decoration: none; }

/***************************
	NEWSBOX
****************************************************************/

#news { position: relative; }
#news h2 { zoom: 1; font: bold 15px Arial; line-height: 16px; padding: 10px 5px 8px 45px; margin: 0; color: #f5f5f5; background: #FF8D00 url(img/entete_news.png) 0 0 no-repeat; }
#news .inner { height: 180px; border: 1px solid #FF8D00; }
.int #news { width: 280px; margin: 0 auto 10px auto; }
.int #news .inner { width: 258px; }

	#newsBtns { height: 33px; width: 55px; position: absolute; top: 1px; right: 1px; background: url(img/news_arrows_BG.png) 0 0 no-repeat; cursor: pointer; }
	#btn_top { float: left; height: 33px; width: 27px; background: url(img/news_arrowLeft.png) 0 0 no-repeat; }
	#btn_top:hover { background: url(img/news_arrowLeft_sel.png) 0 0 no-repeat; }
	#btn_bottom { float: right; height: 33px; width: 27px; background: url(img/news_arrowRight.png) 0 0 no-repeat; }
	#btn_bottom:hover { background: url(img/news_arrowRight_sel.png) 0 0 no-repeat; }

#newsfeed_container { height: 150px; overflow: hidden; }

/***************************
	PUSH
****************************************************************/

#push h2 { padding: 10px 5px 8px 45px; margin: 0; background: #cc012c url(img/entete_push.png) 0 0 no-repeat; }
#push .inner { height: 180px; border-width: 1px; }

/***************************
   PARTENAIRESBOX
********************************************************************/

#partnersBox { width: 280px; margin: 0 0 10px 10px; }
#partnersBox .inner { width: 258px; padding: 15px 10px 10px 10px; text-align: center; }

#partnersContainer .case { display: none; }
#partnersContainer .sel { display: block; }

/***************************
   CONTENUBOX
********************************************************************/

#contenuBox { width: 280px; margin: 0 auto 10px auto; }
#contenuBox .inner { width: 258px; padding: 15px 10px 10px 10px; }

/***************************
	GALERIEPRODUITS
****************************************************************/

#galerieProduits h2 { padding: 10px 5px 8px 45px; margin: 0; background: #cc012c url(img/entete_produits.png) 0 0 no-repeat; }
#galerieProduits .inner { padding: 10px 0 10px 10px; border-width: 1px; }

#galerieProduits .produit { float: left; display: inline; width: 319px; margin: 0 10px 0 0; overflow: hidden; zoom: 1; background: #d8d8d8; }
#galerieProduits .produit .entete { padding: 10px; border: 1px solid #9e9e9e; background: #ababab url(img/produit.png) 0 0 repeat-x; }
#galerieProduits .produit .entete h3 { padding: 0; margin: 0; color: #ffffff; border: none; }
#galerieProduits .produit .description { width: 299px; padding: 10px; overflow: hidden; zoom: 1; }

/***************************
	GALERIECONFERENCES
****************************************************************/

#galerieConferences h2 { padding: 10px 5px 8px 45px; margin: 0; background: #fe8c04 url(img/entete_conferences.png) 0 0 no-repeat; }
#galerieConferences .inner { padding: 10px 0 10px 10px; border-width: 1px; }

#galerieConferences .produit { float: left; display: inline; width: 319px; margin: 0 10px 0 0; overflow: hidden; zoom: 1; background: #d8d8d8; }
#galerieConferences .produit .entete { padding: 10px; border: 1px solid #9e9e9e; background: #ababab url(img/produit.png) 0 0 repeat-x; }
#galerieConferences .produit .entete h3 { padding: 0; margin: 0; color: #ffffff; border: none; }
#galerieConferences .produit .description { width: 299px; padding: 10px; overflow: hidden; zoom: 1; }

#galerieConferences .produit .description .lien { clear: right; }
#galerieConferences .produit .description .date { clear: left; float: left; font: bold 15px Arial; margin: 8px 0 5px 0; }



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

#cdf { font: bold 14px Arial; padding: 5px 0 5px 15px; margin: 0 0 0 10px; color: #ca012c; background: url(img/cdf_puce.gif) 0 50% no-repeat; }
#cdf a { color: #535353; text-decoration: none; }
#cdf a:hover { text-decoration: underline; }