@charset "utf-8";

/* CSS Document */





    body  {

	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */

	padding: 0;

	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */

	color: #000000;

	background-color: #CCCCCC;

	font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;

	font-size: 80%;

	line-height: 1.5;

	background-image: url(../layout/main_BG.gif);

	background-repeat: repeat-y;

	background-position: center top;

    }

     #container {

	width: 950px;

	text-align: left;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #000000;

	border-left-color: #000000;

	padding: 0px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	background-image: url(../layout/bg_index.gif);

	background-repeat: repeat-y;

	background-position: left;

    } 

.pad5 {

	padding: 5px;

}

#bloc_videos {

	background-color: #000000;

	width: 290px;

	color: #FFFFFF;

	padding-right: 5px;

	padding-left: 5px;

}

#niveau3 {

	background-color: #000000;

	height: 380px;

	padding-right: 5px;

	padding-left: 5px;

	overflow: auto;

	width: 290px;

}

.vert11px {

	font-size: 11px;

	font-weight: bold;

	color: #99FF00;

}

#rub2 {

	font-size: 9px;

	font-weight: bold;

	color: #000000;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #000000;

	text-transform: uppercase;

}

     #header {

	padding: 0;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */

	margin: 0;

	height: 508px;

	background-color: #000000;

    } 

     #sidebar1 {

	float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */

	width: 200px; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */

	padding: 0;

    }

     #mainContent {

	margin-top: 0;

	margin-right: 200px;

	margin-bottom: 0;

	margin-left: 0;

	padding: 0;

    } 

     #footer {

	padding: 0;

	color: #FFFFFF;

	background-color: #000000;

    } 

     #footer p {

	margin: 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */

	font-size: 10px;

	font-weight: bold;

	color: #FFFFFF;

	padding: 5px;

    }

    .fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */

    	float: right;

    	margin-left: 8px;

    }

    .fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */

	float: left;

	margin-right: 4px;

	margin-top: 4px;

    }

	

	.fltlft2 { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */

	float: left;

	margin-right: 4px;

    }

	

a.lien1:link {

	font-size: 11px;

	color: #CCCC00;

	text-decoration: none;

}

a.lien1:hover {

	font-size: 11px;

	color: #CCFF00;

	text-decoration: underline;

}

a.lien1:visited {

	font-size: 11px;

	color: #CCCC00;

}

a.lien2:link {

	font-size: 11px;

	color: #333333;

	text-decoration: none;

}

a.lien2:hover {

	font-size: 11px;

	color: #000000;

	text-decoration: underline;

}

a.lien2:visited {

	font-size: 11px;

	color: #666666;

}

a.sport:link {

	font-size: 11px;

	color: #003300;

	text-decoration: none;

	text-transform: uppercase;

}

a.sport:hover {

	font-size: 11px;

	color: #000000;

	text-decoration: underline;

	text-transform: uppercase;

}

a.sport:visited {

	font-size: 11px;

	color: #666666;

	text-transform: uppercase;

}

a.web:link {

	font-size: 10px;

	color: #FFFFFF;

	text-decoration: none;

	font-weight: bold;

}

h1 {

	font-size: 24px;

	margin: 0;

}

h4 {

	font-size: 12px;

}

a.web:hover {

	font-size: 10px;

	color: #FFFFFF;

	text-decoration: underline;

	font-weight: bold;

}

a.web:visited {

	font-size: 10px;

	color: #FFFFFF;

	text-decoration: none;

	font-weight: bold;

}















    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */

    	clear:both;

        height:0;

        font-size: 1px;

        line-height: 0px;

    }

#bloc_actu0 {

	padding: 0px;

}

#bloc_actu1 {

	margin-right: 300px;

	padding: 0;

}

#art1 {

	padding-right: 5px;

	padding-left: 5px;

	background-color: #141414;

	padding-bottom: 20px;

        width: 440px;

}

#art2 {

	padding-right: 5px;

	padding-left: 5px;

	padding-top: 20px;

	padding-bottom: 20px;

        width: 440px;

}

#titre1 {

	font-size: 16px;

	margin: 0;

	color: #cccc00;

	text-transform: uppercase;

}

.titre2 {

	font-size: 12px;

	margin: 0px;

	padding: 0px;

}

#bloc_actu2 {

	background-color: #000000;

	float: right;

	width: 300px;

	margin: 0;

	padding: 0;

}

.rub9pxv {

	font-size: 9px;

	font-weight: bold;

	color: #006600;

}

.rub10pxj {

	font-size: 10px;

	font-weight: bold;

	color: #FFFF33;

}

#fil {

	height: 240px;

	color: #FFFFFF;

	overflow: auto;

	padding-right: 2px;

	padding-left: 2px;

}

#apt972 {

	border-top-width: thin;

	border-top-style: solid;

	border-top-color: #000000;

}

.list_art {

	background-color: #FFFFFF;

	padding: 20px;

	border: 1px dotted #666666;

	width: 600px;

}

a:link {

	color: #003300;

	text-decoration: none;

	font-weight: bold;

}

a:visited {

	color: #003300;

	text-decoration: none;

	font-weight: bold;

}

a:hover {

	color: #006600;

	text-decoration: underline;

	font-weight: bold;

}

a:active {

	text-decoration: none;

	color: #CCCCCC;

	font-weight: bold;

}