body {
	background:url(../images/gabarit/background_degrade.gif) top left repeat-x;
	background-color:#b2dbf4;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }

.clearboth {
	clear:both;
	height:0px;
	_height:auto; /* Hack IE6 PC */
}

html, body {
	height:100%;
}

#main {
	width:964px;
	margin:0px auto; /* pour centrer le site */
	background:url(../images/gabarit/fausse-colonne.gif) top left repeat-y;
	height:100%;
}

#conteneur {
	float:left;
	width:964px;
	background:url(../images/gabarit/fausse-colonne.gif) top left repeat-y;
}

/* ********************************************************************** */
/* ***************************   COLONNE GAUCHE   *********************** */
/* ********************************************************************** */

#colonne-gauche {
	float:left;
	width:362px;
	background:url(../images/gabarit/col_gauche_bckg.jpg) top left no-repeat;
	padding-left:26px;
	padding-bottom:20px;
}


h1.baseline {
	padding-left:49px;
	padding-right:30px;
	width:255px;
	height:130px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:34px;
	color:#FFFFFF;
	padding-top:210px;
	font-weight:normal;
}

.col-gauche_dechirure {

}

.courses {
	background-color:#FFFFFF;
	border-bottom:#ccc solid 1px;
	padding-bottom:15px;
}

.course {
	width:362px;
	height:27px;
	margin-bottom:0px;
}

.course-description {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#374650;
	font-size:11px;
	font-weight:bold;
	width:253px;
	height:21px;
	padding-top:6px;
	padding-left:28px;
}

.course-description a {
	font-family:Arial, Helvetica, sans-serif;
	color:#374650;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

.course-description a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}


.prochaine {
	background:url(../images/gabarit/courses-index.gif) 0px 0px no-repeat;
}

.course-bouton {
	float:left;
	width:59px;
	height:18px;
	padding-top:5px;
}

.course-bouton a.resultats, #epreuves a.resultats, #contenu-corps .course-bouton a.resultats {
	display:block;
	width:56px;
	height:17px;
	background:url(../images/gabarit/bouton_rouge.gif) 0px 0px no-repeat;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	text-align:center;
	padding-top:2px;
}

.course-bouton a.resultats:hover,  #epreuves a.resultats:hover, #contenu-corps .course-bouton a.resultats:hover {
	display:block;
	width:56px;
	height:17px;
	background:url(../images/gabarit/bouton_rouge.gif) 0px -27px no-repeat;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	text-align:center;
	padding-top:2px;

}

.course-bouton a.infos, #epreuves a.infos, #contenu-corps .course-bouton a.infos {
	display:block;
	width:56px;
	height:17px;
	background:url(../images/gabarit/bouton_vert.gif) 0px 0px no-repeat;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	text-align:center;
	padding-top:2px;
}

.course-bouton a.infos:hover, #epreuves a.infos:hover, #contenu-corps .course-bouton a.infos:hover {
	display:block;
	width:56px;
	height:17px;
	background:url(../images/gabarit/bouton_vert.gif) 0px -27px no-repeat;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	text-align:center;
	padding-top:2px;
}

.course-video {
	float:left;
	width:22px;
	height:22px;
	padding-top:5px;
}

.course-video a{
	display:block;
	width:18px;
	height:17px;
	background:url(../images/gabarit/bouton_video.gif) 0px 0px no-repeat;
}

.course-video a:hover{
	display:block;
	width:18px;
	height:17px;
	background:url(../images/gabarit/bouton_video.gif) 0px -27px no-repeat;
}



.mentions-legales {
	padding-left:50px;
	background-color:#FFF;
	width:312px;
	height:50px;
	padding-top:10px;
}

.copyright  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a3a3a3;
	float:left;
	width:247px;
	height:90px;
	padding-top:0px;
	padding-left:20px;
}

.copyright a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a3a3a3;
	text-decoration:underline;
}

.copyright a:hover {
	color:#000;
}

.tv8, .france-bleu {
	float:left;
	width:60px;
	height:40px;
	margin-right:5px;
}

.tv8 a {
	display:block;
	background:url(../images/gabarit/logo_TV8.gif) 0px 0px no-repeat;
	height:40px;
	width:60px;
}

