/* Les Éléments Généraux
--------------------------------------------------------------------------------------- */

@import url("reset.css");

body {
	background:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#bodylove{
	background:url(/images/bg-body.jpg) repeat-x top left #000;
}


/* Classes diverses
------------------------------------- */

.clear {clear: both;}
.flt-right {float: right;}
.flt-left {float: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.img-left {
	float: left; 
	margin: 0 10px 4px 0; 
}
.img-right {
	float: right; 
	margin: 0 0 4px 10px;
}
.noborder {border: none;}
.alt {background: #f0f0f0;}

.partenaires,
.partenaires td,
.partenaires th {background:transparent;border:0;}
.partenaires {background-color:#fff;border-radius:20px;box-shadow:0px 0px 9px #696969;-moz-border-radius:20px;-moz-box-shadow:0px 0px 9px #696969;-webkit-border-radius:20px;-webkit-box-shadow:0px 0px 9px #696969;width:465px;}
.partenaires tr {border:0;}
.partenaires th {border-bottom:1px solid #e2e2e2;color:#fe0103;font:bold 18px/22px Arial, Helvetica, sans-serif;padding:10px 16px 9px;text-align:left;}
.partenaires td {padding:20px 10px;text-align:center;width:50%;}


/* Le Container
--------------------------------------------------------------------------------------- */

#page {
	width: 760px;
	margin: 0 auto;
	background:none;
	font-size:12px;
	color:#444;
}


/* Le Header
--------------------------------------------------------------------------------------- */

#header {
background:url(/images/header-2011.jpg) no-repeat top left;
width:760px;
height:210px;
position:relative;
}

#switchLan{
position:absolute;
right:0px;
background:url(/images/bgMenu.png);
padding:2px;
}

#switchLan a:link {color:#fff;text-decoration:none;}
#switchLan a:visited {color:#fff;text-decoration:none;}
#switchLan a:hover {color:#fff;text-decoration:none;}
#switchLan a:active {color:#fff;text-decoration:none;}

#header h1 {background:url(/images/bg-logo.png) no-repeat top left;height:135px;left:-15px;margin:0;padding:17px 0 0 20px;position:absolute;top:0;width:254px;}
#header h1 a {background:url(/images/logo2011.gif) no-repeat top left;display:block;height:95px;width:228px;}
#header h1 span {display:none;}
#header img.kart {float:right;height:195px;position:absolute;left:472px;top:17px;width:320px;}

#menu{
position:absolute;
bottom:0px;
height:39px;
left:0px;
font:bold 11px/11px Arial, Helvetica, sans-serif;
z-index:10;
list-style:none;
padding:0px;
}
#menu li{
background:url(/images/menu-sep.gif) no-repeat top right;
float:left;
position:relative;
height:39px;
padding:0 2px 0 0;
}

#menu li a{
display:block;
padding:13px 10px 13px 9px;
}

#menu li ul {
	position: absolute;
	z-index:1000;	
	width: 260px;
	height:auto;
	left: -999em;
	font-weight:bold;
	padding:0px;
	padding-top:1px;
	display:block;
	list-style:none;
}

#menu li ul li {
	color:#fff;
	background:url(/images/bgMenu.png);
	width:200px;
	border-bottom:1px solid #fff;
	height:auto;
	z-index:1000;	
	padding:0px;
}

#menu li ul li a {
border-top:0px;
padding:8px 6px 8px 6px;
}

#menu li ul li:hover{
	width:200px;
	border-bottom:1px solid #fff;
	background:url(/images/bgMenuOver.png);
}

#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
	top:40px;
}

#menu a:link,
#menu a:visited,
#menu a:hover,
#menu a:active {color:#000;text-decoration:none;}
#menu ul a:link,
#menu ul a:visited,
#menu ul a:hover,
#menu ul a:active {color:#fff;font-weight:normal;}



/* Le Englobe
--------------------------------------------------------------------------------------- */

