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

/* 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 */

body {
	color: white;
	font: normal 11px Tahoma, Arial, Verdana, Helvetica, Sans-Serif;
	background: url(img/body_bg.gif) repeat-x 0 0 #48494B;
}

a { text-decoration: none; color: #f83e76; }
a:hover, a:focus, a:active { color: #e2001a;  }

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

.padd ul {list-style-position:inside;}

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

.red { color: #e2001a; }

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

#global { width: 960px; margin: 0 auto; position: relative; z-index: 1; }

#lienhaut { height: 25px; line-height: 25px; font-family: Arial; }
#lienhaut a { font-size: 10px; color: white; }
#lienhaut a:hover, #lienhaut a:focus, #lienhaut a:active { color: #b1b1b1; }

#baseline { float:left; height: 33px; line-height: 30px; font-size: 12px; }

#changelang { float: right; margin-top: 8px; }
#changelang a { display: block; color: white; padding-right: 22px; }
#changelang a:hover, #changelang a:focus, #changelang a:active { color: #b1b1b1; }

#changelang a.GB { background: url(img/flag_GB.gif) no-repeat 100% 60%; }
#changelang a.FR { background: url(img/flag_FR.gif) no-repeat 100% 60%; }

#logo { width: 231px; height: 90px; }

#banner { position: absolute; right: 0; top: 58px; width: 728px; height: 90px; text-align: center; 
 background: url(img/banner_bg.gif) repeat; }

/********************************/
/*   MENU
/********************************/

#menu { margin-top: 10px; background: url(img/menu_bg.png) repeat-x; height: 36px; border: 1px solid #000; }

#menu ul { list-style: none; }

#menu .ul-right { float: right; height: 36px; background: url(img/menu_right_bg2.png) repeat-x; }

#menu .ul-right li { 
	float: left; 
	border-left: 1px solid #000; 
	background: url(img/menu_right_sep.png) no-repeat; 
	padding:0 9px 0 5px;
	height: 36px;
	line-height: 34px;
}


#menu .ul-right li a { 
	background: url(img/puce_halo_rose.png) no-repeat 0 -4px; color: #FFF; font-weight: 700; font-size: 10px; padding: 0 0 0 25px;
}


#menu .ul-right li a:hover, #menu .ul-right li a:focus, #menu .ul-right li a:active { 
	color: #FFF; 
}

#menu .ul-right li.first { background: url(img/menu_right_bg1.png) repeat-x;  }

#menu .ul-right li.first a { 
	background: url(img/puce_halo_blanc.png) no-repeat 0 -4px; color: #FFF; font-weight: 700; font-size: 10px; padding: 0 0 0 25px;
}


#menu-border-bottom { border-top: 1px solid #38393b; height: 5px; overflow: hidden; }


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

#secteurs-light-top {height: 1px; background: url(img/secteurs_lueur.png) no-repeat 0 0; overflow: hidden; }

#secteurs { background: url(img/secteurs_bg.png) no-repeat 0 0; height: 80px; border-bottom: 1px solid #303135; }

#secteurs table { height: 80px; }

#secteurs td.titre { font-weight: 700; text-transform: uppercase; padding: 0 15px 0 30px; color:#FFFFFF; }

#secteurs .txt16 { font-size: 16px; letter-spacing: 1.5px; position: relative; bottom: 8px; }

#secteurs span.nombre { color: #e2001a; font-family: Georgia; font-size: 30px; letter-spacing: 3px; }

#secteurs .txt14 { font-size: 14px; position: relative; bottom: 3px; }

#secteurs td.picto { text-align: center; padding: 0 15px; }

#easyTooltip {
	margin: 0 10px 1em 0;
	padding: 8px;
	background:#fcfcfc;
	border: 2px solid #e1e1e1;
	z-index: 20;
	color: #000 !important;
}


/********************************/
/*   MAIN - STRUCTURE
/********************************/

#main { padding: 10px; background: #1E2024; border-bottom:1px solid #413f3f; overflow: hidden; zoom: 1; }

#main.home h3 { font-weight: 700; font-size: 11px; color: #028BEF; }

