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

form, p, ul, li, div, h1, h2, h3 {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;
	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;
}
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 400px;
	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: 2703px;
}
#bandeau2 img, #bandeau3 img{float: left; margin-right: 5px;}

#corps {
	width: 900px;
	min-height: 400px;
	background-image: url('../images/corps-repeaty.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.png');
	background-repeat: no-repeat;
}

/*-----------------Header-----------------*/
#menu{
	/*background-image: url('../images/menu.jpg');
	background-position: top left; 
	background-repeat: no-repeat; 
	background-color: #000000;*/
	float: left;
	text-align: center;
	width: 240px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
}
/*#menu li{background: url('../images/trait-blanc.png') bottom center no-repeat; height: 36px; list-style-type: none;}*/

/*#menu li{background: url('../images/fond-menu.jpg') no-repeat; width: 236px; height: 37px; list-style-type: none; margin: 5px 0px 0px 4px; border: 1px solid #000000;}
#menu li:hover{background: url('../images/fond-menu-hover.jpg') no-repeat; width: 236px; height: 37px; list-style-type: none; margin: 5px 0px 0px 4px; border: 1px solid #000000;}
#menu p{margin: 10px 0px 0px 0px; text-align: center;}
#menu a{color: #2D2D2D; text-decoration: none; font-weight: bold; font-size: 14px;}
#menu a:visited{color: #2D2D2D; text-decoration: none; font-weight: bold;}
#menu a:hover{color: #4A7DF7; text-decoration: none; font-weight: bold;}*/

#menu li{width: 236px; height: 20px; list-style-type: none; margin: 5px 0px 0px 4px;}
.background_li {border-bottom: 1px solid #000000;}
.background_li_titre {background: url('../images/background-li-titre.jpg') no-repeat; border: 1px solid #000000;}
/*#menu li:hover{background: url('../images/fond-menu-hover.jpg') no-repeat; width: 236px; height: 37px; list-style-type: none; margin: 5px 0px 0px 4px; border: 1px solid #000000;}*/
#menu p{margin: 0px 0px 0px 30px; text-align: left; color: #2D2D2D; text-decoration: none; font-weight: bold; font-size: 14px;}
#menu a{color: #2D2D2D; text-decoration: none; font-weight: bold; font-size: 14px;}
#menu a:visited{color: #2D2D2D; text-decoration: none; font-weight: bold;}
#menu a:hover{color: #FFFFFF; text-decoration: none; font-weight: bold;}

.menu2 {margin-top: 5px;}
.menu2 li{background: none; height: 20px; text-align: center;}
/*-----------------Contenu-----------------*/
#content{
	margin: 5px 10px 0px 255px;
}

/*-----------------Bas-----------------*/
#footer{
	width: 900px;
	height: 55px;
	background-image: url('../images/degrade-footer.jpg');
	background-position: top center; 
	background-repeat: no-repeat;
	font-size: 12px;
}
#footer_lien {float: left; margin: 5px 0px 0px 150px;}
#footer_lien a{color: #000000; text-decoration: none; font-weight: normal;}
#footer_lien a:visited{color: #000000; text-decoration: none; font-weight: normal;}
#footer_lien a:hover{color: #FF0000; text-decoration: underline; font-weight: normal;}
#footer_copyright {float: right; margin: 5px 150px 0px 0px; color: #000000;}

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

/*Page Accueil */
/*#photos_permanentes {width: 225px; float: right; margin-left: 10px; text-align: center;}
#photos_permanentes img{border: 2px solid #4A7DF7;}

.fildactu {margin: 0px 0px 0px 10px;}
.fildactu li{list-style-type: none;}
.fildactu_titre {width: 233px; height: 22px; background-image: url('../images/fond-fildinfo.png'); background-repeat: no-repeat; margin-bottom: 10px;}
.fildactu_titre h2{margin: 0px 0px 20px 30px;}*/

.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;}

#bouquet_cadre {margin-left: 35px; width: 540px; height: 160px; overflow: hidden; position: relative;}
#bouquet_cadre .div_img{width: 180px; height: 160px; position: absolute; top: 0px; left: 0px; text-align: center;}
#bouquet_cadre table{height: 100%;}
#bouquet_cadre table tr{height: 100%;}
#bouquet_cadre table tr td{height: 100%;}

.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 ul{text-align: left; margin: 10px; list-style-type: none;}

/*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 Partenaires*/
.partenaire {width: 600px; float: left; margin-bottom: 20px;}
.partenaire img{border-width: 0px; float: left; margin: 0px 20px 5px 0px;}

/*Page Nos organisations*/
#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;}

/*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;}
#calendrier_resultats ul{list-style-type: none;}
#calendrier_resultats td img{width: 310px; border: 1px solid #4A7DF7;}

/*Page nos courses*/
.organisation {border-bottom: 1px solid #4A7DF7; margin-bottom: 3px; padding-bottom: 3px;}

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

/**************** 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_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_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 Gestion des organisations*/
#gestion_organisation {border-collapse: collapse;}
#gestion_organisation td, #gestion_organisation th{border: 1px solid #000000; padding: 3px 5px;}

#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;}


/*Toutes les classes */
.spacer{clear: both; height: 1px; font-size: 1px;}
.space{height: 1px; font-size: 1px;}
.inline {display: inline;}
.block {display: block;}
.hidden {display: none;}
.galerie_photos td{vertical-align: top; padding-right: 15px;}
.galerie_photos img{border: 2px solid #FFFFFF;}
.table_admin th, .table_admin td{padding: 2px 5px; background-color: #989898;}
.table_admin th{font-weight: bold; text-align: center;}