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

body{
margin:0;
padding:0;
font: 12px "Arial",Helvetica,sans-serif ;
color:#000000;
}

img{
border:0;
}

#global{
	text-align:left;
	width: 955px;
	margin: auto;
	background-color : #FFFFFF;
}

.titre{
font: 21px "Arial",Helvetica,sans-serif ;
font-weight:bold;
color:#FFFFFF;
}

#nav1 {
	float:right;
	width:400px;
	height:18px;
	list-style: none ;
	text-align: center ;
	margin-top:0px;
}

#nav1 li{
	display: inline ;
	margin-right: 1px ;
	color: #000000 ;
}

#nav1 li a {
	padding: 1px 1px ;
	color:#000000 ;
	font: 11px "Arial",Helvetica,sans-serif ;
	text-align: center ;
	text-decoration: none ;
	}
#nav1 li a:hover, #nav1 li a:focus, #nav1 li a:active {
	background: #000000 ;
	color:#FFFFFF ;
	}
	
.nav1on{
	padding: 1px 1px ;
	background: #000000 ;
	color:#FFFFFF ;
	font: 11px "Arial",Helvetica,sans-serif ;
	text-align: center ;
}

ul.ongletsnoir{
float:right;
width:710px;
height:24px;
margin-bottom:3px;
margin-left:0px;
list-style-type:none;
}
html>body ul.ongletsnoir{
margin-top:10px;
}
ul.ongletsnoir li{
display:inline;
}	

.accueil a{
float:left;
width:113px;
height:24px;
background-image:url(images/accueil_off.gif);
background-repeat:no-repeat;
}

.accueil a:hover{
background-image:url(images/accueil_on.gif);
background-repeat:no-repeat;
}

.accueil_on a{
float:left;
width:113px;
height:24px;
background-image:url(images/accueil_on.gif);
background-repeat:no-repeat;
}

/* *********************************************************** ecole_danse********************************** */
.ecole_danse a{
float:left;
width:166px;
height:24px;
background-image:url(images/ecole_danse_off.gif);
background-repeat:no-repeat;
}

.ecole_danse a:hover{
background-image:url(images/ecole_danse_on.gif);
background-repeat:no-repeat;
}

.ecole_danse_on a{
float:left;
width:166px;
height:24px;
background-image:url(images/ecole_danse_on.gif);
background-repeat:no-repeat;
}

/* *********************************************************** cours_danse ********************************** */
.cours_danse a{
float:left;
width:170px;
height:24px;
background-image:url(images/cours_danse_off.gif);
background-repeat:no-repeat;
}

.cours_danse a:hover{
background-image:url(images/cours_danse_on.gif);
background-repeat:no-repeat;
}

.cours_danse_on a{
float:left;
width:170px;
height:24px;
background-image:url(images/cours_danse_on.gif);
background-repeat:no-repeat;
}

/* *********************************************************** stages_dansants ********************************** */
.stages_dansants a{
float:left;
width:252px;
height:24px;
background-image:url(images/stages_dansants_off.gif);
background-repeat:no-repeat;
}

.stages_dansants a:hover{
background-image:url(images/stages_dansants_on.gif);
background-repeat:no-repeat;
}

.stages_dansants_on a{
float:left;
width:252px;
height:24px;
background-image:url(images/stages_dansants_on.gif);
background-repeat:no-repeat;
}

	
/* ******************* gauche *************************** */
#gauche{
float:left;
width:180px;
height:auto;
margin-top:10px;
}
/* ************ gauche : nav compagnie des rats de cave ******************* */
#nav3{
float:left;
width:180px;
height:47px;
background-image:url(images/fond_compagnie.jpg);
background-repeat:no-repeat;
}

#nav3lien a{
float:left;
width:130px;
margin-left:25px;
margin-top:6px;
font: 14px "Arial",Helvetica,sans-serif ;
text-align: left ;
color:#000000;
text-decoration: none ;
}

#nav3lien a:hover,#nav3lien a:focus,#nav3lien a:active{
color:#CC0000;
}

