/* CSS Document */

#content {
width: 814px;
margin: auto;
}

body {
margin: auto;
padding-top: 0;
margin-top: 0;
background-image: url(images/background.jpg);
height: 1200px;
font-family: Arial, Helvetica, sans-serif !important;
/font-family: Arial, Helvetica, sans-serif, "Arial Black";
font-size: 20px;

scrollbar-highlight-color:#000000;
scrollbar-arrow-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-track-color:#000000;
scrollbar-3dlight-color:#000000;
/*scrollbar-face-color:#2f302f;*/
scrollbar-face-color:#646464;
scrollbar-darkshadow-color: #000000;
}


/* Debut du header */
#header {
width: 814px;
margin: auto;
margin-top: 0;
}

#menuHaut {
width: 814px;
height: 77px;
margin-left: 21px;
margin-top: -77px;
}

.right1 {
margin-left: 772px;
}

#animationFlash {
}

#barrePictosRecherche {
width: 814px;
height: 69px;
background-image:url(images/fondBarrePictosRecherche.jpg);
}

.right2 {
margin-left: 773px;
}

#pictos {
width: 407px;
height: 69px;
margin-top: -69px;
margin-left: 20px;
}

#imagetempicto {
margin-left: 20px;
}

#recherche {
width: 407px;
height: 69px;
margin-left: 386px;
margin-top: -69px;
}

#formulaire {
float: right;
height: 69px !important;
margin-right: 18px !important;
margin-top: -26px !important;
}

#champTexte {
border: 0;
height: 25px !important;
/height: 24px;
maxlength: 50;
background-image:url(images/fondRecherche.jpg);
margin-bottom: 25px !important;
/margin-top: 49px;
}

#bouton {
border: 0;
margin-bottom: 11px !important;
/margin-right: 1px;
/padding-bottom: 8px;
}

#rss {
border: 0;
/margin-bottom: 8px;
margin-top: 49px !important;
margin-left: 7px !important;
/margin-right: -15px;
}
/* Fin du header */

/* Debut du conteneur */
#conteneur {
width: 814px;
height: 712px;
margin: auto;
background-color:#000000;
overflow: hidden;
}

.right3 {
margin-left: 783px !important;
margin-left: 753px;
margin-top: -712px !important;
}

#blocMenuGaucheAccueil {
text-align: left;
vertical-align: top;
margin-left: 30px;
margin-top: -712px;
width: 269px;
height: 660px;
}

#blocMenuGauche {
text-align: left;
vertical-align: top;
margin-left: 30px;
margin-top: -704px;
width: 269px;
height: 660px;
}

#imageTitreDebat {
margin-left:10px !important;
margin-top: 10px !important;
/margin-left: 0px;
/margin-top: 0px;
}

.titreDebat {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 10pt !important;
font-weight:normal !important;
/font: bolder normal 10pt Arial, Helvetica, sans-serif;
color: #ff2700;
}

.dateDebat {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 10pt !important;
font-weight:normal !important;
/font: normal 10pt Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

.porteParole {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 8pt !important;
font-weight:normal !important;
/font: normal 8pt Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration:none;
}

.porteParole-noir {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 8pt !important;
font-weight:normal !important;
/font: normal 8pt Arial, Helvetica, sans-serif;
color: #000000;
}

#actuArchives {
text-align: left;
margin-left: 30px;
margin-top: -8px !important;
width: 269px;
}

#webTvRadio {
margin-left: 298px;
margin-top: -704px;
width: 485px;
}

#filDAriane {
margin-left: 298px;
margin-top: -706px !important;
width: 485px;
height: 44px;
background-image: url(images/fondAriane2.jpg);
background-repeat: no-repeat;
}

#blocHumourEtBlog {
margin-left: 298px;
width: 485px;
height: 440px !important;
/height: 445px;
overflow: hidden;
vertical-align:top;
}

.marge_Haut {
	margin-top: 10px !important;
	/margin-top: 15px;
}

#blocArticles {
margin-left: 298px;
width: 485px;
height:660px;
overflow: auto;
}

