/************************************
GENERIQUE
*************************************/

* {
	margin : 0;
	padding : 0
}

body {
	font-size : 12px;
	font-family : Arial;
	line-height : 17px;
	color : #2c2829;
	background-color : #e6e7e8;
	background-position : center top;
	background-repeat : no-repeat;
	background-attachment : fixed
}

a img {
	border : 0;
}

/************************************
HABILLAGE
*************************************/

#habillage_gauche, #habillage_droite {
	position : fixed;
	left : 50%;
	z-index : 10;
	width : 150px;
	height : 100%;
	margin : 0 0 0 -640px;
}

#habillage_droite {
	margin : 0 0 0 490px;
}

/************************************
SQUELETTE
*************************************/

#global {
	width : 980px;
	left : 50%;
	position : absolute;
	margin : 0 0 0 -490px;
	text-align : left;
}

/************************************
HEADER
*************************************/

#header {
	width : 980px;
	height : 200px;
	float : left;
	background : #000;
}

#header #logo {
	float : left;
	width : 203px;
	height : 100px;
	margin : 50px 20px 35px 15px;
}

#header #TLbanner {
	width : 728px;
	height : 90px;
	float : left;
	position : absolute;
	z-index : 20;
	margin : 15px 0 0 240px;
	overflow : hidden;
}

#header #menu_top {
	float : left;
	width : 410px;
	margin : 140px 0 0 0
}

#header #menu_top ul li {
	list-style : none;
	float : left;
	font-size : 17px;
	font-family : "DejaVuSansCondensedOblique";
	text-transform : uppercase;
}

#header #menu_top ul li a {
	color : #FFF;
	text-decoration : none;
	margin : 0 14px;
	padding : 3px 0;
	float : left;
}

#header #menu_top ul li a:hover {
	color : #AAA;
}

#header #social {
	float : left;
	margin : 140px 8px 0 0
}

#header #social a {
	float : left;
	margin : 0 1px;
}

#header #recherche {
	width : 226px;
	height : 21px;
	float : left;
	margin : 137px 0 0 0;
	background : url(../images/bg_recherche.png) no-repeat;
}

#header #recherche .inputForm {
	width : 176px;
	height : 21px;
	float : left;
	border : 0;
	margin : 0 0 0 15px;
	background : none;
	color : #999999;
	font-size : 12px;
}

#header #recherche #btn_recherche {
	width : 30px;
	height : 21px;
	float : right;
	border : 0;
	background : url(../images/btn_recherche.png);
}

/************************************
MENU
*************************************/

#menu {
	width : 980px;
	height : 42px;
	float : left;
	background : url(../images/bg_menu.png) repeat-x;
}

#menu ul li {
	list-style : none;
	float : left;
	font-size : 15px;
	font-family : "DejaVuSansCondensedOblique";
}

#menu ul li a {
	color : #000;
	text-decoration : none;
	padding : 8px 24px;
	float : left;
}

#menu ul li.current a, #menu ul li a:hover {
	background : url(../images/bg_menu_current.png) repeat-x;
	color : #FFF;
}

#menu ul li .sousmenu {
	position : absolute;
	margin : 33px 0 0 0;
	background : #FFF;
	padding : 10px 0;
	display : none;
}

#menu ul li .sousmenu ul {
	float : left;
}

#menu ul li .sousmenu ul li {
	list-style : none;
	float : none;
	font-size : 12px;
}

#menu ul li .sousmenu ul li a, #menu ul li.current .sousmenu ul li a {
	float : none;
	background : none;
	color : #000
}

#menu ul li .sousmenu ul li a:hover {
	background : none;
	color : #AAA;
}

/************************************
PAGE
*************************************/

#page {
	width : 980px;
	float : left;
	background : #FFF;
}

/************************************
SPECIAL
*************************************/

#special {
	width : 980px;
	height : 350px;
	float : left;
	background : #ebebec
}

#special #actualite {
	width : 658px;
	height : 330px;
	float : left;
	background : #000;
	margin : 10px 10px 0 10px
}

#special #actualite #principal, #special #actualite #principal .element, #special #actualite #principal .image {
	width : 468px;
	height : 330px;
	float : left;
}

