/* Reset css */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	outline: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


* { outline: none; } 

body {
    font-family:arial,helvetica,sans-serif;
    font-size:62.5%;
    padding:10px 0 0;
}
#global {
    margin: 0 auto;
    width: 1010px;
}
#cadre_ombre {
    width: 950px;
    float: left;
    background: url(new_ozap/shadow.png) repeat-y;
    padding:0 5px;
}
#shadow_left_header {
    background: url(new_ozap/shadow_left_header.png) no-repeat;
    height: 145px;
    float:left;
    width: 10px;
}
#shadow_right_header {
    background: url(new_ozap/shadow_right_header.png) no-repeat;
    height: 145px;
    float:right;
    width: 10px;
}
#login_header {
  position:absolute;
  background: url(../api/noexpire/ozap/bg_login_on.jpg);
  right:185px;
  width: 340px;
}
.conteneur_login{
	float:right;
}
#login_header .login, #login_header .mdp, .connexion {
  border: 1px solid #00354e;
  float:left;
  width:77px;
  height:13px;
  margin:0 5px 5px 0;
  font-size: 10px;
  padding:2px;
  color: #9a9a9a;
  padding:1px 2px 3px
}
#login_header .btn_submit {
  float:left;
  width: 26px;
  height: 19px;
  background:url(../api/noexpire/ozap/btn_ok_login_header.jpg);
  border:0;
  margin-right:5px;
}
#header {
	width: 1000px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#bg_header {
    background: url(new_ozap/background_header.jpg) repeat-x;
    float : left;
    width:980px;
}
#header p a, #exemple_recherche a {
    color: #ffffff;
    text-decoration: none;
}
#header p a:hover, #exemple_recherche a:hover {
    text-decoration: underline;
}
#pub_dart_MBR_T_728x90 {
    width:1000px;
    text-align: center;
    background: #ffffff;
    margin:0;
    padding: 10px 0;
}
#pub_dart_REC_M_300x250 {
  text-align:center;
}

#logo {
	background: url(new_ozap/logo.jpg) no-repeat;
	width: 950px;
	height: 83px;
	float:left;
	margin-top: 19px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}
#recherche {
    float: left;
    background: url(new_ozap/recherche_header.jpg) no-repeat;
    width: 640px;
    height: 35px;
    margin: 16px 0 0 35px;
}
#recherche form{
    padding: 6px 0 0 6px;;
    margin: 0px;
}
#recherche .input_text {
    border: 1px solid #000000;
    height: 16px;
    width: 270px;
    padding: 2px;
    vertical-align: bottom;
}
#recherche .submit {
    width: 82px;
    height: 22px;
    background: url(new_ozap/submit.jpg);
    border: 0;
    cursor: pointer;
}
#exemple_recherche {
    color: #ffffff;
    font-size: 11px;
    padding: 3px;
    margin: 0 26px 0 35px;
    float:left;
    height: 37px;
}
#nav_left li {
    display:inline;
    float:left;
    text-transform:UPPERCASE;
    font-size:13px;
    font-weight:700;
}
#nav_left a {
    display:block;
    color:#FFF;
    text-align:center;
    text-decoration:none;
    line-height:26px;
}
#accueil a {
    width:73px;
    height:26px;
    background:url(../api/noexpire/ozap/bg_accueil.gif) no-repeat;
}

#accueil a:hover,#accueil a:focus,#accueil a:active,#accueil .selected {
    background:url(../api/noexpire/ozap/bg_accueil.gif) no-repeat 0 -26px;
    color:#00a1e2;
}

#medias a {
    width:94px;
    height:26px;
    background:url(../api/noexpire/ozap/bg_medias.gif) no-repeat 0 0;
}

#medias a:hover,#medias a:focus,#medias a:active,#medias .selected {   
    background:url(../api/noexpire/ozap/bg_medias.gif) no-repeat 0 -26px;
    color:#00a1e2;
}

#cinema a {
    width:94px;
    height:26px;
    background:url(../api/noexpire/ozap/bg_cinema.gif) no-repeat 0 0;
}

#cinema a:hover,#cinema a:focus,#cinema a:active,#cinema .selected {
background:url(../api/noexpire/ozap/bg_cinema.gif) no-repeat 0 -26px;
color:#00a1e2;
}

#series a {
width:90px;
height:26px;
background:url(../api/noexpire/ozap/bg_series.gif) no-repeat 0 0;
}

#series a:hover,#series a:focus,#series a:active,#series .selected {
background:url(../api/noexpire/ozap/bg_series.gif) no-repeat 0 -26px;
color:#00a1e2;
}

#musique a {
width:100px;
height:26px;
background:url(../api/noexpire/ozap/bg_musique.gif) no-repeat 0 0;
}