#englobe {
background:url(/images/bg-content-repeat.gif) repeat-y top left;
float:right;
width:760px;
}

#englobe-top {background:url(/images/bg-content-top.jpg) no-repeat top left;float:right;width:760px;}


/* Liens
------------------------------------- */

a:link {color:#81a128;text-decoration:none;}
a:visited {color:#81a128;text-decoration:none;}
a:hover {color:#39480f;text-decoration:none;}
a:active {color:#81a128;text-decoration:none;}



/* La Sidebar
--------------------------------------------------------------------------------------- */

#sidebar {
width:235px;
float:right;
}

#benevole{
display:block;
width:221px;
height:121px;
background:url(/images/ben_adm_free.jpg) top;
margin-top:40px;
margin-left:10px;
}

#admission{
display:block;
width:221px;
height:126px;
background:url(/images/ben_adm_free.jpg) bottom;
margin-left:10px;
cursor:default;
}

.centR{
margin:0 auto;
display:block;
}

/* Le contenu
--------------------------------------------------------------------------------------- */

#content{
background:url(/images/bg-content-dates-2012.jpg) no-repeat top left;
float:right;
width:465px;
padding:107px 20px 20px 40px;
}

#content.content-en {background:url(/images/bg-content-dates-en-2012.jpg) no-repeat top left;}

#content strong{
text-transform:uppercase;
color:#000;

}


#chrono{
position:relative;
top:14px;
right:10px;
}

#title{
width:380px;
padding:0;
height:48px;
}


h1{
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
color:#e34121;
font-weight:bold;
}

h2{
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:#222;
font-weight:bold;
padding:10px 0 20px 0 ;
}

h3{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#e34121;
font-weight:bold;
padding:10px 0 20px 0 ;
}

h4{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#5e7519;
font-weight:bold;
padding:10px 0 20px 0 ;
}

h5{
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#222;
font-weight:bold;
padding:10px 0 20px 0 ;
}



h6{
text-align:center;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#e34121;
padding:0 0 20px 0;
text-transform:uppercase;
}


.premierP{
padding-top:20px;
}

p {
color:#444444;
font-size:12px;
padding:0 0 20px 0;
text-align:justify;
}


ul{
list-style:disc;
padding-left:20px;
}


ul li{
padding-left:5px;
padding-bottom:10px;

}

table {margin:0 auto;}

tr {border-bottom:1px solid #444;}

td {padding:5px;}

th{
background:#ffd02b;
padding:5px;
text-align:center;
color:#000;
}

label{
display:block;
width:160px;
float:left;

}

input{
margin:5px;
	border:1px solid #97bc28;
}
input.bt{
	background:#e34121;
	border:1px solid #e34121;
	color:#FFF;
}

table p{
text-align:left;
}

/* LAlbum
------------------------------------------------- */

#album{
	clear:left;
}

#album img{
border:1px solid #006600;
margin:5px;
}


#suivant{
float:right;
}

#album a.albumfirst{
display:block;
width:110px;
height:160px;
float:left;
text-align:center;
}

#album a:link {color:#444;text-decoration:none;}
#album a:visited {color:#444;text-decoration:none;}
#album a:hover {color:#666;text-decoration:none;}
#album a:active {color:#444;text-decoration:none;}


/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
	background:url(/images/bg-footer.gif) no-repeat top left;
	clear: both;
	height:198px;
	padding:52px 27px 0 7px;
	position:relative;
	width:726px;
}

#HDP{
position:absolute;
left:29px;
top:33px;
}

#commanditaire{
position:absolute;
right:2px;
top:20px;

}

#copyright{
position:absolute;
left:8px;
top:98px;
font-size:10px;
padding:0;
}
#copyright img{padding-bottom:3px;}

#copyright a:link {color:#444;text-decoration:none;}
#copyright a:visited {color:#444;text-decoration:none;}
#copyright a:hover {color:#444;text-decoration:underline;}
#copyright a:active {color:#444;text-decoration:none;}