h2 .allnews { float: right; font-size: 10px; color: #b1b1b1; }
h2 .allnews a { color: white; }
h2 .allnews a:hover, h2 .allnews a:focus, h2 .allnews a:active { color: #b1b1b1 ; }

#col1 { width: 180px; float: left; display: inline; }

#col2 { width: 440px; float: left; margin: 0 0 0 10px; display: inline;  }

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

.wrap { background: #303135; border: 1px solid #413F3F; overflow: hidden; zoom:1; margin-bottom: 10px; line-height: 15px; }

.wrap h2 { 
	background: url(img/entete_bg.gif) repeat-x #000000; 
	border-bottom: 1px solid #413F3F; 
	font-weight: 400; 
	font-size: 12px; 
	padding: 3px 10px 6px 10px;
}

.wrap .inner { padding: 10px; }

/********************************/
/*  RECH RAPIDE ;
/********************************/

#rechercherapide { height: 120px; }

.wrap-texte { padding: 0 20px; margin-top: 5px; clear: both; }
.wrap-radio { padding: 0 20px; margin-top: 5px; clear: both; }
.wrap-field { padding: 0 20px; margin-top: 5px; }
.wrap-link  { padding: 0 20px; position: relative; top: 5px; clear: both; text-align: center; }

.wrap-field input { border: 0; float: left; }

.smart-field { background: url(img/rech_field.gif) no-repeat 0 0; width: 180px; padding: 5px 10px; height: 18px; }
.smart-btn { background: url(img/rech_bt_go.gif) no-repeat 0 0; width: 45px;  height: 28px;  }
.smart-btn:hover { background: url(img/rech_bt_go.gif) no-repeat 0 100%; width: 45px;  }


/*
 *   Inscription Newsletter
 */

#inscnews{margin-top:8px;}
 
#inscnews{
	background:url(img/btn_news.gif) no-repeat 0 0;
	height:28px;
	padding:0 0 0 0;
	width:300px;
	margin-bottom:8px;
}

#inscnews a{
	color:#FFFFFF;
	display:block;
	font-size:12px;
	height:22px;
	text-decoration:none;
	padding:6px 0 0 40px;
}
/*
#inscnews a:hover{
	color:#000000;
	text-decoration:none;
}
*/
/********************************/
/*  CARREPUB
/********************************/

#carrepub { height: 250px; overflow: hidden; margin-bottom: 12px; }


/********************************/
/*  TAGCLOUD
/********************************/

#tagcloud { height: 210px; }
*+html #tagcloud { height: 206px; }
* html #tagcloud { height: 206px; }
#tagcloud .inner { padding: 10px; line-height: 22px; }


/********************************/
/*  Aller a l'essentiel
/********************************/

#essentiel .inner{
	padding:15px 25px 10px;
	font-size:12px;
}

#essentiel .btn-ok{
	display:block;
	margin: 15px 30px 0 30px;
	background:url(img/btn_recherchebox.png) no-repeat 0 0;
	font-size:11px;
	color:#FFFFFF;
	border:none;
	padding:6px 25px 9px 30px;
	text-align:left;
}

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

#partenaires { height: 110px; clear: both; position: relative; }
#partenaires .lienall { position: absolute; top: 3px; right: 10px; }
#partenaires .lienall a { color: #FFF; }
#partenaires .lienall a:hover { text-decoration: underline; }

#partenaires img { margin: 0 20px;  }
#partenaires a { cursor: pointer; }

/*SCROLLER*/

.scroller_container_left_right { 
	position: relative;
	overflow: hidden;
	width: 918px; 
	height: 80px; 
	margin:0 10px;
}

.scroller_left_right { 
	white-space: nowrap; 
	line-height: 50px; 
	font-size: 50px;
}

#dummy {;# }

.scroller_container_left_right { overflow: auto; }

.scroller_container_left_right p { padding: 10px 0 0 0; }



/********************************/
/*  PLAN DU SITE MANUEL
/********************************/

#plansitebas { background: #000000 url(img/fd_plansite.gif) no-repeat left bottom; padding:20px 20px 35px 20px; overflow: hidden; zoom:1; }

#plansitebas a { color: #FFF; display: block; margin-bottom: 4px; }
#plansitebas a:hover { color: #E2001A;  }

#plansitebas .titre { text-transform: uppercase; font-size: 12px; font-weight: 700; color:#FFFFFF; }
#plansitebas .titre a{ color:#f83e76 !important; }

#plansitebas td { border-left: 1px solid #413f3f; padding: 0 40px; }

#plansitebas td.first { border-left: 0; }

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

#bandenoire { clear: both; background: #000; padding: 15px 0 20px 0; overflow: hidden; zoom:1; }

#footer { width: 960px; margin: 0 auto; overflow: hidden; }

#footer img { vertical-align: middle; }

#logo-reed { float: left; margin-right: 40px; }
#logo-ojd { float: left; font-size: 10px; }

#footer ul { list-style: none; float: right; padding-top: 6px; }
#footer li { display: inline; color: #E2001A; }
#footer li a { color: #FFFFFF; }
#footer a:hover, #footer a:focus, #footer a:active { color: #f83e76; }


