/** => PRINCIPAL VID */
/** SELECTEURS GENERAUX */
* {margin:0px; padding:0px;}
body {background-color:#fff; background:url(http://www.finder-x.com/img/diz/bte/extras/vid_bg.gif) repeat-x; text-align:center;/*cinfie6*/ color:#000; font-family:Arial, Verdana, Sans-Serif; font-size:12px;}

/** APPLICATION */
div.sys-erreur {height:1%;/*layout*/ background:url(http://www.finder-x.com/img/diz/icones/erreur.gif) no-repeat 3px 9px #FCFCB3; text-align:justify; border:1px dashed #E63231; margin:0; padding:6px 6px 6px 20px;}

/** LIENS */
a {color:#3388DD; font-weight:normal; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:none;}

/** STRUCTURE PRINCIPALE */
#page {width:990px; margin:0 auto;}
#vid-milieu {text-align:left;/*cinfie6*/ width:990px; margin:0 auto; background:url(http://www.finder-x.com/img/diz/bte/extras/vid_milieu_bg.jpg) bottom left no-repeat;}
#vid-gauche {margin:0 4px 0 0; padding:0 0 4px 0; float:left; width:170px;}
#vid-centre {margin:0 4px 0 0; padding:0 0 4px 0; float:left; width:519px;}
#vid-droite {padding:0 0 4px 0; float:left; width:293px;}
#vid-tete {position:relative; margin:0 auto; width:990px; height:100px; background:url(http://www.finder-x.com/img/diz/bte/extras/vid_tete_bg.jpg) bottom right no-repeat;}
#vid-pied {clear:both; margin:0 auto; width:990px; height:70px; background:url(http://www.finder-x.com/img/diz/bte/extras/vid_pied_bg.png) #FBFBFB;}

/** ENTETE */
#vid-tete #vid-illustration-1 {position:absolute; top:20px; left:37px;}
#vid-menu {list-style-type:none; position:absolute; bottom:0; right:0;}
#vid-menu li {float:left; text-align:center; height:30px; line-height:30px;}
#vid-menu li.annuaire {background-color:#186DC2; width:227px; background-image:url(http://www.finder-x.com/img/diz/bte/vid_onglet_bg_n.gif);}
#vid-menu li.annuaire a {font-size:18px; color:#FFF;}
#vid-menu li.videos {background-color:#FFF; width:130px; margin-left:5px; font-size:18px;}
#ariane {position:relative; margin:0 auto; width:990px; height:31px; line-height:31px; font-weight:bold; background-image:url(http://www.finder-x.com/img/diz/bte/vid_ariane_bg.gif);}
#ariane  .file  {float:left; display:block; padding:0 0 0 10px;}
#ariane  .connectes  {display:block; text-align:right; padding:0 10px 0 0; color:#BABABA;}

/** PIED */
#raccourcis ul {text-align:center; padding:14px 8px 5px 8px; list-style-type:none;}
#raccourcis ul li {display:inline; margin:0 10px;}
#droits {padding-top:5px; text-align:center;}

/** BOITES LATERALES */
/* images gauche */
#vid-img-colonne-gauche {margin:4px 0 0 0; padding:0 0 3px 0;}
#vid-img-colonne-gauche span {display:block; padding:0 0 0 10px; height:20px; line-height:20px; background-color:#727272; color:#FFF; font-weight:bold; text-transform:uppercase; background-image:url(http://www.finder-x.com/img/diz/bte/vid_img_colonne_gauche.png);}
#vid-img-colonne-gauche span.vue-net {margin:4px 0 0 0;}
#vid-img-colonne-gauche ul {list-style-type:none; background-color:#000;}
#vid-img-colonne-gauche ul li {text-align:center;}
#vid-img-colonne-gauche img {padding:1px; border:2px solid #000; vertical-align:middle;}
#vid-img-colonne-gauche a:hover img {padding:1px; border:2px solid #3388DD;}
/* catégories droite */
#vid-categories {margin:4px 0 0 0; background:url(http://www.finder-x.com/img/diz/bte/vid_droite_centre.png) 0 0 repeat-y;}
#vid-categories h2 {display:block; padding:5px 10px 10px 10px; text-align:center; font-size:18px; font-weight:normal; color:#666; background:url(http://www.finder-x.com/img/diz/bte/vid_droite_tete.png) 0 0 no-repeat;}
#vid-categories .contenu {padding:0 10px 15px 10px; background:url(http://www.finder-x.com/img/diz/bte/vid_droite_pied_cat.png) bottom left no-repeat;}
#vid-categories ul {overflow:hidden; list-style-type:none;}
#vid-categories ul li {float:left; width:136px; line-height:25px; text-indent:10px; background:url(http://www.finder-x.com/img/diz/icones/double_fleche.gif) 0 10px no-repeat;}
#vid-categories a {font-size:14px; font-weight:bold;}
/* fkban droite */
#vid-fkban-droite {margin:4px 0 0 0; background:url(http://www.finder-x.com/img/diz/bte/vid_droite_centre.png) 0 0 repeat-y;}
#vid-fkban-droite h2 {display:block; padding:5px 10px 10px 10px; text-align:center; font-size:18px; font-weight:normal; color:#666; background:url(http://www.finder-x.com/img/diz/bte/vid_droite_tete.png) 0 0 no-repeat;}
#vid-fkban-droite .contenu {text-align:center; padding:0 0 15px 0; background:url(http://www.finder-x.com/img/diz/bte/vid_droite_pied.png) bottom left no-repeat;}
#vid-fkban-droite ul {overflow:hidden; list-style-type:none;}
#vid-fkban-droite img {padding:1px; margin:3px 0; border:2px solid #C5C5C5; vertical-align:middle;}
#vid-fkban-droite a:hover img {padding:1px; margin:3px 0; border:2px solid #3388DD;}
/* images img doubles droite */
#vid-img-double-droite {margin:4px 0 0 0; background:url(http://www.finder-x.com/img/diz/bte/vid_droite_centre.png) 0 0 repeat-y;}
#vid-img-double-droite h2 {display:block; padding:5px 10px 10px 10px; text-align:center; font-size:18px; font-weight:normal; color:#666; background:url(http://www.finder-x.com/img/diz/bte/vid_droite_tete.png) 0 0 no-repeat;}
#vid-img-double-droite .contenu {padding:0 10px 15px 10px; background:url(http://www.finder-x.com/img/diz/bte/vid_droite_pied.png) bottom left no-repeat;}
#vid-img-double-droite ul {overflow:hidden; list-style-type:none; margin:0 0 3px 1px;}
#vid-img-double-droite ul li {float:left; width:136px; text-align:center;}
#vid-img-double-droite img {padding:1px; margin:3px 0; border:2px solid #C5C5C5; vertical-align:middle;}
#vid-img-double-droite a:hover img {padding:1px; margin:3px 0; border:2px solid #3388DD;}
/* liens doubles site droite */
#vid-lien-double-droite {margin:4px 0 0 0; background:url(http://www.finder-x.com/img/diz/bte/vid_droite_centre.png) 0 0 repeat-y;}
#vid-lien-double-droite h2 {display:block; padding:5px 10px 10px 10px; text-align:center; font-size:18px; font-weight:normal; color:#666; background:url(http://www.finder-x.com/img/diz/bte/vid_droite_tete.png) 0 0 no-repeat;}
#vid-lien-double-droite .contenu {padding:0 10px 15px 10px; background:url(http://www.finder-x.com/img/diz/bte/vid_droite_pied.png) bottom left no-repeat;}
#vid-lien-double-droite ul {overflow:hidden; list-style-type:none;}
#vid-lien-double-droite ul li {float:left; width:136px; line-height:17px;}
/* liens img droite */
#vid-img-droite {margin:4px 0 0 0; background:url(http://www.finder-x.com/img/diz/bte/vid_droite_centre.png) 0 0 repeat-y;}
#vid-img-droite h2 {display:block; padding:5px 10px 10px 10px; text-align:center; font-size:18px; font-weight:normal; color:#666; background:url(http://www.finder-x.com/img/diz/bte/vid_droite_tete.png) 0 0 no-repeat;}
#vid-img-droite .contenu {padding:0 5px 15px 5px; background:url(http://www.finder-x.com/img/diz/bte/vid_droite_pied.png) bottom left no-repeat;}
#vid-img-droite ul {overflow:hidden; list-style-type:none;}
#vid-img-droite img {padding:1px; margin:3px 0; border:2px solid #C5C5C5; vertical-align:middle;}
#vid-img-droite a:hover img {padding:1px; margin:3px 0; border:2px solid #3388DD;}

/** BOITES CENTRALES */
/* informations */
#vid-informations {margin:4px 0 0 0; padding:10px; background:url(http://www.finder-x.com/img/diz/bte/extras/vid_informations_bg.gif) bottom left repeat-x; border:1px solid #EEEEEE; text-align:justify;}
#vid-informations h1 {padding:0 0 10px 0; font-size:16px; color:#666; font-style:italic;}
/* titre */
#vid-videos-liste-titre {margin:10px 0; background:url(http://www.finder-x.com/img/diz/bte/extras/vid_titre_bg.gif) no-repeat 0 10px; text-align:center;}
#vid-videos-du-net-liste-titre {margin:15px 0 10px 0; background:url(http://www.finder-x.com/img/diz/bte/extras/vid_titre_bg.gif) no-repeat 0 10px; text-align:center;}
#vid-videos-liste-titre span, #vid-videos-du-net-liste-titre span {display:inline; padding:0 5px; background-color:#FFF; font-size:18px; color:#666;}
/* liste videos */
ul.vid-elements {list-style-type:none; margin:4px 0 0 0; width:519px; background-color:#65ADF5;}
ul.vid-elements li.vid-element a {text-indent:55px; color:#FFF; display:block; font-weight:bold; height:31px; line-height:31px; text-decoration:none; width:519px; background-image:url(http://www.finder-x.com/img/diz/bte/vid_sous.png); background-repeat:no-repeat;}
ul.vid-elements li.vid-element a.videos-du-net {background-image:url(http://www.finder-x.com/img/diz/bte/vid_sous_videos_du_net.png); background-repeat:no-repeat;}
ul.vid-elements li.vid-element a:hover, ul.vid-elements li.vid-element a.videos-du-net:hover {background-image:url(http://www.finder-x.com/img/diz/bte/vid_sur.png);}
ul.vid-elements li.vid-element a.haut {font-size:16px; text-indent:0px; line-height:30px; color:#FFF; display:block; font-weight:bold; height:72px; text-decoration:none; width:519px; background-image:url(http://www.finder-x.com/img/diz/bte/vid_sous_haut.png); background-repeat:no-repeat;}
ul.vid-elements li.vid-element a.haut  img {float:left; margin:2px 5px 2px 3px; border:1px solid #C5C5C5;}
ul.vid-elements li.vid-element a.haut:hover  img {border:1px solid #3388DD;}
ul.vid-elements li.vid-element a.haut:hover {background-image:url(http://www.finder-x.com/img/diz/bte/vid_sur_haut.png);}
/* infos vidos */
.infos{position:absolute; display:none; color:#FFF; width:402px; height:144px; background-color:#404040; background-image:url(http://www.finder-x.com/img/diz/bte/extras/vid_infos_bg.jpg); border:1px solid #FFF; z-index:3;}
ul.vid-elements li.vid-element div.infos-titre {text-indent:10px; padding:3px 0 0 0; font-weight:bold; line-height:20px;}
ul.vid-elements li.vid-element div.infos-titre a {text-indent:10px; padding:0; color:#FFF; display:inline; font-weight:bold; line-height:20px; background-image:none;}
.infos-text {text-align:justify; font-size:11px; line-height:14px; height:110px; padding:4px 8px 8px 8px;}
.infos-text img {float:left; border:1px solid #FFF; margin:0 10px 0 0;}
/* pagination */
#vid-pagination {margin:20px 0 0 0; text-align:center; font-weight:bold; font-size:14px; color:#666;}
#vid-pagination div.vid-page-actuelle {margin:10px 0;}
#vid-pagination div.vid-pages-autres {margin:0 0 0 0; line-height:30px;}
#vid-pagination a {font-weight:bold; font-size:14px;}
#vid-pagination a.lien-page {padding:3px 5px; border:1px solid #C5C5C5;}
#vid-pagination a.lien-page:hover {background-color:#C5C5C5;}
/* fkban */
#vid-fkban {margin:10px 0; text-align:center;}
#vid-fkban-haut {margin:10px 0; text-align:center;}

/** VIDEOS */
#vid-ach {margin:4px 0 0 0; height:42px; text-align:center; background-color:#EE6A00;}
#vid-ach a {color:#FFF; font-size:25px; display:block; font-weight:bold; height:42px; line-height:42px; text-decoration:none; width:519px; background-image:url(http://www.finder-x.com/img/diz/bte/vid_ach_sous.png); background-repeat:no-repeat;}
#vid-ach a:hover {background-image:url(http://www.finder-x.com/img/diz/bte/vid_ach_sur.png);}
#conteneur_video {margin:4px 0 0 0; text-align:center;}
#conteneur_video a {display:block; margin:40px 0; font-size:16px; font-weight:bold;}
#conteneur_fin_video {margin:4px 0 0 0;}

/** AUTRES */
/* divers */
.cl-bo {clear:both;}
/* layer under */
#ariane, #vid-img-colonne-gauche a, .vid-element a, #vid-ach a, .vid-pages-autres a, #vid-fkban a, #conteneur_video, #conteneur_fin_video, #vid-categories a, #vid-img-double-droite a, #vid-lien-double-droite a, #vid-img-droite a, #vid-fkban-droite a {position:relative; z-index:2;}