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

/*--- Styles Globales ---*/

@font-face{ 
	font-family: 'BirthOfAHero';
	src: url('polices/BirthOfAHero.eot');
	src: url('polices/BirthOfAHero.eot?#iefix') format('embedded-opentype'),
	     url('polices/BirthOfAHero.ttf') format('truetype'); }

@font-face{
	font-family: 'caviardreams';
	src: url('polices/caviardreams.eot');	 
	src: url('polices/caviardreams.eot?#iefix') format('embedded-opentype'),
	 	 url('polices/caviardreams.ttf') format('truetype'); }

body {
	background:url(../images/floral-grunge.jpg) repeat fixed top center;
	font-family:'caviardreams'; }

a { color:#090; text-decoration:underline; }
a:hover { color:#C00; text-decoration:none; }

img { border:none; }

#inscriptionInternet{
	border:none;
	margin:5px;
	padding:0px;
	width:260px;
	float:left;
}


/*--- Styles Header ---*/

#header {
	width:980px;
	margin:0 auto; }

.logoPos {
	float:left;
	margin:0;
	padding:5px; }

.logo {
	border:#FFF 2px solid;
	float:left;
	
	border-radius: 2em;
   	-webkit-border-radius: 2em;
   	-moz-border-radius: 2em; }

.bannierePos {
	float:right;
	margin:0;
	padding:5px; }

.banniere {
	border:#FFF 2px solid;
	float:left;
	
	border-radius: 2em;
   	-webkit-border-radius: 2em;
   	-moz-border-radius: 2em; }

.compteArebours {
	position:absolute;
	margin-left: 830px;
    margin-top: 25px; }

.date { 
	font-weight:bold; 
	font-size:26px;
	color:#FFF; 
	margin-top:-85px;
	text-align:center;
	
	-moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -o-transform: rotate(30deg);
	transform: rotate(30deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6); }

/*--- Styles Contenu Page ---*/

#contenu {
	width:976px;
	margin: 0 auto;
	margin-top:10px;
	background-color:#FFF;
	border: 2px solid #FFF;
	
	border-radius: 2em;
   	-webkit-border-radius: 2em;
   	-moz-border-radius: 2em; }

#administration {
	margin: 0 auto;
	margin-top: 20px;
	width:300px; }

#administration form {
	margin-bottom: 20px; }

.centre { margin: 0 auto; width:735px; }

#reglement {
	padding: 0px 20px 20px 20px;
	font-family:'caviardreams';
	text-align:justify;
	font-size:15px; }

#reglement h1{
	text-align:center;
	color:#090; }

#reglement a:hover { color:#C00; }

.liensinterne1{ width:225px; height:150px; float:left}
.liensinterne1 ul{list-style:none;}
.liensinterne1 a:link {color:#090;text-decoration:none;}
.liensinterne1 a:hover{ color:#F00; text-decoration:none;}
.liensinterne1 a:visited{ color:#090; text-decoration:none;}

.liensinterne2{ width:260px; height:150px; float:left;}
.liensinterne2 ul{list-style:none;}
.liensinterne2 a:link{ color:#090; text-decoration:none;}
.liensinterne2 a:hover{ color:#F00; text-decoration:none;}
.liensinterne2 a:visited{ color:#090; text-decoration:none;}

.liensinterne3{ width:250px; height:150px; float:left;}
.liensinterne3 ul{ list-style:none;}
.liensinterne3 a:link{ color:#090; text-decoration:none;}
.liensinterne3 a:hover{ color:#F00; text-decoration:none;}
.liensinterne3 a:visited{ color:#090; text-decoration:none;}

#documents {
	padding:20px;
}

#documents img { border:1px solid #000; }

#bulletinsPres { 
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	text-align:center;
	margin:10px;}
#bulletinsPres p { margin-top:-120px; margin-left: 430px; position: absolute; text-align:center; width:400px;  }

#parcoursPres { 
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	text-align:center;
	margin:10px;}

#parcoursPres p { margin-top:-120px; margin-left: 430px; position: absolute; text-align:center; width:400px;  }
	
#reglementPres { 
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	text-align:center;
	margin:10px;}

#reglementPres p { margin-top:-120px; margin-left: 430px; position: absolute; text-align:center; width:400px;  }

#plaquettePres { 
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	text-align:center;
	margin:10px;}

#plaquettePres p { margin-top:-70px; margin-left: 430px; position: absolute; text-align:center; width:400px; }

#bulletins { padding:10px; text-align:center; }

#bulletinsCol img { border:1px solid #000; margin-top:10px; }

#bulletinsCol {
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	text-align:center;}
	
#parcours { padding:20px; text-align:center; }

#parcours a { color:#090; text-decoration:underline; }
#parcours a:hover { color:#C00; text-decoration:none; }

#parcours #level1 { margin-top: 30px; }
#parcours #level1 a { margin: 0px 130px 0px 130px; }

#parcoursCol { margin-top: 30px; }
#parcoursCol a { margin: 0px 55px 0px 55px; }

#listeInscrits { padding:10px; text-align:center; }

#resultats { padding: 20px; text-align:center;}
	
#resultats a { border:none; }

#resultats p {
	border: 1px solid #090;
	width:120px;
	margin:0 auto;
	line-height: 30px;
	text-align:center;
	
	border-radius: 2em;
   	-webkit-border-radius: 2em;
   	-moz-border-radius: 2em;}

#resultats2008 {
	padding: 10px;
	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	text-align:center;}

#resultats2009 {
	padding: 10px;
	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	text-align:center;}
	
