.clear{
	clear: both;
}


#ToolTip
{
  padding: 5px;
}


.img {
	border: 1px solid #acca57;
}

.tooltip{ 
  position: absolute; 
  top: 0; 
  left: 0; 
  z-index: 3; 
  display: none; 
  background: #5A8EAD;
  
}


.ensavoirplus {
  text-align: right;
	padding-bottom: 10px;
}
.ensavoirplus a{
	font-weight: bold;
	color: #acca57;
	border-bottom: 1px dotted black;
	border-top: 1px dotted black;
	margin: 0px;
	background: #F6F6F6;
	padding: 5px 0;
	text-decoration: none;
}


body {
	font-family: arial, sans-serif;
	font-size: 11px;
}

/**** CONTENEUR ****/
#global {
	width: 985px;
	margin: auto;
}


#left {
	float: left;
	width: 650px; 
	margin-right: 9px; 
	margin-left: 3px;
	_margin-left:1px;
}

#right {
	float: left;
	width: 319px;
}


#header {
	background: url(../img/bg_t_footer.gif) no-repeat top left;
	padding-top: 14px;
	z-index: 10;
	position:relative;
}

#header .bottom {
	background: url(../img/bg_b_footer.gif) no-repeat bottom left ;
	padding-bottom: 11px;
  /height:1%;
}

#header .bg {
	background: url(../img/bg_bg_footer.gif) repeat-y ;
	text-align: center;
}

#thirdCarousel,
#aCarousel,
#anArticle
{
	background: url(../img/bg_t_left.gif) no-repeat top;	
  /height:1%;
	padding-top: 14px;
	position: relative;
}

#anArticle {
  margin-top: 10px;
}

#thirdCarousel .bottom,
#aCarousel .bottom,
#anArticle .bottom{
	background: url(../img/bg_b_left.gif) no-repeat bottom left;
  /height:1%;
	padding-bottom: 10px;
	padding-left: 7px;
}

#thirdCarousel .bottom {
  _padding-bottom: 0px;
}

#anArticle .bottom{
  padding: 0 16px 15px;
}

#anArticle .bottom  div{
  line-height: 13px;
}

#aCarousel .bottom{
	padding-bottom: 13px;
}

#thirdCarousel .bg,
#aCarousel .bg,
#anArticle .bg{
	background: url(../img/bg_bg_left.gif) left bottom repeat-y ;
  /height:1%;
}

#anArticle .bg{
  text-align: justify;
}

#useful {
  text-align: right;
  padding: 20px 0 30px;
  color: #acca57;
  clear: both;
}

#useful a{
  color: #acca57;
}

#pub_puma {display: none;}
#pub_cdm
{
  display: none;
}
#footer
{
	background: url(../img/bg_t_footer.gif) no-repeat top left;
  /height:1%;
	padding-top: 16px;
	margin-top: -1px;  	
}

.footer_again{
	color: #a9a9a9;
  font-size: 11px;
  text-align: center;
  margin: 10px 0;
}

.footer_again a:link,  .footer_again a:visited {
 color: #a9a9a9; 
 text-decoration: none;
}
.footer_again a:hover {
  text-decoration: underline;
}
#footer .bottom {
	background: url(../img/bg_b_footer.gif) no-repeat bottom left ;
  /height:1%;
	padding-bottom: 12px;
	padding-left: 7px;
}

#footer .bg {
	background: url(../img/bg_bg_footer.gif) left repeat-y ;
  /height:1%;
	text-align: center;
}


#thirdSelect{
	background: url(../img/bg_menu_horizontal.jpg) left top no-repeat;
	height: 64px;
	overflow: hidden;
	width: 636px;
	padding-top: 20px;
	_margin-bottom: 10px;
	*margin-left: 0px;	
}



#login{
  background: url(../img/bg_t_right.gif) no-repeat top;
  /height:1%;
  padding-top: 16px;
  color: #acca57;
  margin-top: 6px;
}

#partenaires, #pub_droite, #sondage 
{
  background: url(../img/bg_t_right.gif) no-repeat top;
  /height:1%;
  padding-top: 16px;
}

#partenaires
{
  padding-top: 12px;
}

  
  #sondage {
    margin-top: 4px;
  }
  
  #sondage form {
    padding-right: 22px;
  }
  
  #global #sondage .bottom{
    padding-left: 10px;
  }
  #sondage p{
    color:#acca57;
    font-weight: bold;
    padding-bottom: 5px;
  }

#login .bottom, #partenaires .bottom, #pub_droite .bottom
, #sondage .bottom {
	background: url(../img/bg_b_right.gif) no-repeat bottom ;
  /height:1%;
	padding-bottom: 14px;
	padding-left: 6px;
}


#pub_droite .bottom{
  padding-bottom: 8px;
}