/**********************************************************************************************/
/*   LEVEL 0
/**********************************************************************************************/


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

#valuehome { width: 960px; height:268px; background: #000; position: relative;}
#valuehome .illustration { float: left; font-size:0; }
/*#valuehome ul { width: 960px; height:48px; }*/
#valuehome ul li { width: 179px; height: 48px; float: left; background: url(img/value_btn.png) no-repeat 0 0; overflow: hidden; }
#valuehome ul a { color: #FFFFFF; text-decoration: none; }

#valuehome ul li.liElemSel { background: url(img/value_btn_sel.png) no-repeat 0 100%; color: #FFF; }
#valuehome ul li.liElemSel a { color: #FFF; }

#tabs ul li.tabsSel { background: url(img/value_btn_sel.png) no-repeat 0 100% !important; color: #FFF; }

#valuehome span.titre { display: block; font-size: 12px; font-weight: bold; text-align:center; line-height: 50px; text-transform:uppercase;color:#f83e76; }

#valuehome .texte { color: #fff; font-size: 12px; line-height: 24px; padding: 15px 25px 15px 0; }

#btnrapide { width:243px; height:42px;background:url(img/fd_btnrapide.png) no-repeat;float:right;margin-top:6px;}
#btnrapide a { display:block;margin:15px 0 0 20px;color:#FFFFFF !important;}

/********************************/
/*   ACTUS/SOCIAUX ; TROPHEES
/********************************/

#actuhomeleft { height: 260px; }
#trophees { height: 200px;width: 178px; }

#actuhomeleft .article, 
#trophees .article { margin: 0 8px; padding: 10px 0; border-top: 1px solid #413F3F; overflow: hidden; zoom:1; }

#actuhomeleft .article.first,
#trophees .article.first { border-top: none; }


/********************************/
/*   ACTUS ONGLETS
/********************************/

#actualites { 
	height: 260px;  
	background: url(img/actuong_bg.gif) repeat-x #303135;
	border: 1px solid #413F3F;
	border-top: 0;
	overflow: hidden; 
	zoom:1; 
	margin-bottom: 10px; 
}

#actuong { height: 26px; }
#actuong li { float: left; font-size: 12px; height: 26px; line-height: 22px; background: url(img/actuong_li_sep.gif) no-repeat 100% 0; }
#actuong a { color: #FFF; margin-top: 1px; margin-right: 2px; padding: 0 15px 0 15px; float: left; height: 25px;}

#actuong li.tabSel a { background: #303135; }

#actuong li.rss { float: right; font-size: 10px; background: none; line-height: 24px; }
#actuong li.rss a { margin: 0; background: url(img/feed_ico.gif) no-repeat 0 50%;  }
#actuong li.rss a:hover { text-decoration: underline; }

#actualites .article { float: left; width:360px; margin: 10px 0 0 8px; display: inline; line-height: 15px;height:250px; }
#actualites .article img { float: left; margin-right:10px;}

#slidermar li, #slidersal li {
	float:left;
	height:250px;
	overflow:hidden;
	width:440px;
}
#slidermar .inner, #slidersal .inner {
	padding:5px 30px;
}

#prevBtnmar, #prevBtnsal { left: 0; top: 100px;  }
#nextBtnmar, #nextBtnsal { right: 0;  top: 100px; }

#content1,#content2{position:relative;}

/********************************/
/*   ARROWS
/********************************/
.prevBtn, .nextBtn { display: block; overflow: hidden; text-indent: -8000px; width: 30px; height: 32px; position: absolute; }	
.prevBtn a, .nextBtn a  { display: block; width: 30px; height: 32px; }
.prevBtn a { background: url(img/arrow_prev.gif) no-repeat 0 0; }	
.nextBtn a { background: url(img/arrow_next.gif)  no-repeat 0 0; }	
.prevBtn a:hover { background: url(img/arrow_prev.gif) no-repeat 0 100%; }	
.nextBtn a:hover { background: url(img/arrow_next.gif)  no-repeat 0 100%; }	


/********************************/
/*   CONFERENCES
/********************************/

#conferencehome { height: 200px; width: 440px; position: relative; }

#conferencehome .date { width: 39px; height: 39px; background: url(img/date_bg.gif) no-repeat 0 0; float: left; margin-right: 10px;  }

#conferencehome .date span {  display: block; text-align: center; }
#conferencehome .date .mois { font-size: 9px; letter-spacing: 1px; margin-top: 3px;}
#conferencehome .date .jour { font: 21px georgia; color: #e2001a; font-weight: bold; line-height: 14px;  }