#nav3lien_on{
float:left;
width:130px;
margin-left:12px;
margin-top:3px;
font: 14px "Arial",Helvetica,sans-serif ;
text-align: left ;
color:#990000;
text-decoration: none ;
}

/* ************ gauche : renseignements ******************* */

#renseignements{
float:left;
width:180px;
height:315px;
margin-top:40px;
background-image:url(images/renseignements.jpg);
background-repeat:no-repeat;
}

#renseignements_info{
float:left;
width:180px;
height:auto;
margin-top:220px;
margin-left:4px;
}

.info1{
font: 14px "Arial",Helvetica,sans-serif ;
text-align: left ;
font-weight:bold;
color:#000000;
}
.info2{
font: 14px "Arial",Helvetica,sans-serif ;
text-align: left ;
color:#990000;
}

#contactlena a{
font: 12px "Arial",Helvetica,sans-serif ;
color:#990000;
text-decoration:underline;
}

#contactlena a:hover,#contactlena a:focus,#contactlena a:active{
text-decoration:none;
}

/* ******************* contenu *************************** */

#contenu{
float:left;
width:485px;
height:auto;
margin-left:4px;
}
/* ************************ Actualits ************************* */
#titre1{
float:left;
width:463px;
height:53px;
margin-left:4px;
background-image:url(images/onglet1.gif);
background-repeat:no-repeat;
}

#titre1 h1{
font: 16px "Arial",Helvetica,sans-serif ;
margin-left :50px;
margin-top:16px;
font-weight:bold;
color:#FFFFFF;
}

.contenu_liens:link {
	font: 12px "Arial",Helvetica,sans-serif ;
	color:#000000;
	text-decoration:underline;
	margin-left:10px;
}

.contenu_liens:visited {
	font: 12px "Arial",Helvetica,sans-serif ;
	color:#000000;
	text-decoration:underline;
	margin-left:10px;
}

.contenu_liens:hover {
	text-decoration:none;
	color:#333333;
}

/* ************************ prochains stages ************************* */

#titre2{
float:left;
width:463px;
height:53px;
margin-left:4px;
margin-top:20px;
background-image:url(images/onglet2.gif);
background-repeat:no-repeat;
}

#titre2 h1{
font: 16px "Arial",Helvetica,sans-serif ;
margin-left :50px;
margin-top:16px;
font-weight:bold;
color:#FFFFFF;
}

#contenu_stages{
float:left;
width:463px;
height:auto;
margin-left:20px;
margin-top:10px;
background-image:url(images/puce_fleche2.gif);
background-repeat:no-repeat;
background-position:top left;
}

#contenu_stages p{
margin-top:0;
margin-left:20px;
}

.contenu_titre{
font: 14px "Arial",Helvetica,sans-serif ;
font-weight:bold;
}

.contenu_date_lieu{
font: 12px "Arial",Helvetica,sans-serif ;
font-weight:bold;
color:#990000;
}

.savoirplus:link {
	font: 12px "Arial",Helvetica,sans-serif ;
	color:#FFFFFF;
	text-decoration:underline;
	margin-left:10px;
}

.savoirplus:visited {
	font: 12px "Arial",Helvetica,sans-serif ;
	color:#FFFFFF;
	text-decoration:underline;
	margin-left:10px;
}

.savoirplus:hover {
	text-decoration:none;
	color:#FFFFFF;
}


#ligne{
float:left;
width:427px;
margin-left:40px;
margin-top:10px;
border-size:2px;
border-top-color:#666666;
border-top-width:thin;
border-top-style:dotted;
}

#ligne2{
width:650px;
margin-left:0px;
margin-top:0px;
border-size:2px;
border-top-color:#666666;
border-top-width:thin;
border-top-style:dotted;
}

#ligne3{
width:695px;
margin-left:0px;
margin-top:0px;
border-size:2px;
border-top-color:#666666;
border-top-width:thin;
border-top-style:dotted;
}

#fond1_stage_soiree{
margin-top:20px;
width:155px;
height:200px;
float:right;
background-image:url(images/lionel_lena.jpg);
background-repeat:no-repeat;
}

