body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	/* background: #333333; */
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url(../img/bck.gif);
	background-repeat: repeat;
}

.floatright {
float: right;
}

.fond_de_page {
    background-color: #e6101c;
  }

.col_droite {
	background: #eeeeee; /* e8e5c8 */
	margin: 0;
	padding: 0;
	border: 0;
	/* background: url(../img/bck.gif); */
}
.col_centre {
	background: #eeeeee;
	margin: 0;
	padding: 0;
	border: 0;
	/* background: url(../img/bck.gif); */
}
.sep_colonne_droite {
	background: #eeeeee;
	margin: 0;
	padding: 0;
	border: 0;
	/* background: url(../img/bck.gif); */
}


.lien_favoris {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #3d107b;
	text-decoration: none;
  }
.lien_favoris:hover {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #3d107b;
	text-decoration: underline;
  }
.lien_accueil {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color: #ffffff;
	text-decoration: none;
  }
.lien_accueil:hover {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color: #ffffff;
	text-decoration: underline;
  } 
.lien_sousmenu {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #000000;
	text-decoration: none;
  }
 .lien_sousmenu:hover {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
	text-decoration: none;
  }

.menu_space {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #ffffff;
	text-decoration: none;
  }  
.date {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #ffffff;
  }
.lien_dateheure {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #ffffff;
	text-decoration: none;
  }
.lien_dateheure:hover {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #ffffff;
	text-decoration: underline;
  }
.lien_texte {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
  }
.texte {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #00427c;
  }
.texte9 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
    color: #00427c;
  }
.texte9black {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
    color: #000;
  }
.onglet_titre {
    padding-left: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #ffffff;
  }
.sans_onglet_titre {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #3d107b;
  }
.bord_gauche {
    background-color: #eeeeee;
    border-left: 1px solid #eeeeee;
	/* background: url(./img/bg.gif) */
  }
.bord_droit {
    background-color: #eeeeee;
    border-right: 1px solid #eeeeee;
	/* background: url(./img/bl.gif); */
  }
.bord_gauche_droit {
	height: 20px;
    background-color: #ffffff;
    border-left: 1px solid #818181;
	border-right: 1px solid #818181;
	
  }
.bloc_cadre {
    border: 1px solid #818181;
	background: url(../img/bck_cel_pale.jpg) repeat-x;
	/* background: url(../img/bck_bloc3.gif) */
  }
.bloc_basdepage {
	height: 20px;
    background-color: #1f0a3c;
    border: 1px solid #ffffff;
	/* background: url(../img/bck_basdepage.gif); */
  }
.bloc_fonce {
	height: 20px;
    background-color: #8d9157;
    border: 1px solid #ffffff;
  }
.bloc_col_droite_onglet {
    height: 23px;
    border: 0px solid #fff;
	background: url(../img/petit_onglet.gif);
  }
.bloc_col_droite {
    border-top: 0px solid #fff;
	border-bottom: 1px solid #818181;
	border-left: 1px solid #818181;
	border-right: 1px solid #818181;
	background-color: #ffffff;
  }
.bloc_trans {
	height: 25px;
    border: 1px solid #999683;
	/* background: url(../img/bck_menu_haut4.jpg); */
	background-color: #280b51;
  }
.bck_haut {
    background-color: #ffffff;
    border-left: 0px solid #818181;
	border-right: 0px solid #818181;
	background: url(./img/bck_sous_logo.gif)
  }
.over a {
	display: block;
	width: 100%;
	text-decoration: none;
	border: 0px solid #000;
}
.over a:hover {
	display: block;
	width: 100%;
	text-decoration: none;
	background: #e6e7e8;
	border: 1px solid #000;
}
 
 
 
.texte_aujourdhui {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: bold;
    color: #636363;
  }
 
 
 
