div#content {
  margin-top:-17px;
}

div#header {
  background-color:transparent;
}

div#skipperFooter{
	width:332px;
	height:363px;
	background-image:url(../../images/css/courses/courses-whaou-trans.png);
	right:0px;
	top:491px;
	!top:490px!important;
	!top:490px;
	z-index:-1;
}

div#content div#data{
	height:800px;	
}

/* **************************************************************************************************** */

div#content div#data div#courses{
	padding:1px;
}
div#content div#data div#courses div.temps{
	margin:5px 0 0 0;
	background-image:url(../../images/css/courses/temps.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:960px;
	height:115px;
}
div#content div#data div#courses div.temps ul{
	list-style-type:none;
}
div#content div#data div#courses div.temps ul li{
	float:left;
	height:115px;
	padding-top:1px;
	position:relative;
}
div#content div#data div#courses div.temps ul li a,
div#content div#data div#courses div.temps ul li span{
	display:block;
	font-size:1.4em;
	color:white;
	margin-top:75px;
	text-align:center;
}
div#content div#data div#courses div.temps ul li span{
	color:#AFAFAF;	
	font-style:italic;
}

div#content div#data div#courses div.temps ul li#m5{margin-left:85px;width:85px}
div#content div#data div#courses div.temps ul li#m6{width:85px}
div#content div#data div#courses div.temps ul li#m7{width:85px}
div#content div#data div#courses div.temps ul li#m8{width:85px}
div#content div#data div#courses div.temps ul li#m9{width:120px}
div#content div#data div#courses div.temps ul li#m10{width:120px}
div#content div#data div#courses div.temps ul li#m11{width:120px}

div#content div#data div#courses div.temps ul li div.selection{
	background-image:url(../../images/css/courses/courses-selection-trans.png);
	background-repeat:no-repeat;
	width:86px;
	height:85px;
	position:absolute;
	top:0;
	display:none;
}
div#content div#data div#courses div.temps ul li#m9 div.selection{left:20px}
div#content div#data div#courses div.temps ul li#m10 div.selection{left:20px}
div#content div#data div#courses div.temps ul li#m11 div.selection{left:20px}

div#content div#data div#courses div.temps ul li.selected div.selection{
	display:block;
}

div#content div#data div#courses div.mois{
	height:500px;
	margin:40px 30px 0 30px;
}
div#content div#data div#courses div.mois ul{
	border-bottom:1px dashed #FFBA06;
	list-style-type:none;
	height:29px;
}
div#content div#data div#courses div.mois ul li{
	float:left;
	height:30px;
	margin-right:10px;
}
div#content div#data div#courses div.mois ul li span.left{
	float:left;
	background-image:url(../../images/css/courses/onglets/course-onglet-off-left.jpg);
	background-repeat:no-repeat;
	width:20px;
	height:30px;
}
div#content div#data div#courses div.mois ul li span.right{
	float:left;
	background-image:url(../../images/css/courses/onglets/course-onglet-off-right.jpg);
	background-repeat:no-repeat;
	width:20px;
	height:30px;
}
div#content div#data div#courses div.mois ul li a{
	float:left;
	background-image:url(../../images/css/courses/onglets/course-onglet-off-middle.jpg);
	background-repeat:repeat-x;
	height:30px;
	padding:5px 10px 0 10px;
	color:white;
	font-style:italic;
	font-size:1.1em;
	font-weight:bold;
}

div#content div#data div#courses div.mois ul li.selected span.left{background-image:url(../../images/css/courses/onglets/course-onglet-on-left.jpg);}
div#content div#data div#courses div.mois ul li.selected span.right{background-image:url(../../images/css/courses/onglets/course-onglet-on-right.jpg);}
div#content div#data div#courses div.mois ul li.selected a{background-image:url(../../images/css/courses/onglets/course-onglet-on-middle.jpg);}

div#content div#data div#courses div.course{
	margin:20px 0 0 0;	
}
div#content div#data div#courses div.course .gauche{
	float:left;
	width:150px;
	margin:0 20px 0 0;
}
div#content div#data div#courses div.course .gauche .titre{
	color:#AF081D;
	font-style:italic;
	font-weight:bold;
	font-size:1.2em;
	margin:0 0 20px 0;
	text-align:center;	
}
div#content div#data div#courses div.course .gauche .logo{
	text-align:center;
}

