/* CSS Document */
body{
	background-color:#333333;
	
	background-position:center;
	background-repeat:no-repeat;
	/*color:#dc291e;*/
	color:#000000;
	margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */	
	font-size:10px;
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	
}

a {
	color:#dc291e;
	font-weight:bold;
	text-decoration:none;

}
a.textrouge{
color:#FF0000;
font-weight:bold;
text-decoration:none;

}
a:hover {
	text-decoration:underline;

}

a img{
	border-width: 0;	
	
}

li {
list-style-image:url(../images/icones/fleche_related_link_rouge.gif);
}

.small{
font-size:9px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
a.blanc{
color:#FFFFFF;
font-size:12px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight:normal;
}

.list{
list-style-image:url(../images/icones/fleche_related_link_rouge.gif);
}
.list_new{
background-image:url(bkgd/list_new.gif);
background-color:#FFFFFF;
background-position:bottom;
background-repeat:repeat-x;
/*background-color:#eeeeee;*/
}

.list_new.upper{
text-transform:uppercase;
font-weight:bold;
color:#666666;
background-color:#F5F5F5;
}
.list_new.spec{
color:#333333;
background-color:#F5F5F5;
padding-left:5px;
padding-bottom:2px;
padding-top:2px;
}
.list_new.specgray{
color:gray;
background-color:#F5F5F5;
padding-left:5px;
padding-bottom:2px;
padding-top:2px;
}

.fond_blanc{
color:#333333;
background-color:#FFFFFF;
padding-left:5px;
padding-bottom:2px;
padding-top:2px;
}
.fond_blanc_carousel{
color:#333333;
background-color:#FFFFFF;
padding-left:0px;
padding-bottom:2px;
padding-top:2px;
}
br.date{
color:#999999;
}


.listboys{
list-style-image:url(../images/icones/fleche_related_link_rouge.gif);
}

.listgirls{
list-style-image:url(../images/icones/fleche_related_link_old.gif);
}
.listgirls a{
color:#FF00CC;
}
.liststaff{
list-style-image:url(../images/icones/fleche_related_link_staff.gif);

}
.liststaff a{
color:#717291;
}

h1 {

	color:#000000;
	font-size:18px;
	font-family: Geneva, Arial, Helvetica, sans-serif;

}

h2 {

	color:#dc291e;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-bottom:5px;


}

h3{
font-size:13px;
font-weight:bold;
color:#dc291e;
text-transform:uppercase;
}

.staff{
color:#717291;
text-transform:uppercase;
}

.dames{
color:#FF00CC;
text-transform:uppercase;
}

.h3{
font-size:12px;
font-weight:bold;
color:#dc291e;
}

.tbl{

background-color:#eeeeee;
}

td{
font-size:12px;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
td.textbleu{
	color:#dc291e;
	font-weight:bold;
	text-decoration:none;
}


td.blanc{
color:#FFFFFF;
font-weight:bold;}

td.noir{
color:#000000;
font-weight:bold;}

td.menucenter{
font-size:12px;
color:#000000;
font-weight:bold;
text-transform:uppercase;
background-image:url(bkgd/menucenter21.gif);
background-repeat:repeat-x;
background-position:left;
background-color:#eeeeee;
text-align:center;
padding:3px;
}
td.menucenter a{
color:#000000;
}
td.menucenter a:hover{

/*font-variant:small-caps;*/
}

td.menu_center{
font-size:13px;
text-transform:uppercase;
color:#000000;
font-weight:bold;
background-image:url(bkgd/menu_center.gif);
background-repeat:repeat-x;
background-position:left;
background-color:#eeeeee;
text-align:center;
}
td.menu_center a{
color:#000000;
}
td.menu_center a:hover{
}
td.menu_center_left{
font-size:13px;
color:#000000;
font-weight:bold;
background-image:url(bkgd/menu_center.gif);
background-repeat:repeat-x;
background-position:left;
background-color:#eeeeee;
text-align:left;
}
td.menuleft{
font-size:12px;
background-image:url(bkgd/menu_left.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#eeeeee;
}
td.menuright{
font-size:12px;
background-image:url(bkgd/menu_right.gif);
background-repeat:no-repeat;
background-position:left;
background-color:#eeeeee;
}
td.menu_right{
background-image:url(bkgd/menu_right.png);
background-repeat:no-repeat;
}
td.menu_left{
background-image:url(bkgd/menu_left.png);
background-repeat:no-repeat;
}

td.selectcenter a{
color:#dc291e;
text-decoration:underline;
}
td.select_center {
font-size:13px;
text-transform:uppercase;
color:#000000;
font-weight:bold;
background-image:url(bkgd/menu_center.gif);
background-repeat:repeat-x;
background-position:left;
background-color:#eeeeee;
text-align:center;
}
td.select_center a{
color:#dc291e;
text-decoration:underline;
}
td.selectleft {
background-image:url(./bkgd/menu_left_selected.gif);
background-position:right;
background-repeat:no-repeat;
}
td.selectright {
background-image:url(./bkgd/menu_right_selected.gif);
background-position:left;
background-repeat:no-repeat;
}

td.menuleftbl{/*version avec fond blanc*/
font-size:12px;
background-image:url(bkgd/menu_leftbl.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#eeeeee;
}
td.menurightbl{/*version avec fond blanc*/
font-size:12px;
background-image:url(bkgd/menu_rightbl.gif);
background-repeat:no-repeat;
background-position:left;

}

td.menu{
font-size:13px;
color:#FFFFFF;
}
td.cadrebleutop{
background-image:url(bkgd/cadrebleutop.gif);
background-repeat:repeat-x;
background-position:left bottom;
height:9px;
font-size:9px;
}
td.cadrebleubottom{
background-image:url(bkgd/cadrebleubottom.gif);
background-repeat:repeat-x;
background-position:left top;
height:10px;
font-size:10px;
}
td.cadrebleutopleft{
background-image:url(bkgd/cadrebleutopleft.gif);
background-position:right bottom;
background-repeat:no-repeat;
}
td.cadrebleubottomleft{
background-image:url(bkgd/cadrebleubottomleft.gif);
background-position:right top;
background-repeat:no-repeat;
}
td.cadrebleuleft{
background-image:url(bkgd/cadrebleuleft.gif);
background-repeat:repeat-y;
background-position:right;

}
td.cadrebleutopright{
background-image:url(bkgd/cadrebleutopright.gif);
background-position:left bottom;
background-repeat:no-repeat;
}
td.cadrebleubottomright{
background-image:url(bkgd/cadrebleubottomright.gif);
background-position:left top;
background-repeat:no-repeat;
}
td.cadrebleuright{
background-image:url(bkgd/cadrebleuright.gif);
background-repeat:repeat-y;
background-position:left;
}
td.calendrier{
font-size:10px;
}

td.palmares{
color:#000000;
font-size:10px;
}

td.trait{
background-image:url(bkgd/trait.gif);
background-repeat:repeat-y;
}

.strong{
font-weight:bold;
}






#top {
	width: 990px;
	height: 150px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(bkgd/top11.jpg);
	background-position: bottom;
	background-repeat:no-repeat;
	text-align: left; /* on rétablit l'alignement normal du texte */
	
}



#menu {
	width: 990px;
	height: 32px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-image:url(bkgd/fond_menu10.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#dc291e;
}

#contenu {
	margin-left:auto;
	margin-right:auto;
	width: 990px;
	height:auto;
	background-image:url(bkgd/cadre_bleu10.jpg);
	background-repeat:repeat-y;
	font-size:12px;
}

#page{
text-align:left;
width:980px;
padding-top:0px;
padding-left:5px;
padding-right:5px;
background-color:#dc291e;
}

#content{
width:926px;
height:100%;
/*margin-top:-335px;*/
padding-left:0px;
padding-right:0px;
background-image:url(bkgd/content10.gif);
background-repeat:repeat-y;
background-position:top left;
overflow:visible;
}

#pagetop{
background-image:url(bkgd/pagetop10.gif);
background-repeat:no-repeat;
background-position:top left;
padding:5px;
padding-left:10px;
height:60px;
width:926px;}


#bottom {
	width:990px;
	height:65px;
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
	background-image:url(bkgd/fond_bottom10.png);
	color:#333333;
	padding-top:50px;
}
a.bottom{
color:#333333;
font-size:10px;
font-weight:normal;
}

#ligne-auteur {
	height: 19px;
	width: 630px;
	color:#000000;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	padding-left:5px;
	padding-top:3px;
	margin-right: 0px;
	background-image:url(bkgd/menu_center.gif);
	background-repeat:repeat-x;
	
}


#article {
	width: 630px;
	height:auto;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #691411;	
}


p.article{
font-size:10px;
}
#photo {
	width: 630px;
	height:auto;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #691411;
	margin-top:-5px;	
}

#titre {
	position:absolute;
	width:600px;
	height:60px;
	font-size:10px;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding-left: 7px;	
	margin-top:30px;
	margin-left:13px;
	background-image:url(backgd_images/interstices2.gif);
	background-repeat:no-repeat;


}


.textenoir {
	color:#000000;
	font-size:12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.texteblanc {
	color:#FFFFFF;
	font-size:10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.texteblancbold {
	font-weight:bold;
	color:#FFFFFF;
	font-size:12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.texteblancboldu {
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:underline;
	font-size:12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.texteredu {
	color:#A71E1B;
	font-size:10px;
	text-decoration:underline;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}



#case-photo {
	border-width: 0;
	padding: 5px;
	
	position:relative;
	float:left;
	
}

#gallerie {
	height: 17px;
	width: 670px;
	color:#FFFFFF;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	padding-left:5px;
	padding-bottom:3px;
	background-position: left;
	background-color:#691411;	
}

#leftgallerie{
	
	width:155px;
	height:275px;
	overflow:auto;
	margin-left:0px;
	padding-left:3px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:0px;
	top: 28px;
	left: 8px;
	float: left;
	border-top-width:0px;
	border-right-width:10px;
	border-right-color:#691411;
	border-bottom-width:2px;
	border-left-width:2px;
	border-left-color:#691411;
	border-bottom-color:#691411;
	border-style:solid;


}


#maingallerie{
	
	padding:3px;
	width:525px;
	height: 277px;	
	position:relative;
	top: -2px;
	left: 2px;
	border-bottom-width:2px;
	border-bottom-color:#691411;
	border-left-width:2px;
	border-right-width:2px;
	border-right-color:#691411;
	border-left-color:#691411;
	border-top-width:0px;
	border-style:solid;
}
#onglet1{
width:722px;
height:52px;
background-image:url(bkgd/onglets_1.gif);
background-repeat:no-repeat;
margin-top:10px;
}