.texteHumour {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11pt !important;
font-weight:normal !important;
/font: normal 11pt Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

.nomHumour{
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11pt !important;
font-weight:normal !important;
/font: normal 11pt Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

.citation {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11pt !important;
font-weight:normal !important;
/font: normal 11pt Arial, Helvetica, sans-serif;
color: #FF0000;
}

.nomBlogs {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 9pt !important;
font-weight:normal !important;
/font: bolder normal 9pt Arial, Helvetica, sans-serif;
color: #ff2700;
text-decoration: none;
}
/* Fin du conteneur */

/* Debut footer */
#footer {
width: 814px;
margin: auto;
height: 80px;
background-image: url(images/footer2.jpg);
background-repeat: no-repeat;
}

.Menu_footer {
font-family: "BellGothic Blk BT", "BellGothic BT";
font-size: 12px;
color: #cccccc;
text-decoration:none;
padding-left: 370px !important;
/padding-left: 310px !important;
padding-top: 5px;
}

.Menu_footer a:link{
	font-family: "BellGothic Blk BT", "BellGothic BT";
	font-size: 12px;
	color: #cccccc;
	text-decoration:none;
}

.Menu_footer a:visited{
	font-family: "BellGothic Blk BT", "BellGothic BT";
	font-size: 12px;
	color: #cccccc;
	text-decoration:none;
}

.Menu_footer a:hover{
	font-family: "BellGothic Blk BT", "BellGothic BT";
	font-size: 12px;
	color: #cccccc;
	text-decoration: underline;
}
/* Fin footer */

/* STYLE Pour les  Articles             */
.sous-titre-article {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

.sous-titre-article-non-gras {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-variant: normal;
	text-decoration:none;
}

.sous-titre-article-noir {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

.titre-article-blanc {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style:normal
	font-weight: bold;
	font-variant: normal;
}

.titre-article-blanc-petit {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style:normal
	font-weight: bold;
	font-variant: normal;
}

.titre-article-noir {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style:normal
	font-weight: bold;
	font-variant: normal;
}

.texte-artcile {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11pt !important;
font-weight:normal !important;
/font: normal 11pt Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

/* styles en test ne pas supprimmer */
.article {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 10pt !important;
font-weight:normal !important;
/font: normal 10pt Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

.article strong {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 10pt !important;
font-weight:bold !important;
font-style: italic;
/font: bold italic 10pt Arial, Helvetica, sans-serif;
color: #ff2700;
}

.article_col1 {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 10pt !important;
font-weight:normal !important;
/font: normal 10pt Arial, Helvetica, sans-serif;
color: #FFFFFF;
} 

.article-lien {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 9pt !important;
font-weight:normal !important;
/font: bolder normal 9pt Arial, Helvetica, sans-serif;
color: #ff2700;
text-decoration: none;
text-transform: none;
}

.article-titre {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 10pt !important;
font-weight:normal !important;
/font: bolder normal 10pt Arial, Helvetica, sans-serif;
color: #ff2700;
}

.photots {
	border: 2px solid #FFFFFF;
}

/* Style pour le menu */
#decalageMenuClubHaut {
height:2px;
/margin-top: -21px;
}

.Menu {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11pt !important;
	font-weight:normal !important;
	/font: bolder normal 11pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-image: url(images/fondMenu.jpg);
	background-repeat: no-repeat;
	height: 35px;
}

.sousMenu {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 9pt !important;
	font-weight:normal !important;
	/font: bolder normal 9pt Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
	padding-left: 2px;
}

.sousMenu a {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 9pt !important;
	font-weight:normal !important;
	/font: bolder normal 9pt Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
	padding-left: 2px;
}

.sousMenu a:hover {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 9pt !important;
	font-weight:normal !important;
	/font: bolder normal 9pt Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	text-decoration:underline;
	padding-left: 2px;
}

.MenuSelectionner {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 9pt !important;
	font-weight:bold !important;
	background-image: url(images/fondMenuCourant.jpg);
	background-repeat: no-repeat;
	/font: bolder bold 9pt Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
	padding-left: 25px;
}

.MenuSelectionner a {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 9pt !important;
	font-weight:bold !important;
	/font: bolder bold 9pt Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
}

.MenuSelectionner a:hover {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 9pt !important;
	font-weight:bold !important;
	/font: bolder bold 9pt Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
}

.MenuAutre {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11pt !important;
	font-weight:normal !important;
	/font: bolder normal 11pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-image: url(images/fondMenuAutre.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	height: 45px;
}

.MenuAutre a {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11pt !important;
	font-weight:normal !important;
	/font: bolder normal 11pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none; 
}

.MenuAutre a:hover {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11pt !important;
	font-weight:normal !important;
	/font: bolder normal 11pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}

.Contenu_Article {
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight:normal !important;
	/font-family: Arial, Helvetica, sans-serif, "Arial Black";
	font-size: 14px;
	color: #ffffff;
	text-align:justify;
}

.Contenu_Article a {
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight:normal !important;
	/font-family: Arial, Helvetica, sans-serif, "Arial Black";
	font-size: 14px;
	color: #cc3300;
}

/* Fil d'Ariane */
.filAriane_Article {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif !important;
	font-weight:bold !important;
	/font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	background-image: url(images/fondFilArianeImage.jpg);
}

.ariane {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
}

.champ_texte {
	background-image: url(images/fondChampTexte.jpg);
	margin-left: 4px; 
	border:none;
	}