#videos {float:left;padding:0 0 20px;width:465px;}
#videos .video {clear:left;float:left;margin:0 0 8px 0;width:465px;}
#videos .last {margin:0 0 8px;}
#videos .video iframe {border:1px solid #006600;display:block;}
#videos .video p {padding:5px 0;text-align:center;}

#menu-sidebar {color:#000;font:bold 12px/12px Arial, Helvetica, sans-serif;height:27px;padding:19px 0 0;position:relative;width:235px;}
#menu-sidebar div {background:url(/images/bg-menu-sidebar.jpg) no-repeat top left;height:20px;padding:7px 52px 0 0;position:absolute;right:0;top:19px;width:237px;}
#menu-sidebar a,
#menu-sidebar span {float:right;}
#menu-sidebar a {color:#000;}
#menu-sidebar a:hover {color:#c94c00;}
#menu-sidebar span {padding:0 18px;}

#sidebar img.free {float:right;margin:9px 29px 0 0;}
#sidebar img.free-en {float:right;margin:6px 29px 0 0;}

#teasers {clear:right;height:335px;position:relative;width:235px;}
#teasers a {background-position:top left;background-repeat:no-repeat;position:absolute;right:0;}
#teasers a.benevole {background-image:url(/images/teaser-devenirbenevole.jpg);height:167px;top:6px;width:233px;}
#teasers a.benevole-en {background-image:url(/images/teaser-volunteer.jpg);}
#teasers a.facebook {background-image:url(/images/teaser-facebook.jpg);height:149px;top:173px;width:225px;}
#teasers a.facebook-en {background-image:url(/images/teaser-facebook-en.jpg);}
#teasers a:hover {background-position:bottom left;}
#teasers a span {display:none;}

#relative-content {height:900px;padding:0 0 30px;position:relative;}
#relative-content.fr {height:1230px;}
#absolute-content {left:-27px;position:absolute;top:0;}

#nouvelles {background:url(/images/bg-news-repeat.gif) repeat-y top left;margin:0 0 17px;}
#nouvelles .top {background:url(/images/bg-news-top.gif) no-repeat top left;}
#nouvelles .bottom {background:url(/images/bg-news-bottom.gif) no-repeat bottom left;padding:19px 24px 24px;width:459px;}
#nouvelles h2 {color:#fe0103;font:bold 18px/20px Arial, Helvetica, sans-serif;margin:0;padding:0 0 23px;}
#nouvelles a {cursor:pointer;color:#000;display:block;font-size:12px;line-height:17px;}
#nouvelles span {display:block;}
#nouvelles span.title {color:#ff731d;font-size:14px;font-weight:bold;line-height:18px;padding:0 0 17px;}
#nouvelles span.suite,
#nouvelles span.suite span {display:inline;}
#nouvelles span.suite span {color:#fe0103;text-decoration:underline;}
#nouvelles a:hover span.title {color:#fe0103;}