#onglet2{
width:722px;
height:52px;
background-image:url(bkgd/onglets_2.gif);
background-repeat:no-repeat;
margin-top:10px;
}

td.selected a{
font-size:14px;
font-weight:bold;
color:#dc291e;
}
td.unselected a{
font-weight:bold;
color:#666666;
}



td.titre{

font-size:14px;
font-weight:bold;
color:#dc291e;
}

td.palmaresfiche{
background-color:#eeeeee;
padding:5px;
}

/* Step carroussel*/

	.stepcarousel{
	position: relative; /*leave this value alone*/
	border: 1px solid gray;
	overflow: scroll; /*leave this value alone*/
	/*width: 640px; /*Width of Carousel Viewer itself*/
	/*height: 315px; /*Height should enough to fit largest content's height*/



	}
	
	.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	}
	
	.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 640px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

	background-color:#FFFFFF;
	

	
	
	}
	
	
	.stepcarousel.beltth{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	}
	
	.stepcarousel.panelth{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 310px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

	background-color:#FFFFFF;
	

	
	
	}

#news2{
background-image:url(bkgd/news_trans.png);
background-position:bottom;
background-repeat:repeat-x;
visibility:visible;
position:relative;
height:140px;
z-index:2;
}

#news2_matos{
background-image:url(bkgd/news_trans_matos.png);
background-position:bottom;
background-repeat:repeat-x;
visibility:visible;
position:relative;
height:215px;
z-index:2;
}