#special #actualite #principal .element .titre {
	width : 438px;
	height : 44px;
	position : absolute;
	background : url(../images/bg_titre_actualite_home_large.png) repeat-x;
	color : #FFF;
	font-size : 20px;
	font-family : "DejaVuSansCondensed";
	padding : 8px 15px 12px;
	margin : 266px 0 0 0;
	line-height : 22px;
}

#special #actualite #principal .element .titre a {
	color : #FFF;
	text-decoration : none;
}

#special #actualite #secondaire {
	width : 170px;
	height : 320px;
	float : left;
	margin : 10px;
}

#special #actualite #secondaire .element {
	width : 170px;
	height : 150px;
	margin : 0 0 10px;
	float : left;
}

#special #actualite #secondaire .element .titre {
	width : 160px;
	height : 25px;
	position : absolute;
	background : url(../images/bg_titre_actualite_home_small.png) repeat-x;
	color : #FFF;
	font-size : 10px;
	font-family : "DejaVuSansCondensed";
	padding : 3px 5px;
	margin : -31px 0 0 0;
	line-height : 12px;
}

#special #actualite #secondaire .element .titre a {
	color : #FFF;
	text-decoration : none;
}

#special #acces  {
	float : left;
}

#special #acces #logo  {
	margin : 10px 0 15px 0
}

#special #acces #suite  {
	margin : 0 0 0 4px;
}

/************************************
CONTENU
*************************************/

#contenu {
	width : 638px;
	float : left;
	margin : 15px;
}

#contenu #ariane {
	width : 638px;
	float : left;
	margin : 0 0 15px 0
}

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

#contenu #ariane a:hover {
	color : #e21a22
}

#contenu h1 {
	color : #000;
	font-weight : normal;
	font-size : 25px;
	line-height : 24px;
	font-family : "DejaVuSansCondensedOblique";
}

#contenu h1.titre_article {
	font-family : "DejaVuSansCondensed";
}

#contenu #tri {
	width : 638px;
	height : 29px;
	background : url(../images/bg_tri_actualite.png) repeat-x;
	margin : 15px 0 0 0
}

#contenu #tri ul li {
	float : left;
	list-style : none;
	font-size : 13px;
	font-family : "DejaVuSansCondensedOblique";
}

#contenu #tri ul li a {
	text-decoration : none;
	color : #000;
	padding : 6px 10px;
	float : left;
}

#contenu #tri ul li a:hover, #contenu #tri ul li.current a {
	background : url(../images/bg_tri_actualite_current.png) repeat-x;
	color : #FFF
}

#contenu #type_recherche {
	width : 638px;
	float : left;
	margin : 15px 0 0 0
}

#contenu #type_recherche .liste {
	margin : 15px 0 0 0;
	float : left;
	width : 638px;
}

#contenu #type_recherche .liste .element {
	float : left;
	clear : left;
	width : 638px;
	list-style:circle;
	list-style-type:circle;
	list-style-position:outside;
}

#contenu #type_recherche .liste .element .titre {
	margin : 0 0 5px;
}

#contenu #type_recherche .liste .element .texte {
	margin : 0 0 10px;
}

#contenu #type_recherche .liste .element a {
	padding : 4px 0;
	float : left;
	clear : left;
	color : #2c2829;
	text-decoration : none;
}

#contenu #type_recherche .liste .element a:hover {
	color : #999;
}

#contenu .liste {
	width : 638px;
	float : left;
	margin : 15px 0 0 0
}

#contenu #liste_rubrique ul li{
	list-style:circle;
	list-style-type:circle;
	list-style-position:outside;
	margin : 0 0 0 10px;
}

#contenu #liste_rubrique ul li a {
	color : #2c2829;
	text-decoration : none;
}

#contenu #liste_rubrique ul li a:hover {
	color : #999;
}

#contenu .element {
	width : 638px;
	float : left;
}

#contenu .galerie .element {
	width : 170px;
	height : 190px;
	margin : 0 30px 30px 0;
	background : #EEE;
	padding : 5px;
}

#contenu .galerie .element.une {
	width : 150px;
	height : 188px;
}

#contenu .galerie .element.video {
	width : 170px;
	height : 228px;
}

#contenu .element .date, #contenu .element .auteur {
	float : left;
	color : #999;
	font-size : 11px;
	margin : 5px 0 0 0
}

#contenu .element .image {
	width : 170px;
	float : left;
	margin : 0 15px 0 0
}

#contenu .element.une .image {
	width : 150px;
}

