/* Pour la premiere page */
div.blog-fp
{
    width:370px;
    float:left;
    border: 1px solid #bfb3a7;
    padding-bottom:5px;
    margin: 20px 0px 5px 13px;
    _margin-left:8px;
    background:#fff;
}

div.blog-fp p.blog-fp-legend
{
		position:relative;
		margin-top:-0.8em;
		margin-left:10px;
		float:left;
		font-weight: bold;
		line-height:20px;
		font-size:12px;
		border:1px solid #bfb3a7;
		border-width:0 1px;
}

div.blog-fp p.blog-fp-legend a
{
		display:block;
		padding: 0px 20px 0px 20px;
		background-image:   url('/t_00000000000000000000000000000000_default/images/_bei/blog/Compte-Onglet-BgDefault.png');
		background-repeat:  repeat-x;
}

div.blog-fp p.blog-fp-legend a:hover
{
		color:#3790cf;
		background-image: url('/t_00000000000000000000000000000000_default/images/_bei/blog/Compte-Onglet-BgOver.png');
}

div.blog-fp p.blog-fp-accroche
{
    margin:3px;
}

#last_blog
{
    font-size:9px;
    padding-left:2px;
    padding-right:2px;
}

#last_blog a
{
    color:#666;
    text-decoration:none;
}

#last_blog a:hover
{
    /*text-decoration:underline;*/
    color:#333;
}

div.Blog-Calendrier-Mois
{
    border:1px solid #bfb3a7;
    text-align:center;
    width:97%;
    line-height:16px;
    margin-left:10px;
    margin-top:20px;
    /*background:#fff;*/
}

div.Blog-Calendrier-Mois a
{
    color:black;
    text-decoration:none;
}

div.Blog-Calendrier-Mois a:hover
{
    color: #3790cf
}

div.Blog-Calendrier-Mois span
{
    color: #3790cf
    font-weight:bolder;
}

div.Blog-Categories
{
    width:97%;
    margin-left:10px;
    margin-top:15px;
    padding:0;
}

div.Blog-Onglet-borderleft
{
    float:                          left;
    width:                          15px;
    height:                         20px;
    border:                         0px;
    background-image:               url('/t_00000000000000000000000000000000_default/images/_bei/blog/Compte-Onglet-BorderLeft.png');
}

div.Blog-Onglet-borderright
{
    float:                          left;
    width:                          15px;
    height:                         20px;
    border:                         0px;
    background-image:               url('/t_00000000000000000000000000000000_default/images/_bei/blog/Compte-Onglet-BorderRight.png');
}

div.Blog-Ariane
{
    width:97%;
    margin:auto;
    margin-left:10px;
    background:#f2e8df;
    border:1px solid #bfb3a7;
    border-bottom:0px;
    padding-top:3px;
    padding-bottom:3px;
}

div.Blog-Ariane a
{
    margin:0px 9px 0px 9px;
}

div.Blog-Onglet-contenu
{
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
    background-color:#f2e8df;
    border:1px solid #bfb3a7;
    text-align:justify;
}

div.Blog-News-Titre
{
    margin:3px;
    padding-left:5px;
    border-bottom:1px solid #84d435;
    height:15px;
    padding-top:5px;
}

div.Blog-News-Titre div.titre
{
    float:left;
    font-weight:bolder;
    padding-left:10px;

}

div.Blog-News-Titre div.titre a
{
    color:#116aa9;
    text-decoration:none;
    font-size:14px;
}

div.Blog-News-Titre div.titre a:hover
{
    color: #000;
}

div.Blog-News-Titre div.auteur
{
    float:right;
    font-size:10px;
    color:#666;
}

div.news_blog
{
    margin:3px;
    padding:10px 30px;
    border:1px solid #bfb3a7;
    background-color:#fff;
    text-align:justify;
}

/* the horizontal menu starts here */
div#cc_BlogMenu
{
  float:              left;
	background-image:   url('/t_00000000000000000000000000000000_default/images/_bei/blog/Compte-Onglet-BgDefault.png');
	background-repeat:  repeat-x;
}

div#cc_BlogMenu ul { margin:0; padding:0; }

div#cc_BlogMenu li
{
	z-index:         100;
	float:           left;
	position:        relative;
	list-style-type: none;
	line-height:     20px;
}

