/* CSS Document */
body{
	background-color:#333333;
	/*color:#dc291e;*/
	color:#000000;
	margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */	
	font-size:10px;
	width:600px;
	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);
}

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;


}

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

.staff{
color:#717291;
}

.dames{
color:#FF00CC;
}

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



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;
background-image:url(bkgd/menucenter21.gif);
background-repeat:repeat-x;
background-position:left;
}
td.menucenter a{
color:#000000;
}
td.menucenter a:hover{

/*font-variant:small-caps;*/
}
td.menuleft{
font-size:12px;
background-image:url(bkgd/menu_left.gif);
background-repeat:no-repeat;
background-position:right;
}
td.menuright{
font-size:12px;
background-image:url(bkgd/menu_right.gif);
background-repeat:no-repeat;
background-position:left;
}

td.selectcenter {
background-image:url(./bkgd/menu_center_selected.gif);
background-position:left;
background-repeat:repeat-x;
color:#000000;
font-weight:bold;
}
td.selectcenter a{
color:#FFFFFF;
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;
}
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: 792px;
	height: 92px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(bkgd/top.jpg);
	background-position: bottom;
	background-repeat:no-repeat;
	text-align: left; /* on rétablit l'alignement normal du texte */
	
}


#bonjour {
	width: 792px;
	height: 20px;
	color:#000000;
	margin-left:auto;
	margin-right:auto;
	background-color:#dc291e;
}

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


#contenu {
	margin-left:auto;
	margin-right:auto;
	width: 792px;
	height:70%;
	background-image:url(bkgd/cadre_bleu.jpg);
	background-repeat:repeat-y;
	padding-right:10px;
	font-size:12px;
}

#page{
text-align:left;
height:100%;
width:745px;
padding-top:10px;
padding-left:12px;
padding-right:10px;
overflow:hidden;

}


#bottom {
	width:792px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
	background-image:url(bkgd/fond_bottom.jpg);
	color:#333333;
}
a.bottom{
color:#333333;
font-size:10px;
font-weight:normal;
}

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


#article {
	width: 693px;
	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: 693px;
	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;
}


#content{
width:722px;
height:85%;
/*margin-top:-335px;*/
padding-left:5px;
padding-right:5px;
background-image:url(bkgd/content.gif);
background-repeat:repeat-y;
background-position:top left;
overflow:auto;
}

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

td.titre{

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

#palmaresfiche{
height:auto;
max-height:350px;
overflow:auto;
}


/* Step carroussel*/

	.stepcarousel{
	position: relative; /*leave this value alone*/
	border: 1px solid grey;
	overflow: scroll; /*leave this value alone*/
	width: 400px; /*Width of Carousel Viewer itself*/
	height: 250px; /*Height should enough to fit largest content's height*/
	z-index:80;


	}
	
	.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: 400px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	z-index:1;
	

	
	
	}

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

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

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

#news_title{
position:relative;
margin-top:35px;
color:#FFFFFF;
font-weight:bold;
font-size:14px;

}