/*
Theme Name: diaphana 2010
Theme URI: http://diaphana.fr/
Author: blind
Version: 1.0
*/

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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 {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }

img { -ms-interpolation-mode:bicubic; }

/* Fonts
-------------------------------------------------------------- */

@font-face { font-family: 'Trade Gothic Light'; font-style: normal; font-weight: normal; src: url('fonts/tg_light.ttf') format('truetype'); } 

/* Layout
-------------------------------------------------------------- */
header { display : block; height : 100px; background : #525252 url('images/fond_header.jpg') center top; position : relative; }
header nav { display : block; width : 762px; padding-top : 33px; padding-bottom : 33px; background : url('images/nav_bordure.png') repeat-y right top; position : relative; top : 8px; text-align : right; }

.page header { margin-bottom : 20px; }

#search_box { width : 211px; height : 32px; position : absolute; top  : 62px; right : 0; background : url('images/search_background.png') no-repeat; }
#search_box input[type=submit] { cursor: pointer; background : transparent; border : 0; display : block; height : 28px; width : 46px; margin-top : 1px; float : right; color: #f29400; font: bold 12px/24px arial; text-align : center;}
#search_box input[type=text] { width : 145px; height : 22px; margin-left : 10px; margin-top : 3px; border: 0; font : normal 12px/22px arial; color : #525252;}

#newsletter_box { width : 211px; height : 32px; background : url('images/search_background.png') no-repeat; }
#newsletter_box input[type=submit] { cursor: pointer; background : transparent; border : 0; display : block; height : 28px; width : 46px; margin-top : 1px; float : right; color: #f29400; font: bold 12px/24px arial; text-align : center;}
#newsletter_box input[type=text] { width : 140px; height : 22px; margin-left : 10px; margin-top : 3px; border: 0; font : normal 12px/22px arial; color : #525252;}

h1 { position : absolute; top : 36px; z-index : 3; }

.home header { height : 238px; }

.container { width : 100%; text-align : center; }
.container .content { width : 990px; margin : auto; text-align : left; position : relative; }

footer { margin-top : 20px; padding-bottom : 20px; }
footer .content { border-top : 1px solid #696969; padding-top : 10px; position : relative; }
footer nav { width : 177px; }
footer nav a { display : block; }

footer #address { position : absolute; top: 10px; left : 198px; }
footer #credits { position : absolute; top: 10px; right : 0px;  }

.col { float : left; display : block; }

/* Grille 1 */

.col-1 { margin-left : 14px; width : 216px; }

.col-2 { width : 760px; }
.col-2 .col { width : 372px; }
.col-2 .first { margin-right : 15px; }

/* Grille 2 */

.single .col-1 { margin : 0; width : 320px; }
.single .col-2 { margin-left : 45px; width : 624px; }

.single-post .col { margin-top : 30px; }

/* Grille 3 */

.col-3-1 { width : 169px; }
.col-3-2 { width : 548px; margin-left : 30px; }
.col-3-3 { width : 788px; margin-left : 30px; }

.col-3-3-1 { width : 345px; margin-right : 82px; }
.col-3-3-2 { width : 345px; }

/* Grille 4 */

.col-4-1 { width : 320px; }
.col-4-2 { width : 626px; margin-left : 44px; }

.clearer { height : 0; display : block; margin : 0; padding : 0; clear : both; visibility : hidden; }

#focus { position : relative; top : -139px; left : 0px; overflow : visible; height : 162px; width : 100%; }
#focus .container { height : 310px; /* width : 1212px; */ background : url('images/ombre.jpg') no-repeat center bottom;}
#focus .content { background : #f29400; height : 276px; position : relative; }

#focus .video { width : 491px; position : relative; }
#focus .video iframe { position : absolute; left :-1px;  width : 491px; height : 276px;} /* FIREFOX : 1px en trop à gauche */

#focus .info { position : absolute; left : 490px; top : 0; width : 453px; padding-left : 19px; padding-right : 26px; }

.cta a { float : left; margin-right : 13px; }
.single .cta a { float : left; margin-right : 6px; }
.single .cta .last { margin-right : 0px; }

#sortie_annee { float : right; position : relative; top : -77px; overflow : visible; height : 0;}

.single #meta #affiche { margin-bottom : 24px; }


/* Text styles
-------------------------------------------------------------- */
body { font-family : arial; }

header nav a { font : bold 11px/11px arial; color : #efefef; text-decoration : none; text-transform : uppercase; margin-right : 16px; }
header nav a:hover { text-decoration : underline; }

h2 { color : #6e6e6e; font : normal 48px/48px 'Trade Gothic Light', arial; margin-top : 14px; margin-bottom : 24px; padding-bottom : 5px; border-bottom : 1px solid #c5c5c5;}
#catalogue h2 { color : #de313b; border : 0; }

h3 { font: normal 30px/30px 'Trade Gothic Light', arial, serif ; text-transform : uppercase; margin-top : 8px; border-bottom : 1px solid #d9d9d9; padding-bottom : 9px; letter-spacing : 0px; color : #4a4a4a;}
h4 { color : #787878; font : normal 12px/12px arial; padding-bottom : 2px; margin-bottom : 10px;  text-transform : uppercase; border-bottom : 1px solid #bfbfbf; }
#catalogue h4 { color : #de313b; }

/* .page h3 { border : none;} */

#meta h5 { color : #525252; font : normal 12px/16px arial; text-transform : uppercase; }
#catalogue h5 { color : #525252; font : bold 18px/18px arial; padding-bottom : 5px; }
#catalogue h5 a { color : #525252; text-decoration : none; }
#catalogue h5 a:hover { text-decoration : underline; }
#catalogue.catalogue-presse h5 { line-height : 38px; }


p { color: #525252; font : normal 16px/24px arial; margin-bottom : 30px; text-align : justify; }
.text ul { list-style-type : square; margin-left : 30px; }
.text ul li { color: #525252; font : normal 12px/24px arial; margin-bottom : 30px; }

p a { color : #de313b; }
p a:hover { text-decoration : underline; }


object { margin-bottom : 30px; }

#alaffiche h3 a { color : #f29400; text-decoration : none; }
#alaffiche h3 a:hover { text-decoration : underline; }

.push1 .film { padding : 15px 0 22px 0; border-bottom : 1px solid #d9d9d9;}
.push1 .film:last-child { border : 0; }

.push1 .film .affiche { float : left; margin-right : 9px; }
.push1 .film .affiche img { border : 1px solid #d0d0d0; width : 127px; }

.push1 .film .info { float : left; width : 232px; height : 172px; font : normal 12px/15px arial; position : relative; }
.push1 .film .info h4 { font : bold 18px/18px arial; border : 0; text-transform : uppercase; color : #4a4a4a; background : url('images/border.png') repeat-x left bottom; padding-bottom : 7px; margin : 0; }
.push1 .film .info h4 a { color : #4a4a4a; text-decoration : none; }
.push1 .film .info h4 a:hover { text-decoration : underline; }
.push1 .film .info .realisation { background : url('images/border.png') repeat-x left bottom; padding-bottom : 7px; padding-top : 7px; }
.push1 .film .info .realisation, .push1 .film .info .realisation a { color : #4a4a4a; text-decoration : none; font-weight : bold;}
.push1 .film .info .realisation a:hover { text-decoration : underline; }
.push1 .film .info .realisation span, .push1 .film .info .acteurs span, .push1 .film .info .date_sortie span { color : #f29400; font-weight : normal; }
.push1 .film .info .acteurs { padding-top : 7px; color : #4a4a4a; }
.push1 .film .info .date_sortie { padding-top : 7px; color : #4a4a4a; }
.push1 .film .info .cta { position : absolute; bottom : 0; }


#nouveautes h3 a { color : #de313b; text-decoration : none; }
#nouveautes h3 a:hover { text-decoration : underline; }

#nouveautes span { color : #de313b; }
#nouveautes  .film .affiche img { border : 0; max-width : 120px; height : 170px; }

#nouveautes .cta a { margin-right : 12px; }
#nouveautes .cta a.last { margin-right : 0px; }

#populairesencemoment h3 a { background : white; color : inherit; text-decoration : none; }
#populairesencemoment h3 a:hover { text-decoration : underline; }

#populairesencemoment .film a { text-decoration : none; border : 0; }
#populairesencemoment .film a h4 { text-decoration : none; border : 0; color : #292929; font-height : 10px; }
#populairesencemoment .film a:hover h4 { text-decoration : underline; }
#populairesencemoment .films { background : #f2f2f2; padding : 8px 0 8px 2px; }
#populairesencemoment .film { float : left; width : 143px; height : 188px; display : block; margin-left : 7px; background : #f9f9f9; text-align : center; }
#populairesencemoment .film img { margin-top : 10px; width : 100px; height : 135px; border : 1px solid #d0d0d0; margin-bottom : 10px; }

#catalogue .film { display : relative; padding-bottom : 48px; margin-bottom : 28px; background : url('images/border.png') repeat-x left bottom; }
#catalogue .film:last-child { background : 0; margin-bottom : 0; }

#catalogue .film .affiche { float : left; margin-right : 10px;}
#catalogue .film img { width : 108px; /* height : 143px; */ }
#catalogue .film .info { float : left; width : 505px; position : relative;}
#catalogue .excerpt p { color : #525252; font : normal 12px/18px arial; }
#catalogue .film .cta { position : absolute;right : 0; }
#catalogue .film .cta form { float : left;}

.menu li { background : url('images/bordure_rouge.png') repeat-x left bottom; }
.menu a { font : normal 18px/37px arial; color : #525252; text-decoration : none; }
.menu a.nouveautes { color : #de313b; }
.menu a:hover { text-decoration : underline; }
.menu label { font-size : 14px; display : block; margin-top : 9px; padding-bottom : 6px; color : #525252; }
.menu select { margin-bottom : 9px; }

.menu_side li { background : url('images/bordure_rouge.png') repeat-x left bottom; padding : 8px 0; }
.menu_side  a { font : normal 18px/18px arial; color : #525252; text-decoration : none; }
.menu_side  a.important { color : #de313b; }
.menu_side  a:hover { text-decoration : underline; }

#order_by {position : absolute; right : 0; top : 22px; color : #525252; font : normal 14px/14px arial; }
#order_by a { color : #5e5e5e; text-decoration : none;}
#order_by a { border-bottom : 1px solid #cfcfcf; }
#order_by a:hover { border-color : #de313b; }
#order_by span { color : #de313b; }

#actualites h3 { color : #908373; }

#newsletter h3, #twitter h3, #facebook h3 { font-size : 19px; line-height : 19px; padding-bottom : 6px; }

#nosfilms { margin-top : 35px; }


.single #meta #affiche { text-align : center; }

.single #meta img { max-width : 320px; }

.single #meta h4 { color : #525252; font : bold 18px/36px arial; height : 36px; background : url('images/h4_film_meta_border.png') repeat-x; border : 0; margin-bottom : 6px; }
.single #meta .realisation { color : #525252; font : bold 18px/22px arial; padding : 4px 0; /*height : 36px; */ background : url('images/h4_film_meta_border.png') repeat-x; }
.single #meta .realisation a { color : #525252; text-decoration : none; }
.single #meta .realisation a:hover { text-decoration : underline; }
.single #meta .realisation span { font-weight : normal; }

.single #meta .genre { color : #525252; font : bold 12px/22px arial; padding : 4px 0; /*height : 36px; */ background : url('images/h4_film_meta_border.png') repeat-x; }
.single #meta .genre a { color : #525252; text-decoration : none; }
.single #meta .genre a:hover { text-decoration : underline; }
.single #meta .genre span { font-weight : normal; }

.single #meta .date_sortie { color : #de313b; font : bold 18px/36px arial; height : 35px; background : url('images/h4_film_meta_border.png') repeat-x bottom left; }
.single #meta .date_sortie a { color : #525252; text-decoration : none; }
.single #meta .less { font : normal 12px/36px arial; color : #525252;}

.single #meta .date_sortie a:hover { text-decoration : underline; }
.single #meta .date_sortie span { font-weight : normal; }

.single #meta p { font : normal 12px/16px arial; margin-bottom : 6px; }
.single #meta ul { font : normal 12px/16px arial; margin-bottom : 6px; list-style-type : square; margin-left : 2em; }
.single #meta li a { color : #525252; }

.single #meta .in_coffret { padding-bottom : 5px; padding-top : 5px; }
.single #meta .in_coffret h4 { background : none; font : bold 12px/16px arial; margin-bottom : 0; height : 16px; }


.single #meta #acteurs { padding-bottom : 1px; background : url('images/border.png') repeat-x left bottom; margin-bottom : 7px; }

.single #format { margin : 30px 0; padding : 10px 0; background : url('images/pixel_gris.png') repeat-y center top; }
.single #format #duree { width : 153px; float : left; }
.single #format #format_audio_video { width : 153px; float : left; }

.single #format p { text-align : center; line-height : 16px; }
.single #facebook { padding : 10px 10px; background : #e4e4e4; border-radius : 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
/* .single #facebook iframe { height : 24px; } */

.single #presse p { margin-bottom : 10px; }
.single #presse { margin-bottom : 15px; }

#bande_annonce iframe { width : 624px; height : 351px; margin-bottom : 30px; }

a.button { background : #525252; border-radius : 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; font : bold 12px/36px arial; height : 36px; display : block; width : 110px; color : #fff; text-transform : uppercase; text-align : center; text-decoration : none; }
a.button:hover { background : #9a9a9a; cursor : pointer; }
a.commander { background : #de313b; }
a.commander:hover { background : #ff5a64; }

#sortie_annee div { background : #525252; border-radius : 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; width : 101px; text-align : center; height : 40px; font : normal 18px/40px arial; color : white; }

#nosfilms { position : relative; }
#nosfilms h3 a { color : inherit; text-decoration : none; }
#nosfilms h3 a:hover { text-decoration : underline; }

#nosfilms .annee { width : 165px; float : left; margin-right : 30px; }
#nosfilms .annee_titre { font : normal 22px/22px arial; color : #232323;  background : url('images/carrousel_border.png') repeat-x left bottom; padding : 10px 0px;}
#nosfilms .carrousel a { font : normal 12px/30px arial; color : #232323; text-decoration : none; display : block; background : url('images/carrousel_border.png') repeat-x left bottom;}
#nosfilms .carrousel a:hover { text-decoration : underline; }

.single .cta a { width : 315px; font-size : 13px; line-height : 15px; font-weight : normal; padding-top : 3px; height : 33px; text-transform : none; margin-bottom : 5px; }
.single .cta a.commander { width : 101px; }
.single .cta a.oneline { width : 101px; line-height : 33px; }
.cta a.checkout { width : 202px;  background : #f29400;}

#catalogue .cta a { width : 188px; font-size : 13px; line-height : 15px; font-weight : normal; padding-top : 3px; height : 33px; text-transform : none; margin-bottom : 5px; }
#catalogue .cta a.commander { width : 101px; }
#catalogue .cta a.oneline { width : 101px; line-height : 33px; }

.catalogue-presse .cta { position : absolute;right : 0;  }

#focus .info { color : white; font-size : 13px; line-height : 17px; height : 276px; }
#focus .info span { color : #1a171b; }
#focus a { color : white; text-decoration : none; }
#focus a:hover { color : white; text-decoration : underline; }

#focus .info .realisation, #focus .info .acteurs, #focus .info .date_sortie { background : url('images/focus_border.png') repeat-x left bottom; padding : 8px 0; }
#focus .info .production { padding : 8px 0; }
#focus .info .realisation { font-size : 16px; text-transform : uppercase; font-weight : bold; }
#focus .cta { margin-top : 12px; }
#focus .facebook { position : absolute; bottom : 0; right : 10px; width : 250px; }

#focus h4 { font : bold 40px/40px arial; text-transform : uppercase; padding : 13px 0; background : url('images/focus_border.png') repeat-x left bottom; border : 0; color : white; margin-bottom : 0;}

#side h3 { margin-top : 20px; }

#side p { font : normal 11px/15px arial; color : #4a4a4a;   margin-top : 7px; margin-bottom : 0; }

#actualites h3 { margin-top : 8px; }
#actualites h3 a { color : inherit; text-decoration : none; }
#actualites h3 a:hover { text-decoration : underline; }

#actualites h4 { font : bold 12px/15px arial; color : #4a4a4a; margin-top : 12px; margin-bottom : 0; padding-bottom : 11px; background : url('images/border.png') repeat-x left bottom; border : 0; }
#actualites h4 a { color : #4a4a4a; text-decoration : none; }
#actualites h4 a:hover { text-decoration : underline; }
#actualites .actualites_post img { max-width : 216px; }
#actualites .actualites_post { margin-bottom : 15px; }
#actualites .date { font : normal 12px/23px arial;  background : url('images/border.png') repeat-x left bottom; border : 0; }


/*
#twitter p:first-child { background : url('images/border.png') repeat-x left bottom; padding-bottom : 12px; }
#twitter .twitter-message a, #twitter .twitter-message span { display : none; }
*/

.twitter-message { background : url('images/border.png') repeat-x left bottom; padding-bottom : 8px; }
.twitter-message { text-align : left; }
.twitter-message:last-child { background : none; }
.twitter-message .twitter-timestamp a { color : inherit; }

#newsletter p { font : normal 17px/20px arial; color  : #786854; margin-bottom : 7px; margin-top : 5px; }

.single-post h3 { border : 0; }

footer .content { font-size : 11px; line-height : 15px; color : #4a4a4a; }

footer nav a { color : #4a4a4a; text-decoration : none; }
footer nav a:hover { text-decoration : underline; }

footer address { font-style : normal; }
footer #address .fn { font-weight : bold; }

footer #credits a { color : #4a4a4a; }

.liste_film .film { background : url('images/border.png') repeat-x left bottom; padding-bottom : 10px; margin-bottom : 10px; }

.liste_film .film .affiche { float : left; width : 127px; margin-right : 10px; }
.liste_film .film .affiche img { width : 127px; }

.liste_film .film .info { float : left; width : 487px; }
.liste_film .film .info h4 { font : bold  18px/18px arial; color : #525252; border : 0; }
.liste_film .film .info .excerpt p { font : normal  12px/18px arial; color : #525252; border : 0; text-transform : none; }

.actualites_post h3 { margin-bottom : 15px; }
.actualites_post h3 a { color : inherit; text-decoration : none; }
.actualites_post h3 a:hover { text-decoration : underline; }

.col-3-2 .actualites_post .date { overflow : visible; position : relative; left : 578px; top : -40px; font : normal 16px/16px arial; color : #808080; height : 0px; width : 100px; }

.category-news .col { margin-top : 30px; }
.date .col { margin-top : 30px; }

/* CARROUSEL *************************************************************************************/

.carrousel_container { overflow : hidden; position : relative; }
.carrousel_content { width : 30000px; }
.carrousel_item { float : left; }

.single #gallerie { position : relative; margin-bottom : 50px; padding : 15px; background : #2a2a2a; }
.single #gallerie .carrousel_nav { height : 0; position : absolute; bottom : -11px; right : 0; }

.single #gallerie .carrousel_item { margin-right : 7px; }

#nosfilms .carrousel_nav { position : absolute; top : 2px; right : 0;}
#nosfilms .carrousel_container { }
#nosfilms .carrousel { background : #f2f2f2; padding : 0 15px 15px 15px; }

/* PAGINATION ***********************************************************************************/

.navigation { background : #efefef; border-radius : 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding : 8px 15px;}
.navigation li { font : bold 18px/24px arial; color : #ababab; text-align : center; }
.navigation li a { display : inline-block; width : 24px; height : 24px; background : transparent; border : 0; color : #ababab;  margin : 0; }
.navigation li a:hover { text-decoration : underline; }
.navigation li span.current { display : inline-block; width : 24px; height : 24px; background : #525252; color : white; border : 0; border-radius : 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin : 0; }


/* CADDIE **************/

#cart_synthese { position : absolute; top : 7px; left : 780px; width : 210px; background : url('images/nav_bordure.png') repeat-y 67px 0px; }
#cart_synthese #item_price { width : 67px; }
#cart_synthese #nb_items { font-size : 15px; color : #f29400; text-align : center; }
#cart_synthese #nb_items div { font-size : 18px; color : #f29400; font-weight : bold; text-align : center; }
#cart_synthese #price { font-size : 16px; color : #fff; font-weight : bold; text-align : center; }

#cart_synthese .goto_cart { position : absolute; top: 0; left : 68px; width : 86px; text-decoration : none; font : bold 11px/12px arial; color : white; text-transform : uppercase; display : block; padding-top : 14px; padding-bottom : 8px; padding-left : 55px; background : url('images/caddie.png') no-repeat 11px 11px; }

#caddie, #adresses { padding-top : 40px; }

#caddie h3 { border : 0; }

#caddie table { width : 100%; margin-top : 28px; border-spacing : 1px; border-collapse: collapse; color : #6e6e6e;}
#caddie th { background : #999999; color : #ffffff; text-align : center; font-size : 13px; padding : 5px; font-weight : normal; border : 1px solid white;}
#caddie .price { width : 153px; }
#caddie .quantity { width : 138px; }

#caddie tr { background : url('images/border.png') repeat-x left bottom; padding : 15px 0px; }
#caddie td { padding : 15px 0px; vertical-align : middle; }
#caddie .thumb { width : 86px; }
#caddie .thumb img { width : 49px; margin-left : 10px; }
#caddie .description .product_name { font : normal 23px/24px arial; }
#caddie .description .product_variation { font : normal 14px/15px arial; }
#caddie td.quantity { text-align : right; }
#caddie td.price { text-align : right; font : bold 23px/23px arial; }
#caddie td.price button { height : 14px; margin : 0; }
#caddie button { border : 0; padding : 0; border-bottom : 1px solid #6e6e6e; background : white; color : #6e6e6e; font : normal 11px/15px arial; cursor : pointer; }
#caddie td.quantity input[type=text] { width : 90%; text-align : right; }
#caddie td.quantity input[type=submit] { display : none; }
#caddie .total_libelle { text-align : right; font : normal 18px/18px arial; }
#caddie #total { text-align : right; font : bold 30px/30px arial; margin : 0;}
#caddie .tva { text-align : right; font : normal 11px/11px arial; }

#caddie_control { margin-top : 17px; text-align : right;  margin-bottom : 80px; }
#caddie_control .cta { float : right; }
#caddie_control .cta a { margin-right : 0; margin-left : 13px; height : 55px; font : bold 14px/55px arial; }

#adresses h3 { border : 0; }

#adresses {  }
#adresses label { display : block; float : left; width : 147px; font-size : 12px; color : #494b4b;}
#adresses p { margin-bottom : 15px; font-size : 12px; color : #494b4b; }
#adresses input[type="text"], #adresses textarea { width : 190px; }
#adresses .error { border-color : red; }
#adresses textarea { height : 55px; }

.sep { background : url('images/border.png') repeat-x left bottom; height : 2px; width : 100%; display : block; margin-bottom : 15px; }