body {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background: #000;
	color: #999999;
	behavior:url(style/csshover2.htc);
}

img {
	border: 0;
}

#conteneur {
	width: 977px;
	margin: 0 auto;
}

#header {
	/* au cas où... */
}

#logo {
	text-align:center;
	color: #8a8a8a;
	float: left;
	width: 282px;
	background: url(images/bgl.gif) no-repeat 1px 209px;
}

#logo .imgl {
	text-align:left;
	margin-left: 17px;
	display: block;
	line-height: 0;
}

#logo .langues {
	margin-top: 19px;
	/* margin-left: 13px; */
	margin-left: 50px;
	height: 24px;
	line-height: 1.2em;
	display: block;
}

#logo .langues span {
	float: left;
	margin-top: 2px;
	display: inline;
}

#logo .langues a {
	float: left;
	display: inline;
	display: block;
	width: 35px;
	height: 14px;
	margin-left: 13px;
	background: url(images/cadre-lang.gif);
	text-align: center;
	text-decoration: none;
	color: #666666;
	padding-top: 2px;
}

#logo .langues a:hover {
	color: #999999;
}

#logo p {
	margin-left: 17px;
	margin-top: 10px;
	margin-right: 60px;
	margin-bottom: 0;
	font-size: 12px;
	height: 50px;
	line-height: 1.1em;
	padding: 0;
}

#logo form {
	margin: 0;
	padding: 0;
}

#logo fieldset {
	border: 0;
	padding: 0;
	margin-top: 30px;
	margin-left: 18px;
}

#logo fieldset input {
	float: left;
}

#logo fieldset input.actu {
	background: url(images/cadre-actu.gif);
	width: 151px;
	height: 18px;
	padding: 4px 5px 0;
	border: 0;
	color: #666666;
	margin-right: 5px;
	font-size: 11px;
}

/* menu hori */

#menu-h {
	float: left;
	padding-top: 14px;
	width: 670px;
}

#menu-h a {
	color: #999999;
	text-decoration: none;
}

#menu-h ul {
	margin: 0;
	padding: 1px 0 0;
	height: 15px;
	white-space: nowrap;
}

#menu-h ul li {
	list-style-type: none;
	padding-right: 6px;
	padding-left: 6px;
	padding-top: 2px;
	line-height: 1.2em;
	display: -moz-inline-box;
	display: inline-block;
	height: 15px;
	text-align: center;
	letter-spacing: 0.05em;
}

#menu-h ul li:hover {
	background: #85104b;
}

#menu-h .barre2 ul li:hover {
	background: #798109;
}

#menu-h .barre3 ul li:hover {
	background: #136589;
}

#menu-h .barre4 ul li:hover {
	background: #ca7107;
}

#menu-h .barre5 ul li:hover {
	background: #767575;
}

#menu-h ul li:hover a {
	color: #ccc;
}

#menu-h .barre1 #b1-ligne1, #menu-h .barre1 #b1-ligne2, 
#menu-h .barre2 #b2-ligne1,
#menu-h .barre4 #b4-ligne1, #menu-h .barre4 #b4-ligne2 {
	margin-left: 1px;
}

#menu-h .barre4 #b4-ligne1 {
	margin-left: 7px;
}

#menu-h .barre1 #b1-ligne1, #menu-h .barre1 #b1-ligne2, 
#menu-h .barre2 #b2-ligne1, #menu-h .barre3 #b3-ligne1, 
#menu-h .barre4 #b4-ligne1, #menu-h .barre4 #b4-ligne2,
#menu-h .barre5 #b5-ligne1 {
	width: 455px;
	height: 15px;
	overflow: hidden;
	margin-bottom: 3px;
	float: left;
	display: inline;
	padding-left: 10px;
}

#menu-h .barre1 #b1-ligne2, #menu-h .barre4 #b4-ligne2 {
	margin-left: 132px;
}

#menu-h .first a {
	text-decoration: none;
	font-weight: normal;
}

#menu-h .first a:hover {
	font-weight: bold;
}

#menu-h .barre1 .first, #menu-h .barre1 .first a {
	color: #d4006b;
	padding-left: 0;
}

#menu-h .barre1 #b1-ligne2 .first {
	margin-bottom: 0;
	 height: 13px;
	display: block;
	float: left;
}

#menu-h .barre2 .first {
	color: #bdcc00;
	padding-left: 0;
}

#menu-h .barre4 .first, #menu-h .barre4 .first a {
	color: #ff9900;
	padding-left: 0;
}

