@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
-webkit-text-size-adjust: 100%;
}
p {
 margin:0px;	
}
img {
	border:none;
 
}
#article img {
	padding-bottom:5px;
}
.titre-article-accueil {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #fb6700;
}
.resume a.lientitre-article-accueil,.resume a.lientitre-article-accueil:hover {
	font: bold 1.5em Arial, Helvetica, sans-serif;
	color: #fb6700;text-decoration: none;
}


A.lientxt , A.lientxt:hover   {
	COLOR: #000000;
	
	text-decoration: none;
}
a.lien-mois  {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	margin: 0px 0px 5px 2px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: left;
}

a.lien-mois:hover {
		color: #FF5F00;
	font-weight:bold
}

a.lien-cat  {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 23px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding:0px;

}
a.lien-cat:hover {
		color: #FF5F00;
	font-weight:bold	
}
a.lienresultat , a.lienresultat:hover {
	font: bold 130%/140% Arial, Helvetica, sans-serif;
	color: #FD9418;
	text-decoration: none;
}
A.liencoord,A.liencoord:hover  {
	FONT-SIZE: 10px; COLOR: #FFFFFF; LINE-HEIGHT: 14px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; 
}
#main {
	padding: 0px;
	margin: 0px;
	width:420px;
}
#header {

	margin: 0px;
	padding: 20px 0px 10px 10px;
	/*position: relative;*/
	
	position:fixed; top:0px; left:0px;  background-color:#FFF; z-index:1000;  width:100%;
}
#menu {
	margin: 100px 0px 10px 0px ;
	padding: 0px;
	clear: both;
}
#corps {
	background-color: #FFF;
    margin: 10px 0px 0px 0px;
	padding: 0px;
	clear: both;
}

.titre-fiche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight:bold;
	color: #FFF;
	background-color: #077ea9;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 7px;
	padding-right: 4px;
	padding-bottom: 7px;
	padding-left: 6px;
}
.stitre-fiche {
	color: #FFF;
	width: 155px;
	height: 25px;
	font: bold 100% Verdana, Geneva, sans-serif;
	background: #fd9417 url(images/fond-stitre-mobile.gif) no-repeat right center;
	padding: 0px 0px 0px 10px;
	margin:0px;
	clear: both;
}
.sous-col-fiche-right {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 280px;
}
.sous-col-fiche-left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 375px;
	position: relative;
}
#header-gauche {
	margin: 0px;
	float: left;
	width: 350px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#coureurs {
	position: absolute;
	top: 0px;
	right: 8px;
}
.txtfiche {
	FONT-SIZE: 100%;
	COLOR: #515151;
	LINE-HEIGHT: 110%;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-weight: normal;
	margin: 0px;
	padding: 8px;
}

#detailcourse ul {
	margin: 0px 0px 0px 15px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	list-style: url(images/puce-fiche.gif) outside;
}
ul.detailarticle {
	margin: 0px 0px 0px 15px;
	padding: 8px 0px 8px 10px ;
	list-style: url(images/puce-fiche.gif) outside;
}


.contact-fiche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%/120%;
	color: #FFF;
	margin: 5px 0px;
	padding: 6px 6px 15px;
	background: #077ea9 url(images/mobile//bloc-orga-mobile-bas.jpg) no-repeat left bottom;
}
.meteogoogle {
	background: #F5F3EF url(images/bloc-orga-bas.jpg) no-repeat left bottom;
	margin: 10px 0px 15px;
	padding: 8px 0px 25px 5px;
	border-top: 1px solid #EAE7DB;
	border-right: 1px solid #EAE7DB;
	border-bottom: 1px none #EAE7DB;
	border-left: 1px solid #EAE7DB;
	font: 14px Arial, Helvetica, sans-serif;
}