#contenu .article .element .image {
	width : 638px;
	margin : 15px 0 0 0;
	float : left;
}

#contenu .element .information {
	width : 453px;
	float : left;
}

#contenu .galerie .element .information {
	width : 170px;
}

#contenu .galerie .element.une .information {
	width : 150px;
}

#contenu .article .element .information {
	width : 638px;
	height : auto;
}

#contenu .element .information h2, #contenu #type_recherche h2 {
	width : 100%;
	color : #000;
	font-weight : normal;
	font-size : 20px;
	font-family : "DejaVuSansCondensedOblique";
	float : left;
	line-height : 22px;
	margin : 0;
}

#contenu .element .information h2 {
	font-family : "DejaVuSansCondensed";
}

#contenu .element .information h2 a {
	color : #000;
	text-decoration : none;
}

#contenu .element .information h2 a:hover {
	color : #999;
}

#contenu .element .information .texte {
	width : 100%;
	float : left;
	margin : 15px 0 0 0
}

#contenu .element .information .texte p {
	margin : 0 0 15px;
}

#contenu .element .information .texte a {
	color : #e21a22;
	text-decoration : none
}

#contenu .element .information .texte table {
	border-collapse : collapse;
	width : 638px;
	margin : 0 0 15px
}

#contenu .element .information .texte table tr td {
	font-size : 12px;
	padding : 2px 0;
	width : 200px;
	text-align : left;
}

#contenu .element .information .titre_album {
	width : 100%;
	float : left;
	margin : 5px 0 0 0;
	text-align : center;
}

#contenu .element .information .titre_album a {
	color : #2c2829;
	text-decoration : none;
}

#contenu .element .information .titre_album a:hover {
	color : #e21a22;
}

#contenu .element .information .partage {
	width : 353px;
	float : left;
}

#contenu .element .information .partage a, #contenu .element .information .partage iframe {
	float : left;
	margin : 0 5px 0 0
}

#contenu .article .element .information .partage {
	width : 598px;
	margin : 30px 0 0 0
}

#contenu .element .information .commentaire {
	width : 90px;
	float : right;
	margin : 3px 0 0 0
}

#contenu .element .information .commentaire span, #contenu .element .information .commentaire img {
	float : left;
	color : #666666
}

#contenu .element .information .commentaire span {
	margin : 1px 5px;
}

#contenu .element .formulaire, #contenu .element #liste_jeux, #contenu .element #jeu {
	margin : 15px 0 0 0
}


#contenu .element .formulaire #erreur {
	margin : 15px 0 0 0;
	color : #CC0000
}

#contenu .element .formulaire #confirmation {
	margin : 15px 0 0 0;
	color : #339900
}

#contenu .element .formulaire table {
	border-collapse : collapse;
	width : 638px;
	margin : 20px 0 0 0
}

#contenu .element .formulaire table tr td {
	color : #333;
	font-size : 12px;
}

#contenu .element .formulaire label {
	float : left;
	margin : 0 0 5px;
}

#contenu .element .formulaire .inputForm, #contenu .element .formulaire .selectForm {
	border : solid 1px #999;
	width : 200px;
	height : 26px;
	font-size : 12px;
	color : #666;
	float : left;
	clear : left;
	margin : 0 0 10px;
}

#contenu .element .formulaire .selectForm {
	padding : 3px 0
}

#contenu .element .formulaire p.radio {
	float : left;
	width : 80px;
}

#contenu .element .formulaire a.validation, #contenu .element .formulaire a.passe {
	color : #000;
	font-weight : normal;
	font-size : 14px;
	font-family : "DejaVuSansCondensedOblique";
	text-decoration : none;
	float : right;
	clear : right;
	margin : 0 120px 20px 0
}

#contenu .element .formulaire a.passe {
	font-size : 11px;
	font-family : Arial;
}

#contenu .element .formulaire a.validation:hover, #contenu .element .formulaire a.passe:hover {
	color : #999;
}

#contenu .element .formulaire a.validation img, #contenu .element .formulaire a.validation span {
	float : left;
}

#contenu .element .formulaire a.validation img {
	margin : 2px 0 0 5px
}

#contenu .element #liste_jeux .un_jeu {
	margin : 0 0 15px;
	float : left;
	clear : left;
}

#contenu .element #liste_jeux .un_jeu img {
	float : left;
}