div#cc_BlogMenu a
{
  font-size:              11px;
  display:                block;
	padding:                0 6px;
	text-decoration:        none;
	color:                  #777;
	font-weight:            bolder;
	background-image:       url('/t_00000000000000000000000000000000_default/images/_bei/blog/Compte-Onglet-BgDefault.png');
	background-repeat:      repeat-x;
	background-position:    top;
	background-color:       #e9e9e9;
	padding-left:           8px;
	padding-right:          8px;
}
div#cc_BlogMenu a:hover,
div#cc_BlogMenu a.cc_BlogMenuAct
{
	color:              #3790cf;
	background-color:   #dadada;
  border-left:        1px solid #ab9d8f;
	border-right:       1px solid #fff;
	padding-left:       7px;
	padding-right:      7px;
}
div#cc_BlogMenu a:hover          { background-image: url('/t_00000000000000000000000000000000_default/images/_bei/blog/Compte-Onglet-BgOver.png'); }
div#cc_BlogMenu a.cc_BlogMenuAct { background-image: url('/t_00000000000000000000000000000000_default/images/_bei/blog/Compte-Onglet-BgActif.png'); }
div#cc_BlogMenu ul li ul li a.cc_BlogMenuAct
{
	padding-left:   8px;
	padding-right:  8px;
	border:         0px;
}
/* the horizontal menu ends here */	


	
	
/* the drop-down starts here */
div#cc_BlogMenu ul li ul
{
	margin:0;
	position:absolute;
	width:13em;
}

div#cc_BlogMenu ul li ul a
{
		background-color:#f6f1ed;
		background-image:none;
}

div#cc_BlogMenu ul li ul a:hover
{
    border:0px;
    padding-left:8px;
    padding-right:8px;
    color:#fff;
    background-color:#5BB1EC;
    background-image:none;
}

div#cc_BlogMenu ul li ul a.cc_BlogMenuAct
{
		color:              #3790cf;
		background-color:   #f6f1ed;
		background-image:none;
		border:0px;
		padding-left:8px;
    padding-right:8px;
}

div#cc_BlogMenu ul li ul li
{
	width:100%;
	border:1px solid #666;
	border-top:0px;
}

div#cc_BlogMenu ul li ul li:first-child {
	border-top:1px solid #9f9f9f;
	}

/* make the drop-down display as the menu is rolled over */
div#cc_BlogMenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#cc_BlogMenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#cc_BlogMenu ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:13em;
	}
div#cc_BlogMenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level popouts start here*/
div#cc_BlogMenu ul li ul li:hover ul li ul {visibility:hidden;}
div#cc_BlogMenu ul li ul li ul li:hover ul {visibility:visible;}

/* third level popouts start here*/
div#cc_BlogMenu ul li ul li ul li:hover ul li ul {visibility:hidden;}
div#cc_BlogMenu ul li ul li ul li ul li:hover ul {visibility:visible;}

div#cc_BlogMenu ul li ul li ul li ul li:hover ul li ul {visibility:hidden;}
div#cc_BlogMenu ul li ul li ul li ul li ul li:hover ul {visibility:visible;}

div#cc_BlogMenu ul li ul li ul li ul li ul li:hover ul li ul {visibility:hidden;}
div#cc_BlogMenu ul li ul li ul li ul li ul li ul li:hover ul {visibility:visible;}

div#cc_BlogMenu ul li ul li ul li ul li ul li ul li:hover ul li ul {visibility:hidden;}
div#cc_BlogMenu ul li ul li ul li ul li ul li ul li ul li:hover ul {visibility:visible;}

div#cc_BlogMenu ul li ul li ul li ul li ul li ul li ul li:hover ul li ul {visibility:hidden;}
div#cc_BlogMenu ul li ul li ul li ul li ul li ul li ul li ul li:hover ul {visibility:visible;}

/* THE HACK ZONE - */
/* and the "be nice to Opera" rule */
html>body div#cc_BlogMenu ul li ul li ul {
  left:13em;
  }

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#cc_BlogMenu ul li ul {padding-bottom:200px;}
   body div#cc_BlogMenu ul li ul li ul {padding-bottom:22px;}
   body div#cc_BlogMenu ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }