/*----Balises ----*/

form, p, ul, li, div, h1, h2, h3, h4 {margin: 0px; padding: 0px;}
body {
	background-image: url('../images/fond-body.jpg');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #DDDDDD;
	width: 100%;
}
#body {
	width: 900px;
	margin: auto;
}
.texte, body, table, ul, p, form {
	font-family: Tahoma, "Tempus Sans ITC", Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
	color: #000000;
}
table, p, form, h2 {
	margin-bottom: 10px;
}
h1{
	font-size: 26px;
	color: #2D2D2D;
	text-align: center;
	margin-bottom: 26px;
}
h2 {
	font-size: 14px;
	text-align: left;
	color: #0E3022;
	margin-left: 20px;
	font-weight: bold;
}
h2 a{color: blue; font-size: 12px; text-decoration: underline;}
h2 a:visited{color: blue; font-size: 12px; text-decoration: underline;}
h2 a:hover{color: blue; font-size: 12px; text-decoration: none;}
h3 {
	font-size: 12px;
	font-weight: bold;
	color: #0E3022;
}
a {color:#000000; text-decoration: none; font-style: normal; font-weight: normal;}
a:visited{color: #000000; text-decoration: none; font-style: normal; font-weight: normal;}
a:hover{color: #000000; text-decoration: underline; font-style: normal; font-weight: normal;}

input, textarea, select, option {color: #222222; background-color: #FFFFFF; font-size: 10px; border: 1px solid #CDCDCD;}
table th{font-weight: bold; text-align: center;}
img {border-width: 0px;}
/*-----------------Bannière-----------------*/
#header{
	width: 900px;
	height: 283px;
	background-image: url('../images/header.jpg');
	background-position: top;
	background-repeat: no-repeat;
}

#diaporama {
	width: 490px;
	height: 195px;
	margin: 10px 0px 0px 500px;
	position: relative;
}
#diaporama img{position: absolute;}

#bandeau {
	overflow: hidden;
	position: relative;
	height: 70px;
	margin-top: 7px;
	border: 3px solid #2108D9;
	border-top: none;
}
#bandeau2, #bandeau3 {
	position: absolute;
	float: left;
	width: 3031px;
}
#bandeau2 img, #bandeau3 img{float: left; margin-right: 5px;}

#corps {
	width: 900px;
	min-height: 400px;
	background-image: url('../images/corps-repeaty-horizontal.png');
	background-repeat: repeat-y;
	background-position: top;
	border-top: 3px solid #2108D9;
}
#corps2 {
	width: 900px;
	min-height: 400px;
	background-image: url('../images/corps-norepeat-horizontal.png');
	background-repeat: no-repeat;
}

/*-----------------Header-----------------*/
#menuJS {margin: 0px 3px 0px 3px; font-weight: bold; list-style-type: none; background-color: #4c7cf6; height: 27px; border-bottom: 2px solid #1500e3;}
#menuJS .menuJS_li{display: block; float: left; height: 27px; line-height: 27px; position: relative;}
#menuJS .menuJS_li p{display: inline; height: 100%; line-height: 100%; padding: 0 20px; text-align: center;}
#menuJS .menuJS_li a{color: #2d2d2d; text-decoration: none; font-weight: bold; font-size: 16px; position: relative; z-index: 2;}
#menuJS .menuJS_li a:visited{color: #2d2d2d; text-decoration: none; font-weight: bold;}
#menuJS .menuJS_li a:hover{color: #2d2d2d; text-decoration: none; font-weight: bold;}
#menuJS .menuJS_li a:focus{outline: 0;}

#menuJS .menuJS_ul2{position: absolute; top: 26px; left: -1px; z-index: 40; list-style-type: none; display: none; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;}


#menuJS .menuJS_li2{position: relative; background-color: #4c7cf6; height: 25px; line-height: 25px; border-bottom: 1px solid #000000; text-align: left;}
#menuJS .menuJS_li2 p{display: block; text-align: left; padding-left: 17px; height: 25px; line-height: 25px;}
#menuJS .menuJS_li2 a{color: #2d2d2d; text-decoration: none; font-weight: bold; font-size: 14px; position: relative; z-index: 2;}
#menuJS .menuJS_li2 a:visited{color: #2d2d2d; text-decoration: none; font-weight: bold;}
#menuJS .menuJS_li2 a:hover{color: #2d2d2d; text-decoration: none; font-weight: bold;}
#menuJS .menuJS_li2 a:focus{outline: 0;}

