@charset "UTF-8";
/* CSS Document */

body {
 	margin: 0; /* pour éviter les marges */
  	text-align: center; /* pour corriger le bug de centrage IE */
	font-family: verdana, arial, trebuchet sans MS;
}
#site {
	width : 62em;
	margin: 0 auto;
}

h2 {
	color : #779e1a;
	font-size:16px;
	text-decoration:none;
	font-family: Arial,helvetica,verdana;
	text-align:left;
	margin-left:50px;
}

*html #col_gauche h2 {
	margin-top : 3.5em;
	margin-left: 90 px;
}

#col_droite li{
	list-style-image:url(img/puce_feuille.jpg);
	font-size: 16px;
	color:#888888;
	text-align:left;	
	margin: -10px 0 0 10px;;
}
*html col_droite ul{
	margin-top: 20px;
}
*+html col_droite ul{
	margin-top: 20px;
}
#col_centre ul{
	margin-bottom: 10px;
}
#col_centre li{
	list-style-image:url(img/puce_feuille.jpg);
	font-size: 16px;
	color:#888888;
	text-align:left;	
	margin:10px 0 0 10px;
}
*html col_centre li{
	margin-top: 20px;
}
*+html col_centre li{
	margin-top: 20px;
}

#header{
	height:20px;
}

*+html #header{
	height: 120px;
}

#logo{
	float : left;
	width: 338px;
	border: none;
}

#logo a {
	text-decoration:none;
}

#psdt {
	float:left;
	margin: -40px;
}

*html #psdt {
	margin: 0px;
}

.psdt {
	text-align: left
}
.mot_psdt{
	color:#333333;
	font-size: 11px;
	text-align:justify;
	margin-left:-40px;
}

*html .mot_psdt{
	margin-left:0px;
}

.signature_psdt{
	text-align:right;
	font-size:11px;
	color:#888888;
}

ul#menu {
	list-style: none;
	clear: both;
	padding: 0;
	margin-left: 549px;
}

ul#menu li{
	float:left;
	display: block;
}

ul#menu li a {
	text-decoration : none;
	color:#666666;
	padding : 0 20px 0px 33px;
	font-size:14px;
	line-height: 52px;
	min-width: auto;
	display: block;
	float: left;
}

ul#menu li a:hover, ul#menu li.courant {
	background-image: url(img/menu_sous.jpg);
	background-repeat: repeat-x;
	height: 52px;
	min-width: auto;	
	color: #ffffff;
}

ul#menu li .menu_droite {
	background: url(img/sous_menu.png);
	background-position: right;
	background-repeat: no-repeat;
	display:block;
	float:right;
	height:52px;
	width:15px;	
	min-width: auto;
}

ul#menu li.courant .menu_droite, ul#menu li a:hover .menu-droite {
	background: url(img/menu_droite.jpg);
	background-position: right;
	background-repeat: no-repeat;
	display:block;
	float:right;
	height:52px;
	width:15px;	
	min-width: auto;
	color: #ffffff;
}

*+html ul#menu_accueil {
	margin: 70px 10px -6px 0;
}

*html ul#menu, ul#menu_accueil{
	margin-top:0px;
	margin-right:30px;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="crop", src="img/sous_menu.png");
}


/* OMBRES */

#ombres, #ombres_prog, #ombres_challenge, #ombres_connexion, #ombres_contact{
	background-image: url(img/ombres.png);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
}
#ombres {
	height: 720px;
}

#ombres_contact {
	height: 800px;
}

*html #ombres, ombres_contact, ombres_challenge, #ombres_connexion, #ombres_prog {
	background-position-y: top;
}
*+html ombres_contact, ombres_challenge, {
	background-position:left top;
	margin-top:70px;
}

*+html #ombres, {
	background-position:left top;
	margin-top:7px;
}


#banniere {
	background-image:url(img/banniere.jpg);
	background-repeat:no-repeat;
	background-position: 10px 1px;
	height: 220px;
}

*html #banniere {
	background-position-y: 5px;
}

*+html #banniere {
	background-position-y: 5px;
}

#col_gauche {
	float:left;
	margin: 220px 0 0 62px;
	width: 290px;
	padding-right:10px;
}

*html #col_gauche {
	margin-top:180px;
	margin-left: 20px;
}

*+html #col_gauche {
	margin-top: 220px;
}

#col_centre {
	background-image:url(img/bloc_inscription1.png);
	background-repeat:no-repeat;
	background-position: 0 0px ;
	margin-top: 180px;
	float:left;
	width: 312px;
	height: 500px;
}


#col_centre .equipe {
	margin-top: 59px;
}

*+html #col_centre {
	margin-top: 180px;
}

#col_centre p.en-tete {
	color:#9bc100;
	font-size: 10px;
	text-align:left;
	width:270px;
	margin-left:18px;
	margin-top: 0;
}

#col_centre p {
	color:#666666;
	font-size: 12px;
	text-align:left;
	width:270px;
	margin-left:18px;
	margin-top: 0;
}

#col_centre p.renseignements {
	color:#8d8d8d;
	font-size: 11px;
	text-align:left;
	width:280px;
	margin:-10px 0 0 13px;
}