#header-droit {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 350px;
}
#footer {
	background-color: #787878;
	height: 35px;
	margin: 0px;
	padding: 0px;
	
}
.col-fiche-centre {
	margin: 0px;
	width: 665px;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.col-right {
	margin: 0px;
	padding: 0px;
	width: 300px;
	border-left: 1px dotted #CCC;
	float: right;
}
.col-cal-left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 185px;
}
.col-cal-centre {
	padding: 0px;
	float: left;
	width: 490px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.row {
	border-bottom: 1px none #999;
	margin: 0px;
	padding:0px;
	background-image: url(../styles/images/fleche.png);
	background-repeat: no-repeat;
	background-position: left center;
	border-left-color: #333;
	color: #414141;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.05em;
	font-weight: normal;
}
.row a{
	display:block;
	color: #414141 ;/* #4050E3 */
	text-decoration:none;
	padding: 11px 10px 8px 15px;
}
.row a:hover{
	background-color:#F9DED5
	
}

.nextcourse {
	border-bottom: 1px none #999;
	margin: 0px;
	padding:0px;
	background-image: url(../styles/images/fleche-rouge.png);
	background-repeat: no-repeat;
	background-position: left center;
	border-left-color: #333;
	color: #414141;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;

}
.nextcourse a{
	display:block;
	color: #414141 ;/* #4050E3 */
	text-decoration:none;
	padding: 4px 0px 4px 15px;
	
}
.nextcourse a:hover{
	background-color:#F9DED5
	
}
.lastresultats {
	border-bottom: 1px none #999;
	margin: 0px;
	padding:0px;
	background-image: url(../styles/images/puce-resultat.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color:#eff8fd;
	border-left-color: #333;
	color: #414141;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
}
.lastresultats a{
	display:block;
	color:  #444;/* #4050E3 */
	text-decoration:none;
	padding: 8px 0px 8px 15px;
	border-bottom: 1px dashed #077ea9;	
}
.lastresultats a:hover{
	background-color:#F9DED5
	
}

.rowResultat {
	border-bottom: 1px none #999;
	margin: 0px;
	padding:6px 0px 6px 14px;
	background-image: url(../styles/images/fleche.png);
	background-repeat: no-repeat;
	background-position: left center;
	border-left-color: #333;
	color: #414141;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
}
.rowResultat a{

}
.rowResultat a:hover{

	
}

.rowMin {
	margin: 0px;
	padding:0px;
	color: #414141;
 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.rowMin a{
	display:block;
	color: #414141;
	text-decoration:none;
	padding:0px;
}

.titre-semaine {
	FONT-SIZE: 1.5em;
	COLOR: #ffFFFF;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-weight: bold;
}

.ligneAdminPaire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:5px;
	background-color: #FFF;
}
.ligneAdminImpaire{
	margin:5px;
	font: 11px Arial, Helvetica, sans-serif;
	background: #E2EFFC;
}
.box1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	border-bottom: 1px solid #CCC;
	margin:5px;
	width:300px;
}
.col-650 {
	margin: 0px 5px 10px 10px;
	padding: 0px;
	width: 655px;
	float:left;
}
.col-300 {
	margin: 10px 10px 10px 8px;
	padding: 0px;
	width: 300px;
	float:left;

}
.col-470 {
	margin: 10px 8px 10px 10px;
	padding: 0px;
	width: 470px; 
float:left;
}
.col-400 {
	margin: 10px 8px 10px 10px;
	padding: 0px;
	width: 400px;
	float:left;
}
.col-235 {
	margin: 10px 8px 10px 8px;
	padding: 0px;
	width: 235px;
	float:left;
}
.col-165 {
	margin: 10px 8px 10px 8px;
	padding: 0px;
	width: 165px;
	height:300px;
	float:left;
}
.col-165-article {
 margin:30px 0px 5px 10px; 
 padding:5px;
 float:right; 
 width:175px; 
 min-height:350px; 
 background-color:  #F4F4F4; 	
}
.calend-titre-date {
	color: #FFF;
	font: 12px Arial, Helvetica, sans-serif;	
	background-color: #ff5f00;
	background-image: url(images/fleche-boutcalendrier.gif);
	background-repeat: no-repeat;
	background-position: right;
	margin:0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.calend-titre-mois {
	color: #FFF;
	background-color: #ff5f00;
	background-image: url(images/fleche-boutcalendrier.gif);
	background-repeat: no-repeat;
	background-position: right;
	width: 165px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 10px;
	font: 12px Arial, Helvetica, sans-serif;
}
.calend-titre-mois-article {
	color: #FFF;
	background-color: #2382bb;
	background-image: url(images/fleche-boutarticle.gif);
	background-repeat: no-repeat;
	background-position: right;
	width: 155px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 10px;
	font: 12px Arial, Helvetica, sans-serif;
}
.calend-titre-mois-resultat {
	color: #FFF;
	background-color: #c6c934;
	background-image: url(images/fleche-boutresultat.gif);
	background-repeat: no-repeat;
	background-position: right;
	width: 155px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 10px;
	font: 12px Arial, Helvetica, sans-serif;
}
.calend-titre-cat {
	color: #FFF;
	background-color: #9bad08;
	background-image: url(images/fleche-boutcategorie.gif);
	background-repeat: no-repeat;
	background-position: right;
	width: 155px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 10px;
	font: 12px Arial, Helvetica, sans-serif;	
}
.bloc-liste-mois {
	background-image: url(images/fd-calendrier.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 0px;
	width: 156px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.bloc-liste-mois-articles {
	background-image: url(images/fd-article.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 0px;
	width: 156px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.bloc-liste-mois-resultats {
	background-image: url(images/fd-resultat.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin: 0px;
	width: 156px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.bloc-liste-cat {
	width: 200px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #f9f9f9;
	border-top: 1px none #EAEAEA;
	border-right: 1px none #EAEAEA;
	border-bottom: 1px none #EAEAEA;
	border-left: 1px none #EAEAEA;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.forecast {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 0px;
	float: left;
	padding:0px;
	font-weight: bold;
	margin: 0px 13px 0px 0px;
	text-align: center;
}
.current-forecast {
	padding:0px;
	font: 10px Arial, Helvetica, sans-serif;
	margin: 0px;
}
.titre-rubrique-bleu {
	font: bold 135%/100% Arial, Helvetica, sans-serif;
	background: #077ea9;
	margin: 10px 0px;
	padding: 0px 0px 0px 10px;
	color: #077ea9;
}
.titre-rubrique-rouge {
	font: bold 135%/100% Arial, Helvetica, sans-serif;
	background: #d10602;
	margin: 10px 0px;
	padding: 0px 0px 0px 10px;
	color: #d10602;
}
.titre-rubrique-vert {
	font: bold 135%/100% Arial, Helvetica, sans-serif;
	background: #9cad09;
	margin: 10px 0px;
	padding: 0px 0px 0px 10px;
	color: #9cad09;
}
.titre-rubrique-orange {
	font: bold 135%/100% Arial, Helvetica, sans-serif;
	background: #ff5f00;
	margin: 10px 0px;
	padding: 0px 0px 0px 10px;
	color: #ff5f00;
}
.titre-rubrique-orange-video {
	background: #FFFFFF;
	margin: 10px 0px;
	padding: 0px 0px 0px 10px;
	color: #ff5f00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
}
.box1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	border-bottom: 1px solid #CCC;
	margin:5px;
	width:300px;
}
.boxVideoMin {
	display:block;
/*	height:60px;*/
	border-bottom: 1px solid #E5E5E5;
	margin: 0px 0px 5px 0px;
	border-right-style: none;
	border-left-style: none;
	border-top: 1px none #E5E5E5;
	padding: 5px 0px;
	font: 85% Arial, Helvetica, sans-serif;
	color: #595959;
	text-decoration: none;
	
}
.boxVideoOptions {
float:left; width:140px; margin:10px 0px 10px 0px; text-align:center;overflow:hidden;;
}
.boxVideoMin a,.boxVideoMin a:hover {
	color: #fb6700;
	text-decoration: none;
}


.boxVignetteAlbum {
	background: url(images/bloc-orga-bas.jpg) no-repeat left bottom;
	margin: auto;
	padding: 0px 0px 5px 0px;
}
.wrapper-boxVignetteAlbum {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	float: left;
	width:162px;

}
.wrapper {
background: url(images/bandetransparente.png) repeat-y ;

	margin: 0px auto;
	width: 1010px;

}
.txt {
	color: #333;
	font: normal 1em Arial, Helvetica, sans-serif;
	
}

.auteur{
	font: 10px Arial, Helvetica, sans-serif;
	color: #999;	
}

#article .txt {
	font: 1.2em/1.5em Arial, Helvetica, sans-serif;
	color: #525252;
}
#article .auteur{
	font: 12px Arial, Helvetica, sans-serif;
	color: #999;	
}
#article .titre-article{
   color:#077ea9 ;font-size:26px;  font-weight:bold;
   /* couleur noir #474B54*/
}

.resume .auteur{
	font: 10px Arial, Helvetica, sans-serif;
	color: #999;	
}
.resume .titre-resume ,.resume .titre-resume a,.resume  a {
	color:#077ea9;
	font: bold 1.05em Arial, Helvetica, sans-serif;   /* couleur noir #474B54*/
	margin-bottom: 3px;
	text-decoration: none;	
}

.resume a:hover{
	color:#077ea9;
	font: bold 1.05em Arial, Helvetica, sans-serif;   /* couleur noir #474B54*/
	margin-bottom: 3px;
	text-decoration: underline;
}

.resume .stitre-resume ,#article .stitre-resume{
	color: #333;
	font: bold 0.9em Arial, Helvetica, sans-serif;   /* couleur noir #474B54*/
	margin-bottom: 3px;
}
.resume .txt {
	color: #666;
	font: normal 0.95em Arial, Helvetica, sans-serif;
}
.resume a.lirelasuite,.resume a:hover.lirelasuite  {
	color: #fb6700;
	font: bold 100% Arial, Helvetica, sans-serif;
	text-decoration: none;

}
a.lirelasuite,.resume a:hover.lirelasuite  {
	color: #fb6700;
	font: bold 100% Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#video-accueil a.lirelasuite,#video-accueil a:hover.lirelasuite  {
	color: #fb6700;
	font: bold 130% Arial, Helvetica, sans-serif;
	text-decoration: none;
}
h5.articleplus  {
	border-bottom:1px solid #222222;
	color:#ff5f00; /*#E20000*/
	font: bold 12px Verdana, Geneva, sans-serif;
	padding-bottom:4px;
	margin:0px 0px 5px 0px;
	
}

.formulaire {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;	
}

#infos {
	color: #515151;
	margin: 0px;
	padding: 0px;
	font:bold  110% Arial, Helvetica, sans-serif;
	list-style: none;
}
#infos li {
	float:left;
	margin:0px 10px 0px 10px;
	padding-left:12px;
	background: url(images/fleche-accueil.png) no-repeat left center;
}
#infos li a {
	color: #515151;
	text-decoration: none;
	font: bold 110% Arial, Helvetica, sans-serif;
}
#infos li a:hover , #infos li a:focus {
	color: #515151;
	text-decoration: underline;
	font:bold  110% Arial, Helvetica, sans-serif;
}

.ul_videos {
	color: #FB6700;
	margin: 5px 0px 0px 10px;
	padding: 0px;
	font:11px Arial, Helvetica, sans-serif;
	list-style: none;
}
.ul_videos li {
	margin:2px 0px 2px 0px;
	padding-left:8px;
	background: url(images/fleche-accueil.png) no-repeat left center;
}
.ul_videos li a {
	color: #FB6700;
	text-decoration: none;
	font: 11px Arial, Helvetica, sans-serif;
}
.ul_videos li a:hover , .ul_videos li a:focus {
	color: #FB6700;
	text-decoration: underline;
	font:11px Arial, Helvetica, sans-serif;
}

.bloc-lien {
	display:inline-block;
		-moz-border-radius:10px;	
		-webkit-border-radius:10px;	
		border-radius:10px;	
		border:1px solid #FFF;	
		margin:10px 20px 10px 0px;
			padding:5px 10px 5px 10px;
}