#musique a:hover,#musique a:focus,#musique a:active,#musique .selected {
background:url(../api/noexpire/ozap/bg_musique.gif) no-repeat 0 -26px;
color:#00a1e2;
}

#en_avant a {
/*padding-left:16px;*/
/*padding-left:40px;*/
margin-left:23px;
width:135px;
height:26px;
background:url(../api/noexpire/ozap/bg_enavant.gif) no-repeat 0 0;
}

#en_avant a:hover,#en_avant a:focus,#en_avant a:active,#en_avant .selected {
background:url(../api/noexpire/ozap/bg_enavant.gif) no-repeat 0 0;
color:#fff;
}

#nav_right li {
display:inline;
float:right;
text-transform:UPPERCASE;
font-size:13px;
font-weight:700;
}

#nav_right li a {
display:block;
color:#000;
text-align:center;
text-decoration:none;
line-height:26px;
}

#pro a {
width:44px;
height:26px;
background:url(../api/noexpire/ozap/bg_pro.gif) no-repeat 0 0;
}

#pro a:hover,#pro a:focus,#pro a:active,#pro .selected {
background:url(../api/noexpire/ozap/bg_pro.gif) no-repeat 0 -26px;
color:#00a1e2;
}

#photo_video a {
width:107px;
height:26px;
background:url(../api/noexpire/ozap/bg_photovideo.gif) no-repeat 0 0;
}

#photo_video a:hover,#photo_video a:focus,#photo_video a:active,#photo_video .selected {
background:url(../api/noexpire/ozap/bg_photovideo.gif) no-repeat 0 -26px;
color:#00a1e2;
}

#programme_tv a {
width:103px;
height:26px;
background:url(../api/noexpire/ozap/bg_programmetv.gif) no-repeat 0 0;
}

#programme_tv a:hover,#programme_tv a:focus,#programme_tv a:active,#programme_tv .selected {
background:url(../api/noexpire/ozap/bg_programmetv.gif) no-repeat 0 -26px;
color:#00a1e2;
}

#communaute a {
width:101px;
height:26px;
background:url(../api/noexpire/ozap/bg_communaute.gif) no-repeat 0 0;
}

