td {
	text-align: left;
	font-family:tahoma;
	font-size:11px;
	color:#555555;
	line-height:14px;
}

a {text-decoration:underline;
   color:#295D82;}
  
body {	margin:0px;padding:0px;}

ul {margin:0; padding:0; list-style:none}
li {background:url(images/a.gif) center left no-repeat; margin:0 0 0 0px; padding:0 0 0 12px; line-height:23px }



.head span { font-size:9px; font-weight:bold}
.copy { color:#FFFFFF}
.programs span strong { text-transform:uppercase}

.category li {background:url(images/a2.gif) center left no-repeat; margin:0 0 0 0px; padding:0 0 0 23px; line-height:20px }
.category li a { color:#FFFFFF; text-decoration:none}
.category li a:hover {text-decoration:underline}
.category a { color:#FFFFFF; text-decoration:none}
.category a:hover {text-decoration:underline}
.category strong { color:#52BCFF}
.category span a {text-decoration:underline}
.category span a:hover {text-decoration:none}

.sport span strong { color:#FFFFFF; text-transform:uppercase; font-size:11px;}
.sport span { font-size:12px; font-weight:bold}
.sport strong { text-transform:uppercase; color:#FFFFFF}

.read a { color:#555555}
.read strong { color:#4E7D95}

.m { vertical-align:middle}

.form { width:263px;
		height:18px;
		font-family:tahoma;
		font-size:11px;
		border-style: solid;
		border-width: 1px;
		border-color:#;
		background-color:#ffffff;
		color:#5F5F5F;
		margin-left:0px;
		margin-right:0px}
		
.textarea { width:263px;
		height:18px;
		font-family:tahoma;
		font-size:11px;
		border-style: solid;
		border-width: 1px;
		border-color:#;
		background-color:#ffffff;
		color:#5F5F5F;
		margin-left:0px;
		margin-right:0px}
		

a:hover {text-decoration:none;}


#controls,#caption {
	position:relative;
	width:500px;
	margin:10px auto;
	text-align:center;
	border-top:1px solid #000;
	font:12px verdana,arial;
	padding:5px;
}

#controls a {
	padding:3px;
	text-decoration:none;
	color:#000;
	margin:2px;
}

.thumbnail {
	position:absolute;
	width:100px;
	height:100px;
	background-repeat:no-repeat;
	font-size:1px;
}

/* following styles are not related to the application */
#credits {
	position:relative;
	margin:25px auto 0px auto;
	width:250px;
	font:9px verdana;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:90px;
}

#credits img {
	float:left;
	margin:5px 10px 5px 0px;
	border:1px solid #000000;
	width:80px;
	height:79px;
}

#links {
	position:relative;
	font:9px verdana;
	width:250px;
	margin:auto;
}
#pscroller1{
width: 350px;
height: 150px;
border: 1px solid black;
padding: 5px;
color: black;

}

#pscroller2{
width: 350px;
height: 150px;
border: 1px solid black;
padding: 5px;
color: black;
}
#pscroller3{
width: 350px;
height: 150px;
border: 1px solid black;
padding: 5px;
background-color: #F0F0F0;
}
.rssclass .rsstitle{
font-weight: bold;
color: red;
}

.rssclass .rssdate{
color: red;
font-size: 85%;
}

.rssclass a{
text-decoration: none;
}
/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ //CSS for sample Gallery
position: relative;
visibility: hidden;
border: 10px solid darkred;
}

#simplegallery2{ //CSS for sample Gallery
position: relative;
visibility: hidden;
border: 2px solid #316f9a;
}

/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 10
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */

/* Général */
body {
	color: #000;
	background: #fff;
}


a {
	color: #FF6533;
}
a:hover, a:focus {
	color: #FF4C00;
}
strong {
	color: #0faba2;
}

/* Conteneur central */
#centre {
	background: url(img/10-colonnes.png) repeat-y;
}

/* Navigation */
#navigation {
	background: #2f6c96;
}
#navigation a {
	color: #fff;
}
#navigation a:hover, #navigation a:focus {
	background: #4e6fe8;
}

/* Contenu principal */
#principal {
	color: #181A12;
	background: #fff;
}
#principal a {
	color: #332510;
}
#principal a:hover, #principal a:focus {
	color: #6E5122;
}
#principal strong {
	color: #181A12;
}
/* Contenu principal */
#principal1 {
       color: #181A12;
	background: #fff;
}
#principal1 a {
	color: #332510;
}
#principal1 a:hover, #principal a:focus {
	color: #6E5122;
}
#principal1 strong {
	color: #181A12;
}
/* Contenu secondaire */
#secondaire {
	background: #fff;
}
/* Contenu secondaire */
#secondaire1 {
	 background: #fff;

}