#conferencehome .infos { font-size: 12px; }
#conferencehome .theme { font-weight: bold;  }
#conferencehome .intervenant { font-weight: bold; color: #028BEF; display: block; margin-top: 3px; }
#conferencehome p { padding-top: 10px; line-height: 15px; }

#slider1 li { float: left; width: 440px; height: 200px; overflow: hidden; }
#slider1 li .inner { padding: 10px 40px; }

#prevBtn { left: 0; top: 100px;  }		
#nextBtn { right: 0;  top: 100px; }

/********************************/
/*   TEMOIGNAGES
/********************************/

#temoignages { width: 630px; height: 160px; float: left; clear: left; position: relative; }
#temoignages blockquote { font-size: 12px; line-height: 18px; background: url(img/quote_open.gif) no-repeat 0 0; text-indent: 40px; }
#temoignages blockquote img  { margin: 0 0 0 10px; vertical-align: bottom  }


#temoignages .signature { text-align: right; padding-top: 10px; }

#slider2 li { float: left; width: 630px; height: 160px; overflow: hidden; }
#slider2 li .inner { padding: 10px 40px; }

#prevBtn2 { left: 0; top: 70px; }		
#nextBtn2 { right: 0;  top: 70px; }



/********************************/
/*   MEDIAS
/********************************/

#medias { 
	width: 630px;
	height: 110px;
	background: url(img/actuong_bg.gif) repeat-x #303135;
	border: 1px solid #413F3F;
	border-top: 0;
	overflow: hidden; 
	zoom:1; 
	margin-bottom: 10px; 
	position: relative;
	float:left;
}

#mediaong { height: 26px; }
#mediaong li { float: left; font-size: 12px; height: 26px; line-height: 22px; background: url(img/actuong_li_sep.gif) no-repeat 100% 0; }
#mediaong a { color: #FFF; margin-top: 1px; margin-right: 2px; padding: 0 15px 0 15px; float: left; height: 25px; }
#mediaong li.ongletSel a { background: #303135; }


#medias .slider { height: 64px; margin-top: 10px; overflow: hidden; }

#medias .slider li { width: 630px; float: left; height:64px; }
#medias .slider li div { padding: 0 30px;  }

#medias .slider img { }

#medias .slider a { float: left; margin: 0 10px; border: 2px solid #303135;  }
#medias .slider a:hover { border: 2px solid #FFF;  }


#prevBtn3 { left: 0; top: 50px; }		
#nextBtn3 { right: 0;  top: 50px; }

#prevBtn4 { left: 0; top: 50px; }		
#nextBtn4 { right: 0;  top: 50px; }




/**********************************************************************************************/
/*   LEVEL 1
/**********************************************************************************************/


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

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

#bloc-center li { list-style-position: inside; }

#bloc-center h1 { font-size: 22px; font-weight: 400; margin: 0 0 20px 0; }

.style1 h2 { 
	background: url(img/puce_rond.gif) no-repeat 0 2px;
	text-indent: 20px; margin-bottom: 10px; font-size: 14px;
}

.style2 h2 { 
	background: url(img/puce_fleche.gif) no-repeat 0 4px;
	text-indent: 20px; margin-bottom: 10px; font-size: 14px; border-bottom: 1px solid #e2001a; padding-bottom: 4px; 
}

.style3 h2 {
	background: url(img/entete_bg.gif) repeat-x #000000; 
	border: 1px solid #413F3F; border-bottom: none; font-weight: 400; font-size: 12px; padding: 4px 12px 7px 12px;
}

.style4 h2 { background: url(img/puce_fleche.gif) no-repeat 0 4px; text-indent: 20px; font-size: 14px; padding-bottom: 4px; }

.style3 .fond { background: #303135; border: 1px solid #413f3f; padding: 12px; }
.style4 .fond { background: #303135; border: 1px solid #e2001a; padding: 12px;}

.fond { line-height: 15px; overflow: hidden; zoom:1; font-size: 12px;  }

.fond h3 { font-size: 11px; color: #e2001a; margin: 0 0 10px 0; }
.style3 .fond h3 { color: #028bef !important; }

.espace { height: 20px; }


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

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

#cdf { font-family: verdana; font-size: 10px; margin: 0 0 15px 0; }
#cdf a { color: #FFF }
#cdf a:hover, #cdf a:focus, #cdf a:active { color: #B1B1B1; }
#cdf .sel { color: #028BEF; }





#recherchebox .choix { margin: 0 0 10px 0; }
#recherchebox #words { font: 12px Arial; float: left; display: inline; padding: 5px 3px; margin: 0 10px 0 0; }
#recherchebox .form-submit { float: left; }

table[border="1"] td{border:1px solid;}