body {
	padding: 0;
	margin-left: auto;
     margin-right: auto;
	margin-top:0;
	width:977px;
	background-color:#323232;
	font-family: "Segoe UI", Calibri, Verdana, Arial;
	font-size:0.75em;
	font-weight:normal;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*  S T Y L E S    G L O B A L S  */
/*------------------------------------------------------------------------------------------------------------------------------------------------*/

a   {     
	color:#2B7908;     
	text-decoration:none;   
}   
	
a:hover   {     
	color:#2B4E08;     
	text-decoration:underline;   
} 

::selection {
	background: #ceff78;
}
::-moz-selection {
	background: #ceff78;
}

img {
	border:none;
}

img.gauche {
  float: left;
  margin-right:30px;
} 

ul {
margin:5px;
list-style-image:url("images/ico/puce.png");
list-style-position:inside;
}

ul li a{
	color:#323232;
	text-decoration:none;
}

ul li a:hover{
	text-decoration:underline;
}

.liens {
	position:absolute;
	z-index:3;
	padding-left:700px;
	top:0;
}
	
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/* B A N N I E R E */
/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.banniere{
	margin-left: auto;
    margin-right: auto;
	margin-top:0;
	height:165px;
	width:977px;
}

.btn_nav1{
	padding-left:20%;
	padding-top:2%;
	height:20px;
}

.btn_nav2{
	padding-left:45%;
	padding-top:2%;
	height:20px;
}

.btn_nav3{
	padding-left:68%;
	padding-top:10%;
	height:20px;
	z-index:10;
}

.ban1 {
    width:272px;
	float:left;
	/*background-image:url("images/ban1.jpg");*/
	height:165px;
}

.ban11 {
    width:272px;
	background-image:url("images/ban1-1.jpg");
	background-repeat:none;
	height:89px;
	z-index:0;
}

.ban12{
	width:272px;
	background-image:url("images/ban1-2.jpg");
	background-repeat:none;
	height:76px;
	padding:20px;
	font-size:1em;
	text-transform: uppercase;
	z-index:0;
}


.ban2 {
	top:0;
	color:#ffdf00;
	width:705px;
	height:165px;
	background-image:url("images/img_04.jpg");
	float:left;
	z-index:0;

}

.logo{
	padding-left:10%;
	height:115px;
}

.boitemenu{
	padding-top:5px;
	font-size:1em;
	color:#000;
}


.corps {
	margin-left: auto;
    margin-right: auto;
	height:100%;
	background-image:url("images/barre.jpg");
	background-repeat:repeat-y;
}



.barre{
	width:179px; /* 189-10*/
	background-image:url("images/barre.jpg");
	background-repeat:repeat-y;
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*  C O R P S    E T     C O N T E N U     P A G E  */
/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.page{
	background-color:#ececec;
	text-indent:0px;
	width:728px; /*788 - 60 */
	float:left;
	padding:20px;
	padding-left:40px;
	font-size:0.9em;
	font-weight:normal;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/* PIED DE PAGE  */
/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.pied{
	background-color:#90c33e;
	color:#000;
	position:center;
	margin-left: auto;
    margin-right: auto;
	width:977px;
	margin-top:15px;
	clear:both;
	text-align:center;
	min-height: 100%;
}

.pied a {
	color:#000;
	text-decoration:none;   
}

a:hover   {     
	text-decoration:underline;   
} 

/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*  T I T R E S  */
/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.titre{
	font-size:1.2em;
	background-image:url("images/barre_verte.png");
	height:35px;
	background-repeat:no-repeat;
	margin-bottom:10px;
}

.ss-titre{
	margin-top:10px;
	margin-bottom:10px;
	color:#fff;
	padding:2px;
	padding-left:15px;
	font-size:1em;
	width:390px;
	height:17px;
	background-image:url("images/fd_ss_titre.png");
	background-repeat:none;
	/*background-color:#90d007;*/
}

.ss_ss_titre{
	color:#83bb0b;
	margin-top:10px;
	padding-left:20px;
	background-image:url("images/ico/shift.png");
	background-repeat:no-repeat;
	margin-bottom:10px;
}



/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*  T A B L E A U X  */
/*------------------------------------------------------------------------------------------------------------------------------------------------*/


.barre_titre_tableau{
	background-image:url("images/fond_barre_tableau.jpg");
	height:23px;
	background-repeat:repeat-x;
}



.ligne_paire {
	background-color:#e0ffa8;
	height:34px;
}

.ligne_impaire {
	height:34px
}


/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*  T E A M */
/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.bloc_membre{
	position:center;
	clear:both;
}

.image_membre{
	float:left;
}

.infos_membres{
	float:left;
	padding-left:5px;
}

.infos_plus_membres{
	background-color:#e0ffa8;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*  C O U R S  */
/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.tab_cours{
	border: 1px solid #b4c91a;
	border-collapse: collapse;
}

.tab_cours td {
	width:150px;
	padding-left:10px;
	padding-right:10px;
	border-right: 1px solid #b4c91a;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/* M A T I E R E S  */
/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.tab_matiere {
	width:330px;
	border: 1px solid #b4c91a;
	border-collapse: collapse;	
}

.tab_matiere td {
	padding-left:10px;
	padding-right:10px;
	border: 1px solid #b4c91a;
	padding:5px;
}

.tab_matiere  th{
	position:center;
	font-weight:normal;
}

.ligne_matiere{
	clear : both;
}

.bloc_matiere {
	float:left; 
	margin:15px;	
}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*  S P O R T */
/*------------------------------------------------------------------------------------------------------------------------------------------------*/

.image_temoignage{
	float:left;
}

.temoignage{
	padding-left:50px;
	padding-right:2
    [18:06:02] 90px;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*  I N T E R A C T I O N     M E N U  */
/*------------------------------------------------------------------------------------------------------------------------------------------------*/

#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}


#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */ 
        color : #000; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
}

#menu li /* Éléments des listes */      
{ 
        float : left; 
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
		height:35px;
		padding-right:10px;
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}


#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #609a00; 
}


#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 200px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
		background-color:#fff;
		color:000;
		border: 1px solid #b4b4b4;
		margin-top:0;
		
}


#menu li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
		height:25px;
		width: 200px;
		display:block;
		text-align:left;
		
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}


#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}