#menu-h .barre4 .first:hover a {
	font-weight: bold;
}

#menu-h .barre2 #b2-ligne1 .first a{
	color: #bdcc00;
}

#menu-h .barre2 #b2-ligne1 .first:hover,
#menu-h .barre4 #b4-ligne1 .first:hover,
#menu-h .barre4 #b4-ligne2 .first:hover {
	background: none;
}

#menu-h .barre1 .first:hover {
	background: none;
}

#menu-h .barre1 #b1-ligne2 ul li {
	padding-top: 4px;
	width: auto;
}

#menu-h .barre1 #b1-ligne1 span, #menu-h .barre1 #b1-ligne2 span {
	color: #d4006b;
	background: none;
	width: 80px;
	font-size: 11px;
	padding-top: 3px;
	display: block;
	float: left;
}

#menu-h .barre1 .plusr, #menu-h .barre2 .plusr, 
#menu-h .barre3 .plusr, #menu-h .barre4 .plusr,
#menu-h .barre5 .plusr {
	width: 30px;
	height: 15px;
	background: url(images/plus-off.gif);
	display: block;
	color: #333333;
	text-decoration: none;
	font-size: 12px;
	padding-left: 27px;
	padding-top: 2px;
	float: right;
	display: inline;
	font-weight: normal;
	line-height: 1.2em;
	visibility: hidden;
}

#menu-h .debut {
	width: 37px;
	height: 15px;
	background: url(images/plus-off.gif);
	display: block;
	color: #333333;
	text-decoration: none;
	font-size: 12px;
	padding-top: 2px;
	float: right;
	display: inline;
	font-weight: normal;
	padding-left: 20px;
	line-height: 1.2em;
}

#menu-h .debut:hover, #menu-h .plusr:hover {
	font-weight: normal;
}

#menu-h .barre2, #menu-h .barre3, #menu-h .barre4, 
#menu-h .barre5 {
	margin-top: 40px;
	padding-top: 3px;
	background: url(images/filet-menu.gif) no-repeat left top;
}

#menu-h .barre1 span, #menu-h .barre2 span, #menu-h .barre3 span, 
#menu-h .barre4 span, #menu-h .barre5 span {
	display: block;
	color: #333333;
	width: 127px;
	height: 14px;
	background: url(images/menu-on.gif);
	font-size: 12px;
	padding-top: 2px;
	padding-left: 4px;
	float: left;
	line-height: 1.2em;
}

#menu-h .barre1 span a, #menu-h .barre2 span a, #menu-h .barre3 span a, 
#menu-h .barre4 span a, #menu-h .barre5 span a {
	text-decoration: none;
	color: #333333;
}

#menu-h .barre1 span a:hover, #menu-h .barre2 span a:hover, #menu-h .barre3 span a:hover, 
#menu-h .barre4 span a:hover, #menu-h .barre5 span a:hover {
	font-weight: bold;
}

#menu-h .barre1 span {
	background: url(images/menu-off.gif);
}

#menu-h .barre2 #b2-ligne1 span {
	color: #bdcc00;
	background: none;
	width: 137px;
	font-size: 11px;
	padding-top: 3px;
}

#menu-h .barre2 .plusr, #menu-h .barre2 .debut {
	background: url(images/plus-on.gif);
}

#menu-h .barre3, #menu-h .barre4 {
	margin-top: 20px;
}

#menu-h .barre4 {
	height: 0;
}

#menu-h .barre3 span {
	background: url(images/menu-edition.gif);
}

#menu-h .barre3 .plusr, #menu-h .barre3 .debut {
	background: url(images/plus-edition.gif);
}

#menu-h .barre3 #b3-ligne1, #menu-h .barre4 #b4-ligne1, 
#menu-h .barre5 #b5-ligne1 {
	padding-left: 4px;
}

#menu-h .barre4 span {
	background: url(images/menu-conseil.gif);
	background-repeat:no-repeat;
}

#menu-h .barre4 .plusr, #menu-h .barre4 .debut {
	background: url(images/plus-conseil.gif);
}

#menu-h .barre5 span {
	background: url(images/menu-leadshare.gif);
}

#menu-h .barre5 .plusr, #menu-h .barre5 .debut {
	background: url(images/plus-leadshare.gif);
}

#menu-h .barre5 {
	padding-bottom: 45px;
}

#centre {
	clear: both;
}

#centre #c-gche {
	float: left;
	padding-top: 20px;
	width: 230px;
	display: inline;
}

