body{background-color:#fff;text-align:left;font-family: verdana, Arial, sans-serif;font-size:10px;color:#000;height:98%;margin:12px 10px 0 10px;}
section {padding: 1em;text-align: center;}
a{text-decoration:none;color:#000;outline: none;font-size:10px;}
table{font-size:10px;}

img a{border:none;}
.clear{clear:left;height:0;width:0;}

#header{font-size:12px;font-family:verdana,arial;}

#content, #content_acc{width:68%;float:left;padding:40px 0 0 0;position:relative;z-index:10;}
#content_page{margin:20px 0 80px 40px;width:90%;padding:0 2% 0 2%;text-align:justify;line-height:18px;}

a.langue_on{color:#ccc;}
#content_page pre{text-align:justify;display:inline;margin:0;}

#content_txt_entretients, #content_art_press, #bibliographie{}

#content_acc{margin-top:30px;}

#ariane a{color:#cecece;}

#footer{position:fixed;padding-bottom:10px;bottom:0;width:100%;background-color:#fff;z-index:10000;}
#copy{margin:10px 0 0 0px;float:left;width:10%;}
#ecologie{margin:10px 0 0 0%;float:left;font-weight:bold;width:77%;text-align:center;}
#social{float:right;margin:0 40px 0 0;text-align:right;width:10%;}

#biographie a:hover{color:#ccc;}

@media screen and (max-width: 1000px)
{
    /* Rédigez vos propriétés CSS ici */

.video_youtube{
	position: relative;
	width:340px;
	height:191px;	
	overflow: hidden;}
.video_youtube iframe,  
.video_youtube object,  
.video_youtube embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
}

#facebook_acc, #twitter, #youtube_acc, #instagram{float:right;margin:5px;}

.listing_fichier_download a{}
.listing_fichier_download a:hover{color:#ccc;}

#content_spectacle video{background-color:#000;}

.img_playeur{overflow:hidden;margin:0px 0 20px 0 ;}
.img_playeur img{margin:20% 0 0 45%;}

#logo_jerome_bel_choregraphe{font-size:55px;font-weight:bold;width:60%;float:left;padding:15px 0 0 10px;}
#logo_jerome_bel_choregraphe a{ font-size:16px;}
#menu{float:left;width:32%;padding:0 0 50px 0;font-weight:bold;}
#menu_langue{float:right;margin:25px 45px 0 0;font-size:10px;}
#menu_langue a{font-weight:bold;}
#menu_langue a:hover{color:#ccc;}
#menu ul{list-style:none;padding:8px 0 0 25px;margin:0;}
#menu ul.list_spectacle{padding:0 0 0 10px;margin:0;}
#menu ul li {margin:0 8px 10px 0;}

#menu ul.list_spectacle li.menu_on ul li a{color:#000;}
#menu ul.list_spectacle li.menu_on ul li._on a{color:#cecece}
#menu ul.list_spectacle li.menu_on ul , #menu ul li.menu_on ul{padding:8px 0 0 40px}

#menu ul.list_spectacle li.menu_on ul.art_press{padding:8px 0 0 10px}
#menu ul.list_spectacle li.menu_on ul.art_press li a{color:#000;}
#menu ul.list_spectacle li.menu_on ul.art_press li._on  a{color:#cecece;}
#menu ul li.menu_on ul li a,#menu ul li.menu_on ul.list_spectacle li ul.ss_menu_spectacle li a, #menu ul li.menu_on ul.list_spectacle li ul.ss_menu_spectacle li ul.art_press li a{color:#000;}
#menu ul li.menu_on ul li._on a, #menu ul li.menu_on ul.list_spectacle li.menu_on  a,#menu ul li.menu_on ul.list_spectacle li ul.ss_menu_spectacle li._on a, #menu ul li.menu_on ul.list_spectacle li ul.ss_menu_spectacle li ul.art_press li._on a{color:#cecece;}
#menu ul li.menu_on a, #menu ul li a:hover, #menu ul li.menu_on ul li a:hover{color:#cecece}

.titre_part, .titre_part22{color:#000;font-size:12px;font-weight:bold;margin:0 0 19px 0;padding:5px;}
.titre_part22{font-size:18px;}

#retour_liste_spectacle{float:left;margin:0 20px 0 0;}
#titre_spectacle{padding:8px;margin:0 0 0 60px;}
#menu_content{float:left;}
#menu_content ul{list-style:none;}
#menu_content ul li {margin:0 0 10px 0;}
#menu_content ul li._on a{color:#999}
#menu_content ul li a{padding:5px;}
#menu_content ul li a:hover{color:#999;}

.video_spectacle{margin:0;text-align:left;}
.video_spectacle input[type="text"]{text-align:center;}
.streaming_miniature img{float:left;margin: 10px;}
.content_code_streaming{}

table.agenda {margin:30px 0 0 0px;width:95%;font-family:verdana;font-size:10px;}
table.agenda tr{height:20px;}
/*table.agenda a{padding:5px;display:block;}*/

table.agenda td.ville_pays a{}
table.agenda a:hover{color:#999}
table.agenda a.link_no_decor:hover{}
table.agenda tr.tr_first{height:30px;}

tr.agenda_mini td{height:40px;}
td.titre_spectacle_mini table{margin:0 auto;}
td.titre_spectacle_mini{text-align:center;}
table.agenda td.titre_spectacle a{font-weight:bold;}
table.agenda td.titre_spectacle a:hover{color:#ccc;}
table.agenda td.titre_spectacle{padding-left:5px;}
table.agenda tr.tr_first td{/*border-bottom:solid 1px #000;*/}
table.agenda tr.tr_first a{border:none;font-weight:bold;color:#000;}
table.agenda tr.tr_first a:hover{color:#ccc;}
table.agenda td.titre_spectacle{}
td.td_date_agenda{width:12%;}
table.agenta td.date_agenda_spectacle{width:12%;}

img.btn_retour{width:75px;margin:0 0 10px 0;}
img.btn_retour.agenda {width:25px;margin:0;}

.annee_item_agenda{float:left;margin:10px;}
.annee_item_agenda a.on_anne_agenda{color:#cecece;}

.message_erreur{color:red;}
a.lien_download{color:#000;margin-top:15px;display:block;}
a.lien_download:hover{color:#ccc;}

/*page accueil */
#actus_acc, #agenda_acc{width:90%;}
/* page accueil prochaines dates */
.representation_item{margin:0;margin:0 0 5px 0;}

a.titre_representation {font-weight:bold;}
a.titre_representation:hover, .representation_item a:hover{color:#ccc;}
.date_representation, .date_actu{float:left;margin:0 10px 0 0;width:20%;text-align:right;}
/*page accueil actualites */
#actus{margin:20px 0 0 0;}
.actu_item{margin:0 0 25px 0;}
.titre_actu{white-space: nowrap;width: 100%;overflow:hidden;text-overflow: ellipsis;font-weight:bold;}
.titre_actu a:hover{color:#ccc;}
.content_actu{margin:0 0 0 0;}
.content_actu a:hover{color:#ccc;}
.content_actu p{white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.content_actu_accueil p{padding:0;margin:0;}
#actus_page .content_actu p{white-space:normal;width: 98%;}


.more_link_actu{text-align:right;font-size:10px;}
.more_link_actu a{color:#000;text-align:right;margin:0 20px 0 0;}

/* page listing spectacle */
#content_listing_spectalce{float:left;width:100%;margin:30px 0 0 0;padding:0;}
.item_spectacle{float:left;width:20%;height:30%;margin:0 10px 50px 10px;/*overflow:hidden;*/}
.item_img_spectacle img{width:100%;height:85%; opacity:1;}
.item_img_spectacle img:hover{opacity:0.8;transition: opacity .3s ease-out;-webkit-transition: opacity .3s ease-out;-moz-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out;}
.item_titre_spectacle h2{font-size:10px;font-weight:bold;text-align:center;height:15%;width:100%;}
.item_spectacle:hover .item_titre_spectacle h2 a{color:#ccc;}
	
#bibliographie a:hover{color:#999;}

#form1{margin:20px 0 0 0;text-align:left;width:90%;font-size:12px;}

#form1 input[type="submit"]{background-color:#fff;border:none;padding:0;text-align:left;}
#form1 input[type="submit"]:hover{color:#999;font-size:12px;}

.titre_art{font-weight:bold;font-size:12px;margin:0 0 10px 0px}

#image_spectacle{}
#image_spectacle ul{list-style:none;}
#image_spectacle ul li{float:left;margin:10px 10px 0 0;}

#content_spectacle table td{vertical-align:top;}
#content_spectacle table td{padding:0 0 10px 0;}

.livre{margin:25px 0 25px 0;}
.titre_livre{font-weight:bold;}
.titre_livre a:hover{color:#ccc;}
.livre a{cursor:pointer;}
/*----------------- adm ------------ */
#listing_photos_spectacle{padding:10px;background-color:#fff;color:#000;}

.photo_spectalce_adm{float:left;margin:5px;color:#000;border:dotted 1px #000;padding:8px;width:170px;line-height:15px;height:350px;}
.photo_spectalce_adm:hover{background-color:#ccc;}
.modifier_photo_spectacle{background-color:#fff;padding:10px;}
#fiche_spectacle_right .modifier_photo_spectacle table{color:#000;}

.photo_spectalce_adm input[type="submit"], .modifier_photo_spectacle table input[type="submit"]{background-color:#000;color:#fff;border:none;margin:4px 0 0 0;padding:4px;cursor:pointer;}
.photo_spectalce_adm input[type="submit"].input_red{background-color:red;color:#fff;border:none;margin:4px 0 0 0;padding:5px;cursor:pointer;}
#listing_spectacle_non_public{line-height:20px;}
#listing_spectacle_non_public a{background-color:#000;color:#fff;padding:2px;}
.onglet_spectacle ,.onglet_hover{margin:0 2px 0 0;padding:10px 0 0 10px;-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;float:left;width:20%;cursor:pointer;
border-top-right-radius: 5px;background-color:#fff;color:#000;height:23px;border-right:solid 2px #000;border-top:solid 2px #000;border-left:solid 2px #000;}
.onglet_hover, .onglet_spectacle:hover{background-color:#000;height:25px;color:#fff;}
.onglet_hover a,  .onglet_spectacle:hover a{color:#fff;}
#listing_spectacle{border:solid 8px #000;padding:20px;}


label{cursor:pointer;}
#message_avant_suppr{background-color:red;color:#fff;font-weight:bold;font-size:12px;text-align:center;padding:20px;width:55%;margin:0 auto;}

input[type="submit"].input_delete_yes, a.link_no_delete{border:none;color:#fff;font-weight:bold;font-size:14px;background-color:#000;padding:5px;text-align:center;}

#creer_representation{width:95%;margin:10px auto; background-color:#fff;color:#000;padding:20px;}

.warning{background-color:#fff;padding:5px;text-align:center;font-size:14px;font-weight:bold;width:50%;margin:1% 25% 0 25%;color:#ce5569;}
.warning_good{color:#96ce55;}
.warning_bad{color:orange;}

#menu_adm{}
#menu_adm ul{list-style:none;}
#menu_adm li{width:150px;height:150px;float:left;margin:10px;}
#menu_adm li a{display:block;background-color:#000;padding:50% 0 50% 0;text-align:center;color:#fff;font-size:16px;}
#menu_adm li a:hover{background-color:#cecece;}
#menu_adm1{float:left;margin:0 20px 0 0;}

table.table_adm_biblio tr td{font-size:10px;}
table.table_adm_biblio tr td input[type="text"]{font-size:10px;}
table.table_adm_biblio tr td select{width:150px;}
table.table_adm_biblio tr:nth-child(2n){background-color:#ddd;color:#000;}
table.table_adm_biblio tr:hover{background-color:#a9da15;}

table.table_listing_adm {font-size:10px;text-align:left;width:100%;}
table.table_listing_adm  a{display:block;padding:10px;}



#fiche_spectacle_right table{color:#000;font-size:12px;margin:15px;width:95%;}
#fiche_spectacle_right table td{padding:15px;}
#fiche_spectacle_right table td a{color:#000}

table.table_listing_adm tr a, table.table_listing_adm tr td{color:#000;}
table.table_listing_adm tr:nth-child(2n){background-color:#ddd;color:#000;}
table.table_listing_adm tr:nth-child(2n) a, #fiche_spectacle_right table tr:nth-child(2n) td a{color:#000;}
table.table_listing_adm tr:hover{background-color:#a9da15;}
table.table_listing_adm tr.entete, table.table_listing_adm tr.entete:hover{background-color:#f40a57; color:#fff;height:30px;}
table.table_listing_adm td.td_id {padding:0;font-size:8px;width:10px;}

table.table_listing_adm table.table_in{margin:5px;}
table.table_listing_adm table.table_in tr{background-color:#fff;}
table.table_listing_adm table.table_in td{padding:10px;}

#menu_type_content ul {list-style:none;margin:10px 0 10px 0;padding:0;height:35px;}
#menu_type_content ul li{float:left;margin:0 10px 0 0;background-color:#000;font-size:12px;}
#menu_type_content ul li a{color:#fff;display:block;padding:8px;}
#menu_type_content ul li:hover{background-color:#f40a57;}
#menu_type_content ul li._on{background-color:#f40a57;}


.mini_titre_form{color:#000;margin:10px 0 0 0;}
.form input[type="submit"]{background-color:#fff;font-weight:bold;font-size:14px;border:none;margin:10px;padding:3px 10px 3px 10px;float:right;}
.form input[type="submit"]:hover{background-color:#f40a57;color:#fff;cursor:pointer;}
.form input[type="text"]{margin:0 0 10px 0;}
input[type="submit"].input_delete{background-color:#000;color:#fff;border:none;cursor:pointer;}

.titre_form{font-size:28px;margin:0 0 0 0;}
.titre_form2{font-size:16px;border-left:solid 5px #000;padding-left:10px;margin:0 0 10px 0;}
.back_titre{background-color:#000;color:#fff;padding:0 10px 0 10px;}
.contenu_list{line-height:30px;}

#fiche_spectacle_left{float:left;width:15%;}
#fiche_spectacle_right{color:#000;background-color:#fff;padding:0.5%;line-height:30px;float:left;width:80%;}

a.btn_adm{border:solid 2px #000;padding:5px;cursor:pointer;}
a.btn_adm:hover{border:dotted 2px #000;}


#ss_menu_spectacle{}
#ss_menu_spectacle ul{list-style:none;margin:0 0 0 0; padding:0;}
#ss_menu_spectacle ul li{background-color:#cecece;}
#ss_menu_spectacle ul li a{display:block;padding:10px 0 10px 10px;background-color:#cecece;margin:0 0 4px 0;}
#ss_menu_spectacle ul li a:hover, #ss_menu_spectacle ul li._on  a{background-color:#000;color:#fff;}

textarea.big_textarea{width:1000px;height:350px;}