* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%;
outline:none; }

input, textarea, select {
border:1px solid #000;
padding:2px;
vertical-align:middle; }

body {
text-align:justify;
background:#CC3200 url(img/body_fond.jpg) repeat-x left top; 
font:100%/1.3 Arial, "Times New Roman", sans-serif; }

.center {
text-align:center; }

/***** Flash & Déco *****/

div#menu_flash {
position:absolute;
top:46px;
left:0px;
/*background:url(img/menu_flash.png) no-repeat center top;*/
width:267px;
height:213px;}

div#deco_footer_left{
z-index:10;
position:absolute;
bottom:150px;
left:0px;
height:368px;
width:613px;
background:url(img/deco_footer_left.png) no-repeat;}

div#deco_footer_right{
z-index:10;
position:absolute;
bottom:150px;
left:835px;
height:310px;
width:244px;
background:url(img/deco_footer_right.png) no-repeat;}

/* Personnages */

div.deco_footer{
z-index:10;
position:absolute;
top:-262px;
left:0;
height:308px;
width:325px;}

.perso_1{
z-index:20;
position:absolute;
height:308px;
width:325px;
background:url(img/perso_1.png) no-repeat;}           

.perso_2{
z-index:20;
position:absolute;
height:308px;
width:325px;
background:url(img/perso_2.png) no-repeat;}           

.perso_3{
z-index:20;
position:absolute;
height:308px;
width:325px;
background:url(img/perso_3.png) no-repeat;}           

.perso_4{
z-index:20;
position:absolute;
height:308px;
width:325px;
background:url(img/perso_4.png) no-repeat;}           

.perso_5{
z-index:20;
position:absolute;
height:308px;
width:325px;
background:url(img/perso_5.png) no-repeat;}           

.perso_6{
z-index:20;
position:absolute;
height:308px;
width:325px;
background:url(img/perso_6.png) no-repeat;}           

ul#enseignants_photos {
margin:0 auto;
padding:50px 0;
overflow:hidden; }

ul#enseignants_photos li {
float:left;
padding:0 15px; }

p.fil_ariane  {
margin-bottom:20px; }

p.fil_ariane span a {
color:#FFF;
font-weight:bold;
text-decoration:none; }

/***** Layout *****/

div#extra{
height:100%;
position:relative;}

div#global{
position:relative;
z-index:50;
overflow:hidden;
background:url(img/logo_fond.png) no-repeat top left; 
width:980px;}

div#colonne_gauche{
float:left;
min-height:880px;
overflow:hidden;
width:325px;}

div#menu {
position:absolute;
top:312px;
left:0px;
background:url(img/menu_fond.png) no-repeat center top;
width:332px;
height:297px;} 

div#coordonnees{
position:absolute;
top:600px;
left:20px;
width:290px;
height:100px;
font-size;75%;
text-align:left;
color:#fff;} 
    
div#coordonnees ul {
padding-top:10px;}

div#coordonnees ul li{
list-style:square;
margin-left:20px;}

div#coordonnees dl dt{
color:#fff;
font-size:110%;
padding-bottom:10px;
font-weight:bold;}

div#coordonnees dl dd{
color:#fff;
font-size:75%;}

div#coordonnees ul li a{
font-size:75%;
text-decoration:none;
color:#fff;
font-weight:bold;}

div#coordonnees ul li a:hover{
text-decoration:underline;}
         
div#conteneur_centre{
position:relative;
background:url(img/logo_deco.png) no-repeat top right;
width:615px;
float:left;
margin-left:40px;
min-height:1010px;
overflow:hidden;}

div#presentation_texte {
padding:20px;
overflow:hidden;
width:525px;/* 565 */
min-height:400px; 
color:#fff;
font-size:75%;
background:url(img/presentation_text_fond.png) repeat;}  

div#conteneur_footer{
z-index:50;
background:url(img/footer_fond.png) repeat-x top;
overflow:visible;
position:relative;
height:167px;
width:100%;}

div#footer{
text-align:center;
margin:0 auto;
padding-top:60px;
position:relative;
overflow:visible;
height:80px;
width:772px;} 


div#presentation_texte .liste_actu li{
float:left;
margin:0 10px 0 0;
list-style:none;
}

div#presentation_texte .liste_actu li img {
border:#CCCCCC solid 1px;
padding:3px;
}

div#presentation_texte .liste_actu li img:hover {
background:#FFFFFF;
}

div#presentation_texte .h3_actu {
padding-bottom:3px;
border-bottom:#CCCCCC dotted 1px;
margin-bottom:15px;
}

div#presentation_texte .lien {
text-align:center;
}

div#presentation_texte .lien a{
color:#CCCCCC;
text-decoration:none;
letter-spacing:1px;
}

div#presentation_texte .lien a:hover {
text-decoration:underline;
}

div#presentation_texte .lien2 a{
color:#CCCCCC;
text-decoration:none;
letter-spacing:1px;
}

div#presentation_texte .lien2 a:hover {
text-decoration:underline;
}
#texte a{
color:#CCCCCC;
text-decoration:none;
letter-spacing:1px;
}

