@charset "UTF-8";
/*----- Design by DevliXi -----*/

html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; font: 400 1em/1.5em "lucida grande", verdana, sans-serif; background: #0A0A0A; color: #FFF; }
#conteneur-top { width: 100%; height: 30px; padding-top: 40px; position: relative; background: url(images/fond.png) repeat-x bottom; }
#conteneur { width: 100%; position: relative; background: #000; padding-bottom: 50px;}
#conteneur-pied { width: 100%; position: relative; }
#seperateur-top {width: 100%; height: 2px; position: absolute; bottom: -2px; background: url(images/separateur.png) repeat-x;}
#seperateur-pied {width: 100%; height: 2px; position: absolute; top: -2px; background: url(images/separateur.png) repeat-x;}

.aligne { overflow:hidden}
h1{ margin-top: 30px; margin-bottom: 40px; font-size: 1.2em; border-left: 4px solid #8D4811; padding-left: 15px; font-weight: 800; color: #8D4811; }
h2{ font-size: 1em; font-weight: 800; margin-bottom: 2px; }
h3{ color: #FFF; display: inline; font-variant:small-caps; text-align: right; }
h4{ color: #999; display: inline; font-variant:small-caps;}
h5{ color: #888; display: inline; font-variant:small-caps; height: 5px; font-size:small; }
p { text-align: justify; font-size: 0.8em;}
a { text-decoration: none; color: #FFF;}
a:hover { text-decoration: none; color: #999; }
a:active { text-decoration: none; color: #333; }
a.actif { text-decoration: none; color: #C00; }
img{ border:0;}
a.flash-800 { display: block; width: 800px; height: 450px; cursor: pointer; position: absolute; }
a.flash-720 { display: block; width: 720px; height: 405px; cursor: pointer; position: absolute; }

input[type=submit], input[type=reset], input[type=button], .boutonInput { width:200px; height: 27px; cursor:pointer; margin: 0px auto 0px auto; background: url(images/bouton.png) no-repeat center top; color:#999; font-weight: bold; font-size: 13px; border: none; display: block; text-align: center; }
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, .boutonInput:hover { background-position: center center; color: #CCC; }
input[type=submit]:active, input[type=reset]:active, input[type=button]:active, .boutonInput:active { background-position: center bottom; color: #FFF; }

.contact input[type=submit] { margin-left: 260px; margin-top: -10px; }

.lien-de-telechargement { display: block; margin: auto; font-size: x-small; text-align: center; }
p.lien-de-telechargement { margin-top: 10px; margin-bottom: 10px;  }

.blog span, #presentation span { text-align: center; display: block; }
.image_center  { display: block; margin: 15px auto; }
.image_droite_float  { text-align: right; float: right; margin: 10px 20px 10px 30px; }
.image_gauche_float  { text-align: left; float: left; margin: 10px 30px 10px 20px; }

/*------------------------------ Style pour le menu ------------------------------*/
#conteneur-menu { min-width: 800px; max-width: 900px; margin-right: auto; margin-left: auto; position: relative;}

#language { position: absolute; top: 10px; right: 10px; }
#language-fr { width: 30px; height: 20px; display: block; background: url(/images/fr.gif); }
#language-en { width: 30px; height: 20px; display: block; background: url(/images/gb.gif); }


#titre a { background: url(/images/barakaflims.png); width: 166px; height: 40px; position: absolute; left: 10px; top: -20px; z-index: 10; display:block; }
#menu { position: relative; }
#menu ul { text-align: right; margin: 0px 0px 5px; }
#menu ul li { list-style: none; display: inline; padding-right: 20px; padding-left: 20px; }
#menu ul li button { background-color: transparent; border-style: none; font-size: 1em; padding:0;}
#menu ul li a, #menu ul li button { text-decoration: none; color: #FFF; }
#menu ul li a:hover, #menu ul li button:hover { text-decoration: none; color: #999; }
#menu ul li a:active, #menu ul li button:active { text-decoration: none; color: #333; }
#menu ul li a.actif { text-decoration: none; color: #8D4811; }

/*------------------------------ Style pour le corp ------------------------------*/

#conteneur-corps { min-width: 800px; max-width: 900px; margin-right: auto; margin-left: auto; position: relative;}
#corps { min-width: 800px; max-width: 900px; height: auto; margin: 0px auto -55px auto; overflow: hidden; position: relative; }
#corps-temp-gauche { width: 900px; height: auto; position: absolute; left:1000px; top:0px; }
#corps-temp-droite { width: 900px; height: auto; position: absolute; right:1000px; top:0px; }

#partenaires p { text-align: center; }

.cadre { width: 750px; background: url(images/news_center.png) repeat-y; position: relative; margin: 40px auto 45px auto; }
.cadre_top { width: 750px; height: 11px; background: url(images/news_top.png) no-repeat; position: absolute; top: -11px; }
.cadre_bottom { width: 750px; height: 13px; background: url(images/news_bottom.png) no-repeat; position: absolute; bottom: -13px; }

.cadre h2 { position: relative; padding: 10px 30px 10px 20px; }
.cadre h2 .news_date { color: #ccc; position: absolute; right: 30px; top: 0px; font-size: 0.6em; display: block; font-weight:normal;}
.cadre p { color: #999; padding: 0px 25px 0px 25px; }

.cadre .colonne_droite { width: 360px; position: absolute; top: -15px; right: 0px; }
.contact_soustitre { font-size: 0.8em; color: #999;}

#corps #animation_conteneur { margin: 30px auto 0px auto; height: auto; width: auto; }
#corps #clip_conteneur { margin: 30px auto 0px auto; height: 405px; width: 720px; }
#corps #film_conteneur { margin: 30px auto 0px auto; height: 450px; width: 800px; }
#corps #video_description { }
#corps #video { margin-top: 50px; }
#corps fieldset { padding:0; border:0; }

#corps .liste_film { position: relative; width: 750px; height: 268px; }
#corps .liste_film .film_col_droite { width: 330px; position: absolute; top: -10px; right: 20px; height: 250px; }
#corps .liste_film .film_col_droite a { display: block; position: absolute; right: 10px; bottom: -25px; font-size: 0.7em; }
#corps .liste_film img { margin-top: 10px; margin-left: 20px;  }

#gallery { font-size: x-small; line-height: 140%; color: #FFF; padding-top: 30px; padding-right: 30px; padding-left: 30px; }
#gallery a { padding: 0px; }


#corps br { font-size: xx-small; }

#albums { margin-left: -30px; margin-top: 30px; }
#albums ul { }
#albums ul li { display: inline-block; list-style: none; position: relative; margin-right: 10px; height: 140px; margin-left: 10px; }

#albums ul li a.resume { text-align: center; height: 120px; width: 175px; position: absolute; left: 0px; bottom: 20px; font-size: 0.9em; font-weight: 800; color: #000; line-height: 1.4em; }
#albums ul li a.resume span { display:none; padding: 10px; }
#albums ul li a.resume:hover span { display:block; background: url(images/cadre_blanc.png) no-repeat; height: 100px; width: 160px; }

.image_film { display: block; margin: 20px auto 20px auto; }

.film_cadre  { height: 160px; width: 800px; }
.film_cadre .films_bouton { margin-top: 20px; margin-left: 100px;}
.film_cadre .films_bouton_bas { margin-top: 25px; margin-left: 100px; }
.cadre.film { padding: 5px 0 5px 0; }
.film_cadre .a-bouton { width:200px; height: 27px; cursor:pointer; margin: 0px auto 0px auto; background: url(images/bouton.png) no-repeat center top; color:#999; font-weight: bold; font-size: 13px; border: none; display: block; text-align: center; }
.film_cadre .a-bouton-250 { width:250px; height: 27px; cursor:pointer; margin: 0px auto 0px auto; background: url(images/bouton-250.png) no-repeat center top; color:#999; font-weight: bold; font-size: 13px; border: none; display: block; text-align: center; }

/*------------------------------ Style pour les formulaires ------------------------------*/


#acheter a { text-align: center; display: block; margin-right: auto; margin-left: auto; }

a#lienTelechargement { text-align: center; font-size: 0.6em; display: block; float: right; padding-right: 20px; }
p.alerte { text-align: center; font-size: 0.9em; display: block; margin: 10px auto; color:red; }

/*------------------------------ Style pour les formulaires ------------------------------*/

#formulaire { margin: 0px 30px 30px; position: relative; }
#formulaire label { float: left; width: 200px; margin-left: 30px; font-size: 0.8em;color: #999;}
#formulaire input { padding:0px; width:250px; font-size: 0.8em; }
#formulaire textarea { margin-bottom:10px; width:245px; padding: .4em; }
#formulaire fieldset { padding:0; border:0; margin-top:25px; }
#formulaire em { position:absolute; bottom: 0px; left:10px; font-size: xx-small; }


#formulaire .XHR_erreur { font-size: x-small; font-weight: bold; color: #F00; padding-left: 10px; }
#formulaire .XHR_ok { font-size: x-small; font-weight: bold; color: #693; padding-left: 10px; }
#formulaire .XHR_erreur_text { font-size: x-small; font-weight: bold; color: #F00; padding-left: 10px; vertical-align: top; }
#formulaire .XHR_ok_text { font-size: x-small; font-weight: bold; color: #693; padding-left: 10px; vertical-align: top; }

/*------------------------------ Style pour le pied de page ------------------------------*/
#pied { min-width: 800px; max-width: 900px; height: 40px ; margin-right: auto; margin-left: auto; position: relative; }
#pied .pied_devlixi { color: #369; font-size: x-small; position: absolute; right: 0px; top: 5px; background: url(/images/logo_devlixi.png) no-repeat bottom; height: 20px; width: 100px; }
#pied .pied_devlixi:hover { color: #0066cc; text-decoration:none; background: url(/images/logo_devlixi.png) no-repeat top; }
#pied ul { text-align: left; display: block; margin: 3px 0px 0px -45px; }
#pied li { color: #fff; font-size: x-small; display: inline; list-style: none; padding-left: 5px; padding-right: 5px; }

/*------------------------------ Style pour l'administration ------------------------------*/


#admin_formulaire { margin: 0px 30px 30px; position: relative; }
#admin_formulaire label { float: left; width: 150px; margin-left: 30px; font-size: 0.8em;color: #999;}
#admin_formulaire input { padding:0px; width:400px; font-size: 0.8em; }
#admin_formulaire input[type=file] { padding:0px; width:400px; font-size: 0.8em; color: #FFF; }
#admin_formulaire select { width:150px; }
#admin_formulaire textarea { margin-bottom:10px; width:395px; padding: .4em; }
#admin_formulaire fieldset { padding:0; border:0; margin-top:25px; }
#admin_formulaire em { position:absolute; bottom: -10px; left:10px; font-size: xx-small; }



.admin_nav { position: absolute; top: 0px; right: 0px; font-size: 0.6em; }
#uploadify_css { margin: 10px auto 20px; height: auto; width: 350px; text-align: center; }
#fileQueue { margin: 10px auto 20px; text-align: center; color: #000; }
#admin_formulaire .liste_photos { border-bottom: 2px solid #1a1a1a; margin-bottom: 20px; }
#admin_formulaire .liste_photos label { width: 150px;}
#admin_formulaire .liste_photos input { width:300px; }
#admin_formulaire .liste_photos textarea { width:295px; }
#admin_formulaire .liste_photos .cadre_photos { float: right; margin-top: 40px; margin-right: 30px; height: 100px; width: 90px; }
#admin_formulaire .liste_photos .cadre_photos img { margin: auto; display: block; }

#admin_tableau { margin-top: 50px; }
#admin_tableau table {border-collapse:collapse; background: #0a0a0a; border:1px solid #1a1a1a; }
#admin_tableau table tr td { text-align:center; border:1px solid #1a1a1a; font-size: 0.8em; padding-right: 5px; padding-left: 5px; }
#admin_tableau table tr th { background: #0a0a0a; border:1px solid #1a1a1a;}
#admin_tableau table caption {font-weight: bold;margin-bottom: 10px;}
#admin_tableau table img { height: 20px; width: 20px; padding: 0; margin: auto; }
#admin_tableau table tbody tr .sans_bordure { padding-right: 10px; background: #0a0a0a; border-right-style: none; border-left-style: none; }


input#champ-telechargement { display: block; width:50px; height: 20px; margin: 20px auto 25px auto; text-align: center; background-color: #CCC; border-color: #777; border-style: solid; border-width: 1px; outline: none; }