/* ################## Boutons ###################### */ 
 
 
.bouton { /* style des onglets inactifs */
  height:15px;
  width:150px;
  text-align:center;
  border-left:solid 1px #818181; /* encadrement */
  border-top:solid 1px #818181; /* encadrement */
  border-right:solid 1px #3d107b; /* encadrement */
  border-bottom:solid 1px #3d107b; /* encadrement */
  color: #000000;
  margin:0px 0px 0px 0px; /* marge extérieure */
  padding:0px 0px 0px 0px; /* marge intérieure */
  background: url(../img/bck_bouton1.gif) center;
}
.bouton:hover { /* style des onglets inactifs */
  height:15px;
  width:150px;
  text-align:center;
  border-left:solid 1px #6d6d6d; /* encadrement */
  border-top:solid 1px #6d6d6d; /* encadrement */
  border-right:solid 1px #000000; /* encadrement */
  border-bottom:solid 1px #000000; /* encadrement */
  color: #000000;
  margin:0px 0px 0px 0px; /* marge extérieure */
  padding:0px 0px 0px 0px; /* marge intérieure */
  background: url(../img/bck_bouton1.gif) center;
}
a.bouton { /* style des liens se trouvant dans un onglet inactif */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #3d107b;
  font-weight: bold;
  text-decoration: none; /* les liens ne sont pas soulignés */
}
a.bouton:hover { /* style des liens se trouvant dans un onglet inactif */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #ff0000;
  font-weight: bold;
  text-decoration: none; /* les liens ne sont pas soulignés */
}
.bouton140 { /* style des onglets inactifs */
  height:15px;
  width:140px;
  text-align:center;
  border-left:solid 1px #818181; /* encadrement */
  border-top:solid 1px #818181; /* encadrement */
  border-right:solid 1px #3d107b; /* encadrement */
  border-bottom:solid 1px #3d107b; /* encadrement */
  color: #000000;
  margin:0px 0px 0px 0px; /* marge extérieure */
  padding:0px 0px 0px 0px; /* marge intérieure */
  background: url(../img/bck_bouton1.gif) center;
}
.bouton140:hover { /* style des onglets inactifs */
  height:15px;
  width:140px;
  text-align:center;
  border-left:solid 1px #6d6d6d; /* encadrement */
  border-top:solid 1px #6d6d6d; /* encadrement */
  border-right:solid 1px #000000; /* encadrement */
  border-bottom:solid 1px #000000; /* encadrement */
  color: #000000;
  margin:0px 0px 0px 0px; /* marge extérieure */
  padding:0px 0px 0px 0px; /* marge intérieure */
  background: url(../img/bck_bouton1.gif) center;
}
a.bouton140 { /* style des liens se trouvant dans un onglet inactif */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #3d107b;
  font-weight: bold;
  text-decoration: none; /* les liens ne sont pas soulignés */
}
a.bouton140:hover { /* style des liens se trouvant dans un onglet inactif */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #ff0000;
  font-weight: bold;
  text-decoration: none; /* les liens ne sont pas soulignés */
}
 
 
.texte_circulation {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #333333;
	text-decoration: none;
  }
  
  
 
 
/* ################## Fontes variables ###################### */
.description_chroniques {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: italic;
    color: #6c6c6c;
  }
.article_date {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #000;
  }
.article_titre {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-weight: bold;
    color: #3d107b;
  }
.article_titre_petit {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color: #000;
  }
.article_resume {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #333333;
  }
.article_texte {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #333333;
  }
.article_auteur {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
    color: #000;
	text-decoration: none;
  }
.article_auteur:hover {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
    color: #3d107b;
	text-decoration: underline;
  }
.article_lasuite {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #3d107b;
	text-decoration: none;
  }
.article_lasuite:hover {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #3d107b;
	text-decoration: underline;
  } 
.lien_article {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #333333;
	text-decoration: none;
  }
.lien_article:hover {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #3d107b;
	text-decoration: none;
  }
.lien_full_article {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color: #3d107b;
	text-decoration: none;
  }
.lien_full_article:hover {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color: #3d107b; /* 464646 */
	text-decoration: underline;
  }
.lien_vers_section {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #ff0000;
	text-decoration: none;
  }
.lien_vers_section:hover {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #000;
	text-decoration: underline;
  }
.LS {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #333333;
	text-decoration: none;
  }
.LS:hover {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #3d107b;
	text-decoration: none;
  }
  
  
 /* ***************** Bas de vignette ******************** */ 
.imgLabel {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
	text-align: left;
    color: #818181;
  }
  
  
/* ***************** Ticker ******************** */
#memoryticker {
  font: normal 9pt Verdana;
  color: #fff;
  border: 0px solid black;
  padding: 1px;
}
.ticker_tab {
	height: 50px;
    background-color: #696969;
    border: 0px solid #ffffff;
	background: url(../img/bck_ticker.jpg);
  }