#partenaires .bottom {
  padding-bottom: 8px;
}


#pub_droite .bottom {
  text-align: center;
  padding-left: 1px;
}

#login .bg, #partenaires .bg, #pub_droite .bg, #sondage .bg {
	background: url(../img/bg_bg_right.gif) left repeat-y ;
  /height:1%;
}

#pub1, #pub2 {
  background: url(../img/bg_autopromo.gif) no-repeat;
  height: 110px;
  width: 280px;
  padding: 20px;
  text-align: justify;
  float: left;
  color: white;
  
}

#pub1 a:link, #pub2 a:link, #pub1 a:visited, #pub2 a:visited{
  color: white;
  text-decoration: none;
}

#pub1 a:hover, #pub2 a:hover
{
  text-decoration: underline;
}

#pub1 {
  margin-right: 5px;
}


/**** MENU   ****/

#menu {
	margin-left: 9px;
	position: relative:
	z-index: 10;
	
	width:969px; 
  height:30px; 
  padding-top:2px; 
  *padding-left:0; *margin-left:0; 
  display:table; 
  background:url(img/bg_menu.gif) top right;
	
}

#menu ul {
  display: none;
  position: absolute;
  z-index: 100;
  left: 0;
}

#menu ul li{
  float: none;
}

#menu ul li a:link, #menu ul li a:visited{
  text-transform: none;
  font-size: 9px;
}

#menu li {
	float: left;
	/*width: 139px;
	*/
	width: 164px;
	position: relative;
	*margin-top: -2px;
}

#menu li.first, #menu li.last {
	width: 136px;
}

#menu li a:link, #menu li a:visited {
	text-transform: uppercase;
	color: #acca57;
	background: url(../img/bg_menu.gif) top right no-repeat;
  /height:1%;
	display: block;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
	height: 10px;
	text-decoration: none;
}

#menu li.first a:link, #menu li.first a:visited
{
	background-image: url(../img/bg_first_menu.gif);
  /height:1%;
}

#menu li.last a:link, #menu li.last a:visited
{
	background-image: url(../img/bg_last_menu.gif);
  /height:1%;
	background-position: -3px 0;
}

#global #menu li.last a:hover, #global #menu li.last a.selected {
  background-position: -3px -34px;
}

#menu li a:hover, #global #menu li a.selected {
	background-position: right -34px;
	color: white;
}

/*** carousel ****/
.carousel_before
{
  position: absolute;
  left: 0px;
  top: 0px;
}

.carousel_next
{
  position: absolute;
  right: 5px;
  top: 0px;
}

.util {
  color: #acca57;
  text-align: left;
  padding-left: 40px;
  background: #e4e0dd;
  font-weight: bold;
  position: relative;
  z-index: 1;
  height: 15px;
  margin-right:1px;
  padding: 5px 40pt 13px 40px;
}

.util a:link, .util a:visited {
  text-decoration: none;
  color: #b6b6b6;
} 

.util a:hover, #global .util a.selected {
  text-decoration:  underline;
  color: #acca57;
  
  }

#carousel {
  margin-left: 0;
  width: 636px;
  overflow: hidden;
}

.debord {
  width: 630px;
  overflow: hidden;
}


#thirdCarousel .bottom .img {
  float: left; 
  margin-right: 10px; 
  margin-bottom: 5px;
}

#thirdCarousel img {
  border: 1px solid #acca57;
}

#thirdCarousel .ensavoirplus{
  text-align: right;
  background: #F7F7F7;
  padding-top: 15px;
	padding-bottom: 10px;
}

#thirdCarousel h1,
#anArticle h1 {
	font-size: 22px;
	color: #acca57;
	text-align: left;
	padding-bottom: 10px;
}

#thirdCarousel .chapo, #thirdCarousel a {
	color: #acca57;
}

#thirdSelect a {
  padding: 0 10px;
	height: 64px;
	width: 190px;
	text-decoration: none;
	color: #acca57;
	text-align: left;
	font-weight: bold;
	display: block;
	float: left;
}

#thirdSelect .img {
  float: left; 
  width: 80px; 
  
}

#art_2, #art_3 {display: none;}

#art_1, #art_2, #art_3 {
	padding: 0 15px 0 10px;
}

/*** ARTICLE 3 x 3 ****/

#aCarousel li {
  width: 192px;
  padding: 10px 10px 0;
  float: left;
  text-align: justify;
  border-right: 1px solid #aeaeb1;
}

#aCarousel p.ensavoirplus {
  text-align: right;
  margin-top: 15px;
} 

#aCarousel li p {
  text-align: justify;
	line-height: 13px;
}

#aCarousel .titre {
  color: #acca57;
  border-bottom: 1px dotted black; 
  padding: 5px 0;
  background: #F7F7F7;
  text-align: justify;
  font-weight: bold; 
  margin-bottom: 5px;
}