#thumbnails{
margin-top:180px;
margin-left:5px;
position:relative;
z-index:100;
}

#thumbnailsmatos{
margin-top:245px;
margin-left:5px;
position:relative;
z-index:100;
}

a.thumbnails{
border:1px solid LightGrey;

}
a.thumbnails:hover{
border:1px solid red;
}

a.thumbnailsmatos{
border:1px solid LightGrey;

}
a.thumbnailsmatos:hover{
border:1px solid red;
}
#news_title{
position:relative;
margin-top:65px;
padding-left:5px;
}

#news_title_matos{
position:relative;
margin-top:115px;
padding-left:5px;
}

#top_page{
background-color:#dc291e;
height:auto;
padding:10px;
padding-left:0px;
padding-right:0px;
text-align:left;
}

#content10{
background-color:#dc291e;
padding:5px;
padding-left:0px;
padding-right:0px;
text-align:center;
}

#right_part{
top: 0px;
margin:0px;
padding:0px;
padding-right:1px;
padding-left:7px;
width:315px;
float:right;
}
#right_part_b{
margin-top:10px;
padding:0px;
padding-left:7px;
padding-right:1px;
width:315px;
background-color:#dc291e;

}
#left_part{
margin:0px;
float:left;
width: 640px;
margin-bottom:5px;
}

#left_part_top{
float:left;
margin:0px;
margin-bottom:5px;
background-color:#FFFFFF;
width: 640px;
padding:5px;
padding-right:0px;


}

#left_part_b{
float:left;
margin:0px;
margin-bottom:10px;
background-color:#FFFFFF;
width: 640px;
padding:5px;
padding-right:0px;


}

#left_part_b_nobkg{
float:left;
margin:0px;
margin-bottom:5px;
width: 640px;
padding:0px;
padding-right:0px;


}

#left_part_b2{
margin-top:10px;
background-color:#FFFFFF;
text-align:left;
padding:5px;
padding-right:0px;

}

#righttab{
float:left;
margin-right:5px;

}

#newline{
float:left;
height:5px;
width:630px;
}

#idpict{
overflow:hidden;
width:70px;
height:70px;
border:solid 1 lightgrey;
}

/* transparent popup */

		#fade {
			background: #000;
			position: fixed;
			width: 100%;
			height: 100%;
			filter:alpha(opacity=80);
			opacity: .80;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
			left: 0;
			top: 0;
			z-index: 10;
		}
		
		#hideshow {
			position: absolute;
			width: 100%;
			height: 100%;
			margin-left:0px;
			margin-right:0px;
			top: 0;
			left: 0;
		}
	/*	.popup_block {
			background: #ddd;
			padding: 5px;
			border: 5px solid #fff;
			position: absolute;
			top:5%;
			left:30%;
			z-index: 100;
			max-height:400px;
			overflow:scroll;
			
		}*/
		.popup_block {
			background: #ddd;
			position: absolute;
			top:5%;
			left:30%;
			z-index: 100;
			height:580px;
			width:auto;
			overflow:auto;
			
		}
		.popup_block .popup {
			float: left;
			background: #fff;
			border: 1px solid #bbb;
		}
		
		.popup h3 {
			margin: 0 0 20px;
			padding: 5px 10px;
			border-bottom: 1px solid #bbb;
			font-size: 1.5em;
			font-weight: normal;
		}
		.popup p {
			padding: 5px 10px;
			margin: 5px 0;
		}
		.popup img.cntrl {
			
		}