/* ************************ cours de danses ************************* */
#titre3{
float:left;
width:463px;
height:53px;
margin-left:4px;
background-image:url(images/onglet3.gif);
background-repeat:no-repeat;
}

#titre3 h1{
font: 16px "Arial",Helvetica,sans-serif ;
margin-left :50px;
margin-top:16px;
font-weight:bold;
color:#FFFFFF;
}


#titre_cours {
float:left;
width:427px;
border-size:2px;
border-top-color:#666666;
border-top-width:thin;
border-top-style:solid;
border-bottom-color:#666666;
border-bottom-width:thin;
border-bottom-style:solid;
height:30px;
margin-left:40px;
margin-top:10px;
background-image:url(images/puce_etoile3.gif);
background-repeat:no-repeat;
background-position:left;
}

#titre_cours p{
float:left;
width:427px;
margin-left:22px;
margin-top:7px;
font: 14px "Arial",Helvetica,sans-serif ;
font-weight:bold;
color:#990000;
}


#cours{
float:left;
width:427px;
height:auto;
margin-left:20px;
margin-top:10px;
background-image:url(images/puce_fleche3.gif);
background-repeat:no-repeat;
background-position:top left;
}

#cours p{
float:left;
width:427px;
height:auto;
margin-left:20px;
margin-top:0px;
}

#cours_liens{
float:left;
width:427px;
height:auto;
margin-left:0px;
}

#cours_liens a{
font: 12px "Arial",Helvetica,sans-serif ;
color:#000000;
text-decoration:underline;
margin-left:10px;
}

#cours_liens a:hover,#cours_liens a:focus,#cours_liens a:active{
text-decoration:none;
color:#333333;
}

#pdf{
float:left;
width:427px;
height:auto;
margin-left:20px;
margin-top:10px;
background-image:url(images/puce_fleche2.gif);
background-repeat:no-repeat;
background-position:top left;
}

#pdf p{
float:left;
width:427px;
height:auto;
margin-left:20px;
margin-top:0px;
}

.pdf:link{
font: 12px "Arial",Helvetica,sans-serif ;
color:#990000;
text-decoration:none;
}
.pdf:visited{
font: 12px "Arial",Helvetica,sans-serif ;
color:#990000;
text-decoration:none;
}

.pdf:hover{
color:#333333;
}

#cours_autres{
float:left;
width:427px;
height:auto;
margin-left:40px;
}

#cours_autres a{
font: 12px "Arial",Helvetica,sans-serif ;
color:#000000;
text-decoration:underline;
margin-left:10px;
}

#cours_autres a:hover,#cours_autres a:focus,#cours_autres a:active{
text-decoration:none;
color:#333333;
}

/* ******************  NOS LIENS ***************  */
#contenu4_liens{
float:left;
width:500px;
height:auto;
margin-left:0px;
}

#contenu4_liens a{
font: 12px "Arial",Helvetica,sans-serif ;
color:#000000;
text-decoration:none;
margin-left:4px;
}

#contenu4_liens a:hover,#contenu_liens a:focus,#contenu_liens a:active{
text-decoration:underline;
color:#333333;
}

/* ******************* droite *************************** */
#droite{
float:left;
width:282px;
height:auto;
margin-left:4px;
}


#titre4{
float:left;
width:282px;
height:53px;
background-image:url(images/onglet4.gif);
background-repeat:no-repeat;
}

#titre4 h1{
font: 16px "Arial",Helvetica,sans-serif ;
margin-left :50px;
margin-top:15px;
font-weight:bold;
color:#FFFFFF;
}

#titre5{
float:left;
width:282px;
height:53px;
background-image:url(images/onglet5.gif);
background-repeat:no-repeat;
}

#titre5 h1{
font: 16px "Arial",Helvetica,sans-serif ;
margin-left :50px;
margin-top:15px;
font-weight:bold;
color:#FFFFFF;
}

#diapo{
float:left;
width:228px;
height:228px;
margin-top:20px;
margin-left:40px;
}