#contenu .element #liste_jeux .un_jeu a {
	color : #e21a22;
	text-decoration : none;
	float : left;
	margin : 28px 0 0 10px;
}

#contenu .element #jeu table {
	border-collapse : collapse;
	width : 638px;
}

#contenu .element #jeu table tr td {
	padding : 5px 0;
	font-size : 12px;
}

#contenu .element #jeu #nom_ligue {
	color : #000;
	font-weight : normal;
	font-size : 14px;
	font-family : "DejaVuSansCondensedOblique";
	margin : 0 0 10px
}

#contenu .element #jeu #date_pronostic, #contenu .element #jeu #form_pronostic, #contenu .element #jeu #retour, #contenu .element #jeu #acces_classement {
	float : left;
	width : 638px;
	clear : left;
	margin : 10px 0 10px
}

#contenu .element #jeu #acces_classement a, #contenu .element #jeu #retour a {
	color : #2c2829;
}

#contenu .element #jeu #acces_classement a:hover, #contenu .element #jeu #retour a:hover {
	color : #999;
}

#contenu .separation {
	border-bottom : solid 1px #dcdbdb;
	width : 638px;
	float : left;
	margin : 15px 0
}

#contenu #pagination {
	float : right;
	margin : 30px 0 0 0;
	color : #e21a22;
}

#contenu #pagination a {
	color : #e21a22;
	text-decoration : none
}

#contenu #pagination a.precedent {
	padding : 0 0 0 20px;
	background : url(../images/btn_precedent.png) no-repeat center left;
}

#contenu #pagination a.suivant {
	padding : 0 20px 0 0;
	background : url(../images/btn_suivant.png) no-repeat center right;
}

#contenu #detail_commentaire {
	width : 638px;
	float : left;
	margin : 15px 0 0 0
}

#contenu #detail_commentaire h2 {
	width : 638px;
	color : #000;
	font-weight : normal;
	font-size : 20px;
	font-family : "DejaVuSansCondensedOblique";
	float : left;
}

#contenu #detail_commentaire #liste_commentaire {
	float : left;
	clear : left;
	margin : 15px 25px 15px;
	color : #58595b;
}

#contenu #detail_commentaire #liste_commentaire ul li{
	list-style:circle;
	list-style-type:circle;
	list-style-position:outside;
}

#contenu #detail_commentaire #liste_commentaire .un_commentaire{
	clear : left;
	border-bottom : solid 1px #d9d9d9;
	font-size : 12px;
	margin : 5px 0 0;
	padding : 0 0 5px;
	width : 595px
}

#contenu ##detail_commentaire #liste_commentaire .un_commentaire .date_commentaire{
	/*font-size : 9px;*/
	font-size : 11px;
	margin-bottom : 5px;
}

#contenu #detail_commentaire #liste_commentaire .un_commentaire .auteur_commentaire{
	color : #e21a22;
}

#contenu #detail_commentaire #liste_commentaire .un_commentaire .texte_commentaire{
	font-size : 11px;
}

#contenu #detail_commentaire #bloc_facebook {
	margin : 0 2px 2px;
	float : left;
	clear : left;
	width : 598px;
	background : #D8DFEA;
	padding : 35px 20px;
}

#contenu #detail_commentaire #bloc_facebook #erreur {
	margin : 0 0 15px 0;
	width : 598px;
	color : #CC0000
}

#contenu #detail_commentaire #bloc_facebook form {
	background : #f5f5f5;
	border : solid 1px #d5d5d5;
	padding : 10px;
	width : 568px;
	color:#000;
	font-size:11px;
}

#contenu #detail_commentaire #bloc_facebook form label {
	float : left;
	width : 100px;
	margin-bottom : 10px;
	margin-top : 3px;
	font-size : 12px;
}

#contenu #detail_commentaire #bloc_facebook form .inputForm {
	border : solid 1px #CCC;
	padding : 4px 3px 3px;
	font-size : 11px;
	color : #666;
	width : 250px;
	margin-bottom : 10px;
}

#contenu #detail_commentaire #bloc_facebook form textarea.inputForm {
	width : 458px;
	height : 100px;
	font-family : Arial;
}

#contenu #detail_commentaire #bloc_facebook #nom_utilisateur {
	font-size : 12px;
}

#contenu #detail_commentaire #bloc_facebook #nom_utilisateur img {
	margin-right : 5px;
}