/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 10px 5px;
}
#global {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
}

/* En-tête */
#entete {
	padding: 0px 0;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 0px 20px 10px 0;
}
#entete .sous-titre {
	margin: 0px 0 15px 0;
}

/* Bloc central */
#centre {
	width: 100%;
	overflow: hidden;
}

/* Menu de navigation */
#navigation {
	float: left;
	width: 178px;
}



/* Contenu principal */
#principal {
	float: left;
	width: 460px;
	padding: 10px 10px;
}
#principal > :first-child {
	margin-top: 10px;
}
#principal p, #principal li {
	line-height: 1.5;
}
#principal1 {
	float: left;
	width: 360px;
	padding: 10px 10px;
}
#principal1 > :first-child {
	margin-top: 10px;
}
#principal1 p, #principal1 li {
	line-height: 1.5;
}
#mContainer {
	position:relative;
	width:500px;
	height:300px;
	margin:auto;
	z-index:100;
}

#mContainer img {
	/*display:none;*/
	z-index:10;
}
/* Contenu secondaire */
#secondaire {
	margin-left: 650px;
	margin-right: 10px;
	padding: 12px 0;
 color : #000000;
}
#secondaire1 {
	margin-left: 450px;
	margin-right: 10px;
	padding: 12px 0;
 color : #000000;
}
/* Pied de page */
#pied {
	margin:0px;
	padding: 15px 20px 10px 0;
	font-size: .85em;
       background:url(images/px_copy.gif) top repeat-x #515151;
     color : #fff;
}
 /* contenu */
#contenu {
	margin: 0px 0 0 0;
	font-size: 1em;
	text-align: center;
}
/* Mention de copyright */
#copyright {
	margin: 8px 0 0 0;
	font-size: 1em;
	text-align: center;
}

#menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
DL#menudroit {

}
DL#menudroit DT {
	BORDER-RIGHT: #f4672f 2px solid;
	BORDER-TOP: #ffffff 1px solid;
	FONT-WEIGHT: bold; BACKGROUND: #fddaa6;
	MARGIN: 0px 0px;
	BORDER-LEFT: #fac86c 1px solid;
	CURSOR: pointer;
	LINE-HEIGHT: 18px;
	BORDER-BOTTOM: #f4672f 1px solid;
	HEIGHT: 15px;
	font-size : 10px;
	COLOR: blue;
	TEXT-ALIGN: center
}
DL#menudroit DD {
	BORDER-RIGHT: #f4672f 1px solid;
	BORDER-TOP: #f4672f 1px solid;
	BORDER-LEFT: #f4672f 1px solid;
	BORDER-BOTTOM: #f4672f 1px solid

}
DL#menudroit LI {
	BACKGROUND: red;
	TEXT-ALIGN: left

}
DL#menudroit LI A {
	BORDER-RIGHT: 1px;
	BORDER-TOP: 0px;
	DISPLAY: block;
	BORDER-LEFT: 0px;
	COLOR: #000;
	font-size : 11px;
	BORDER-BOTTOM: 0px;
	HEIGHT: 100%;
	TEXT-DECORATION: none
}
DL#menudroit DT A {
	BORDER-RIGHT: 0px;
	BORDER-TOP: 0px;
	DISPLAY: block;
	BORDER-LEFT: 0px;
	COLOR: #000;
	BORDER-BOTTOM: 0px;
	HEIGHT: 100%;
	TEXT-DECORATION: none
}
DL#menudroit LI A:hover {
	BACKGROUND: #fff
}
DL#menudroit DT A:hover {
	BACKGROUND: #f5a92f
}



#menudroit a {
margin: 0px 0px;
color: #fac86c;
text-decoration: underline;
}

#menu22 {
width: 200px;
margin: 10px;
}

#menu22 ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu22 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

/* N'oubliez pas de renseigner l'adresse des images */
#menu22 li a:link, #menu22 li a:visited {
color: #333;
display: block;
background: url(images/menu22.gif);
padding: 8px 0 0 10px;
}

#menu22 li a:hover {
color: #FFF;
background: url(images/menu22.gif) 0 -32px;
padding: 8px 0 0 10px;
}