#centre #c-gche .bloc-promo {
	width: 184px;
	height: 184px;
	background: #9b9a9a;
	margin-bottom: 17px;
	margin-left: 17px;
}

#centre #c-dte {
	float: left;
	width: 747px;
	display: inline;
}

#centre #c-dte .space {
	width: 700px;
	height: 1px;
	clear: both;
}

#centre #c-dte .rp-bloc {
	float: left;
	width: 360px;
	margin: 0;
	padding: 0;
	background: url(images/bgpush.gif);
	letter-spacing: 0.05em;
}

#centre #c-dte .rp-bloc:hover {
	background: url(images/bgpushon.gif) repeat-y;
}

#centre #c-dte .bloc {
	float: left;
	width: 305px;
	padding-top: 18px;
	padding-left: 20px;
	padding-right: 35px;
	background: url(images/push-off.gif) no-repeat;
}

#centre #c-dte .bloc a {
	text-decoration: none;
	font-weight: bold;
}

#centre #c-dte .bloc p {
	margin: 0;	
}

#centre #c-dte .rp-bloc .bloc:hover {
	background: url(images/push-on.gif) no-repeat;
}

#centre #c-dte .bloc:hover .bloc-fin {
	background: url(images/pushbason.gif) no-repeat;
}

#centre #c-dte .bloc h3 {
	background: url(images/filet-push.gif) no-repeat 0 bottom;
	color: #cccccc;
	font-size: 13px;
	margin: 0 0 3px;
	padding-bottom: 10px;
	padding-left: 15px;
}

#centre #c-dte .bloc .img {
	float: left;
	margin-right: 10px;
	padding-left: 15px;
	margin-bottom: 5px;
}

#centre #c-dte .bloc .titre {
	margin-right: 165px;
	margin-bottom: 3px;
	margin-left: 15px;
}

#centre #c-dte .bloc .bloc-txt {
	margin-left: 15px;
	background: none;
}

#centre #c-dte .bloc .bloc-txt:hover {
	background: none;
}

#centre #c-dte .bloc .bloc-fin {
	height: 32px;
	margin-left: -20px;
	margin-right: -20px;
	background: url(images/pushbas.gif);
	clear: both;
	width: 350px;
}

#centre #c-dte .bloc ul {
	margin: 0 0 0 15px;
	padding: 0;
}

#centre #c-dte .bloc ul li {
	list-style-type: square;
}

#centre #c-dte .bloc a {
	color: #ccc;
}

#footer {
	clear: both;
	width: 906px;
	margin: 0 auto;
	font-size: 13px;
	height: 37px;
	padding-right: 50px;
	padding-top: 40px;
	text-align: right;
	color: #666666;
	background: url(images/footer-filet.gif) no-repeat;
}

#footer a, #footer .orange {
	color: #ff9900;
	font-weight: bold;
	text-decoration: none;
}

/* autre que la home */

h1.tp {
	clear: both;
	width: 678px;
	height: 38px;
	margin: 0 auto 10px;
	background: url(images/pistepage_03.gif) no-repeat;
	font-size: 15px;
	font-weight: bold;
	padding-top: 25px;
	padding-left: 268px;
	color: #bdcc00;
}

.tp2 {
	clear: both;
	width: 946px;
	height: 38px;
	margin: 0 auto 10px;
	background: url(images/pistepage_03.gif) no-repeat;
	font-size: 15px;
	font-weight: bold;
	padding-top: 25px;
	color: #d4006b;
}

.tp2 img {
	margin-top: -4px;
	float: left;
	margin-right: 82px;
}

.tp2 .chq {
	color: #999999;
	text-decoration: none;
	font-size: 11px;
	float: right;
	padding-top: 3px;
	margin-right: 80px;
	font-weight: normal;
}

.tp3 {
	clear: both;
	width: 946px;
	height: 38px;
	margin: 0 auto 10px;
	background: url(images/pistepage_03.gif) no-repeat;
	font-size: 15px;
	font-weight: bold;
	padding-top: 25px;
	color: #ca7107;
}

.tp3 img {
	margin-top: -4px;
	float: left;
	margin-right: 82px;
}

.tp3 .chq {
	color: #999999;
	text-decoration: none;
	font-size: 11px;
	float: right;
	padding-top: 3px;
	margin-right: 80px;
	font-weight: normal;
}

h1.tp4 {
	clear: both;
	width: 678px;
	height: 38px;
	margin: 0 auto 10px;
	background: url(images/pistepage_03.gif) no-repeat;
	font-size: 15px;
	font-weight: bold;
	padding-top: 25px;
	padding-left: 268px;
	color: #bdcc00;
}

