@charset "utf-8";
/* CSS Document */

/* --- STYLES DE BASE --- */ 
 
/* Page */ 
html { 
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
} 
body {
	margin:0;
	padding: 0;
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	font-size: 0.9em; /* À adapter pour la police choisie. (3) */
	line-height: 1.4; /* À adapter au design. (4) */
	color: black;
	background-color:#1f1347;
	background-image:url(images/accueil_fond2.jpg);
	background-position:top;
	background-repeat:no-repeat;

	
} 
 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
}

h1 { 
  font-size: 1.1em; 
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  margin: 0 0 10px 0;
  padding:0px;
  font-size: 1em; 
  line-height: 1em; 
} 
hr{
  margin:0px;
  padding:0px;
}

.spacer-menu{
  width: 168px;
  height: 1px;
  background: url('images/ligne.png') no-repeat;
  margin: 7px 0;
}
/* Listes */ 
ul, ol { 
  margin: .65em 0 .65em 0px; 
  padding: 0;
  list-style:none;
  line-height:16px;
} 
 
/* Paragraphes */ 
p { 
  margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ 
} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 
 
/* Liens */ 
a { 
  text-decoration: none;
} 
a:link {
	color: #000;
} 
a:visited {
	color: #000;
} 
a:hover, a:focus, a:active {
	color: #999;
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
 
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 
 
/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: top; /* Solution pb. d'alignement. (9) */ 
}

table, caption, tbody, tfoot, thead, tr, th, td, object {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

.spacer{
  clear: both;
  width: 460px;
  float: left;
  height: 5px;
}
/* CSS du document */
#container {
	  width: 1024px;
	  margin:auto;
}

#header {
	height:143px;
	background-image:url(images/header.png);
	background-repeat:no-repeat;
}

#logo a {
  display: block;
	height:118px;
	width:129px;
	float:left;
	margin-top:14px;
	margin-left:29px;
}

#pub {
	height:100px;
	width:490px;
	float:right;
	margin-top:20px;
	margin-right:345px;
	/*background-color:#C9F;*/
}

#header2 {
	height:31px;
	background-image:url(images/menu.png);
}

#nav0 {
	margin-left:152px;
	z-index: 99;
}

#home {
	float:left;
	margin-top:5px;
}


#center {
	background-color:white;
	float:left;	
	padding:10px;
	width: 1004px;
}

.cadre-actu{
  float: left;
  font-size: 14px;
  width: 468px;
}

#center_colonne1 {
	width:170px;
	float:left;
	margin-right: 11px;

}

#center_colonne1_menu {
	width:170px;
	height:130px;
	margin-bottom:10px;
	border:1px solid #999999;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-align:center;
	background-image:url(images/menu_gauche.png);
}

#center_colonne1_menu a{
	color:white;
	font-weight:bold;
	font-size:12px;
}

#center_colonne1_menu ul{
	margin-top:7px;
	margin-bottom:7px;
	margin-left:4px;
	margin-right:4px;
	padding:0px;
	
}

#center_colonne1_menu hr{
	margin-top:7px;
	margin-bottom:7px;
	margin-left:0px;
	margin-right:0px;
	border: none;
	background: #a29bb7;	
	padding: 0;
}


#center_colonne1_pub {
	width:160px;
	margin-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #999999;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-align:center;
}

#center_colonne1_partenaires {
	width:170px;
	height:166px;
	border:1px solid #999999;
  float: left;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#center_menu1 {
	width:135px;
	height:312px;
	border: 1px solid #999;
	float:left;
}

#center_menu1_text {
	width:190px;
	height:180px;
	margin:10px;
	text-align:left;
	float:left;
	line-height:1,5em;
	font-size:smaller;
}

#center_colonne2 {
	width:490px;
	float:left;
	margin-right: 9px;
}

#center_xml {
	height:265px;
	padding:10px;
	margin-bottom:10px;
	border: 1px solid #999;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#center_plus_dactu {
	margin-bottom:10px;
	border: 1px solid #999;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#text_center_plus_dactu {
	margin:10px;
  overflow: auto;
}

#text_center_plus_dactu .image{
  width: 468px;
  text-align: center;
}

#text_center_plus_dactu .texte{
  width: 468px;
  margin-bottom: 5px;
  text-align: justify;
}

#text_center_plus_dactu .doc{
  width: 468px;
  margin-bottom: 5px;
  text-align: right;
}

#photo_center_plus_dactu {
	width:110px;
  clear: both;
	float:left;
  margin-bottom: 5px;
}

#text_photo_center_plus_dactu {
	float:left;
	width:348px;
	font-size:12px;
	text-align:justify;
	line-height:14px;
  margin-bottom: 5px;
}

.lire_suite_02 { 
	float:left;
	width:348px;
  margin-top: 5px;
	font-size:12px;
  text-align: right;
} 