#texte a:hover {
text-decoration:underline;
}

.float_img {
float:right;
}
/***** Stylage contenu *****/

.invis {
position:absolute;
top:-9999px; }

h1 {
text-indent:-9999px;
width:142px;
height:352px; 
background:url(img/logo_flash.png) no-repeat;
position:absolute;
top:0px;
left:78px;}

h1 a{
display:block;
width:120px;
height:150px; 
position:absolute;
top:80px;
left:13px;}

h3{
Text-transform:uppercase;
padding-bottom:15px;}

.photo_gym {
width:180px;
float:right;
margin-left:15px;
}

/* Titres */

div#titre{
overflow:hidden;
width:615px;
height:129px;}
   
.position_titre{
position:absolute;
top:59px;
left:226px;
text-indent:-99999px;}

.accueil{
height:16px;
width:247px;
background:url(img/h2_presentation.png) no-repeat bottom;}   

.horaires{
height:16px;
width:247px;
background:url(img/h2_horaires.png) no-repeat bottom;}   

.actualite{
height:16px;
width:247px;
background:url(img/h2_actualite.png) no-repeat bottom;}   

.administratif{
height:16px;
width:247px;
background:url(img/h2_administratif.png) no-repeat bottom;}   

.galerie{
height:16px;
width:247px;
background:url(img/h2_galerie.png) no-repeat bottom;}   

.equipe{
height:16px;
width:247px;
background:url(img/h2_equipe.png) no-repeat bottom;}   

.contact{
height:16px;
width:247px;
background:url(img/titre_contact.png) no-repeat bottom;}   

.plan{
height:16px;
width:247px;
background:url(img/titre_plan.png) no-repeat bottom;}   



/* Horaires */

table.planning {
width:100%;
border-collapse: collapse;
margin-bottom:25px; }

td, tr {
border: 1px solid #FFFFCC;
text-align:center; }

tr { height:35px; }

td.groupe {
font-weight:bold; }

td.categorie {
color:#FFFFCC; 
font-weight:bold;
font-size:95%;
padding:5px; }

td.jour {
color:#FFFFCC; 
font-weight:bold;
width:60px; }

td {
padding:0 7px; }

/* Texte */

div#texte p{
padding-bottom:15px;}

div#texte p strong{
color:#FFFFCC;
padding-bottom:15px;}
  
  
 #texte a         

/* Galerie photo accueil */

ul.photo{
padding-top:20px;
position:relative;
width:524px;
overflow:auto;}

ul.photo div.cadre{
z-index: 2;
position:absolute;
margin-top:-6px;
top:0;
left:0;
width:100%;
height:100%;
background-image:url(img/cadre.png);}

ul.photo li {
margin:10px 5px;
position:relative;
text-align:center;
float:left;	
width:163px;
height:125px;	}

ul.photo li a {
display:block;
width:163px;
height:125px;}

ul.photo li img {
display:block;
width:152px;
height:115px;
margin-right:auto;
margin-left:auto;}

/* Footer */

div#footer ul{
font-size:80%;
padding-bottom:5px;
overflow:hidden;}

div#footer ul li{
color:#840000;
display:inline;}

div#footer ul li a{
text-decoration:none;
font-size:85%;
margin-right:6px;
padding-left:3px;
color:#840000;}

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


p#imnalys a{
text-indent:-999999px;
margin:10px auto 0;
display:block;
background: url(img/imnalys.png) no-repeat center;
width:128px;
height:39px;} 








div#presentation_texte .h3_actu a:hover{
text-decoration:underline;
}
div#presentation_texte .h3_actu a{
color:#333333;
text-decoration:none;
}
div#presentation_texte .h3_actu{
color:#333333;
text-decoration:none;
}


div#presentation_texte .h3_ariane a:hover{
text-decoration:underline;
}
div#presentation_texte .h3_ariane a{
color:#CCCCCC;
text-decoration:none;
}

/*Formulaire du contact*/
#formcontact {
text-align:center;
}

#form {
	text-align: left;
	margin-top:25px;
	margin:0 10px;
	width:auto;
	overflow:hidden;
}
.form1 {
	border-width: medium;
	border: solid 1px #ccc;
	width: 37%;
	background: #fff;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	display: inline-block;
	color: #575b5f;
	margin-right: 5px;
	padding: 2px;
}

.form11 {
	border-width: medium;
	border: solid 1px #ccc;
	width: 76%;
	background: #fff;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	display: inline-block;
	color: #575b5f;
	margin-right: 5px;
	padding: 2px;
}

.form1:focus, .form11:focus {
	border: 1px solid #666666;
}
.form2{
	font: 11px Arial, Helvetica, sans-serif;
	width: 30%;

}
.form3{ 
    font-size:11px;
    width: 30%;
	}
.form4{
	overflow: hidden;
	padding: 5px 0px 0px;
    }
	
.button1 {
	font-size: 11px;
	width: 25%;
	background: #fff;
	border-width: medium;
	border-style: none;
	color: #000;
	cursor: pointer;
}

#form .italic {
    font-style:italic;
	}