#col_droite {
	background-image:url(img/bloc_challenge.jpg);
	background-repeat:no-repeat;
	background-position: 0 0px;
	margin-top: 177px;
	float:left;
	width: 310px;
	height: 500px;
}
*+html #col_droite {
	margin-top:176px;
}

#col_droite p.explication{
	color:#333333;
	font-size: 11px;
	text-align:justify;
	width:155px;
	margin: 0px 0 10px 18px;
	float:left;
}

/*#col_droite .velo {
	margin-top: -50px;
}*/

#footer {
	background-image:url(img/footer.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 67em;
	height:50px;
	margin-left:-4em;
	float:left;
}

*+html #footer{
	margin-top:40px;
}

#programme_desc {
	height: 200 px;
	width: 1000 px;
	margin:0px 0 0 50px;
	font-size:11px;
	color:#333333;
	text-align: left;
	width:900px;
}
	/* STYLE PHP */
	
#inscriptions_form {
	font-size:10px;
	color:#888888;
	text-align:left;
	width:280px;
	margin: 0px 0 -10px 15px;
}

#challenge_index {
	text-align:left;
	margin: 120px 0 0 20px;
}

#challenge_form {
	font-size:11px;
	color:#888888;
	text-align:left;
	width: 1000px;
	margin: 0px 0 0 200px;
}

#titre_prog {
	list-style-image:url(img/puce_feuille.jpg);
	color:#888888;
}
.sous-titre_prog {
	font-size: 13px;
}

#inscriptions_fonction {
	font-size: 9px;
}

#inscriptions_organisme {
	font-size:9px;
}
#inscriptions_age {
	font-size:9px;
}

.champs {
	font-size: 11px;
	color:#888888;
	text-align: left;
	margin-left:20px;
}

/* CHALLENGE */

#challenge_presa {
	color:#333333;
	font-size:11px;
	text-align:left;
	margin: 0px 0 0 40px;
	width: 930px;
}

#challenge_top {
	height: 400px;	
}

#challenge_presa ul{
	list-style-image:url(img/puce_feuille.jpg);
	color : #888888;
}

/* MENU_BAS */

ul#menu_bas{
	text-align:right;
	margin-right:100px;
}
*html ul#menu_bas {
	margin-top:30px;
}

*+html ul#menu_bas {
	margin-top: 30px;
}

ul#menu_bas li{
	display : inline;
	font-size: 12px;
	color:#FFFFFF;
}
ul#menu_bas li a{
	color:#FFFFFF;
	text-decoration:none;
}

ul#menu_bas li:hover a {
	color :#888888;
}

#titre_plan {
	list-style-image:url(img/puce_feuille.jpg);
	color : #888888;
	font-size:14px;
	
}

/* STYLE CONTACT */

#contact {
	width: 900px;
	margin-left: 50px;
	font-size: 12px;
	color:#888888;
}


/* Plan */

#plan {
	font-size:13px;
	color: #888888;
	height:500px;
}
# plan li a:hover{
	color:#333333;
	text-decoration:underline;
}
# plan li a:visited{
	color:#000000;
}

/* STYLE CONNEXION ET INTERFACE */

#connexion_form {
	font-size:12px;
	color:#888888;
	text-align:left;
	width:100px;
	margin: 15px 0 0 150px;
}


#liste {
	font-size:13px;
	color:#888888;
	margin: auto;
}	

#liste td {
	padding-right :30px;
}
#liste th {
	padding-right :30px;
}
#liste a {
	color : #888888;
}
#ombres_ a {
	font-size: 12px;
	color:#888888;
}
.champs_co {
	font-size: 11px;
	color:#888888;
	text-align: left;
	margin-left:200px;
}
/* COMPTEUR */

#compteur {
	font-size: 16px;
	background-image:url(img/sous_bouton.jpg);
	background-repeat:no-repeat;
	background-position:right;
	color:#FFFFFF;
	/*margin: 30px 190px 0px 0;
	text-align:right;*/
	position: absolute;
	top: 60px;
	left: 900px;
}

#export {
	text-align: center;
}

#export a {
	font-size:14px;
	color:#333333;
	text-decoration:underline;
}

#infos {
	clear: both;
	font-size:13px;
	margin-right: 25px;
	float:right;
	padding: 5px;
	width: 110px;
}

#infos a{
	background-image:url(img/sous_bouton.jpg) ;
	text-align: center;
	color:#FFFFFF;
	text-decoration:none;
	display: block;
	line-height: 33px;
}
#header a {
	color: #FFFFFF;
	text-decoration:none;
}
#logo a {
	color: #FFFFFF;
	text-decoration:none;
}

#logo_aro {
	width: 100px;
	float: right;
	margin-top: 10px;
}

.preinscription_succes {
	width: 280px;
	padding-left: 10px;
	padding-right: 20px;
	color:#333333;
	font-size:11px;
	font-weight: bold;
	text-align:center;
}

.telecharger a{
	font-size: 14px;
	color: #666666;
	font-weight: bold;	
}

/*INVITATION CHEISSOUX */

.invitation {
margin-left: 3px;
margin-top: 2px;
width:290px;	
}

.invitation a img {
border:none;	
}

.son {
margin: 1px 0 -10px;	
}