#contenu #detail_commentaire #bloc_facebook #nom_utilisateur #bt_connexion_facebook {
	float : right;
	width : 94px;
	height : 22px;
}


#contenu #detail_commentaire #bloc_facebook #validation {
	margin-left : 173px;
	font-size : 12px;
	color : #666
}

#contenu #detail_commentaire #bloc_facebook #validation #publier_facebook {
	float : left;
	margin : 5px 5px 0 0 ;
}

#contenu #detail_commentaire #bloc_facebook #btn_facebook {
	width : 54px;
	height : 22px;
	background : url(../images/btn_publier.png);
	margin-left : 50px;
	border : 0;
	cursor : pointer;
}


/************************************
SIDEBAR
*************************************/

#sidebar {
	width : 302px;
	float : left;
	margin : 0 0 15px
}

#sidebar #autre_article, #sidebar #filinfo, #sidebar #dernier_commentaire, #sidebar #publicite {
	width : 302px;
	float : left;
	margin : 15px 0 15px 0;
}

#sidebar h2 {
	width : 302px;
	color : #000;
	font-weight : normal;
	font-size : 20px;
	font-family : "DejaVuSansCondensedOblique";
	float : left;
}

#sidebar .liste {
	width : 302px;
	float : left;
	margin : 15px 0 0 0
}

#sidebar .liste .element {
	width : 302px;
	float : left;
}

#sidebar .liste .element.cache, #sidebar .separation.cache {
	display : none
}

#sidebar .liste .element .heure {
	float : left;
	color : #e21a22;
	font-weight : bold;
	width : 35px;
}

#sidebar .liste .element .auteur {
	float : left;
	color : #e21a22;
	width : 35px;
}

#sidebar #dernier_commentaire .liste .element .auteur {
	width : auto;
}

#sidebar .liste .element .titre {
	float : left;
	width : 222px;
	margin : 0 10px;
}

#sidebar #dernier_commentaire .liste .element .titre {
	width : auto;
}

#sidebar .liste .element .titre a {
	color : #2c2829;
	text-decoration : none;
}

#sidebar .liste .element .titre a:hover {
	color : #e21a22;
}

#sidebar .liste .element .suite {
	float : right;
	width : 
}

#sidebar .liste .separation {
	width : 302px;
	float : left;
	border-bottom : solid 1px #dcdbdb;
	margin : 5px 0
}

#sidebar .plus {
	float : left;
	width : 302px;
	margin : 5px 0 0 0
}

#sidebar .plus a {
	color : #2c2829;
	text-decoration : none;
}

#sidebar .plus a span, #sidebar .plus a img {
	float : left
}

#sidebar .plus a img {
	margin : 2px 0 0 5px
}

/************************************
FOOTER
*************************************/

#footer {
	width : 980px;
	float : left;
	background : #e6e7e8;
	font-size : 11px;
	color : #AAA
	text-align : left;
}

#footer #map {
	width : 980px;
	float : left;
}

#footer #map .colonne {
	float : left;
	margin : 0 34px;
}

#footer #map .colonne h4 {
	color : #000;
	text-align : center;
	font-weight : normal;
	font-size : 13px;
	font-family : "DejaVuSansCondensedOblique";
	float : left;
	margin : 15px 0 15px
}

#footer #map .colonne h4 a{
	color : #000;
	text-decoration : none;
}

#footer #map .colonne h4 a:hover {
	color : #AAA;
}

#footer #map .colonne ul li {
	list-style : none;
	margin : 0 0 4px;
}

#footer #map .colonne ul li a {
	text-decoration : none;
	color : #2c2829
}

#footer #map .colonne ul li a:hover {
	color : #999
}

#footer #partenaire {
	width : 960px;
	float : left;
	margin : 25px 0 15px 10px
}

#footer #partenaire #principal {
	float : left;
	width : 289px;
}

#footer #partenaire #secondaire {
	float : right;
	width : 671px;
	text-align : right;
}

#footer #partenaire #secondaire a {
	margin : 0 0 0 15px;
}

#footer #copyright {
	width : 960px;
	float : left;
	margin : 10px 0 0 0;
	color : #999
}

#footer #copyright a {
	color : #2c2829;
	text-decoration : none;
}

#footer #copyright a:hover {
	color : #999;
}

#footer #copyright #droits {
	float : left;
}

#footer #copyright #conception {
	float : right;
}