#aCarousel .titre a {
  color: #acca57;
}


#aCarousel {
  overflow: hidden;
  margin-top: 2px;
}




/*** thirdCarousel ****/
#thirdCarousel {
	margin-top: 2px;
}
#thirdCarousel p{
	text-align: justify;
}
#thirdCarousel img {
	border: 1px solid #acca57;
}

#thirdCarousel .readMore{
	display: none;
	color: black;
	text-align: justify;
}

#thirdCarousel .readMoreStr {
  color: black;
}

/************* Fil INFO ***************/
#fil_info
{
  padding: 20px;  
  width: 281px; 
  height: 249px; 
  background: url(../img/bg_fil-info.jpg) no-repeat
}

#fil_info ul
{
  height: 230px; overflow: auto;
}

#fil_info h1 {
  font-size: 22px; 
  color: white;
}

#fil_info ul li {
  border-bottom: 1px dotted white;
}

#fil_info ul li a:link, #fil_info ul li a:visited{
  display: block;
  color: white;
  padding: 5px 3px;
  height: 7px;
  font-size: 10px;
  text-decoration: none;
}


#global #fil_info ul li a span.time{
  text-decoration: none;
  font-weight: bold;
}
#fil_info ul li a:hover 
{

  background: white;
  padding: 5px 3px 4px;
  height: 8px;
  color: #acca57;

}
#fil_info ul li a:hover span{
  text-decoration: underline;
}

/*** LOGIN ****/

#login form {
  background: url(../img/deco_login.gif) 10px 50% no-repeat;
  /height:1%;
  padding: 10px 22px 0 40px;
  _padding: 5px 11px 0 40px;
}


#login label {
  float: left;
  font-weight: bold;
  text-align: right;
  width: 125px;
  margin: 4px 10px 0 0;
}

#login a {
  color: black;
}

#login p {
  padding-bottom: 6px;
}

.input {
  border: 1px solid #acca57;
  padding: 2px 5px;
  width: 103px;
}




/************* FOOTER *************/
#footer {
  font-size: 11px;  
}

#footer li h3 {
  font-weight: bold;
  margin: 10px 0 20px 10px;
  text-transform: uppercase;
}

#footer li a:link, #footer li a:visited  {
  color: black;
  text-decoration: none;
}

#footer li a:hover {
  text-decoration: underline;
}

#footer li {
  float: left;
  text-align: left;
  width: 175px;
  padding-left: 20px;
  _padding-left: 10px;
}

#footer .footer {
  background: url(../img/sep_footer.gif) 0 0 repeat-x;
  width: 967px;
}

#footer li.last{
  width: 3px;
  padding: 0;
}
#footer li li {
  background: url(../img/tik.gif) 0 2px no-repeat;
  padding-left: 10px;
  padding-bottom: 5px;
}



/************* pub ***********/
#pub_gauche {
  margin-top: 13px;
}


#pub_droite {
  padding-top: 13px;
}


#pub1 {
  margin-right: 10px;
}

.bloc {
  margin-bottom: 6px;
}



#ajouter_commentaires
{
  display: none;
  width: 435px;
  margin: auto;
  padding-bottom: 20px;
}

#ajouter_commentaires label{
  width: 120px;
  float: left;
  color:#acca57;
  font-weight: bold;
  padding-top: 5px;
  
}

#ajouter_commentaires p{
  margin: 5px 0 
}


#ajouter_commentaires .input{
  width: 300px;
}



#commentaires {
  padding-bottom: 20px;
  display: none;
}
.c_user {clear: both;}
.c_user a {
  color: black;
}

.intitule {
  font-size: 15px;
}
.date {color:#acca57;}
.post{color:#acca57; font-weight: bold; }

.avatar{
  float: left;
  width: 65px;
  height: 50px;
}

.commentaire {
  float: left;
  width: 550px;
  text-align: justify;
}

.commentCont {
  display: none;
  clear: both;
  padding: 10px 0;
  border-top: 1px dotted black;
}


/***** NAV ****/
#ariane {
  color: #392808;
  padding: 3px 17px 7px;
  font-weight: bold;
}

#ariane a {
  color: #392808;
}

#ariane .last {
  color: #acca57;
}

#rss {
     background: url(../img/rss.jpg) -2px 0 no-repeat;
     height: 51px;
     padding-top: 20px;
     padding-left: 15px;
     padding-right: 110px;
}
#rss a {
     color:  #acca57;
}

.titre_in_page{
               text-align: center;
}

.changePage img
{
  text-decoration: none;
/*
  text-indent: -5000px;
  display: block;
  float: left;
  width: 11px;
  height: 11px;
  cursor: pointer;
  background:red url(../img/button.png);
  */
}

.posted {
        color:#acca57;
        text-align: right;
}