#communaute a:hover,#communaute a:focus,#communaute a:active,#communaute .selected {
background:url(../api/noexpire/ozap/bg_communaute.gif) no-repeat 0 -26px;
color:#00a1e2;
}
ul#nav_vuluentendu,ul#nav_linfoencontinu,ul#nav_left,ul#nav_right,ul#nav_prochaines_diffusions,ul#nav_programme {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
list-style-type:none;
margin:0;
padding:0;
}
#head_film {
    background: url(new_ozap/bg_titre_film.jpg) repeat-x;
    height: 189px;
    padding-right: 10px;
}
#head_film #avis .ok{
    background: url(new_ozap/btn_ok.jpg);
    border: 0;
    width:39px;
    height: 17px;
    cursor: pointer;
    margin-left: 40px;
}
#head_film h1{
    text-transform: uppercase;
    font-size: 21px;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    padding: 12px 0 7px 10px; 
}
#head_film #visuel {
    width: 557px;
    background:url(new_ozap/bg_visuel.jpg);
    height: 137px;
    padding:3px 0 0;
    float:left;
}
#head_film #avis {
    float:right;
    width: 355px;
    height: 130px;
    line-height: 15px;
}
#head_film #avis form{
    margin-bottom:5px;
}
#head_film textarea {
    background: url(new_ozap/bg_textarea.jpg) no-repeat;
    width: 348px;
    height: 64px;
    border:0;
    padding: 3px;
    font-family: arial;
    font-size:12px;
    margin-top:5px;
}
#head_film #avis .textearea_bottom {
    position: relative;
    top: -1px;
    right: -11px; 
}
#head_film #avis .commentaires {
    color: #0080a8;
}
#head_film #avis .commentaires a{ color: #0080a8; text-decoration: none; }#head_film #avis .commentaires a:hover{ text-decoration: underline; }
#sous_menu_film {
    background: #a00562;
    height: 20px;
}
#sous_menu_film li{
    color: #ffffff;
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 10px 3px 10px;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#sous_menu_film li a{
    color: #ffffff;
    text-decoration: none;
    padding:5px 5px 0; 
    text-align:center;
    height: 15px;
    float:left;
}
.ariane {
    color: #006599;
    padding: 7px 0 0;
}
.ariane a{color: #006599;text-decoration: none;} .ariane a:hover{text-decoration: underline;}
.ariane .dark {
    color: #000000;
}
#pub_728x90 {
    width: 728px;
    height: 90px;
    background: #e1e1e1;
    margin: 10px auto;
}
#recap_film {
    float:left;
    margin:0 9px 10px 0;
    background: url(new_ozap/bg_recap_film.jpg) no-repeat;
    height: 322px;
    width: 180px;
    padding: 10px 5px;
    line-height: 15px;
}
#recap_film p{
    margin: 5px 0;
}
#synopsis p, #critique p {
    margin: 7px 0;
}
#recap_film .synopsis, #synopsis .synopsis, #critique .synopsis{
    line-height: 18px;
}
#recap_film p img{
    padding-top: 2px;
}
.critique, .critique a {
    color: #006599;
    font-weight: bold;
}
.critique a {
    text-decoration: none;
}
.critique a:hover {
    text-decoration: underline;
}
#synopsis {
    float:left;
    margin:0 0 10px;
    background: url(new_ozap/bg_synopsis.jpg) no-repeat;
    height: 332px;
    width: 464px;
    padding:10px 0 0 10px;    
}
#synopsis a{
    color: #006995;
    text-decoration: none;  
}
#synopsis a:hover{
    text-decoration: underline;  
}
#synopsis h2{
    font-size: 19px;
    color:#006995;
    font-weight: normal;
    margin-bottom: 5px;
}
#affiche_film {
    width: 118px;
    height: 156px;
    background: orange;
    float:left;
    margin: 0 10px 0 0;
}
#film_photovideo {
    width: 674px;
    height: 247px;
    background: url(new_ozap/bg_photovideo.jpg) repeat-x;
    float:left;
    margin: -1px 0;
}
#film_photovideo p{
    margin: 2px 0;
    width: 320px;
}
#film_photovideo_left {
    background: url(new_ozap/bg_photovideo_left.jpg) no-repeat;
    width: 24px;
    height: 247px;
    float: left;
}
#film_photovideo_right {
    background: url(new_ozap/bg_photovideo_right.jpg) no-repeat;
    width: 6px;
    height: 247px;
    float:right;
}
#film_photovideo #video {
    width: 320px;
    height: 180px;
    background:#000000;
}
#content_left .critique {
    text-align: right;
}
#content_right .critique {
    text-align: right;
    width: 280px;
    margin-top:13px;
}
#film_photovideo #content_left {
    margin-top: 10px;
    padding: 10px 15px 0 17px;
    width:320px;
    float :left;
    height: 222px;
    border-right:1px dotted #d9d9d9;
}
#film_photovideo #content_right {
    margin-top: 10px;
    padding: 10px 0 0;
    width: 290px;
    float :right;
    height: 222px;
}
#content_right ul {
    float: left;
}
#content_right li{
    width: 125px; 
    height: 83px;
    background: #000000;  
    margin: 10px;  
}
#ou_voir_le_film {
    background: url(new_ozap/bg_ou_voir_ce_film.jpg) no-repeat;
    width: 300px;
    height: 132px;
    float: right;
}
#ou_voir_le_film p{
    float:right;
    width: 180px;
    color: #ffffff;
    margin: 35px 5px 0 0;
    line-height: 16px;
}
#ou_voir_le_film form {
    float:right;    
}
#ou_voir_le_film .text {
    width: 110px;
    padding: 3px;
    float:left;
    margin-top:9px;
}
#ou_voir_le_film .submit {
    border:0;
    background: url(new_ozap/btn_ok_voir_ce_film.jpg) no-repeat;
    width: 33px;
    height: 20px;
    cursor: pointer;
    margin: 10px 25px 0 10px;
}
#pub_300x250 {
    background: url(new_ozap/pub_test.jpg) no-repeat;
    width: 300px;
    height: 250px; 
    float: right;
    margin: 10px 0;
}
.bloc_gris {
    background: url(new_ozap/bg_bloc_gris.jpg) repeat-y;
    width: 674px;
    float:left;
    margin: 10px 0 0;
}
.bloc_gris h2 {
    font-size: 14px;
    float:left;
    margin-bottom: 5px;
}
.bloc_gris h2 a {
    text-decoration: none;
    color:#006599;
}
.bloc_gris h2 a:hover {
    text-decoration: underline;
}
.top_bloc_gris {
    background: url(new_ozap/top_bloc_gris.jpg) no-repeat;
    width: 674px;
    height: 5px;
    float:left;
}
.bottom_bloc_gris {
    background: url(new_ozap/bottom_bloc_gris.jpg) no-repeat;
    width: 674px;
    height: 5px;
    float:left;
}
.contenu_bloc_gris {
    padding:10px 10px;
    float:left;
}
.derniere_actus {
    background: url(new_ozap/title_derniere_actu.jpg) no-repeat 10px 10px;
    padding:40px 10px 10px;
}
.avis_internautes {
    background: url(new_ozap/title_avis_des_internautes.jpg) no-repeat 10px 10px;
    padding:40px 10px 10px;
}
.realisateur {
    background: url(new_ozap/title_realisateur.jpg) no-repeat 10px 10px;
    padding:40px 10px 10px;
}
.acteur_actrice {
    background: url(new_ozap/title_acteur.jpg) no-repeat 10px 10px;
    padding:40px 10px;
    clear: both;
}
.realisateur .visuel, .acteur_actrice .visuel {
    width: 75px;
    height: 50px;
    background : url(new_ozap/casting_no_visu.jpg) no-repeat;
    float: left;
    margin: 0 10px 10px;
}
.realisateur h2 a, .acteur_actrice h2 a {
    color:#000000;
}
.acteur_actrice ul{
    float:left;
    width: 300px;
}
.acteur_actrice li{
    float:left;
}
.image {
    width: 105px;
    height: 70px;
    margin: 0 15px 0 0;
    background: red;
    float:left;
}
.bloc_gris .critique {
    width: 660px;
    text-align:right;
}
#plan_du_site {
    float:left;
    width: 980px;
    color:#006599;
    margin-top: 10px;
    background: url(new_ozap/bg_plan_du_site.jpg) repeat-x;
}
#plan_du_site a, #top_ozap a{
    color:#006599;
    text-decoration: none;
}
#plan_du_site a:hover, #top_ozap a:hover{
    text-decoration: underline;
}
#plan_du_site .col{
    float:left;
    padding:0 80px 0 15px;
    line-height: 14px;
}
#plan_du_site .cat{
    margin-top:20px;
}
#plan_du_site strong {
    color: #006599;
}
#left_plan_du_site {
    background: url(new_ozap/plan_du_site.jpg) no-repeat;
    width:24px;
    height: 300px;
    float: left;
}
#right_plan_du_site {
    background: url(new_ozap/plan_du_site_right.jpg) no-repeat;
    width:5px;
    height: 300px;
    float: right;
}
#top_ozap {
    background:transparent url(new_ozap/bg_top_ozap.jpg);
    float:left;
    margin:10px 0;
    width:980px;
}
#left_top_ozap {
    background: url(new_ozap/top_ozap.jpg) no-repeat;
    width:24px;
    height: 166px;
    float: left;
}
#right_top_ozap {
    background: url(new_ozap/top_ozap_right.jpg) no-repeat;
    width:5px;
    height: 166px;
    float: right;
}
#top_ozap ol {
    list-style-type:decimal;
    list-style-position:inside;
    float:left;
    color: #000;
    margin:5px 5px 0 15px;
    width:215px;
}
#top_ozap .top_emission, #top_ozap .top_film, #top_ozap .top_serie, #top_ozap .top_disque {
    padding-top: 30px;
}
#top_ozap .top_emission {
    background: url(new_ozap/top_emission.jpg) no-repeat;
}
#top_ozap .top_film {
    background: url(new_ozap/top_film.jpg) no-repeat;
}
#top_ozap .top_serie {
    background: url(new_ozap/top_serie.jpg) no-repeat;
}
#top_ozap .top_disque {
    background: url(new_ozap/top_disque.jpg) no-repeat;
}
#top_ozap p{
    text-align:right;
    margin: 20px 0 0;
}