#absolute-content img.soyezdelacourse {float:left;margin:0 0 0 33px;}
#absolute-content a.teaser,
#absolute-content span.teaser {clear:left;float:left;padding-right:27px;text-align:right;text-decoration:underline;width:480px;}
#absolute-content a.teaser-demenage {background:url(/images/teaser-demenage.jpg) no-repeat top left;color:#fe0103;height:36px;margin:0 0 17px;padding-top:94px;}
#absolute-content a.teaser-demenage-en {background:url(/images/teaser-demenage-en.jpg) no-repeat top left;}
#absolute-content a.teaser-demenage:hover {color:#ff731d;}
#absolute-content a.teaser-nouveaucircuit {background:url(/images/teaser-nouveaucircuit-2012.jpg) no-repeat top left;color:#fe0103;height:31px;margin:0 0 24px;padding-top:149px;}
#absolute-content a.teaser-nouveaucircuit-en {background:url(/images/teaser-nouveaucircuit-en-2012.jpg) no-repeat top left;}
#absolute-content a.teaser-nouveaucircuit:hover {color:#000;}
#absolute-content a.teaser-participez {background:url(/images/teaser-participez.jpg) no-repeat top left;color:#000;height:36px;margin:0 0 24px;padding-top:94px;}
#absolute-content a.teaser-participez-en {background:url(/images/teaser-participez-en.jpg) no-repeat top left;}
#absolute-content a.teaser-participez:hover {color:#fff;}
#absolute-content span.teaser-tshirts {background:url(../images/teaser-tshirts.jpg) no-repeat top left;height:170px;margin:13px 0 20px;padding:0;width:507px;}
#absolute-content a.teaser span,
#absolute-content span.teaser span {display:none;}
#absolute-content #slideshow {background:url(/images/bg-slideshow.jpg) no-repeat top left;clear:left;display:block;height:330px;position:relative;width:507px;z-index:3;}
#absolute-content #slideshow.en {background:url(/images/bg-slideshow-en.jpg) no-repeat top left;}
#absolute-content #slideshow div {display:block;left:29px;position:absolute;top:56px;z-index:8;}
#absolute-content #slideshow div.active {z-index:10;}
#absolute-content #slideshow div.last-active {z-index:9;}
#absolute-content #slideshow img.logo {bottom:67px;position:absolute;right:44px;z-index:100;}
#absolute-content #slideshow img {display:block;}

#footer a.btn-hautdepage {background:url(/images/btn-hautdepage.gif) no-repeat top left;float:left;height:40px;width:201px;}
#footer a.btn-hautdepage-en {background:url(/images/btn-hautdepage-en.gif) no-repeat top left;}
#footer a.btn-hautdepage:hover,
#footer a.btn-commanditaire:hover {background-position:bottom left;}
#footer a.btn-hautdepage span,
#footer a.btn-commanditaire span {display:none;}
#footer a.btn-commanditaire {background:url(/images/btn-devenezcommanditaire.gif) no-repeat top left;color:#000;float:right;height:13px;margin:26px 0 0;padding:89px 0 0;text-align:right;text-decoration:underline;width:188px;}
#footer a.btn-commanditaire-en {background-image:url(/images/btn-devenezcommanditaire-en.gif);}
#footer a.btn-commanditaire:hover {color:#ff731d;}
#footer p {clear:left;color:#838383;float:left;font-size:9px;margin:0;padding:8px 0 0;text-align:left;text-decoration:underline;width:100%;}

/* petite signature */

#adn-communication {clear:left;color:#fff;float:left;font:9px Tahoma, Verdana, Arial, Helvetica, sans-serif;height:30px;margin:77px 0 0;overflow:hidden;position:relative;text-align:right;width:247px;}
#adn-communication div.fond img {background:url(/images/bg-sign.gif) 0px 0px;}
#adn-communication div.signature {color:#999;height:26px;left:0px;padding:4px 70px 0px 0px;position:absolute;top:0px;width:177px;}
#adn-communication strong {display: block;}
#adn-communication a,
#adn-communication a:link,
#adn-communication a:visited,
#adn-communication a:active,
#adn-communication a:hover{color:#999;text-decoration:underline;}
#adn-communication a:hover{color:#ccc;text-decoration:none;}
#adn-communication a.abs {display:block;filter:alpha(opacity=60);height:30px;-moz-opacity:0.6;opacity:0.6;position:absolute;top:0px;}
#adn-communication a.abs img {border:none;}
#adn-communication a.abs:hover {filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}
#adn-communication a.adn {background:url(/adnbase/adn-signature.gif) -251px 0px;left:179px;width:44px;}
#adn-communication a.genome {background:url(/adnbase/adn-signature.gif) -301px -1px;left:223px;width:21px;}

.toolbar table tr {border:0;}