#resultats2010 {
	padding: 10px;
	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	text-align:center;}

#resultats2011 {
	padding: 10px;
	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	text-align:center;}

#divers { padding:20px; text-align:center; }
#divers a { float: left; margin: 0px 40px 0px 40px; border:none; text-decoration:none; }
#divers p:hover { color:#F00; }
#divers p { color:#000; text-align:center; margin:0 0 20px 0;}
#divers img { border:none; }

#acces { padding:10px; }
#acces #provenance { margin: 20px auto; width:500px; }
#acces #provenance p { text-align:center; margin:0; width:250px; float:left; }
#acces #provenance input.destination { margin:0; width: 200px; float:left; }
#acces #provenance input.envoi { width:30px; margin:0; margin-left: 10px; float:left; }
#acces #ReponseItineraire { margin-top:20px; }

#acces #plan { width: 956px; text-align:center; }

#photos { padding: 20px 0px 0px 10px; width:926px; margin:0 auto; }
#navigate { padding: 20px 0px 0px 10px; width:926px; margin:0 auto; }

#programme { text-align:center; padding:10px; }
#programme h3 { color:#090; }

#formContact { width:500px; margin: 0 auto; }

/*--- Styles Footer ---*/

#footer {
	width:980px;
	margin:0 auto;
}

#compteur { float:left; width:440px; text-align:center; margin-top: 10px; }
#informations { float:left; text-align:center; width:510px; font-family:'caviardreams'; color:#FFF; margin-top: 10px; }
#informations a, a:hover, a:visited { color:#FFF; text-decoration:none}
#informations a:hover { color:#FC3; text-decoration:none}
#logoAdministration {
	width: 25px;
	float:left;
	margin-top: 10px;
}
#logoAdministration img { border:none; }





#recherche {
	margin:0 auto;
	margin-top: 10px;
	width: 260px;
}

#recherche form { width: 260px; }

.searchform {
	background: #0C0; /* for non-css3 browsers */
 	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#0ec905’, endColorstr=’#01dd0f′); /* for IE */
 	/*background: -webkit-gradient(linear, left top, left bottom, from(#0ec905), to(#01dd0f)); /* for webkit browsers */
 	/*background: -moz-linear-gradient(top, #0ec905, #01dd0f); /* for firefox 3.6+ */
 	/*background-image: -o-linear-gradient(#0ec905,#01dd0f); /* for Opera 11.10+ */
	
    border: 1px solid #A6CD7C;
    border-radius: 2em 2em 2em 2em;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    display: inline-block;
    padding: 3px 5px;
}

.searchform input {
    font: 12px/100% Arial,Helvetica,sans-serif;
}
.searchform .searchfield {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BCBBBB;
    border-radius: 2em 2em 2em 2em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    outline: medium none;
    padding: 6px 6px 6px 8px;
    width: 202px;
}
.searchform .searchbutton {
	background: #090; /* for non-css3 browsers */
    border: 1px solid #090;
    border-radius: 2em 2em 2em 2em;
    color: #FFFFFF;
    font-size: 11px;
    height: 27px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    width: 27px;
}















/***********
 * Admin
 * ****************/
.ajoutSlide{
	display:block;
	background-image:url('../img/ajoute_slider.png');
	width:119px;
	height:22px;
	text-indent:-9999px;
	outline:none;
	margin: 0 auto;
}
.adminSlides{
	padding: 10px;
}

#formulaires {
	padding:20px;
}

.miniature{
	height:50px;
	clear:left;
	display:block;
	position:relative;
	left:80px;
	height:60px;
	padding:3px;
	margin:3px 0px 3px 0px;
	background-color:#555;
}
.supprimer{
	background: transparent url('../img/btn_suppr.png') no-repeat;
	width:14px;
	height:15px;
	display:block;
	text-indent:-9999px;
	outline:none;
	float:right;
}
form{
	display:block;
	float:left;
	width:305px;
}
fieldset{
	border:1px solid #525050;
	padding:7px;
	margin:3px;
}
legend{
	font-size:1.8em;
	display:block;
	margin-left:250px;
	position:absolute;
}
label{
	display:block;
	width:75px;
	text-align:right;
	margin:3px;
}
button{
	display:block;
	clear:left;
	color:#555;
	margin-left:80px;
	
}
input,textarea{
	float:left;
	width:270px;
	margin:3px;
	color:#555;
}
textarea{
	height:100px;
}