.tp4 {
	clear: both;
	width: 946px;
	height: 38px;
	margin: 0 auto 10px;
	background: url(images/pistepage_03.gif) no-repeat;
	font-size: 15px;
	font-weight: bold;
	padding-top: 25px;
	color: #bdcc00;
}

.tp4 img {
	margin-top: -4px;
	float: left;
	margin-right: 82px;
}

.tp4 .chq {
	color: #999999;
	text-decoration: none;
	font-size: 11px;
	float: right;
	padding-top: 3px;
	margin-right: 80px;
	margin-top: -17px;
	font-weight: normal;
}

#centrep h2 {
	margin-left: 133px;
	padding-left: 130px;
	padding-bottom: 7px;
	font-size: 21px;
	font-weight: normal;
	background: url(images/fileth2.gif) no-repeat 0 bottom;
}

#centrep #dtep, #centrep .dtep {
	float: left;
	width: 212px;
	padding-left: 34px;
	padding-bottom: 20px;
}

#centrep #dtep h3, #centrep .dtep h3 {
	font-size: 14px;
}

#centrep #dtep a, #centrep .dtep a {
	text-decoration: none;
	font-weight: bold;
}

#centrep #gchep, #centrep .gchep {
	padding-left: 37px;
	width: 569px;
	float: left;
	font-size: 12px;
	display: inline;
	letter-spacing: 0.05em;
}

#centrep #gchep a, #centrep .gchep a {
	text-decoration: none;
	font-weight: bold;
}

#centrep #gchep h3, #centrep .gchep h3 {
	font-size: 14px;
	font-weight: normal;
	margin-top: 0;
	padding: 0;
}

#centrep #gchep ul, #centrep .gchep ul {
	padding: 0;
	margin: 10px 0 10px 15px;
}

#centrep #gchep ul li, #centrep .gchep ul li {
	list-style-type: square;
	margin-bottom: 2px;
}

#centrep #gchep ul ul li{
	list-style-type: circle;
	margin-bottom: 2px;
}

#centrep #gchep .plusdi-g, #centrep .gchep .plusdi-g {
	background: url(images/debutcrochet.gif) no-repeat top left;
}

#centrep #gchep .plusdi-bg, #centrep .gchep .plusdi-bg {
	background: url(images/bdebcrochet.gif) no-repeat bottom left;
}

#centrep #gchep .plusdi-d, #centrep .gchep .plusdi-d {
	background: url(images/fincrochet.gif) no-repeat top right;
	padding-top: 10px;
	padding-right: 17px;
	padding-left: 7px;
	padding-bottom: 10px;
}

#centrep #gchep .plusdi-bd, #centrep #gchep .plusdi-bd {
	background: url(images/bfincrochet.gif) no-repeat bottom right;
}

#centrep #gchep .plusdinfos {
	background: url(images/crochet-top.gif) repeat-x;
	font-size: 11px;
	margin-top: 20px;
	float: left;
}

#centrep #gchep .plusdinfos2 {
	background: url(images/crochet-top.gif) repeat-x;
	margin-top: 10px;
	float: left;
	margin-bottom: 10px;
}

#centrep #gchep .plusdinfos2 .plusdi-d {
	padding-bottom: 2px;
}

#centrep #gchep .plusdinfos2 ul {
	margin: 0 0 0 15px;
}

#centrep #gchep .plusdi-fin {
	background: url(images/crochet-bottom.gif) repeat-x bottom left;
}

#centrep #gchep .clitbl tr td {
	background: #fff;
	text-align: center;
}

#centrep .sepcde, #centrep .sepcde-evenementiel {
	background: url(images/fileth2.gif) no-repeat 0 bottom;
	height: 25px;
	margin-left: 133px;
	clear: both;
	margin-bottom: 15px;
}

/* définitions spécifiques aux sections */

#op-mutu #centrep #dtep, #op-mutu #centrep #dtep a {
	color: #999933;
}

#centrep #gchep a {
	font-weight: normal;
}

#centrep #gchep a:hover {
	font-weight: bold;
}

#op-mutu #centrep #dtep a:hover,
#op-off #centrep #dtep a:hover, 
#edition #centrep #dtep a:hover, 
#conseil #centrep #dtep a:hover, 
#leadshare #centrep #dtep a:hover {
	color: #999999;
}
 
#op-mutu #centrep #gchep h3,
#op-mutu #centrep #gchep .plusdinfos {
	color: #798109;
}