/* ********************  page ecole de danse   ********************************** */

#sous_menu_ecole {
	float:left;
	width: 600px;
	height: 20px;
	margin-top:5px;
	margin-left:20px;
	
}

.sous_menu_on{
font: 12px "Arial",Helvetica,sans-serif ;
color:#990000;
text-decoration:none;
}

#sous_menu_ecole a{
font: 11px "Arial",Helvetica,sans-serif ;
color:#666666;
text-decoration:none;
}

#sous_menu_ecole a:hover,#sous_menu_ecole a:focus,#sous_menu_ecole a:active{
color:#990000;
}


.ecole_titre1{
background-image:url(images/onglet6.gif);
background-repeat:no-repeat;
width:463px;
height:53px;
}

#contenu_presentation{
float:left;
width:330px;
height:auto;
margin-left:20px;
}
#titre_presentation{
float:left;
width:370px;
height:53px;
margin-left:4px;
background-image:url(images/onglet1.gif);
background-repeat:no-repeat;
}

#titre_presentation h1{
font: 16px "Arial",Helvetica,sans-serif ;
margin-left :50px;
margin-top:16px;
font-weight:bold;
color:#FFFFFF;
}

.titre_templeduswing{
font: 14px "Arial",Helvetica,sans-serif ;
font-weight:bold;
}
.important_presentation{
font: 12px "Arial",Helvetica,sans-serif ;
font-weight:bold;
color:#990000;
}

#droite_direction{
float:left;
width:340px;
height:200px;;
margin-left:4px;
margin-top:20px;
}

#titre2_direction{
float:left;
width:350px;
height:53px;
margin-left:4px;
background-image:url(images/onglet2.gif);
background-repeat:no-repeat;
}

#titre2_direction h1{
font: 16px "Arial",Helvetica,sans-serif ;
margin-left :50px;
margin-top:16px;
font-weight:bold;
color:#FFFFFF;
}

#contenu_bebop{
float:left;
width:740px;
height:auto;
margin-left:20px;
}
#contenu_bebop_gauche{
float:left;
width:340px;
height:auto;
margin-left:4px;
padding-left:16px;
}
#contenu_bebop_droite{
float:right;
width:342px;
}

#titre6_bebop{
float:left;
width:770px;
height:53px;
margin-left:4px;
background-image:url(images/onglet6.gif);
background-repeat:no-repeat;
}

#titre6_bebop h1{
font: 16px "Arial",Helvetica,sans-serif ;
margin-left :55px;
margin-top:22px;
font-weight:bold;
color:#FFFFFF;
}


	/* ************************* fin page ecole de danse ************************ */
	

#contenu2_liens{
float:left;
width:300px;
height:auto;
margin-left:0px;
}

#contenu2_liens a{
font: 12px "Arial",Helvetica,sans-serif ;
color:#000000;
text-decoration:underline;
margin-left:10px;
}

#contenu2_liens a:hover,#contenu_liens a:focus,#contenu_liens a:active{
text-decoration:none;
color:#333333;
}

#contenu3_liens{
float:left;
width:500px;
height:auto;
margin-left:0px;
}

#contenu3_liens a{
font: 12px "Arial",Helvetica,sans-serif ;
color:#000000;
text-decoration:underline;
margin-left:10px;
}

#contenu3_liens a:hover,#contenu_liens a:focus,#contenu_liens a:active{
text-decoration:none;
color:#333333;
}
	
#footer {
	float:left;
	clear:both;
	width: 955px;	
	height:72px;
	font-style: normal;
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	font: 14px "Arial",Helvetica,sans-serif ;
	color:#666666;
	}	
#footer_liens{
	float:left;
	width: 900px;
	margin-left:6px;
	margin-top:43px;
	}
#footer_liens a{
	font: 11px "Arial",Helvetica,sans-serif ;
	color:#666666;
	text-decoration: none ;
	}
#footer_liens a:hover,#footer_liens a:focus,#footer_liens a:active{
	color:#FFFFFF;
	}