@charset "utf-8";
/* CSS Document */
body{
padding:0;
margin:0;
background-image:url(images/josette-gerard_01.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
background-color:#000000;}
.contener{
width:980px;
min-height:1200px;
height:100%;
margin:auto;
position:relative;
display:block;
background-color:#000000;}
.bandeau{
width:980px;
height:310px;
margin:auto;
position:relative;
display:block;
background-image:url(images/josette-gerard_05.jpg);
background-repeat:no-repeat;
}
.contenu{
width:980px;
height:100%;
min-height:650px;
position:relative;
display:block;}
.adresse{
width:980px;
height:34px;;
margin:auto;
position:relative;
display:block;
background-image:url(images/josette-gerard_07.jpg);
background-repeat:no-repeat;
background-position:bottom;
background-color:#FF0000;
text-indent:65px;
line-height:33px;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.adresse img{
vertical-align:middle;}
.diapo-republique{
width:523px;
height:220px;
padding-top:10px;}
.menu{
width:189px;
height:100%;
min-height:500px;
position:relative;
display:block;
float:left;
margin-top:15px;
margin-left:5px;
margin-right:5px;
}
.centre{
width:523px;
height:100%;
min-height:700px;
position:relative;
display:block;
float:left;
margin-left:10px;
margin-right:10px;
margin-top:10px;}

.texte{
text-align:justify;}
.photo{}
.news{
width:190px;
height:100%;
min-height:350px;
position:relative;
display:block;
float:left;
margin-top:20px;
background-color:#d3431f;
background-image:url(images/news_02.gif);
background-repeat:repeat-x;
font-size:11px;
padding:5px;
}

.contenuNews{
font-size:11px;
color:#000000;
}

.contenu-news{
width:190px;
height:100%;
min-height:300px;
position:relative;
display:block;
float:left;
color:#000000;
}
.bouton-news{
width:190px;
height:32px;
position:relative;
display:block;
float:left;
background-image:url(images/news_07.jpg);
background-repeat:no-repeat;
background-position:right;
text-align:right;
font-size:12px;
padding-right:5px;
}

.image{
width:120px;
height:190px;
position:relative;
display:block;
float:left;
margin-right:5px;
margin-top:10px;}

.footer{
width:980px;
height:35px;
position:relative;
display:block;
float:left;
border-top-color:#FFFFFF;
line-height:35px;
font-size:9px;
text-align:center;}

.rollover{
display:block;
position:relative;
float:left;
height:29px;
width:189px;
position:relative;
float:left;
font-size:12px;
margin-top:5px;
line-height:29px;
text-align:right;
}

a.roll:link {
display:block;
position:relative;
float:left;
height:29px;
width:189px;
color: #000000;
font-weight: bold;
text-decoration: none;
background:url(images/bouton.jpg) no-repeat top ;
padding-right: 10px;


}
a.roll:visited {
display:block;
position:relative;
float:left;
height:29px;
width:189px;
text-decoration: none;
color: #666666;
font-weight: bold;
text-decoration: none;
background:url(images/bouton.jpg) no-repeat top ;
padding-right: 10px;

}
a.roll:hover {
display:block;
position:relative;
float:left;
height:29px;
width:189px;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
background:url(images/bouton.jpg) no-repeat bottom ;
padding-right: 10px;

}
a.roll:active {
display:block;
position:relative;
float:left;
height:29px;
width:189px;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
background:url(images/bouton.jpg) no-repeat bottom ;
padding-right: 10px;

}
.danse{
height:150px;
width:180px;
color:#FF6600;
margin-top:10px;
padding-top:20px;
margin-left:3px;
font-size:10px;
text-align:left;
line-height:10px;
}
.stop{
height:150px;
width:180px;
color:#FFFFFF;
margin-top:30px;
padding-top:20px;
margin-left:3px;
font-size:10px;
text-align:left;
}
.espace{
height:20px;
margin:10px;
width:20px;}

title{
background-color:#FF9900;
border:#000000;
font-size:9px;
text-align:center;
color:#000000;}
h1{
font-size:16px;
font-weight: bold;
color:#FF0000;
}
h2{
font-size:16px;
font-weight: bold;
color:#FFF;
}
h3{
font-size:12px;
font-weight: bold;
color:#000;
}
h4{
font-size:12px;
font-weight: bold;
color:#FFF;
}
h5{
font-size:16px;
font-weight: bold;
color:#F00;
}


a:link {
	color:#FFF;
		text-decoration: none;

}
a:visited {
	color: #999999;
		text-decoration: none;

}
a:hover {
	color: #FFCC00;
		text-decoration: none;

}
a:active {
	color: #FF0033;
		text-decoration: none;

}
.video-photo{
display:block;
position:relative;
float:left;
height:50px;
width:150px;
line-height:50px;
text-indent:26px;
background-image:url(images/puce.jpg);
background-repeat:no-repeat;}

.photo-video{
width:200px;
height:100%;
position:relative;
float:left;
display:block;}



.centre_planning{
width:745px;
height:100%;
min-height:500px;
position:relative;
display:block;
float:left;
margin-left:15px;
margin-top:10px;


}

.gallerie_images{
width:726px;
height:100%;
min-height:320px;
position:relative;
display:block;
float:left;
margin-left:2px;
margin-top:10px;
}

.gallerie_images_etendue{
width:975px;
height:100%;
min-height:320px;
position:relative;
display:block;
float:left;
margin-left:2px;
margin-top:10px;
}
.centre_contact{
width:600px;
height:100%;
min-height:500px;
position:relative;
display:block;
float:left;
margin-left:15px;
margin-right:15px;
margin-top:10px;


}
.photo-planning{
width:70px;
height:100%;
min-height:500px;
position:relative;
display:block;
float:right;
margin-right:50px;
}
.photo-sport{
width:70px;
height:100%;
min-height:500px;
position:relative;
display:block;
float:left;
margin-left:60px;
}

.photo-contact{
width:70px;
height:100%;
min-height:500px;
position:relative;
display:block;
float:right;
margin-top:15px;
margin-right:85px;
}

.texte-planning{
width:550px;
height:100%;
font-size:12px;
text-align:justify;
padding-top:90px;
padding-left:90px;
padding-right:20px;
background:#000000 url(images/tarif.jpg) no-repeat;
margin-top:10px;
margin-left:30px;
border: 1px solid #FF3300;
float:left;
position:relative;}

.photo-tariff{
width:70px;
height:100%;
float:left;
margin-left:30px;

}




.texte-planning3{
font-size:12px;
text-align:justify;
padding-top:10px;

padding-left:70px;
margin-top:10px;
}
.texte-planning2{
font-size:10px;
text-align:center;
padding-top:90px;

background:#000000 url(images/tarif.jpg) no-repeat;
margin-top:10px;
border: 1px solid #FF3300;}

.images{
font-size:10px;
text-align:center;
padding-top:10px;

background:#000000;
margin-top:10px;
border: 1px solid #FF3300;}

.texte-sport{
height:100%;
width:550px;
padding:10px;
font-size:12px;
text-align:justify;
position:relative;
float:left;}
.entete
{color: #000000; font-weight: bold; }
table{
border:thin solid #333333;}
label{
margin-top:5px;
	float:left;
	width: 12em;}
	
.texte-contact{
width:420px;
height:100%;
padding:10px;
min-height:500px;
position:relative;
font-size:12px;
display:block;
float:left;
margin-left:130px;
margin-top:20px;
background-color:#333333;
border:1px solid #FF6600;
}
input{
height:15px;
width:180px;
border:thin;
margin-top:5px;
background-color:#FF6600;
border:1px solid black;
line-height:15px;}
.connu{
height:15px;
width:325px;
border:1px solid black;}
textarea {
height:115px;
width:180px;
border:thin;
margin-top:5px;
background-color:#FF6600;
border:1px solid black;}
.envoyer{
height:20px;
width:120px;
border:thin;
margin-top:5px;
background-color:#FFF;
border:1px solid black;
line-height:20px;}

.centre_prof{
width:720px;
height:100%;
min-height:500px;
position:relative;
display:block;
float:left;
padding:10px;
margin-left:15px;
margin-top:20px;
font-size:12px;
text-align:justify;}
.centre_pro{
width:760px;
position:relative;
display:block;
float:left;

margin-top:10px;

font-size:12px;
text-align:justify;}
.img-centre_prof{
height:180px;
width:80px;
position:relative;
display:block;
float:left;
margin-left:15px;
margin-right:25px;

}
.img-centre_pro{
height:470px;
width:250px;
position:relative;
display:block;
float:left;

}
.img-centre_eve{
height:200px;
width:150px;
position:relative;
display:block;
float:left;
margin-right:25px;

}

.img-centre_prof2{
height:60px;
width:80px;
position:relative;
display:block;
float:left;
margin-right:25px;
margin-left:20px;

}
img img-centre_prof{
border:1px solid #FF6600;}

table, td ,tr{
border:1px solid #333;

}
.text-prof{

width:500px;
position:relative;
display:block;
float:left;
margin-left:25px;

}
.text-prof5{

width:450px;
position:relative;
display:block;
float:left;
margin-top:10px;
margin-left:15px;

}
.text-eve{
height:100%;
width:600px;
position:relative;

margin-left:175px;
}
.sep{
width:700px;

margin-top:25px;
margin-bottom:10px;}
.stage{
width:650px;
height:100%;
min-height:60px;
background-image:url(images/separateur.jpg);
background-position:bottom ;
background-repeat:no-repeat;
padding:10px;}
h3{
color:#FF3300;}

.formation-professionelle{
height:470px;
width:250px;
position:relative;
display:block;
float:right;
/*margin-right:10px;*/
}

ul.partnerList{
	width: 630px;
	list-style-type:none;
	padding:0;
}

ul.partnerList li {
	width:201px;
	float:left;
	padding:0;
	max-height:300px;
	height:200px;
}
#text-videos{
	text-align:center;
	margin: 0 auto;
	width : 390px;
	margin-left:200px;
}
#videos_player{
	text-align:center;
	margin:0 auto;
}
.centre_video{
width:760px;
position:relative;
display:block;
float:left;

margin-top:10px;

font-size:12px;
text-align:justify;}

.imageList{
list-style-type:none;	
}

.imageList li{
width:410px;
height:310px;
float:left;
}

.myImageClearer {
	clear:both;
}

/*-------------- button styles ---------------*/
.specialButton {
font-family: sans-serif;
line-height: normal !important;
font-size: 130% !important;
}
.specialButton a:hover, .specialButton a:active {
color: #FFFFFF !important;
}
a.button, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(images/bouton.jpg);
background-repeat: no-repeat;
width: 172px;
height: 20px;
margin: 5px auto;
padding: 5px 0 0 0;
text-align: center;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}
a.button:link, a.button:visited {
color: #4B4B4B;
}
a.button:hover, a.button:active {
background-position: 0 -36px;
color: #FFFFFF;
}
a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
background-position: 0 -72px;
color: #5F5F5F !important;
cursor: default;
}
.icon {
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
a.button:hover .icon, a.button:active .icon {
background-position: 0 -28px;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
background-position: 0 -56px;
}
/*--- list of button icons 
#buttonOK .icon {
background-image: url(ok.gif);
}
#buttonCancel .icon {
background-image: url(cancel.gif);
}
#buttonImport .icon {
background-image: url(import.gif);
}
-----*/
/*-------------- Fin button styles ---------------*/