.ticker {
	font-size: 9pt;
	font-weight: normal;
	color: #cccccc;
	font-family: Verdana, Arial, Tahoma, verdana, sans serif;
	text-decoration: none;
}
.ticker:hover {
	font-size: 9pt;
	font-weight: normal;
	color: #eeeeee;
	font-family: Verdana, Arial, Tahoma, verdana, sans serif;
	text-decoration: none;
}
.tickerover {
	font-family: Verdana, Arial, Tahoma, verdana, sans serif;
	font-size: 9pt;
	font-weight: bold;
	color: #eeeeee;
	text-decoration: none;
}
.tickerover:hover {
	font-family: Verdana, Arial, Tahoma, verdana, sans serif;
	font-size: 9pt;
	font-weight: bold;
	color: #fe0000;
	text-decoration: underline;
}
.time {
  font-weight: normal;
  font-size: 9pt;
  color: #ffffff;
  font-family: Verdana, Arial, tahoma, sans-serif;
  text-decoration: none
}
.weather {
	font-family: Verdana, Tahoma, arial, sans serif;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
/* ***************** /Ticker ******************** */

/* **************** Summumgirl ******************* */
.container {
	position: relative;
	width:940px;
	background-color:#FFFFFF;
	margin: 0 auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
}	

#left {
	margin-top: 7px;
	margin-left: 4px;
	width: 462px;
	float: left;
}

#left_abonnement {
	margin-top: 7px;
	margin-left: 4px;
	width: 770px;
	float: left;
}


#right {
	margin-top: 7px;
	margin-right: 4px;
	width: 160px;
	float: right;
}	


#center {
	padding-top: 7px;
	background-color:#FFFFFF;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 471px;
}

	

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#filets_GD table{
    border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}

#footer {
    clear: both;
	width: 940px;
	
	}

#footer a {
	color: #FFFFFF;
	text-decoration: none;	
	}	


#footerGeneral {
    width: 940px;
	height: 155px;
	margin: 0px;
}

.lienBasdePage {
	text-decoration: none;
	font: 10px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #ffffff;
}
.lienBasdePage:hover {
	font: 10px Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
	color: #ffffff;
}
    	
#PubLeft {
	width: 462px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*****CSS page maginteractif ****/

.wrapper {
	position:relative;
	width:940px;
	background-color:#FFFFFF;
	margin: 0 auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
}	

#container_left {
	margin-top: 7px;
	margin-left: 4px;
	width: 768px;
	float: left;
}


#container_right {
	margin-top: 7px;
	margin-right: 4px;
	width: 160px;
	float: right;
}	


#colonne_gauche {
	background-color:#FFFFFF;
	margin-left: 0px;
	width: 300px;
	float: left;
}

#colonne_droite {
	background-color:#FFFFFF;
	width: 464px;
	margin-left: 304px;
	
}

	


#interactif_entete {
	width: 464px;
	height: 77px;
	margin-top: 0px;	
}

#interactif_intro {
	width: 444px;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	clear: right;
	line-height: 14px;
}

#texte_rouge {
	color: #FF0000;
	text-decoration: none;
}


#interactif_abonnement {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-top: 5px;		
}



#separateur {
	background-color: #FFFFFF;
	height: 4px;
}

#bande_titre {
	background-color: #e6101c;
	font-weight: bold;
	vertical-align: middle;
	height: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

#liste_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	list-style-type: square;
	line-height: 20px;
	text-decoration: none;
}

#liste_fondgris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	list-style-type: square;
	line-height: 20px;
	text-decoration: none;
	width: 290px;
	background-color: #EEEEEE;
}

#banner_768 {
	width: 768px;
	background-color: #CCCCCC;
	background-position: top;
}

#qr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	list-style-type: square;
	text-decoration: none;
	width: 758px;
	background-color: #EEEEEE;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

#qr_title {
	background-color: #EEEEEE;
	width: 763px;
	font-weight: bold;
	vertical-align: middle;
	height: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

#qr_liste {
	height: 43px;
	vertical-align: middle;
	font-weight: bold;
	color: #333333;
	padding-right: 5px;
	margin-bottom: 5px;
	line-height: 43px;
}

#qr_image {
	height: 43px;
	width: 87px;
	font-weight: bold;
	color: #333333;
	padding-right: 5px;
	margin-bottom: 5px;
	float: left;
}

#interactif_user {
	width: 748px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	clear: right;
	line-height: 14px;
}