#op-mutu #centrep #gchep a {
	color: #bdcc00;
}

#op-mutu #centrep #gchep .plusdinfos a,
#op-off #centrep #gchep .plusdinfos a,
#edition #centrep #gchep .plusdinfos a,
#conseil #centrep #gchep .plusdinfos a,
#leadshare #centrep #gchep .plusdinfos a {
	color: #aaa8a8;
}

#op-mutu #centrep #gchep .plusdinfos a:hover,
#op-off #centrep #gchep .plusdinfos a:hover,
#edition #centrep #gchep .plusdinfos a:hover,
#conseil #centrep #gchep .plusdinfos a:hover,
#leadshare #centrep #gchep .plusdinfos a:hover {
	font-weight: bold;
}

/* op offline */

#op-off h1.tp, #op-off #centrep #gchep a, #op-off #centrep #gchep h3 {
	color: #d4006b;
}

#op-off #centrep #dtep,
#op-off #centrep #gchep .plusdinfos {
	color: #85104b;
}

#op-off .colors {
	color: #85104b;
	font-weight: bold;
}

/* edition */

#edition h1.tp {
	color: #0092d1;
}

#edition #centrep #dtep,
#edition #centrep #gchep a, 
#edition #centrep #gchep h3,
#edition #centrep #gchep .plusdinfos {
	color: #136589;
}

/* conseil */

#conseil h1.tp, #conseil #centrep #gchep a {
	color: #ff9900;
}

#conseil #centrep #dtep,
#conseil #centrep #gchep h3,
#conseil #centrep #gchep .plusdinfos {
	color: #ca7107;
}

/* leadshare */

#leadshare h1.tp, #leadshare #centrep #gchep a {
	color: #cccccc;
}

#leadshare #centrep #dtep,
#leadshare #centrep #gchep a, 
#leadshare #centrep #gchep h3,
#leadshare #centrep #gchep .plusdinfos {
	color: #767575;
}

.infopresse {
	float: left;
	border: 1px solid #ccc; 
	padding: 5px; 
	width: 170px; 
	text-align: center
}

.clear {
	clear: both;
}

.presse-a {
	float: right;
	margin-right: 30px;
	font-size: 14px;
}

.presse-a2 {
	font-size: 14px;
}

.aligncenter {
	text-align: center;
}

.rvep {
	width: 123px; 
	padding: 5px; 
	text-align:center;
	vertical-align: top;
}

.line {
	height:10px;
}

.line-blog {
	height:55px;
}

#pressedate {
	margin-top:10px;
	font-size:16px;
	color:#cccccc;
}

#pressedate a{
	color:#8a8a8a;
}

#signe {
	margin-left:-30px;
	margin-top:-18px;
	float: left;
}

#graph {
	float:left;
	margin-bottom:20px;
}

#img-date {
	margin-left:250px;
}

/* INFOBULLES du MENU */

a.info_bulle span
{								   
  display          : none; /* Rend invisible tout notre bloc span */
} 
 
a.info_bulle
{
	color           : #2F368A;
	text-decoration : none; /*Définition des marges intérieures de notre lien */
	position: relative;
	float: left;
}  
 
a.info_bulle:hover 
{
	border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
} 

a.info_bulle:hover span
{
  display        :  block;    /* Rend visible notre bloc span */
  position       :  absolute; /* Sort notre bloc de son conteneur afin de le positionner */
  
  background     : #000;   /* Définition du fond, sinon on a le même que notre lien */
  
  margin-left	 : 10px;
  padding        : 3px;       /* Définition des marges intérieures */	  
  font-size      : 11px;
  font-family	 : Arial, Helvetica, sans-serif;
  
  width          : 195px;     /* On fixe une largeur par défaut */
  
  color          : #8a8a8a;      /* Réinitialisation de la couleur du texte */
  
  text-align	 : left; 	
  
  cursor         : default;   /* Réinitialisation de notre curseur, sinon par défaut on a le même que notre lien */
  
  /* Positionnement de notre info-bulle */
  top            : 160px;   
  left           : 0px;
  
  z-index        : 1000; /* Positionne au premier plan l'info-bulle en cas de chevauchement */
}

a.info_bulle:hover span b
{
	font-size      : 12px;
}
a.info_bulle:hover span img
{
	margin-left	 : -10px;
}

/* FIN INFOBULLES du MENU */

.filet {
	margin-top:43px;
	margin-left:-250px;
	padding-bottom:20px
}

.center {
	padding-top:50px;
	margin-left:350px;
}

.center a{
	color:#CCCCCC;
}