.lire_suite_02 a{ 
	font-weight: bold;
} 

.lien_info { 
	float:right;
  clear: both;
	width:448px;
  margin: 5px;
	font-size:12px;
  text-align: right;
} 

.lien_info a{ 
	font-weight: bold;
} 

#center_calendrier {
	background-image:url(images/fond_vs.png);
	background-repeat:no-repeat;
	height:273px;
	border: 1px solid #999;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}



#calendrier_gauche {
  float: left; 
  text-align: center; 
  width: 120px; 
  border: 0px #000 solid;
}

#calendrier_gauche h1{
  text-align: center; 
  margin: 0px;
  padding: 0;  
  width: 120px; 
  font-size: 14px;
  height: 14px;
}

#calendrier_centre {
  float: left; 
  text-align: center; 
  width: 60px;
  height: 32px;
  margin: 50px 0 0 0;
  background: url(images/vs.png) no-repeat center center;
}

#calendrier_resultat {
  float: left; 
  text-align: center; 
  width: 57px;
  height: 18px;
  font-size: 17px;
  font-weight: bold;
  margin: 50px 0 0 0;
  padding-top: 70px;
  background: url(images/vs.png) no-repeat;
}

#calendrier_droite {
  float: left; 
  text-align: center; 
  width: 120px; 
  border: 0px #000 solid;
}

#calendrier_droite h1{
  text-align: center; 
  margin: 0px; 
  padding: 0;  
  width: 120px; 
  font-size: 14px;
  height: 14px;
}

#calendrier_date {
  float: left; 
  text-align: center;
  width: 300px;
  margin-bottom: 10px;
  font-size: 12px;
}

#text_center_calendrier {
	margin:10px;
	height:250px;
}

#calendrier_classement {
  margin: 0 10px;
}

#calendrier_classement table{
  width: 290px;
}

.nom_equipe {
  font-weight: bold;
}

#center_colonne3 {
	width:323px;
	float:left;
}

#center_colonne3_usbtv {
  float: left;
	width:322px;
	height:271px;
	background-image:url(images/usbtv.png);
	background-repeat:no-repeat;
	border: 1px solid #fff;
	margin-bottom:10px;
}

#boutton_video{
	margin-left:215px;
	margin-top:13px;
}

#encart_video{
	width:300px;
	height:193px;
	margin-left: 11px;
	margin-top:19px;
	background-color: #C9F;
}

#encart_video object{
  z-index: -1;
}

#encart_video embed{
  z-index: -1;
}

#center_colonne3_pub1 {
  float: left;
	width:322px;
	margin-top:10px;
	border: 1px solid #999;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#center_galerie_photo {
  width: 488px !important;
  width: 490px;
	height:314px;
	float:left;
	border: 1px solid #999;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#center_colonne3_galerie_photo {
	width:322px;
	height:314px;
	float:left;
	margin-top:10px;
	border: 1px solid #999;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


#footer {
	width:1004px !important;
	width:1024px;
	height:240px;
	text-align:left;
	color:white;
	line-height:1,5em;
	font-size:10px;
	padding: 10px;
	padding-top: 100px;
	background-image:url(images/footer.png);
	float: left;
}

#footer a{
	color:white;	
}

#footer a:hover{
	color:#9A6BE7;
}

#footer_menu {
	width:100px;
	text-align:left;
	float:left;
}

#footer_menu2 {
	width:100px;
	text-align:left;
	float:left;
	margin-left:17px;
}

#footer_menu3 {
	width:100px;
	text-align:left;
	float:left;
	margin-left:17px;
}

#footer_menu4 {
	width:135px;
	text-align:left;
	float:left;
	margin-left:17px;
}

#footer_menu5 {
	width:135px;
	text-align:left;
	float:left;
	margin-left:17px;
}

#footer_menu6 {
	width:145px;
	text-align:left;
	float:left;
	margin-left:17px;
}

#footer_menu8 {
	width:155px;
	text-align:right;
	float:right;
	margin-top:95px;
	margin-right:17px;
}

.text_sousmenu {
	height:22px;
	color:#333;
	padding-top:3px;
	padding-left:5px;
	font-size:14px;
	border-bottom: 1px solid #999;
  background-color: #dfdfdf;
  background-image: -moz-linear-gradient(top, #dfdfdf, #b7b7b7); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #dfdfdf),color-stop(1, #b7b7b7)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#dfdfdf', EndColorStr='#b7b7b7'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dfdfdf', EndColorStr='#b7b7b7')"; /* IE8 */
}
	
.basdepage {
	float:right;
    margin-right:5px;
	font-size:12px;
	margin-top:15px;
}

.basdepage a:link{
	color: #000;
} 
.basdepage a:visited {
	color: #000;
} 
.basdepage a:hover, a:focus, a:active {
	color: #999;
} 

#infirmerie {
	height: 26px;
  line-height: 26px;
  padding-left: 30px;
  background: url(images/infirmerie.png) no-repeat;
}