/* ********** */

div#content div#data div#courses div.course .droite{
	float:left;
	width:450px;	
	font-size:0.9em;
	margin:0 80px 0 0;
}

div#content div#data div#courses div.course .droite .decompte{
	border-bottom:1px dashed #D70014;
	font-size:1.1em;
	float:right;
}
div#content div#data div#courses div.course .droite .decompte span{
	color:#D70014;
	font-weight:bold;
	font-size:1.2em;
}

div#content div#data div#courses div.course .droite .infos{
	text-align:left;
	margin:0 0 10px 0;
}
div#content div#data div#courses div.course .droite .infos span{
	color:#E55219;
	font-weight:bold;
}
div#content div#data div#courses div.course .droite .description{
	text-align:justify;	
}

div#content div#data div#courses div.course .plus{
	float:left;	
	width:210px;
	margin:0 0 40px 0;
}
div#content div#data div#courses div.course .plus a{
	display:block;
	margin:0 0 5px 0;
	background-repeat:no-repeat;
	width:207px;
	height:54px;
	color:#A20A24;
	position:relative;
}
div#content div#data div#courses div.course .plus a span{
	position:absolute;
	top:17px;
	left:60px;
	cursor:pointer;
}
div#content div#data div#courses div.course .plus a.plus1{background-image:url(../../images/css/courses/courses-position-trans.png);}
div#content div#data div#courses div.course .plus a.plus2{background-image:url(../../images/css/courses/courses-site-trans.png);}
div#content div#data div#courses div.course .plus a.plus3{background-image:url(../../images/css/courses/courses-encourage-trans.png);}
div#content div#data div#courses div.course .plus a.plus4{background-image:url(../../images/css/courses/courses-multi50-trans.png);}

div#content div#data div#courses div.course .separateur{
	height:1px;
	background-image:url(../../images/css/courses/courses-separateur-trans.png);
	background-repeat:no-repeat;	
	margin:30px 0 0 40px;
	width:384px;
}

/* **************************************************************************************************** */

div#content div#data div#courses div.course .actualites{
	clear:both;	
	position:relative;
	width:570px;
	background-image:url(../../images/css/courses/courses_bloc.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:30px;	
}

div#content div#data div#courses div.course .actualites .rss{
	position:absolute;
	top:50px;
	right:10px;	
	z-index:100;
}

div#content div#data div#courses div.course .diaporama{
	height:165px;
	margin:20px 25px 0 20px;
	position:relative;
}
div#content div#data div#courses div.course .diaporama-prev{
	position:absolute;
	top:120px;
	left:25px;
	cursor:pointer;
	z-index:200;
}
div#content div#data div#courses div.course .diaporama-next{
	position:absolute;
	top:120px;
	right:-15px;
	cursor:pointer;
	z-index:1000;
}
div#content div#data div#courses div.course .diaporama ul{
	height:165px;	
}
div#content div#data div#courses div.course .diaporama ul li{
	width:570px;
	height:165px;
	font-size:1em;
}
div#content div#data div#courses div.course .diaporama ul li .image{
	float:left;
	margin:0 20px 10px 0;
	overflow:hidden;
	height:75px;
}
div#content div#data div#courses div.course .diaporama ul li .infos{
	width:425px;
	margin:0 0 3px 120px;
}	
div#content div#data div#courses div.course .diaporama ul li .date{
	color:#490513;
	font-weight:bold;
	margin:0 0 3px 0;
}
div#content div#data div#courses div.course .diaporama ul li .titre{
	color:#B2081D;
	font-weight:bold;
	margin:0 0 3px 0px;
}
div#content div#data div#courses div.course .diaporama ul li .sous-titre{
	color:#E85219;
	font-weight:bold;
	margin:0 0 3px 0;
	text-align:justify;
}
div#content div#data div#courses div.course .diaporama ul li .chapeau{
	text-align:justify;
	clear:left;
	font-size:0.9em;
	line-height:1.2em;
	margin:0 0 8px 120px;
}
div#content div#data div#courses div.course .diaporama ul li .plus{
	text-align:right;
	float:none;
	width:auto;
}
div#content div#data div#courses div.course .diaporama ul li .plus a{
	background-image:none;
	color:#B2081D;
	font-style:italic;
	font-size:1.1em;
	display:inline;
	float:none;
	padding:0;
}