.tv8 a:hover {
	display:block;
	background:url(../images/gabarit/logo_TV8.gif) 0px -40px no-repeat;
	height:40px;
	width:60px;
}



.france-bleu a {
	display:block;
	background:url(../images/gabarit/logo_france_bleu.gif) 0px 0px no-repeat;
	height:40px;
	width:60px;
}


.france-bleu a:hover {
	display:block;
	background:url(../images/gabarit/logo_france_bleu.gif) 0px -40px no-repeat;
	height:40px;
	width:60px;
}


.dauphine {
	float:left;
	width:100px;
	height:40px;
	background-color:#FFFFCC;
}

.dauphine a {
	display:block;
	background:url(../images/gabarit/logo_dauphine.gif) 0px 0px no-repeat;
	height:40px;
	width:100px;
}


.dauphine a:hover {
	display:block;
	background:url(../images/gabarit/logo_dauphine.gif) 0px -40px no-repeat;
	height:40px;
	width:100px;
}

.nico {
	float:left;
	width:46px;
	height:40px;
	background-color:#FFFFCC;
}

.nico a {
	display:block;
	background:url(../images/gabarit/logo_nico.gif) 0px 0px no-repeat;
	height:40px;
	width:46px;
}


.nico a:hover {
	display:block;
	background:url(../images/gabarit/logo_nico.gif) 0px -40px no-repeat;
	height:40px;
	width:46px;
}



.ca-des-savoie {
	border-top:#ccc solid 1px;
	padding-top:5px;
	float:left;
	padding-left:25px;
	width:337px;
	height:63px;
	padding-bottom:27px;
	background:url(../images/gabarit/col_gauche_dechirure-bottom.gif) left bottom no-repeat;
	background-color:#FFFFFF;
}

.ca-des-savoie a.cads {
	float:left;
	background:url(../images/gabarit/logo_CA.gif) 0px 0px no-repeat;
	width:70px;
	height:63px;
}

.ca-des-savoie a.cads:hover {
	display:block;
	background:url(../images/gabarit/logo_CA.gif) 0px -63px no-repeat;
	width:70px;
	height:63px;
}

.citation-footer {
	float:left;
	text-align:right;
	padding:10px 3px 10px 5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:18px;
	font-style:italic;
	background-color:#9dc329;
	width:354px;
}


/* ********************************************************************** */
/* ***************************   COLONNE DROITE   *********************** */
/* ********************************************************************** */

#colonne-droite {
	float:left;
	width:576px;	
	background:url(../images/gabarit/col_droite_bckg.jpg) top left no-repeat;
	padding-bottom:20px;
}

#navigation {
	float:left;
	width:544px;
	height:62px;
	padding-left:32px;
}

#navigation a {
	float:left;
	width:136px;
	height:46px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding-top:16px;
	background:url(../images/gabarit/navigation_bouton.gif) 0px -124px no-repeat;
}

#navigation a:hover {
	color:#505a24;
	background:url(../images/gabarit/navigation_bouton.gif) 0px -62px no-repeat;
}

#navigation a.selected {
	color:#505a24;
	background:url(../images/gabarit/navigation_bouton.gif) 0px 0px no-repeat;
}


#navigation a.selected:hover {
	color:#323816;
	background:url(../images/gabarit/navigation_bouton.gif) 0px -186px no-repeat;
}

#epreuves {
	float:left;
	width:576px;
	height:230px;
}

.bloc-epreuve_vert {
	float:right;
	width:179px;
	height:78px;
	background:url(../images/gabarit/bloc-epreuve_rouge.gif) 0px 0px no-repeat;
	margin-top:23px;
}

.bloc-epreuve_rouge {
	float:right;
	width:179px;
	height:78px;
	background:url(../images/gabarit/bloc-epreuve_vert.gif) 0px 0px no-repeat;
	margin-top:22px;
}

#epreuves h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	padding:3px;
}

#epreuves h5 {
	font-family:Arial, Helvetica, sans-serif;
	color:#332b0c;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	padding:3px 20px 3px 20px;
	height:30px;
}

.epreuves_bouton {
	padding-top:3px;
	padding-left:61px;
}

#contenu {
	float:left;
	width:544px;
	padding-left:32px;
}