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

body, form, p, ul, ol, li, div, h1, h2, h3, h4, h5, h6, fieldset {margin: 0px; padding: 0px;}
body {
	/*background-image: url('../images/fond-norepeat.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #000032;*/
	width: 100%;
}
#body {
	width: 900px;
	margin: auto;
}
.texte, body, table, ul, ol, p, form, fieldset, legend {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-align: left;
	color: #000000;
}
a {color: #000000; text-decoration: underline; font-style: normal; font-weight: normal;}
a:visited{color: #000000; text-decoration: underline; font-style: normal; font-weight: normal;}
a:hover{color: #000000; text-decoration: none; font-style: normal; font-weight: normal;}

table, form {
	margin-bottom: 10px;
}
h1{
	font-family: Georgia;
	font-size: 20px;
	color: #50508B;
	font-weight: bold;
	text-align: left;
	background-image: url('../images/puce-h1.jpg');
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 30px;
	border-top: 1px solid #50508b;
	border-bottom: 1px solid #50508b;
}
h2 {
	font-size: 12px;
	text-align: left;
	color: #3e434a;
}

input, textarea, select, option {color: #222222; background-color: #FFFFFF; font-size: 10px; border: 1px solid #CDCDCD;}
table th{font-weight: bold; text-align: center;}
fieldset {padding: 5px;}
img {border-width: 0px;}
input[type=checkbox], input[type=radio] {background: transparent; border-width: 0px;}

/*-----------------Bannière-----------------*/
#header{
	width: 900px;
	height: 328px;
	position: relative;
}
#bandeau {margin: 19px 0px 0px 0px; height: 300px; width: 900px; overflow: hidden; position: relative;}
#bandeau img{position: absolute; top: 0px; left: 0px;}
#corps {
	width: 900px;
	min-height: 500px;
	background-color: #c1c2e1;
}
#corps2 {
	width: 900px;
	min-height: 500px;
	background-image: url('../images/corps-norepeat.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
}

/*-----------------Header-----------------*/
#menu {margin: 0px 0px 0px 0px; font-weight: bold;}

#sousmenu {position: relative; z-index: 100;}
#sousmenu ul{position: absolute; border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000;}
#sousmenu #sousmenu1{position: absolute; top: 19px; left: 100px; width: 150px;}
#sousmenu #sousmenu2{position: absolute; top: 19px; left: 180px; width: 140px;}
#sousmenu #sousmenu3{position: absolute; top: 19px; left: 423px; width: 128px;}
#sousmenu #sousmenu4{position: absolute; top: 19px; left: 552px; width: 128px;}
#sousmenu #sousmenu5{position: absolute; top: 19px; left: 672px; width: 170px;}
#sousmenu li{display: block; list-style-type: none; text-align: left; height: 25px; background-color: #040369; line-height: 25px; padding-left: 10px; border-bottom: 1px solid #50508C; z-index: 100;}
#sousmenu a{color: #ffffff; text-decoration: none; font-weight: bold; font-size: 12px;}
#sousmenu a:visited{color: #ffffff; text-decoration: none; font-weight: bold;}
#sousmenu a:hover{color: #ffffff; text-decoration: none; font-weight: bold;}

#menuderoulant li{display: block; float: left; background: url('../images/fond-menu.jpg') left center no-repeat; height: 20px; text-align: center;}
#menuderoulant a{color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 12px; line-height: 19px;}
#menuderoulant a:visited{color: #FFFFFF; text-decoration: none; font-weight: bold;}
#menuderoulant a:hover{color: #FFFFFF; text-decoration: none; font-weight: bold;}

/*----------------------------------------*/
/*-----------------Droite-----------------*/
/*----------------------------------------*/
#droite {float: right; margin: 0px 10px 0px 0px; width: 260px;}

#bannierepub {width: 260px; height: 190px; margin-bottom: 12px;}

#prochainmatch {width: 260px; height: 194px; margin-bottom: 12px; background: url('../images/fond-prochainmatch.png') no-repeat;}
#prochainmatch h3{text-align: center; color: #93a9c8; font-size: 23px; font-weight: bold;}
#prochainmatch table{margin: auto;}
#prochainmatch table td, #prochainmatch table th{text-align: center;}
#prochainmatch table th{font-weight: bold;}


#classements {width: 260px; height: 357px; background: url('../images/fond-classements.png') no-repeat; margin-bottom: 12px;}
#classements_content {margin: 0px 0px 0px 90px; position: relative;}

#classements h1, #classements h2{display: none;}
#classements .Odd{background-color: #C1C2E1;}
#classements .Even, #classements th{background-color: #FFAB1F;}

#classementrss1 {width: 117px; position: absolute; top: 0px; left: 0px; overflow: hidden;}
#classementrss1 table {border-collapse: collapse;}
#classementrss1 table tbody tr td, #classementrss1 table thead tr th{padding: 0 10px; border: 1px solid #ffffff; height: 17px; line-height: 15px;}
#classementrss1 table tbody tr .Center{border: 0px solid #ffffff;}

#classementrss2 {width: 36px; height: 320px; position: absolute; top: 0px; left: 117px; overflow: hidden;}
#classementrss2 .ranking{position: relative;}
#classementrss2 table {border-collapse: collapse; position: absolute; top: 0px; left: -324px;}
#classementrss2 table tbody tr td, #classementrss2 table thead tr th{padding: 0 10px; border: 1px solid #ffffff; height: 17px; line-height: 15px;}
#classementrss2 table tbody tr .Center{border: 0px solid #ffffff;}

#lien_classements {position: absolute; top: 310px; left: -31px;}


#cadre_boutique {width: 260px; height: 90px; background: url('../images/fond-boutique.png') no-repeat;}

#content {margin: 0px 281px 0px 10px;}

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

#footer_bas {border-collapse: collapse;}
#footer_bas td{width: 180px; height: 150px; text-align: center;}

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


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

/*Page Actualites*/
#moduleActu4 {position: relative; width: 594px; height: 303px; margin-bottom: 20px;}

#moduleActu4 .photosBig{position: relative; list-style-type: none;}
#moduleActu4 .photosBig li{position: absolute; top: 0; left: 0; width: 443px; height: 303px; display: none;}

#moduleActu4 .vignettes{list-style-type: none; width: 151px; height: 303px; position: absolute; top: 0; right: 0;}
#moduleActu4 .vignettes li{width: 137px; height: 87px; padding: 7px; background: url('../images/module-actu4/fond-vignette.png') no-repeat; position: relative;}
#moduleActu4 .vignettes li h4{color: #feab1f; font-size: 11px; font-weight: bold; text-align: left; background: url('../images/module-actu4/fond-h4.jpg') repeat-y left; padding-left: 7px; margin-bottom: 8px;}
#moduleActu4 .vignettes li .desc{text-align: justify; background: url('../images/module-actu4/puce-desc.png') no-repeat top left; text-indent: 8px; line-height: 12px;}
#moduleActu4 .vignettes li .desc a, #moduleActu4 .vignettes li .desc a:visited{color: #ffffff; font-size: 10px; text-decoration: none; outline: 0;}
#moduleActu4 .vignettes li .date{color: #c1c2e1; position: absolute; bottom: 5px; right: 7px; font-size: 10px;}


#derniers_articles {width: 301px; height: 471px; float: left; background: url('../images/actualites/derniers-articles.jpg') no-repeat; padding: 19px 0px 0px 6px; margin-right: 10px;}
#derniers_articles .actu{width: 276px; height: 132px; background: url('../images/actualites/fond-actu.jpg') no-repeat; margin-top: 10px; padding: 8px 8px 0px 8px;}
#derniers_articles .actu h4{font-size: 12px; color: #ffffff; height: 14px; overflow: hidden; width: 100%;}
#derniers_articles .actu .actu_content{height: 80px; margin-top: 3px}
#derniers_articles .actu .actu_content_img{float: left; width: 83px; height: 70px; overflow: hidden; margin: 0px 10px 10px 0px;}
#derniers_articles .actu .actu_content img{width: 83px;}
#derniers_articles .actu .actu_content .desc{}
#derniers_articles .actu .date{float: left; color: #1e1e63; font-size: 14px;}
#derniers_articles .actu .lirelasuite{float: right;}
#derniers_articles .actu .lirelasuite a{color: #ffffff; font-size: 14px; font-weight: bold; text-decoration: none;}
#derniers_articles .actu .lirelasuite a:visited{color: #ffffff; font-size: 14px; font-weight: bold; text-decoration: none;}
#derniers_articles .actu .lirelasuite a:hover{color: #ffffff; font-size: 14px; font-weight: bold; text-decoration: underline;}

#filinfos {width: 284px; height: 490px; background: url('../images/actualites/fil-infos.jpg') no-repeat; float: left;}
#filinfos ul{margin: 25px 10px 0px 10px; list-style-type: none; height: 443px;}
#filinfos ul li{height: 37px; border-bottom: 1px dashed #3381c6; line-height: 37px; width: 269px; overflow: hidden;}
#filinfos ul li a{color: #d0d0e5; font-size: 12px; text-decoration: none;}
#filinfos ul li a:visited{color: #d0d0e5; font-size: 12px; text-decoration: none;}
#filinfos ul li a:hover{color: #ff6600; font-size: 12px; text-decoration: underline;}
#filinfos ul li .filinfos_date{color: #ff6600; width: 95px; float: left;}

.precedent {text-align: center; margin-top: 1px;}
.precedent a{color: #f6d500; font-weight: bold; text-decoration: none; font-size: 14px;}
.precedent a:visited{color: #f6d500; font-weight: bold; text-decoration: none;}
.precedent a:hover{color: #f6d500; font-weight: bold; text-decoration: underline;}

/*Pages Junior */
.junior {width: 140px; float: left; margin: 0px 10px 10px 0px; text-align: center; border: 1px solid #3176b7; font-weight: bold;}


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

/*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: 5px; width: 150px; border: 1px solid #C5AE8F; text-align: center;}
.galerie_photos td p{text-align: left; font-size: 12px;}
.table_admin th, .table_admin td{padding: 2px 5px; background-color: #989898;}
.table_admin th{font-weight: bold; text-align: center;}
.liste {list-style-image: url('../images/puce-liste.jpg'); margin-left: 30px;}

.bloc {background-color: #8182B2; border: 1px solid #50508C; margin-bottom: 15px; padding-bottom: 10px;}
.bloc h2{background-color: #50508C; background-image: url('../images/puce-h2.png'); background-position: left center; background-repeat: no-repeat; color: #ffffff; font-size: 14px; line-height: 20px; height: 20px; padding-left: 25px; margin-bottom: 10px;}
.bloc h3{background-color: #50508C; color: #ffffff; font-size: 12px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding-left: 15px; height: 18px; line-height: 18px;}
.bloc .bloc_content{margin: 5px;}
.bloc table {width: 100%;}
.bloc table td{text-align: center; vertical-align: top;}
.bloc ul{list-style-image: url('../images/puce-bloc-ul.jpg'); margin-left: 20px;}

.table th{background-color: #a8a9d2;}
.table .ligne1 td{background-color: #C1C2E1;}
.table .ligne2 td{background-color: #a8a9d2;}

.table_chamonix {border-collapse: collapse;}
.table_chamonix th{background-color: #FFAB1F;}
.table_chamonix td, .table_chamonix th{border: 1px solid #ffffff; text-align: center;}
.table_chamonix .ligne1 td{background-color: #C1C2E1;}
.table_chamonix .ligne2 td{background-color: #FFAB1F;}