.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

.fiche_text {
	width:340px;
	float:left;
	text-align:justify;
	line-height:normal;
	}

.fiche_image {
	float:right;
	}

/* anim intro */ 

h3 {
			margin: 0;	
			padding: 10px 0 0 0;
			font-size: 12px;
			text-transform: uppercase;
		}

		div#feature_list {
	width: 470px;
	height: 265px;
	overflow: hidden;
	position: relative;
	background-color:#281d4b;
	
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 125px;
		}

		ul#tabs li {
			font-size: 10px;
			font-family: Arial;
			
		}
		
		ul#tabs li img {
			padding: 0px;
			border: none;
			float: left;
			margin: 0px 0px 0 0;
		}

		ul#tabs li a {
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 10px;
	height: 68px;
	outline: none;
		}

		ul#tabs li a:hover {
			text-decoration: none;
		}

		ul#tabs li a.current {
			background:  url('jquery/jquery.featureList-1.0.0/feature-tab-current.png');
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 358px;
			height: 285px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 358px;
			height: 285px;
		}

		ul#output li a {
			position: absolute;
			bottom: 20px;
			right: 0px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background-color: #2f1f5f;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background-color: #D33431;
		}
/*accordeon galerie photos*/

#example2{
margin:0;
padding:0;
width:467px;
list-style-type:none;
background-color:#FFFFFF;
color:#000000;
line-height:120%;
}
#example2 a{
display:block;
font-weight:normal;
text-decoration:none;
}
#example2 ul{
overflow: hidden;
margin:0;
padding:0;
}
#example2 li{
margin:0;
padding:0;
list-style-type:none;
}
#example2 li a.entete{
width:452px;
padding:5px 0 0 15px;
display:block;
color:#000000;
background-image:url(images/ha-header.jpg);
height:25px;
}
#example2 li a.closed{
color:#000000 !important;
background-image:url(images/ha-header.jpg) !important;
}
#example2 li.firstitem a.closed{
color:#000000 !important;
background-image:url(images/ha-header-first.jpg) !important;
}
#example2 li.lastitem a.closed{
color:#000000 !important;
background-image:url(images/ha-header-last.jpg) !important;
}
#example2 li li{
border-left:1px solid #E5E5E5;
border-right:1px solid #E5E5E5;
padding: 0px 15px 0 15px;
height:240px;
overflow-y: scroll;
}
#example2 li a.blabla{
background-image:url(images/ha-header-active.jpg);
color:#FFFFFF;
}
#example2 li.firstitem a.blabla{
background-image:url(images/ha-header-active.jpg);
color:#FFFFFF;
}
#example2 li.lastitem li{
margin-bottom:-4px;
}
#example2 li.lastitem ul{
background-image:url(images/ha-footer.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:4px;
}

#slideshowListWrapper {
    position: relative;
    width: 170px;
	height: 135px;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
}
#slideshow {
    height: 135px;
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
}
#slideshow li {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
#slideshow li.slideshowItemActive {
    z-index: 1;
}

/* Bandeaux de pub */
/** 
 * Slideshow style rules.
 */
#slideMulti {
	margin:0;
	width: 322px;
	position:relative;
  overflow: visible;
}

#slideMulti.pub_gauche {
  float: left;
	margin:10px 0;
	border: 1px solid #999;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#slideMulti #slidesContainer {
  margin:0;
  width: 320px;
  position:relative;
}
#slideMulti #slidesContainer .slide {
  margin:0;
  width: 320px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
}

#slideMulti #slidesContainer .slide p{
  width: 320px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
}

#slideMulti2 {
	margin:0;
	width: 322px;
	position:relative;
  overflow: visible;
}

#slideMulti2.pub_droite {
  float: left;
	width: 170px;
	margin:10px 0;
	border: 1px solid #999;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#slideMulti2 #slidesContainer2 {
  margin:0;
  width: 170px;
  position:relative;
}
#slideMulti2 #slidesContainer2 .slide2 {
  margin:0;
  width: 170px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
}

#slideMulti2 #slidesContainer2 .slide2 p{
  width: 170px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  visibility: hidden;
  width:1px;
  height:1px;
  position:absolute;
}
#navDiapo{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right:25px;
	bottom:10px;
	cursor:pointer;

}
#leftControl {
  top:0;
  left:0;
}
#rightControl {
  top:0;
  right:0;
}
.control2 {
  display:block;
  visibility: hidden;
  width:1px;
  height:1px;
  position:absolute;
}
#navDiapo2{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	right:25px;
	bottom:10px;
	cursor:pointer;

}

#leftControl2 {
  top:0;
  left:0;
}
#rightControl2 {
  top:0;
  right:0;
}