.sousmenu {margin: 0px 3px 0px 3px; font-weight: bold; list-style-type: none; background-color: #4c7cf6; height: 27px; border-bottom: 2px solid #1500e3;}
.sousmenu li{display: block; float: left; height: 27px; line-height: 27px; text-align: center; width: 220px;}
.sousmenu li a{color: #2d2d2d; text-decoration: none; font-weight: bold; font-size: 16px;}
.sousmenu li a:visited{color: #2d2d2d; text-decoration: none; font-weight: bold;}
.sousmenu li a:hover{color: #2d2d2d; text-decoration: none; font-weight: bold;}
.sousmenu li a:focus{outline: 0;}

/*-----------------Contenu-----------------*/
#gauche {float: left; width: 237px; margin-left: 13px;}
#content {margin: 5px 10px 0px 255px;}
#contentLarge {margin: 5px 10px 0px 10px;}

/*-----------------Bas-----------------*/
#footer{
	width: 900px;
	height: 300px;
	background-image: url('../images/degrade-footer.jpg');
	background-position: top center; 
	background-repeat: no-repeat;
	font-size: 12px;
}
#footer ul{width: 220px; float: left; list-style-type: none;}
#footer ul li{margin-bottom: 15px;}
#footer ul li a{font-weight: bold;}
#footer ul li ul{width: auto; float: none; list-style-type: none; margin-left: 20px;}
#footer ul li ul li{margin: 0; background: url('../images/footer/puce-li.png') no-repeat left center; padding-left: 16px; line-height: 14px;}
#footer ul li ul li a{font-weight: normal;}

#footer #coordonnees{float: right; background: url('../images/footer/fond-coordonnees.jpg') repeat-y right; text-align: right; padding-right: 17px;}
#footer #coordonnees address{font-style: normal;}

/*----style du texte général----*/

/*Page Accueil */

.actualite {width: 300px; height: 311px; background: url('../images/actualites/fond-actu.png') no-repeat; float: left; margin: 0px 15px 20px 0px;}
.actualite h3{margin: 5px 0px 0px 25px; font-size: 14px;}
.actualites_contenu {margin: 27px 0px 0px 0px;}
.actualites_contenu ul{margin: 0px 15px 0px 15px; text-align: left;}
.actualites_contenu li{list-style-type: none; color: #000000;}
.actualites_contenu a{color: #000000; text-decoration: underline;}
.actualites_contenu a:visited{color: #000000; text-decoration: underline;}
.actualites_contenu a:hover{color: #ffffff; text-decoration: none;}

.actualite table{width: 100%;}
.actualite table td{width: 33%; text-align: center;}


.block_actu {border: 1px solid #ffffff; background-color: #4A7DF7;}
.block_actu h3{height: 38px; line-height: 38px; border-bottom: 1px solid #ffffff; font-weight: bold; font-size: 16px; background: url('../images/actualites/fond-h3.jpg') repeat-x; padding-left: 20px;}
.block_actu h3 ul{list-style-type: none; margin: 0; padding: 0;}
.block_actu h3 ul li{float: left; width: 15px; text-align: center; font-weight: bold; font-size: 16px; color: #0E3022;}

.block_actu ul{text-align: left; margin: 10px; list-style-type: none;}


#moduleActu2 {width: 632px; height: 400px; position: relative; margin-left: 3px;}
#moduleActu2 #photosBig{position: relative; overflow: hidden; width: 632px; height: 400px;}
#moduleActu2 #photosBig img{position: absolute; top: 0px; left: 0px;}

#moduleActu2 #voileNoir{background: url('../images/module-actu2/voile-noir.png'); width: 632px; height: 80px; position: absolute; top: 320px; left: 0px; border-top: 1px solid #ffffff; overflow: hidden;}
#moduleActu2 #voileNoir h2{height: 80px; line-height: 80px; color: #ffffff; padding: 0 13px; overflow: hidden; font-size: 20px; font-family: Georgia;}
#moduleActu2 #moduleActu2_menu{position: absolute; top: 268px; right: 5px; list-style-type: none;}
#moduleActu2 #moduleActu2_menu li{width: 15px; height: 19px; line-height: 19px; text-align: center; float: left; margin-right: 2px; background: url('../images/module-actu2/voile-noir.png');}
#moduleActu2 #moduleActu2_menu li a{color: #ffffff; text-decoration: none; font-weight: normal; outline: 0;}

#ephemeride {text-align: center;}
#ephemeride strong{font-weight: normal; color: #ecfb84;}

#compteurs table{border-collapse: collapse;}
#compteurs td{text-align: center; width: 120px;}
#compteurs .compteur{border: 1px solid #fff; padding: 4px; background-color: #0a1b0f; height: 27px; margin: auto;}
#compteurs .compteur img{float: left; width: 19px;}

/*Page Actualités */
#actualites {border: 1px solid #4C7CF6;}
#actu_titre {background-color: #4C7CF6; text-align: center;}
#actu_corps p{margin: 5px;}
#actualites img{float: left; border: 1px solid #4C7CF6; margin: 0px 5px 0px 0px;}

/*Page le Bureau */
#bureau {border-collapse: collapse;}
#bureau td{border: 1px black solid; padding: 3px;}

/*Page contact*/
#form_contact label{float: left; margin-top: 5px;}
.form_contact_champ {display: block; margin: 5px 0px 5px 140px;}

/*Page Partenaires*/
.partenaire {width: 600px; float: left; margin-bottom: 20px;}
.partenaire img{border-width: 0px; float: left; margin: 0px 20px 5px 0px;}

/*Page Nos équipes*/
.coureur {width: 310px; height: 150px; float: left;}
.coureur_photo {width: 110px; text-align: center; float: left;}
.coureur_pasdephoto {width: 100px; height: 130px; border: 1px solid #000000; margin: auto;}
.coureur_photo img{border: 1px solid #000000;}
.coureur_texte {}

#table_coureurs td{vertical-align: top;}

/*Pag calendrier et résultats */
#calendrier_resultats {}
#calendrier_resultats td{vertical-align: top; padding-bottom: 10px; width: 40%;}
#calendrier_resultats ul{list-style-type: none;}
#calendrier_resultats ul li{text-align: left;}
#calendrier_resultats td img{width: 310px; border: 1px solid #4A7DF7;}

/*Page Nos organisations*/
#retourListeCourse {width: 105px; height: 25px; line-height: 25px; border: 1px solid #000000; background-color: #4A7DF7; padding: 0 5px; text-align: right; margin-bottom: 20px;}
#retourListeCourse a{text-decoration: none;}
#retourListeCourse a:visited{text-decoration: none;}
#retourListeCourse a:hover{text-decoration: none;}

.autresEditions {width: 105px; height: 25px; line-height: 25px; border: 1px solid #000000; background-color: #4A7DF7; padding: 0 5px; text-align: center; margin-bottom: 20px;}
.autresEditions a{text-decoration: none; font-weight: bold;}
.autresEditions a:visited{text-decoration: none; font-weight: bold;}
.autresEditions a:hover{text-decoration: none; font-weight: bold;}

#liste_engages {margin: auto; margin-top: 20px; background-color: #DDDDDD; border-collapse: collapse;}
#liste_engages td, #liste_engages th{border: 1px black dotted;}
#liste_engages th{font-weight: bold; text-align: center;}
#liste_engages td{padding-left: 5px; padding-right: 15px;}

#engagements label{float: left; margin-top: 5px;}
.engagements_champ {display: block; margin: 0px 0px 4px 120px;}

#liste_courses {margin-top: 20px;}
#liste_courses .organisation{text-align: left; border-bottom: 1px solid #4A7DF7; margin-bottom: 3px; padding-bottom: 3px;}



/**************** Partie Admin **********************/
#form_admin label{float: left; margin-top: 5px;}
.form_admin_champ {display: block; margin: 5px 0px 5px 120px;}

/*Page Accueil */
#change_pass label{float: left; margin-top: 5px;}
.change_pass_champ {display: block; margin: 5px 0px 5px 160px;}

/*Page Gestion du calendrier*/
#date_modifier label{float: left;	margin-top: 5px;}
#date_modifier input[type="text"]{width: 250px;}
.date_modifier_champ {display: block; margin: 5px 0px 5px 140px;}

/*Page Ajouter des photos */
#photos_ajouter label{float: left; margin-top: 5px;}
.photos_ajouter_champ {display: block; margin: 5px 0px 5px 120px;}

/*Page Ajouter un date du calendrier*/
#ajouter_date label{float: left; margin-top: 5px;}
#ajouter_date input[type="text"]{width: 250px;}
.ajouter_date_champ {display: block; margin: 5px 0px 5px 140px;}

/*Page Photos d'illustrations */
#illustrations_ajouter label{float: left; margin-top: 5px;}
.illustrations_ajouter_champ {display: block; margin: 5px 0px 5px 160px;}

#valide_photo label{float: left; margin-top: 5px;}
.valide_photo_champ {display: block; margin: 5px 0px 5px 250px;}

/*Page Ajouter un coureur*/
#ajouter_coureur label{float: left; margin-top: 5px;}
.ajouter_coureur_champ {display: block; margin: 5px 0px 5px 150px;}

/*Page Liste des coureurs du club*/
#modifier_listecoureurs label{float: left; margin-top: 5px;}
.modifier_listecoureurs_champ {display: block; margin: 5px 0px 5px 150px;}

#coureurs_club {border-collapse: collapse;}
#coureurs_club td, #coureurs_club th{border: 1px solid #000000; background-color: #DDDDDD; padding: 2px 5px 2px 3px;}

/*Page Junior : Galeries photos*/


/*Page Gestion des organisations*/
#gestion_organisation {border-collapse: collapse;}
#gestion_organisation td, #gestion_organisation th{border: 1px solid #000000; padding: 3px 5px;}
#gestion_organisation ul{margin-left: 20px; list-style-type: none;}

#modification_coureur label{float: left; margin-top: 5px;}
.modification_coureur_champ {display: block; margin: 5px 0px 5px 150px;}

/*Page Inscrire des coureurs du club*/
#form_inscrirebac2 label{float: left; margin-top: 5px;}
.form_inscrirebac2_champ {display: block; margin: 5px 0px 5px 130px;}