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

body
{   background-image:url(images/backColor.jpg);
	background-repeat: repeat;
    background-color:#000000;
	font-family: 16px Arial, Helvetica, sans-serif;
	color: #FFFFFF;}
#container
{
	background-color: #000000;
	width: 960px;
	margin:0px auto;
}
h1
{	background-image:url(images/header_bleu.jpg);
    width: 960px;
	height: 150px;
	clear: left;
	margin-bottom: 10px;}
h1 span, #menu span, #contenu p span, #footer span, #contenu_page_choregraphe span, a.credits span, #photo_illustrative span, #colgauche_ss_contenu p span, #coldroite_ss_contenu span.cache_text, #ss_contenu_page_ateliers span, #menu_page_spectacles span, #contenu_dates_odela span, #galerie_odela span, #ss_contenu_page_spectacles span, #contenu_dates_chut span, #description_odela_un span, #contenu_spectacle span, p.jow_aurillac span, #choix_spectacle span, #contenu_spectacle_odela span, #contenu_page_mentions span
{   display: none;}
#menu 
{padding-left:183px;
height:22px;
}
#menu li a:hover, #footer a:hover, #col_g_lien_vers_odela a:hover, #col_g_lien_vers_chut a:hover, #col_g_lien_vers_ssvoix a:hover, #credit a:hover
{   background-position: left bottom;}
/*#barre_menu
{	display: block;
    float:left;
	width: 960px;
	height: 22px;}*/
#menu li, #menu a 
{   display: block;
    float: left;
	color: #FFFFFF;
	height: 22px;
	font-weight: bold;
	font-size: 16px;
	font-style: normal;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;}

/*#menu li a 
{   font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	float: right;
	height: 20px;
	margin: 0px 0px 0px 20px;
	padding-top: 5px 5px 0px 5px;}*/
li.accueilok
{   background-image:url(images/BTN_Accueil.gif);
    background-position: left bottom;
    width: 106px;
	height: 22px;}
a.compagnie
{   background-image:url(images/BTN_La_compagnie.gif);
    background-position: left top;
    width: 153px;
    height: 22px;}
a.spectacles
{   background-image:url(images/BTN_Spectacles.gif);
    background-position: left top;
	width: 133px;
	height: 22px;}
a.ateliers
{   background-image:url(images/BTN_Ateliers.gif);
    background-position: left top;
	width: 106px;
	height: 22px;}
a.contact
{   background-image:url(images/BTN_Contact.gif);
    background-position: left top;
	width: 95px;
	height: 22px;}
.retour
{   clear:both;}
#contenu
{   border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
	padding-bottom: 0px;
	padding-top: 5px;
	
	background-image:url(images/Accueil_ViceVersa.jpg);
	
	width: 960px;
	height: 408px;
	background-repeat: no-repeat;
/*	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	*/
}
#contenu p
{   clear: left;
	background-image:url(images/Accueil_ViceVersa.jpg);
	width: 960px;
	height: 408px;
	background-repeat: no-repeat;
	padding-top:15px;}
#footer
{
	background-color:#000000;
	width: 960px;
	height: 42px;
	padding-top: 0px;
}
#footer2
{   background-color:#000000;
	border-top:solid 1px #CCCCCC;
	width: 960px;
	height: 42px;
	padding-top: 0px;
}
#footer p
{
	width: 78px;
	height: 20px;
	padding-left: 430px;
	padding-top: 15px;
}
/*a.credits
{   display: block;
    background-image:url(images/bouton_credits.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 78px;
	height: 20px;}*/
	
/* #footer li, #footer a
{	float: left;
    color: #FFFFFF;
	text-decoration: overline;
    width: 100px; /*à redefinir - attente des éléments de la maquette
    height: 30px;}
li.credits, .credits a
{   float:left;
    clear: left;
	color: #FFFFFF;
	text-decoration: overline;
    width: 100px;
	height: 30px;
	padding-left: 230px;} */


/* STYLE POUR LA PAGE CHOREGRAPHE .......................................................................................*/	
li.compagnieOk
{   background-image:url(images/BTN_La_compagnie.gif);
    background-position: left bottom;
    width:153px;
	height:22px;
	}
a.accueil
{   background-image:url(images/BTN_Accueil.gif);
    background-position: left top;
    width:106px;
    height:22px;}
#contenu_page_choregraphe
{   border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-position: left;
	width: 960px;
	height: 970px;
	line-height: normal;
	padding-bottom: 15px;
	color: #CCCCCC;}
#colgauche_choregraphe{
	float: left;
	width:301px;
	height:920px;}	
#colgauche_choregraphe p.luc_moka
{   display: block;
	float: left;
	background-image:url(images/image_luc_moka.jpg);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-bottom: 30px;
	width: 301px;
	height: 437px;}
#colgauche_choregraphe p.JS
{   display: block;
	float: left;
	background-image:url(images/JS_page_cie.jpg);
	background-repeat: no-repeat;
	width: 301px;
	height: 424px;}
#coldroite_page_choregraphe
{   float:left;
    width: 639px;
	height: 800px;
	font-family: Arial, sans-serif;
	margin-left:15px;
}
#coldroite_page_choregraphe h2
{   display: block;
	background-image:url(images/titre_luc_moka.gif);
	width: 129px;
	height: 23px;
	margin: 16px 0px 15px 0px;
}
#coldroite_page_choregraphe h2.jow_et_sow
{   display: block;
	background-image:url(images/titre_JS2.gif);
	width: 321px;
	height: 28px;
	margin: 25px 0px 15px 0px;
}
#coldroite_page_choregraphe h3.colo_orange
{
	font-size: 18px;
	margin:4px 0px 3px 0px;
	color: #993300;
}
#coldroite_page_choregraphe p.paragraphe_un
{
	display: block;
	background-image: url(images/picto_point.jpg);
	background-repeat: no-repeat;
	background-position: 3px 7px;
	height: 30px;
	padding-left: 25px;
	margin-bottom: 4px;
}
#coldroite_page_choregraphe p.paragraphe_plus_grand
{
	display: block;
	background-image: url(images/picto_point.jpg);
	background-repeat: no-repeat;
	background-position: 3px 7px;
	height: 46px;
	padding-left: 25px;
	margin-bottom: 5px;
}
#coldroite_page_choregraphe p.picto_trait
{
	display: block;
	background-image: url(images/picto_trait.jpg);
	background-repeat: no-repeat;
	background-position: 3px 6px;
	height: 17px;
	padding-left: 25px;
	margin: 0px;
}
#coldroite_page_choregraphe p.picto_trait_du_haut
{   display: block;
	background-image: url(images/picto_trait.jpg);
	background-repeat: no-repeat;
	background-position: 3px 6px;
	height: 17px;
	padding-left: 25px;
	margin-top:3px;}
#coldroite_page_choregraphe p.picto_trait_plus_grand
{   display: block;
	background-image: url(images/picto_trait.jpg);
	background-repeat: no-repeat;
	background-position: 3px 6px;
	height: 34px;
	padding-left: 25px;
	margin: 0px;}
#dernier_paragraphe
{   clear: left;
	line-height: 16px;
	margin-top: 10px;
	color:#CCCCCC;}
#dernier_paragraphe1
{   clear: left;
	line-height: 16px;
	margin-top: 10px;}
p.gras
{   font-weight:700;
	font-size: 13px;
	margin-bottom: 2px;}
#biographie_sow_et_jow
{   width: ;
    height: ;
    margin-top: 73px;}
p.contactJS
{   display: block;
	background-image:url(images/Contact_JS.gif);
	background-repeat: no-repeat;
	width: 189px;
	height: 33px;
	margin-top: 10px;
	
}
p.padding_top
{   margin-top: 10px;}
.retour
{   clear:both;}



/* STYLE POUR LA PAGE SPECTACLES .......................................................................................*/

li.spectaclesok
{   background-image:url(images/BTN_Spectacles.gif);
    background-position: left bottom;
    width:133px;
	height:22px;
	}
#contenu_spectacle
{   /*clear: left;*/
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
  	padding-bottom: 15px;
	padding-top: 15px;
	background-position: left;
	line-height: normal;
	width:960px;
	height:492px;
	background-image:url(images/fond_contenu_page_spectacle.jpg);
	background-repeat: no-repeat;}
#lien_vers_odela
{   width: 630px;
	height: 134px;
	padding: 15px 0px 31px 315px}
#col_g_lien_vers_odela
{   float: left;
    width: 109px;
	height: 136px;}
p.IMG_titre_spectacle_Odela
{   display: block;
    float: left;
	background-image:url(images/Picto_odela_crea07.gif);
	background-repeat:no-repeat;
	width: 109px;
	height: 29px;
	margin-bottom: 7px;}
a.IMG_lien_odela
{   display: block;
	clear:left;
	background-image:url(images/Picto_lucodela.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	width: 109px;
	height: 100px;
	padding:0px;}
#col_d_lien_vers_odela
{   float: left;
    width: 206px;
	height: 134px;
	margin: 0px 0px 0px 15px;}
#col_d_lien_vers_odela p.titre_spectacle_hip_hop_contemporain
{	display: block;
    float: left;
	background-image:url(images/Picto_spectacle_hip_hop.gif);
	background-repeat: no-repeat;
	width: 206px;
	height: 14px;
	margin-top:36px;
	margin-bottom:2px;}
#menu_spectacles
{   width:220px;
    height:134px;}
#menu_spectacles li a:hover, #footer a:hover
{   background-position: left bottom;}
#menu_spectacles li, #menu_spectacles a 
{   /*float: left;*/
    margin-bottom:1px;
	margin-top:1px;}
a.descriptif
{   float: left;
    background-image:url(images/BTN_Descriptif.gif);
    background-position: left top;
    width:189px;
    height:15px;}
#menu_spectacles a.descriptif_seul
{   float: left;
    background-image:url(images/BTN_Descriptif.gif);
    background-position: left top;
    width:189px;
    height:15px;}
a.dates_de_spectacle
{   float: left;
    background-image:url(images/BTN_Dates.gif);
    background-position: left top;
    width:138px;
    height: 15px;}
a.galerie_photo
{   float: left;
    background-image:url(images/BTN_Galerie.gif);
    background-position: left top;
    width:95px;
    height:15px;}
.retour
{   clear:both;}
	
/*DIV SPECTACLE CHUT!!*/
	
#lien_vers_chut
{   width: 630px;
	height: 134px;
	padding: 0px 0px 29px 315px;}
#col_g_lien_vers_chut
{   float: left;
    width: 109px;
	height: 134px;}
p.IMG_titre_spectacle_chut
{   display: block;
    float: left;
	background-image:url(images/Picto_chut_crea09.gif);
	background-repeat:no-repeat;
	width: 109px;
	height: 29px;
	margin-bottom: 5px;}
a.IMG_lien_chut
{   display: block;
	clear:left;
	background-image:url(images/Picto_sowchut.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	width: 109px;
	height: 100px;
	padding:0px;}
#col_d_lien_vers_chut
{   float: left;
    width: 206px;
	height: 134px;
	margin: 0px 0px 0px 15px;}
#col_d_lien_vers_chut p.titre_spectacle_hip_hop_contemporain
{	display: block;
	float: left;
	background-image:url(images/Picto_spectacle_hip_hop.gif);
	background-repeat: no-repeat;
	width: 206px;
	height: 14px;
	margin-top:34px;
	margin-bottom:2px;}


/*DIV SPECTACLE SANS VOIX!!*/
	
#lien_vers_ssvoix
{   width: 630px;
	height: 163px;
	padding: 0px 0px 0px 315px;}
#col_g_lien_vers_ssvoix
{   float: left;
    width: 109px;
	height: 134px;}
p.IMG_titre_spectacle_ssvoix
{   display: block;
    float: left;
	background-image:url(images/Picto_sans_voix_crea11.gif);
	background-repeat:no-repeat;
	width: 109px;
	height: 29px;
	margin-bottom: 5px;}
a.IMG_lien_ssvoix
{   display: block;
	clear:left;
	background-image:url(images/Picto_sowssvoix.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	width: 109px;
	height: 100px;
	padding:0px;}
#col_d_lien_vers_ssvoix
{
	float: left;
	width: 220px;
	height: 134px;
	margin: 0px 0px 0px 15px;
}
#col_d_lien_vers_ssvoix p.titre_spectacle_hip_hop_contemporain
{	display: block;
	float: left;
	background-image:url(images/Picto_spectacle_hip_hop.gif);
	background-repeat: no-repeat;
	width: 206px;
	height: 14px;
	margin-top:34px;
	margin-bottom:2px;}
#description_spectacles
{	display: block;
    float:left;
    width: 206px;
    height: 50px;}	
#description_spectacles li, #description_spectacles a
{   display: block;
	background-repeat: no-repeat;
	color: #FFFFFF;
	height: 15px;
	font-weight: bold;
	font-size: 16px;
	font-style: normal;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}



/* STYLE POUR LA PAGE SPECTACLE L'O DELA .......................................................................................*/
#contenu_spectacle_odela
{   clear: left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding-bottom: 0px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-position: left;
	line-height: normal;}
#spectacles_odela_chut_sansvoix
{   margin-top: 2px;}
#choix_spectacle
{    padding-left:547px;}
#choix_spectacle li a:hover, #contenu_galerie_odela a:hover
{   background-position: left bottom;}
#choix_spectacle li, #choix_spectacle a
{    float: left;}
a.lien_odela
{   background-image:url(images/BTN_rac_odela.gif);
    background-position: left top;
    width:97px;
    height:22px;}
a.lien_chut
{   background-image:url(images/BTN_rac_chut.gif);
    background-position: left top;
    width:102px;
    height: 22px;}
a.lien_sansvoix
{   background-image:url(images/BTN_rac_sans_voix.gif);
    background-position: left top;
    width:109px;
    height:22px;}
li.btn_odelaok
{   background-image:url(images/BTN_rac_odela.gif);
    background-position: left bottom;
    width:97px;
	height:22px;}
li.btn_chutok
{   background-image:url(images/BTN_rac_chut.gif);
    background-position: left bottom;
    width:102px;
	height:22px;}
li.btn_sansvoixok
{   background-image:url(images/BTN_rac_sans_voix.gif);
    background-position: left bottom;
    width:109px;
	height:22px;}
.retour
{   clear:both;}

h2.dates
{
	display: block;
	background-image:url(images/dates_de_spectacles.gif);
	background-repeat: no-repeat;
	width: 186px;
	height: 62px;
	margin: 25px 0px 25px 387px;}
p.espace
{   margin-bottom: 5px;}
h2.titre_odela
{   display: block;
	float:left;
	background-image:url(images/titre_h_odela.gif);
	background-repeat:no-repeat;
	width: 194px;
	height: 92px;}
#description_du_spectacle_odela
{   width: 960px;
	height: 328px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding-bottom: 15px;
	border-bottom: #CCCCCC 1px solid;}
p.texte_descriptif
{   display: block;
	float:left;
	background-image:url(images/titre_odela.gif);
	background-repeat:no-repeat;
	width: 162px;
	padding: 25px 0px 0px 0px;}
#description_du_spectacle_odela p.jow_aurillac
{   display: block;
	float:left;
	background-image:url(images/IMG_paragraphe_odela.jpg);
	background-repeat:no-repeat;
	width: 249px;
	height: 328px;
	margin-right: 15px;}
#paragraphe_odela
{   float: left;
	width:695px;
	height:201px;
	margin-top:20px;
	color: #CCCCCC;}
p.espace_paragraphe1
{   padding-top: 10px;
	color: #ff9900;}	
p.espace_paragraphe2
{   padding-top: 10px;}

#ecart
{   width: 960px;
    height: 30px;
    margin:25px 0px 0px 0px;}
p.titre_extrait_video
{   display: block;
	background-image:url(images/titre_extrait_video_odela.gif);
	background-repeat:no-repeat;
	width: 167px;
	height: 23px;
	margin-left: 396px;
	margin-bottom: 25px;}
#cadre_video_odela
{	width: 960px;
	height: 349px;
	padding: 0px 0px 0px 0px;}
p.cadre_video_col_gauche
{   display: block;
    float: left;
    background-image:url(images/IMG_habillage_video_luc1.jpg);
	background-repeat:no-repeat;
    width: 267px;
    height: 332px;
	margin:17px 0px 0px 0px;}
p.cadre_video_col_droite
{   display: block;
    float: left;
    background-image:url(images/IMG_habillage_video_trio1.jpg);
	background-repeat:no-repeat;
    width: 267px;
    height: 332px;
	margin:17px 0px 0px 0px;}
#video_odela
{   display: block;
	float:left;
	width: 425px;
	height: 349px;
	padding-top: 0px;}
p.bleu
{   color: #003399;}
#odela_credits
{   text-transform: uppercase;
	text-align: center;
	margin-top: 15px;
	padding-bottom: 25px;
	border-bottom: #CCCCCC 1px solid;}
#odela_credits
{   color:#CCCCCC;}
#ss_contenu_credits_et_video
{   margin-top: 20px;}
#contour_galerie_odela
{   clear: left;
	border-top-style: none;
	border-bottom-style: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-position: left;
	line-height: normal;
	border-right-style: none;
	border-left-style: none;} 
#contenu_galerie_odela
{   background-color: #000000;
	width: 910px;
	margin: 0px 0px 20px 50px;}
h2.galerie
{   display: block;
	background-image:url(images/titre_galerie.gif);
	background-repeat:no-repeat;
	width: 241px;
	height: 38px;
	margin-left: 396px;
	margin-top:25px;}
#dates_spectacle_odela
{   text-align: center;
	padding-bottom: 25px;
	border-bottom: #CCCCCC 1px solid;}
#dates_spectacle_odela p
{    color: #999999;}
#dates_spectacle_odela2
{   text-align: center;
	padding-bottom: 25px;}
#dates_spectacle_odela2 p
{    color: #999999;}

a.img_1_a
{   display:block;
    float: left;
    background-image:url(odela/pte_img1.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_2_a
{   display:block;
    float: left;
	background-image:url(odela/pte_img2.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_3_a
{   display:block;
    float: left;
	background-image:url(odela/pte_img3.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_4_a
{   display:block;
    float: left;
	background-image:url(odela/pte_img4.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_5_a
{   display:block;
    float: left;
    background-image:url(odela/pte_img5.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_6_a
{   display:block;
    float: left;
	background-image:url(odela/pte_img6.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_7_a
{   display:block;
    float: left;
	background-image:url(odela/pte_img7.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_8_a
{   display:block;
    float: left;
	background-image:url(odela/pte_img8.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_9_a
{   display:block;
    float: left;
    background-image:url(odela/pte_img9.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_10_a
{   display:block;
    float: left;
	background-image:url(odela/pte_img10.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_11_a
{   display:block;
    float: left;
	background-image:url(odela/pte_img11.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_12_a
{   display:block;
    float: left;
	background-image:url(odela/pte_img12.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_13_a
{   display:block;
    float: left;
    background-image:url(odela/pte_img13.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_14_a
{   display:block;
    float: left;
	background-image:url(odela/pte_img14.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_15_a
{   display:block;
    float: left;
	background-image:url(odela/pte_img15.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_16_a
{   display: block;
    float: left;
	background-image:url(odela/pte_img16.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_17_a
{   display:block;
    float: left;
	background-image:url(odela/pte_img17.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_18_a
{   display:block;
    float: left;
	background-image:url(odela/pte_img18.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_19_a
{   display:block;
    float: left;
	background-image:url(odela/pte_img19.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_20_a
{   display:block;
    float: left;
	background-image:url(odela/pte_img20.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_21_a
{   display:block;
    float: left;
	background-image:url(odela/pte_img21.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_22_a
{   display:block;
    float: left;
	background-image:url(odela/pte_img22.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_1_a, a.img_2_a, a.img_3_a, a.img_4_a, a.img_5_a, a.img_6_a, a.img_7_a, a.img_8_a, a.img_9_a, a.img_10_a, a.img_11_a, a.img_12_a, a.img_13_a, a.img_14_a, a.img_15_a, a.img_16_a, a.img_17_a, a.img_17_a, a.img_18_a, a.img_19_a, a.img_20_a, a.img_21_a, a.img_22_a
{   margin: 0px 20px 20px 0px;}
a.img_1_a, a.img_2_a, a.img_3_a, a.img_4_a, a.img_5_a, a.img_6_a, a.img_7_a, a.img_8_a, a.img_9_a, a.img_10_a, a.img_11_a, a.img_12_a, a.img_13_a, a.img_14_a, a.img_15_a, a.img_16_a, a.img_17_a, a.img_17_a, a.img_18_a, a.img_19_a, a.img_20_a, a.img_21_a, a.img_22_a
{   background-repeat: no-repeat;}
a.img_17_a, a.img_18_a
{   background-repeat: no-repeat;}



/* STYLE POUR LA PAGE SPECTACLE CHUT .......................................................................................*/

#spectacles_odela_chut_sansvoix
{   margin-top: 2px;}
#choix_spectacle
{
	padding-left:537px;
}
#choix_spectacle li a:hover, #contenu_galerie_odela a:hover
{   background-position: left bottom;}
#choix_spectacle li, #choix_spectacle a
{    float: left;}
.retour
{   clear:both;}

h2.dates
{
	display: block;
	background-image:url(images/dates_de_spectacles.gif);
	background-repeat: no-repeat;
	width: 186px;
	height: 62px;
	margin: 25px 0px 25px 387px;
}
p.espace
{   margin-bottom: 5px;}
h2.titre_chut
{   display: block;
	float:left;
	background-image:url(images/titre_h_chut.gif);
	background-repeat:no-repeat;
	width: 194px;
	height: 78px;
	margin-top:14px;}
#description_du_spectacle_chut
{
	width: 960px;
	height: 239px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding-bottom: 15px;
	border-bottom: #CCCCCC 1px solid;
}
p.texte_descriptif
{   display: block;
	float:left;
	background-image:url(images/titre_odela.gif);
	background-repeat:no-repeat;
	width: 162px;
	padding: 25px 0px 0px 0px;}
#description_du_spectacle_chut p.sow_et_luc
{
	display: block;
	float:left;
	background-image:url(images/IMG_paragraphe_chut.jpg);
	background-repeat:no-repeat;
	width: 249px;
	height: 247px;
	margin-right: 15px;
}
#paragraphe_chut
{
	float: left;
	width:695px;
	height:135px;
	margin-top:20px;
}
p.espace_paragraphe3
{   padding-top: 10px;
	color: #336699;}	
p.espace_paragraphe4
{   padding-top: 10px;
	color: #ff9900;}
p.espace_paragraphe2
{   padding-top: 10px;}
#ecart
{   width: 960px;
    height: 30px;
    margin:25px 0px 0px 0px;}
p.titre_extrait_video
{   display: block;
	background-image:url(images/titre_extrait_video_odela.gif);
	background-repeat:no-repeat;
	width: 167px;
	height: 23px;
	margin-left: 396px;}
#cadre_video_odela
{	width: 960px;
	height: 349px;
	padding: 0px 0px 0px 0px;}
p.cadre_video_col_gauche_chut
{   display: block;
    float: left;
    background-image:url(images/IMG_habillage_video_chut.jpg);
	background-repeat:no-repeat;
    width: 268px;
    height: 332px;
	margin:17px 0px 0px 0px;}
p.cadre_video_col_droite_chut
{   display: block;
    float: left;
    background-image:url(images/IMG_habillage_video_chut2.jpg);
	background-repeat:no-repeat;
    width: 267px;
    height: 332px;
	margin:17px 0px 0px 0px;}
#video_odela
{   display: block;
	float:left;
	width: 425px;
	height: 349px;
	padding-top: 0px;}
#odela_credits
{   text-transform: uppercase;
	text-align: center;
	margin-top: 15px;
	padding-bottom: 25px;
	border-bottom: #CCCCCC 1px solid;}
#ss_contenu_credits_et_video
{   margin-top: 20px;
    }
#contour_galerie_odela
{
	clear: left;
	border-top-style: none;
	border-bottom-style: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-position: left;
	line-height: normal;
	border-right-style: none;
	border-left-style: none;
} 
#contenu_galerie_odela
{
	background-color: #000000;
	width: 910px;
	margin: 0px 0px 20px 50px;
}
#dates_spectacle_odela
{   text-align: center;
    padding-bottom: 25px;
	border-bottom: #CCCCCC 1px solid;} 
a.img_1
{   display:block;
    float: left;
    background-image:url(chut/pte_img1.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_2
{   display:block;
    float: left;
	background-image:url(chut/pte_img2.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_3
{   display:block;
    float: left;
	background-image:url(chut/pte_img3.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_4
{   display:block;
    float: left;
	background-image:url(chut/pte_img4.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_5
{   display:block;
    float: left;
    background-image:url(chut/pte_img5.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_6
{   display:block;
    float: left;
	background-image:url(chut/pte_img6.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_7
{   display:block;
    float: left;
	background-image:url(chut/pte_img7.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_8
{   display:block;
    float: left;
	background-image:url(chut/pte_img8.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_9
{   display:block;
    float: left;
    background-image:url(chut/pte_img9.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_10
{   display:block;
    float: left;
	background-image:url(chut/pte_img10.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_11
{   display:block;
    float: left;
	background-image:url(chut/pte_img11.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_12
{   display:block;
    float: left;
	background-image:url(chut/pte_img12.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_13
{   display:block;
    float: left;
    background-image:url(chut/pte_img13.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_14
{   display:block;
    float: left;
	background-image:url(chut/pte_img14.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_15
{   display:block;
    float: left;
	background-image:url(chut/pte_img15.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_16
{   display:block;
    float: left;
	background-image:url(chut/pte_img16.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_17
{   display:block;
    float: left;
	background-image:url(chut/pte_img17.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_18
{   display:block;
    float: left;
	background-image:url(chut/pte_img18.jpg);
	background-position: left top;
    width:200px;
	height:100px;}

a.img_1, a.img_2, a.img_3, a.img_4, a.img_5, a.img_6, a.img_7, a.img_8, a.img_9, a.img_10, a.img_11, a.img_12, a.img_13, a.img_14, a.img_15, a.img_16, a.img_17, a.img_18
{   margin: 0px 20px 20px 0px;}
a.img_1, a.img_2, a.img_3, a.img_4, a.img_5, a.img_6, a.img_7, a.img_8, a.img_9, a.img_10, a.img_11, a.img_12, a.img_13, a.img_14, a.img_15, a.img_16, a.img_17, a.img_18
{   background-repeat: no-repeat;}



/* STYLE POUR LA PAGE SPECTACLE SANS VOIX .......................................................................................*/

#spectacles_odela_chut_sansvoix
{   margin-top: 2px;}
#choix_spectacle
{    padding-left:547px;}
#choix_spectacle li a:hover, #contenu_galerie_odela a:hover
{   background-position: left bottom;}
#choix_spectacle li, #choix_spectacle a
{    float: left;}
h2.titre_sansvoix
{   display: block;
	float:left;
	background-image:url(images/titre_h_sansvoix.gif);
	background-repeat:no-repeat;
	width: 194px;
	height: 67px;
	margin-top:26px;}
.retour
{   clear:both;}

h2.dates
{
	display: block;
	background-image:url(images/dates_de_spectacles.gif);
	background-repeat: no-repeat;
	width: 186px;
	height: 62px;
	margin: 25px 0px 25px 387px;}
p.espace
{   margin-bottom: 5px;}
h2.titre_odela
{   display: block;
	float:left;
	background-image:url(images/titre_h_odela.gif);
	background-repeat:no-repeat;
	width: 194px;
	height: 92px;}
#description_du_spectacle_sansvoix
{
	width: 960px;
	height: 435px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding-bottom: 27px;
	border-bottom: #CCCCCC 1px solid;
}
p.texte_descriptif
{   display: block;
	float:left;
	background-image:url(images/titre_odela.gif);
	background-repeat:no-repeat;
	width: 162px;
	padding: 25px 0px 0px 0px;}
#description_du_spectacle_sansvoix p.sow_sansvoix
{   display: block;
	float:left;
	background-image:url(images/IMG_VOIX_OFF.jpg);
	background-repeat:no-repeat;
	width: 249px;
	height: 448px;
	margin-right: 15px;}
#paragraphe_sansvoix
{   float: left;
	width:695px;
	height:225px;
	margin-top:20px;
	color: #CCCCCC;}
p.espace_paragraphe1
{   padding-top: 10px;
	color: #ff9900;}	
p.espace_paragraphe2
{   padding-top: 10px;}

#ecart
{   width: 960px;
    height: 30px;
    margin:25px 0px 0px 0px;}
p.titre_extrait_video
{   display: block;
	background-image:url(images/titre_extrait_video_odela.gif);
	background-repeat:no-repeat;
	width: 167px;
	height: 23px;
	margin-left: 396px;
	margin-bottom: 25px;}
#titre_extrait_video_1et2
{	display:block;
    width: 960px;
	height: 15px;
	padding: 0px 0px 0px 0px;}
#extrait_n1
{   
    float:left;
	background-image:url(images/titre_extrait1.gif);
	background-repeat:no-repeat;
	width: 94px;
	height: 15px;
	margin-left: 198px;}
#extrait_n2
{   float:left;
	background-image:url(images/titre_extrait2.gif);
	background-repeat:no-repeat;
	width: 96px;
	height: 15px;
	margin-left: 370px;}

#cadre_video_odela1
{	width: 960px;
	height: 300px;
	padding: 0px 0px 0px 0px;
	margin-top:20px;}
	
/*p.titre_extrait_2
{   
	background-image:url(images/titre_extrait2.gif);
	background-repeat:no-repeat;
	width: 96px;
	height: 15px;
	margin-left: 416px;}

<!--p.cadre_video_col_gauche
{   display: block;
    float: left;
    background-image:url(images/IMG_habillage_video_luc1.jpg);
	background-repeat:no-repeat;
    width: 267px;
    height: 332px;
	margin:17px 0px 0px 0px;}-->*/
p.cadre_video_col_droite
{   display: block;
    float: left;
    background-image:url(images/IMG_habillage_video_trio1.jpg);
	background-repeat:no-repeat;
    width: 267px;
    height: 332px;
	margin:17px 0px 0px 0px;}
#video_odela
{   display: block;
	float:left;
	width: 425px;
	height: 349px;
	padding-top: 0px;}
#vid_extrait_1
{   display: block;
	float:left;
	width: 455px;
	height: 261px;
	padding-top: 0px;
	margin:17px 20px 0px 15px;}
#vid_extrait_2
{   display: block;
	float:left;
	width: 455px;
	height: 261px;
	padding-top: 0px;
	margin:17px 0px 0px 0px;}

p.bleu
{   color: #003399;}
#sansvoix_credits
{   text-transform: uppercase;
	text-align: center;
	margin-top: 25px;
	padding-bottom: 25px;
	border-bottom: #CCCCCC 1px solid;}
#ss_contenu_credits_et_video
{   margin-top: 20px;}

#dates_spectacle_odela
{
	text-align: center;
	padding-bottom: 25px;
} 
#dates_spectacle_odela p
{    color: #999999;}

a.img_1_b
{   display:block;
    float: left;
    background-image:url(voixoff/p0001.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_2_b
{   display:block;
    float: left;
	background-image:url(voixoff/p0002.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_3_b
{   display:block;
    float: left;
	background-image:url(voixoff/p0003.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_4_b
{   display:block;
    float: left;
	background-image:url(voixoff/p0004.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_5_b
{   display:block;
    float: left;
    background-image:url(voixoff/p0005.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_6_b
{   display:block;
    float: left;
	background-image:url(voixoff/p0006.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_7_b
{   display:block;
    float: left;
	background-image:url(voixoff/p0007.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_8_b
{   display:block;
    float: left;
	background-image:url(voixoff/p0008.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_9_b
{   display:block;
    float: left;
    background-image:url(voixoff/p0009.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_10_b
{   display:block;
    float: left;
	background-image:url(voixoff/p0010.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_11_b
{   display:block;
    float: left;
	background-image:url(voixoff/p0011.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_12_b
{   display:block;
    float: left;
	background-image:url(voixoff/p0012.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_13_b
{   display:block;
    float: left;
    background-image:url(voixoff/p0001.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_14_b
{   display:block;
    float: left;
	background-image:url(voixoff/p0001.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_15_b
{   display:block;
    float: left;
	background-image:url(voixoff/p0001.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_16_b
{   display: block;
    float: left;
	background-image:url(voixoff/p0001.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_17_b
{   display:block;
    float: left;
	background-image:url(voixoff/p0001.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_18_b
{   display:block;
    float: left;
	background-image:url(voixoff/p0001.jpg);
	background-position: left top;
    width:200px;
	height:100px;}
a.img_1_b, a.img_2_b, a.img_3_b, a.img_4_b, a.img_5_b, a.img_6_b, a.img_7_b, a.img_8_b, a.img_9_b, a.img_10_b, a.img_11_b, a.img_12_b, a.img_13_b, a.img_14_b, a.img_15_b, a.img_16_b, a.img_17_b
{   margin: 0px 20px 20px 0px;}
a.img_1_b, a.img_2_b, a.img_3_b, a.img_4_b, a.img_5_b, a.img_6_b, a.img_7_b, a.img_8_b, a.img_9_b, a.img_10_b, a.img_11_b, a.img_12_b, a.img_13_b, a.img_14_b, a.img_15_b, a.img_16_b
{   background-repeat: no-repeat;}
a.img_17_b, a.img_18_b
{   background-repeat: no-repeat;}

/* STYLE POUR LA PAGE ATELIERS .......................................................................................*/
li.ateliersok
{   background-image:url(images/BTN_Ateliers.gif);
    background-position: left bottom;
    width:106px;
	height:22px;}
#contenu_page_ateliers
{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	background-position: left;
	line-height: normal;
	padding-bottom: 15px;
	width: 960px;
	height: 715px;}
/*#ss_contenu_page_ateliers
{   width:960px;
    height:1130px;}	*/
p.padding_top1
{   margin-top: 5px;}
#colgauche_ateliers p
{   display: block;
	float: left;
	background-image:url(images/photo_luc_moka_et_sowindy_ith.jpg);
	background-repeat: no-repeat;
	margin: 15px 10px 0px 0px;
	width: 301px;
	height: 492px;}
#coldroite_page_ateliers
{   float: left;
	width: 649px;
	height: 700px;
	font-family: Arial, sans-serif;}
#coldroite_page_ateliers h2
{   display: block;
	background-image:url(images/titres_ateliers.gif);
	background-repeat:no-repeat;
	width: 162px;
	height: 36px;
	margin: 15px 0px 15px 0px;}
#coldroite_page_ateliers p.titre_odela_p_ateliers
{   display: block;
	background-image:url(images/titre_lodela.gif);
	background-repeat:no-repeat;
	width: 103px;
	height: 30px;
	margin: 15px 0px 5px 0px;}
#coldroite_page_ateliers p.titre_chut_p_ateliers
{   display: block;
	background-image:url(images/titre_chut.gif);
	background-repeat:no-repeat;
	width: 103px;
	height: 30px;
	margin: 20px 0px 5px 0px;}
#coldroite_page_ateliers h3.colo_orange
{   font-size: 18px;
	margin:4px 0px 1px 0px;
	color: #993300;}
#coldroite_page_ateliers p.paragraphe_un
{
	display: block;
	background-image: url(images/picto_point.jpg);
	background-repeat: no-repeat;
	background-position: 3px 7px;
	height: 30px;
	padding-left: 25px;
	margin-bottom: 4px;
}
#coldroite_page_ateliers p.paragraphe_plus_grand
{
	display: block;
	background-image: url(images/picto_point.jpg);
	background-repeat: no-repeat;
	background-position: 3px 7px;
	height: 46px;
	padding-left: 25px;
	margin-bottom: 5px;
}
#coldroite_page_ateliers p.picto_trait
{
	display: block;
	background-image: url(images/picto_trait.jpg);
	background-repeat: no-repeat;
	background-position: 3px 6px;
	height: 17px;
	padding-left: 25px;
	margin: 0px;
}
#coldroite_page_ateliers p.picto_trait_du_haut
{   display: block;
	background-image: url(images/picto_trait.jpg);
	background-repeat: no-repeat;
	background-position: 3px 6px;
	height: 17px;
	padding-left: 25px;
	margin-top:3px;}
#coldroite_page_ateliers p.picto_trait_plus_grand
{
	display: block;
	background-image: url(images/picto_trait.jpg);
	background-repeat: no-repeat;
	background-position: 3px 6px;
	height: 34px;
	padding-left: 25px;
	margin: 0px;
}
#dernier_paragraphe
{
	clear: left;
	margin: 0px;
	line-height: 16px;
}
#dates_spectacle_odela p.gras
{
	font-weight:700;
	font-size: 13px;
	margin-bottom: 2px;
	color: #FFFFFF;
}
p.equart
{   margin-left: 0px;}
.retour
{clear:both;}


/* STYLE POUR LA PAGE CONTACT .......................................................................................*/


li.contactok
{   background-image:url(images/BTN_Contact.gif);
    background-position: left bottom;
    width:95px;
	height:22px;}
#contenu_page_contact
{   clear: left;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
	padding-bottom: 14px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-position: left;
	line-height: normal;
    }
#colgauche_ss_contenu
{   float: left;}
#colgauche_ss_contenu p
{
	display: block;
	background-image: url(images/photo_luc_page_contact.jpg);
	background-repeat: no-repeat;
	width: 255px;
	height: 395px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	margin-top: 20px;
}
#coldroite_ss_contenu
{   float: left;}
#coldroite_ss_contenu h2
{   display: block;
    background-image: url(images/titres_contact.gif);
	background-repeat: no-repeat;
	width: 203px;
	height: 45px;
	margin: 30px 0px 35px 92px;}
#coldroite_ss_contenu p
{
	margin-bottom: 10px;
}
p span.deco_text
{   color: #993300;
	text-decoration: underline;
	font-size: 16px;
	font-weight: bold;
}
#coldroite_ss_contenu li
{   margin-left: 30px;
    padding-bottom: 1px;}
span.gros_et_gras
{   font-weight:700;
	font-size: 14px;
	margin-top: 60px;} 
span.gras_orange
{   font-weight:700;
	font-size: 16px;
	color: #993300;}
#numero_tel, #numero_tel_2
{
	float: left;
	margin-left: 25px;
}
#numero_tel p
{   margin-top: 140px;} 
#numero_tel_2
{
	display: block;
	width: 162px;
	padding-top: 1px;
}
#compagnie_soutenue_par
{   margin-top: 20px;} 
p.espace_haut
{   margin-top: 2px;}
	
	
/* STYLE POUR LA PAGE CREDITS .......................................................................................*/

#credit
{
	background-image:url(images/BTN_Mentions.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 143px;
	height: 22px;
}
a.credits
{   display: block;
	background-image:url(images/BTN_Mentions.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 143px;
	height: 22px;
	margin-left: 400px;
	margin-top: 15px;
}
a.creditsok
{   display: block;
	background-image:url(images/BTN_Mentions.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 143px;
	height: 22px;
	margin-left: 408px;
	margin-top: 10px;
}
#contenu_page_mentions
{   border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-position: left;
	width: 960px;
	height: 440px;
	line-height: normal;
	padding-bottom: 15px;
	color: #CCCCCC;}
#coldroite_page_mentions
{
	float: left;
	width: 639px;
	height: 160px;
	font-family: Arial, sans-serif;
	margin-left:5px;
}
#coldroite_page_mentions h2.mentions
{
	display: block;
	background-image:url(images/mentions.gif);
	background-repeat: no-repeat;
	width: 297px;
	height: 38px;
	margin: 30px 0px 30px 0px;
}
#colgauche_mentions
{	display: block;
	float: left;
	background-image:url(images/jo_salto.jpg);
	background-repeat: no-repeat;
	margin: 15px 10px 0px 0px;
	width: 301px;
	height: 424px;}

/* STYLE CSS POUR LIGHTBOX .......................................................................................*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; /* couleur de la bordure de l'image*/ width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; } /*largeur de la bordure autour de la photo. Si vous la modifier, modifier la variable correspondante dans le fichier lightbox.js (borderSize: 10,  )*/

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } /*position de l'image de chargement*/
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* hack IE pour montrer le hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } /*image et position du lien "précédent". modifier le pourcentage pour déplacer le lien en hauteur (% compté depuis le haut de l'image)*/
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } /*idem pour le lien "suivant"*/

/*Cadre d'information en bas de l'image*/
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; /*couleur de fond */ margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; } /* couleur du texte*/
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;} /*si vous voulez une couleur différente pour la légende, ajoutez un attribut color*/
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}	/*si vous voulez une couleur différente pour les numéros de photos, ajoutez un attribut color*/
#imageData #bottomNavClose{ width: 66px; /*à modifier si vous modifier la largeur du bouton "fermer"*/ float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; /*couleur de l'ombre*/}