/* NEW FOOTER */ 
#footer{ background: none;width: 1010px; margin: 0 auto 20px auto; height: 131px; clear:both;}
#footer_left { background : url(new_ozap/left_footer.png) no-repeat; width: 14px; float: left; height: 131px; }
#footer_right { background : url(new_ozap/right_footer.png) no-repeat; width: 14px; float: right; height: 131px; }
#footer_center { background : url(new_ozap/bg_footer.png) repeat-x; height: 131px; width: 972px; float:left; }
#footer_logo { margin: 10px 0 0 10px; width:166px; float:left; }
#footer_copyright { color:#FFFFFF; float:left; font-size:12px; height:99px; line-height:1.5em; margin:17px 0 0 35px; text-align:center; width:750px; }
#footer_copyright a { color:#FFFFFF; text-decoration: none; }
/* NEW FOOTER */

/* NEW CINEMA */
#sous_menu_film .left { float:left; width: 4px; height: 20px; background: url(new_ozap/sous_menu_left.jpg) no-repeat; }
#sous_menu_film .center { padding:0 5px; text-align:center;float:left; height: 20px; background: #f2f2f2; }
#sous_menu_film .right { float:right; width: 4px; height: 20px; background: url(new_ozap/sous_menu_right.jpg) no-repeat; }
#sous_menu_film .selected { color:#000000;}
#critique { margin:0 0 10px; padding:10px 10px 0; }
#critique h1{ font-size: 20px; color: #006599 }
#critique #affiche_film { margin-bottom: 10px;}
#critique .synopsis { margin: 20px 0; }
#critique #auteur_date { font-style: italic; font-size:13px;line-height: 15px;margin-top:5px; }
/* NEW CINEMA */