body { background-color: #000; color: white; background-image: url(http://www.urbantribune.fr/public/css/main_bg.jpg); background-position: top center ; background-repeat: no-repeat; font-family: Arial; }
#site {width: 1000px; margin-left: auto; margin-right: auto; margin-top: 18px}
#header {width: 1000px; height: 110px; }
#header #main_logo {width: 253px; height: 107px; float: left}
#header #megabann {width: 728px; height: 90px; float: left; margin-top: 8px; margin-left: 8px}
#site_title {display:none;}

#background_click {display: block; width: 100%; height: 200px; text-indent: -99999px}

#page404 {width: 510px; height: 600px; margin-left: auto; margin-right: auto; margin-top: 200px; text-align: right}
#page404 a {color: white}
#page404 a:hover {color: gray}
a {color: gray; text-decoration: none}
a:hover {color: white}

/* PUBS */

div.megabann {width: 728px; height: 90px; float: left; margin-top: 8px; margin-left: 8px}
div.bann_pave {width: 300px; height: 250px; float: left;}

/* NAV */

#nav {width: 980px; height: 38px; background-image: url(bg_nav.png); padding-left: 10px; padding-right: 10px}
#nav #main_nav li {text-indent: -9999px; float: left; height: 28px; margin-top: 5px; margin-right: 1px; position:relative; cursor:pointer;}

.fade {cursor:pointer;}
#home {background-image:url(nav/home.png); width: 75px; position:relative; z-index:10;height:28px}
#home_o {background-image:url(nav/home_o.png); width: 75px; z-index:1; position:absolute; top:0; left:0; height:28px}
#news {background-image:url(nav/news.png); width: 75px; position:relative; z-index:10; height:28px}
#news_o {background-image:url(nav/news_o.png); width:75px; position:absolute; z-index:1; top:0;height:28px; left:0; }
#interviews {background-image:url(nav/interviews.png); width: 114px; position:relative; z-index:10;height:28px}
#interviews_o {background-image:url(nav/interviews_o.png); width: 114px; position:absolute; z-index:1;height:28px; top:0;left:0;  z-index:1;}
#chroniques {background-image:url(nav/chroniques.png); width: 121px; position:relative; z-index:10;height:28px}
#chroniques_o {background-image:url(nav/chroniques_o.png); width:121px; position:absolute; z-index:1;height:28px;left:0;  top:0; z-index:1;}
#videos {background-image:url(nav/videos.png); width: 85px; position:relative; z-index:10;height:28px}
#videos_o {background-image:url(nav/videos_o.png); width: 85px; position:absolute; z-index:1;height:28px; top:0;left:0;  z-index:1;}
#clips {background-image:url(nav/clips.png); width: 75px; position:relative; z-index:10;height:28px}
#clips_o {background-image:url(nav/clips_o.png); width: 75px; position:absolute; z-index:1;height:28px; top:0;left:0;  z-index:1;}
#sons {background-image:url(nav/sons.png); width: 74px; position:relative; z-index:10;height:28px}
#sons_o {background-image:url(nav/sons_o.png); width:74px; position:absolute; z-index:1;height:28px; top:0;left:0;  z-index:1;}

/* RECHERCHE */

#moteur {float: right; margin-top: 8px; margin-right: 8px; width: 261px; overflow: hidden; height: 23px; position:relative;}
input.keyword {font-size: 12px; background-color: black; border: 1px solid #393939; color: white; padding: 3px; background-image: url(bg_recherche.png); background-repeat: repeat-x}
input.recherche_ok {font-size: 12px; margin-left: 5px; background-color: black; color: white; padding: 2px; background-image: url(bouton_recherche.png); text-indent: -9999px; width: 25px; border: none; height: 22px; cursor: pointer }
input.recherche_ok:hover {background-image: url(bouton_recherche.png); background-position: 0px 22px}
a.inscription {font-size: 12px; padding-left: 18px; background-image: url(inscription.png); background-repeat: no-repeat; height: 20px; cursor: pointer; padding-bottom: 5px; float: left; margin-right: 10px; color: white; line-height: 16px; margin-top: 3px}
a.inscription:hover {color: #f4d776}
#moteur #crm_mail {font-size: 12px; background-color: black; border: 1px solid #393939; color: white; padding: 3px; background-image: url(bg_recherche_mail.png); background-repeat: repeat-x; color: black}
#moteur #crm_ok {font-size: 12px; margin-left: 5px; background-color: black; color: white; padding: 2px; background-image: url(bouton_inscription.png); text-indent: -9999px; width: 23px; border: none; height: 20px; cursor: pointer; margin-top: 2px; background-position: 0px 22px}
#moteur #crm_ok:hover {background-image: url(bouton_inscription.png); background-position: 0px 0px }
#engine_inscription {position:absolute; right:0; top:0;}


/* STRUCTURE PRINCIPALE */

#main_home {height: 392px; width: 982px; margin-left: auto; margin-right: auto; margin-top: 18px}
.main_ligne {width: 1000px; height: 182px; margin-left: 10px; margin-right: auto; margin-top: 18px; margin-bottom: 30px}
.main_ligne_pave {width: 1000px; height: 250px; margin-left: 15px; margin-right: auto; margin-top: 18px; }
#page_bas {overflow: auto; margin-top: 10px; width: 100%; overflow-y: hidden}

/* CARROUSEL V2 */

#urban_carrousel {width: 660px; height: 392px; float: left; position: relative; margin-right: 18px; overflow:hidden}
div.carrousel_content {width: 660px; height: 392px; position: absolute; z-index: 1}
#minis {position:absolute; right:0; bottom:0;z-index:10;padding:10px}
#minis img {margin:0 5px; border:1px solid #333; cursor:pointer;}
#minis img:hover {border:1px solid #CBAF68}
#urban_carrousel_masque {width: 660px; height: 392px; position: absolute;  z-index: 3}
#urban_carrousel_masque_haut {width: 660px; height: 20px; background-image: url(carrousel_v2/carrousel_top.png); text-indent: -9999px; position: absolute; top: 0px; z-index: 10}
#urban_carrousel_masque_bas {width: 660px; height: 20px; background-image: url(carrousel_v2/carrousel_bottom.png); text-indent: -9999px; position: absolute; bottom: 0px; z-index: 10}
#urban_carrousel_masque_gauche {width: 5px; height: 352px; background-image: url(carrousel_v2/carrousel_left.png); text-indent: -9999px; position: absolute; top : 20px; left: 0px; z-index: 10}
#urban_carrousel_masque_droite {width: 5px; height: 352px; background-image: url(carrousel_v2/carrousel_right.png); text-indent: -9999px; position: absolute; top : 20px; right: 0px; z-index: 10}
.carrousel_volet {width: 660px; height: 99px; position: absolute; background-image: url(carrousel_v2/carrousel_volet.png); z-index: 2; top: 300px; left: 5px; padding-top: 0px; background-repeat: no-repeat}
.carrousel_volet h2 {margin-left: 10px; font-family: Arial Black, Arial; font-size: 20px; text-transform: uppercase; margin-bottom: 0px; margin-top: 0px; line-height: 23px}
.carrousel_volet h3 {font-size: 12px; display: block; width: 380px; height: 50px; margin-left: 10px}
.carrousel_volet h3 a {font-size: 12px; color: white; text-decoration: none}
.carrousel_volet h3 a:hover {text-decoration: underline}

/* LIGNE EDITO */

#main_ligne_edito {width: 1000px; height: 300px; margin-left: 10px; margin-right: auto; margin-top: 18px}
#home_edito {height: 300px; width: 650px; margin-right: 20px; margin-left: 10px; float: left; overflow: auto}
#home_edito h3 {width: 222px; height: 28px; background-image: url(titre_edito.png); background-repeat: no-repeat; text-indent: -9999px; margin-bottom: 0px}
#videodelasemaine {height: 300px; width: 300px; float: left}
#videodelasemaine h3  {width: 180px; height: 28px; background-image: url(titre_video_star.png); background-repeat: no-repeat; text-indent: -9999px; }
#videodelasemaine h4 {font-size: 14px; width: 300px; text-align: center}
p#edito {font-size: 12px; text-align: justify}
#home_edito p {font-size: 12px; text-align: justify}

/* BREVES */

#urban_breves {width: 284px; height: 347px; float: left; background-image: url(bg_breves.png); background-repeat: no-repeat; padding: 10px; padding-top: 25px}
ul#liste_breves {height: 347px; overflow: hidden}
li.une_breve {font-size: 12px; height:50px; overflow:hidden; display: block; border-bottom: 1px #606060 dotted; margin-top: 5px; padding-bottom: 3px }
span.breve_infos {font-size: 11px;}
a.rss_breves {display: block; float: right; width: 25px; height: 25px; filter : alpha(opacity=80); -moz-opacity : 0.8; opacity : 0.8; background-image: url(urban_rss_big.png); background-repeat: no-repeat; text-indent: -9999px; margin-top: -28px}
a.rss_breves:hover { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1;}

/* MINI PUSH (GAUCHE & MILIEU ) */

div.push {width: 322px; height: 182px; position: relative; float: left; margin-right: 16px; overflow:hidden}
.pushover a {color: white; text-decoration: none; cursor: pointer; display: block}
div.push a:hover {cursor: pointer}
.push_content {width: 322px; height: 182px; position: absolute; position: absolute; z-index: 1}
.push_volet { width: 298px; height: 44px; padding: 12px; padding-top: 0px; padding-left: 15px; position: absolute; background-image: url(mini_cadre_volet.png); top: 151px; z-index: 2 }
.push_volet h4 {font-family: Arial Black, Arial; font-size: 13px; text-transform: uppercase; margin-bottom: 5px; margin-top: 2px; line-height: 14px;}
.push_volet h5 {font-size: 12px; line-height: 11px;}
.push_masque {width: 322px; height: 182px; position: absolute; background-image: url(mini_cadre.png); z-index: 3; text-indent: -9999px }

/* MINI PUSH (DROITE) */

div.push_droite {width: 312px; height: 182px; position: relative; float: left; overflow:hidden}
div.push_droite div.push_content {width: 312px; height: 182px; position: absolute; position: absolute; z-index: 1; }
div.push_droite div.push_volet { width: 288px; height: 44px; padding: 12px; padding-top: 0px; padding-left: 15px; position: absolute; background-image: url(mini_cadre_droite_volet.png); top: 151px; z-index: 2 }
div.push_droite div.push_volet h4 {font-family: Arial Black, Arial; font-size: 13px; text-transform: uppercase; margin-bottom: 5px; margin-top: 2px; line-height: 14px;}
div.push_droite div.push_volet h5 {font-size: 12px; line-height: 9px;}
div.push_droite div.push_masque {width: 312px; height: 182px; position: absolute; background-image: url(mini_cadre_droite.png); z-index: 3; text-indent: -9999px }

/* BIG PAVE 2 COLS */

div.big_pave_2cols {position:relative; width: 650px; height: 250px; /*background-image: url(pave_2cols.png)*/; background-repeat: no-repeat; float: left; margin-right: 28px}
div.push_110 {width: 295px; height: 115px; float: left; margin-right: 10px; overflow: hidden; margin-top: 7px}
img.push_110_photo {float: left; margin-right: 10px}
div.push_110 h6 {font-family: Arial Black, Arial; font-size: 14px; text-transform: uppercase; margin-bottom: 2px; line-height: 14px}
div.push_110 span.soustitre { font-style: italic; font-family: Arial Black, Arial; font-size: 10px; line-height: 10px; margin-bottom: 0px}
div.push_110 p {font-size: 12px; margin-bottom: 3px}
div.push_110 a {color: white; text-decoration: none; font-size: 12px; }
div.push_110 a:hover {text-decoration: underline}
img.big_pave_nav_gauche {float: left; margin-right: 5px; cursor:pointer;z-index:10; position:relative;}
img.big_pave_nav_droite {float: right; padding-right: 0px; cursor:pointer; z-index:10; position:relative;}
img.big_pave_nav_gauche_o {float: left; margin-right: 5px; cursor:pointer; position:absolute; left:0;}
img.big_pave_nav_droite_o {float: right; padding-right: 0px; cursor:pointer;position:absolute; right:0;}
.unslide_bigpave {position:absolute; top:0px; left:0px; width:610px}
.clean {clear:both; margin:0;}
div.push_110 a.iphone_liresuite {padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; background-color: black; color: white; text-decoration: none; margin-top: 4px; font-weight: bold; font-size: 10px; text-transform: uppercase}
div.push_110 a.iphone_liresuite:hover {color: black; background-color: white; text-decoration: none}

/* FOOTER */

#footer {width: 980px; height: 90px; color: #acabab; font-size: 12px; background-image: url(footer_bg.png); background-repeat: no-repeat; margin-left: 10px; margin-top: 12px; overflow: auto}
#footer_nav {width: 970px; text-align: right; margin-left: auto; margin-right: auto; margin-top: 60px; padding-right: 7px;}
#footer_nav ul, li {display: inline;}
#footer_nav a {color: #acabab; text-decoration: none}
#footer_nav a:hover {color: white}

#footer form {display: inline; margin-left: 15px}
#footer #crm_mail {width: 200px; height: 30px; background-image: url(footer_crm_mail.png); background-repeat: no-repeat; background-color: transparent; border: none; color: #acabab; padding-left: 5px; padding-top: 8px}
#footer #crm_ok {width: 33px; height: 30px; background-image: url(footer_crm_ok.png); background-repeat: no-repeat; background-color: transparent; border: none; text-indent: -9999px; padding-top: 1px; cursor: pointer}


#footer_mentions {width: 980px; text-align: center; margin-top: 0px; font-size: 9px}
#footer_mentions a {color: #acabab; text-decoration: none}
#footer_mentions a:hover {color: white}
#footer_fb {cursor: pointer; padding-left: 20px; background-image: url(footer_fb.png); background-repeat: no-repeat}
#footer_mp {cursor: pointer; padding-left: 20px; background-image: url(footer_mp.png); background-repeat: no-repeat}
#footer_twitter {cursor: pointer; padding-left: 20px; background-image: url(footer_tw.png); background-repeat: no-repeat}
    
/* PAGE VIDEO */

#main_video h2 {display: block; width: 982px; height: auto; text-align: left; font-family: Arial Black, Arial; font-size: 26px; margin-bottom: 5px; text-transform: uppercase}
#main_video {height: auto; width: 982px; overflow: auto; margin-left: auto; margin-right: auto; margin-top: 10px}
#main_video a {color: white; text-decoration: none}
#main_video a:hover {color: #ffff00}

.exclu {width: 27px; height: 13px; text-indent: -9999px; background-image: url(exclu.png); background-repeat: no-repeat; display: block; float: left; margin-right: 3px }

/* VIDEO PLAYER */
#video_player {height: 530px; width: 982px; }
#video_left {width: 10px; height: 530px; background-image: url(video_player_leftbg.png); background-repeat: no-repeat; text-indent: -9999px; float: left}
#video_embed {width: 962px; height: 518px; background-image: url(video_player_mainbg.gif); background-repeat: repeat-x; float: left; padding-top: 12px}
#video_right {width: 10px; height: 530px; background-image: url(video_player_rightbg.png); background-repeat: no-repeat; text-indent: -9999px; float: left}

/* PARTAGE VIDEO */

#video_extras {width: 960px; background-color: #313030; border: #575656 solid 1px; margin-top: 10px; padding: 10px;  line-height: 14px; overflow: auto}
.video_texte {display: block; width: 650px; font-size: 12px}
#partager_video {font-family: Arial Black, Arial; font-size: 14px; text-transform: uppercase; background-color: black; border: 1px solid gray; width: 230px; float: left; text-align: center; padding: 10px; float: right}
#video_extras p {display: block; width: 650px; font-size: 12px}
#partager_video a img {margin-top: 10px; margin-bottom: 0px; filter : alpha(opacity=80); -moz-opacity : 0.8; opacity : 0.8; }
#partager_video img:hover {filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }
#video_vues {display: none}

/* COMMENTAIRES */

#commentaires {width: 670px; margin-right: 12px}
#commentaires_top {width: 670px; height: 10px; background-image: url(video_comments_top.png); text-indent: -9999px}
#commentaires_content {width: 650px; background-image: url(video_comments_bg.png); background-repeat: repeat-y; padding-left: 10px; padding-right: 10px; padding-bottom: 5px}
#commentaires_bottom {width: 670px; height: 10px; background-image: url(video_comments_bottom.png); text-indent: -9999px}
#titre_comments {font-family: Arial Black, Arial; font-size: 14px; text-transform: uppercase; line-height: 12px}
#compte_comments {font-size: 12px}
span.nom_user {font-weight: bold; font-size: 12px; color: #ffff00; text-transform: uppercase; text-shadow: 0 1px 1px #000000}
/*ludo*/
span.nom_user {margin:0; font-weight: bold; font-size: 14px; color: #ffff00; text-transform: uppercase; text-shadow: 0 1px 1px #000}
span.comment_time {font-size: 12px}
/*ludo*/
span.comment_time {font-size: 11px; letter-spacing:0.3px;}

ul#liste_comments {margin-top: 10px; position:relative;}
p.comment_txt {margin-top: 5px}
/*ludo*/
p.comment_txt {margin-top: 5px; font-size:12px; line-height:16px;}
/*ludo*/
.comment {margin:0;}
.comment_txt { border-bottom:1px solid #333; padding-bottom:15px;}
a.active_form {color: white}
a.active_form:hover {color: yellow}


#video_extras h3 {font-weight: bold; margin-bottom: 5px; font-size: 16px}

/* BLOC COMMENT */

div.bloc_comment {margin-top: 5px}
.lien_comment {display: block; padding-left: 17px; background: url(picto_commenter.png) no-repeat; font-size: 12px; text-transform: uppercase; color: white; text-decoration: none; float: right; margin-top: 2px }
.lien_comment:hover {color: yellow;}
#comment_form {font-size: 13px}
#comment_form #pseudo {color: white; background-color: #313030; border: gray 1px solid; padding: 5px; margin-top: 7px; margin-right: 6px}
#comment_form #comment {color: white; background-color: #313030; border: gray 1px solid; padding: 5px; margin-top: 10px}
#publier_comm {color: white; background-color: #313030; border: gray 1px solid; padding: 4px; margin-top: 7px; cursor: pointer}
#publier_comm:hover {background: gray; color: #ffff00; border: #ffff00 1px solid;}
#comment_send {font-size:70%;}
.red {color:red;}
.green {color:#32FF0F;}

/* VIDEO COL_DROITE */

#col_droite {float: right; width: 300px; margin-top: 10px}
#video_voir_aussi {margin-top: 10px}
#titre_voir_aussi {font-family: Arial Black, Arial; font-size: 14px; line-height: 14px; text-transform: uppercase}
#liste_voir_aussi {margin-top: 10px}
li.voir_aussi {display: block; height: 112px; width: 300px; margin-bottom: 10px; overflow-y: hidden}
li.voir_aussi img {float: left; margin-right: 10px; border:1px solid black;}
li.voir_aussi a h3 {color: gray; font-weight: bold; margin-bottom: 0px; text-decoration: none}
li.voir_aussi a h3:hover {color: white}
span.compte_vues {font-size: 12px; font-weight: bold; display: none}
span.date_post {font-size: 12px; display: block}

/* CATEGORIE : VIDEOS (CLIPS + ITW) */

#main_cat_video {}
#main_cat_video ul {width: 982px; overflow: auto; padding-left: 10px; padding-right: 0px; margin-top: 18px; margin-bottom: 18px}
#main_cat_video  h2{font-family: Arial;font-size: 14px; font-weight: bold; margin-bottom: 0px; line-height: 14px}
#main_cat_video ul {overflow: hidden; width: 982px; }

.videos_titre {width: 100%; border-bottom: 1px solid gray; margin-bottom: 10px; height: 20px; padding-bottom: 5px}

li.cat_une_video {width: 300px; height: 150px; padding: 10px; float: left; margin-right: 7px}
li.cat_une_video img {float: left; margin-right: 10px; border: 1px solid #373737;}
li.cat_une_video a {color: gray; text-decoration: none;}
li.cat_une_video a:hover {color: white}
.description_video p {display: block; font-size: 12px; width: 300px; float: left; margin-top: 10px; text-align: justify}
a.touteslesvideos {color: gray; text-decoration: none; font-size: 12px}
a.touteslesvideos:hover {color: white;}


/* ARTICLE */

#main_article {width: 982px; overflow: auto; margin-left: auto; margin-right: auto; margin-top: 10px; overflow: hidden}
#article {width: 650px; background-color: #eaeaea; padding: 10px; margin-bottom: 10px; overflow: auto; margin-top: 10px}
#article a {color: gray; text-decoration: underline}
#article a {color: black; text-decoration: underline}
#commentaires {}
#article h2 {display: block; width: 640px; height: auto; text-align: left; font-family: Arial Black, Arial; font-size: 26px; margin-bottom: 15px; text-transform: uppercase; color: black; line-height: 30px}
#article #article_infos {font-family: Arial; font-size: 12px; color: black; float: left; margin-top: -3px}
#article hr {margin-top: 15px; margin-bottom: 15px; border: none; border-bottom: dashed 1px gray; }
div.article_liens {background-color: #dbdbdb; border: 1px solid #c6c5c5; padding: 5px; margin-top: 10px}
div.article_liens a {color: #484848; font-family: Arial; font-size: 14px; text-decoration: none}
div.article_liens a:hover {color: black}
#article_lu {display: none}

/* ARTICLE ZOOM */

#article_photo {position: relative; float: right; width: 230px; height: 230px; margin-left: 10px; margin-bottom: 5px }
#article_photo #photo {width: 230px; height: 230px; position: relative }
#article_photo #photo_roll {width: 230px; height: 230px; position: absolute; text-indent: -9999px}
#article_photo #photo_roll:hover {background-image: url(photo_zoom.png); background-position: bottom right; background-repeat: no-repeat; cursor: pointer}

/* ARTICLE : MISE EN FORME DU TEXTE */

div.article_chapeau {color: black; font-size: 13px; font-weight: bold; text-align: justify; line-height: 18px; letter-spacing:0.2px}
div.article_maintxt {color: black; text-align: justify; font-size: 12px; line-height: 18px; letter-spacing:0.2px}
img.article_visuel {float: right; width: 230px; margin-left: 10px; margin-bottom: 5px}
span.titre_arial_black {font-family: Arial Black, Arial; font-size: 14px; color: #484848; text-transform: uppercase}

/* VOTE BOX */

#vote_box {padding: 2px; background-color: #d7d7d7; border: 1px solid #aaaaaa; overflow: auto; display: inline; margin-top: 15px; margin-left: 10px }
#vote_box a.vote_up {background-position: 0px 0px; height: 20px; width: 20px; background-image: url(vote_box.png); text-indent: -9999px; text-decoration: none; }
#vote_box a.vote_up:hover {background-position: 0px 20px;}
#vote_box a.vote_down {background-position: 20px 0px; height: 20px; width: 20px; background-image: url(vote_box.png); text-indent: -9999px; text-decoration: none; letter-spacing: 1px}
#vote_box a.vote_down:hover {background-position: 20px 20px;}
#vote_box .compteur_vote {font-family: Arial; font-size: 14px; font-weight: bold; color: black}

/* PARTAGE ARTICLE */

#article_partage {float: right; color: black; font-size: 12px; text-transform: uppercase; margin-top: -5px}
#article_partage_leg {float: left}
#article_partage a img {float: left; margin-left: 5px; filter : alpha(opacity=80); -moz-opacity : 0.8; opacity : 0.8;}
#article_partage a img:hover {filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1;}

/* CATEGORIE RESULTAT (vue par liste) */

#liste_articles {width: 650px; min-height: 700px; padding: 10px; margin-bottom: 10px; overflow: auto; margin-left: 10px; margin-top: 10px}
ul#resultats_liste {}
.thumb_article {width: 110px; height: 110px; display: block; float: left; margin-right: 9px; margin-bottom: 10px; border: 1px solid black; background-image: url(nophoto110.png)}
.thumb_video {width: 130px; height: 95px; display: block; float: left; margin-right: 9px; margin-bottom: 10px; border: 1px solid black;}
.thumb_article:hover {border: 1px solid gray}
li.resultat_article {display: block; width: 650px; height: 110px; margin-bottom: 10px; padding-bottom: 12px; border-bottom: 1px solid #4b4c4c; overflow: hidden}
li.resultat_article p {font-size: 12px}
#resultats_liste li a {color: gray; text-decoration: none}
#resultats_liste li a:hover {color: white;}
#resultats_liste li h3 {font-family: Arial; font-weight: bold; margin-bottom: 5px }
#resultats_liste li a {font-weight: bold; margin-bottom: 5px }
#resultats_liste li a h3:hover {color: white }
.description_article {font-size: 12px; margin-top: 2px}


li.resultat_video {display: block; width: 650px; height: 95px; margin-bottom: 10px; padding-bottom: 12px; border-bottom: 1px solid #4b4c4c}
li.resultat_video img {float: left; display: block; margin-right: 10px; width: 110px; border: 1px solid black}
li.resultat_video img:hover {border: 1px solid gray}

/* PAGINATION */

#pagination {width: 987px; height: 30px; text-align: right; padding-left: 10px; font-size: 12px; margin-top: 0px; margin-bottom: 20px; overflow: auto}
#pagination span.current {width: 10px; height: 10px; padding: 5px; color: black; background-image: url(pagination_bg_current.png); display: block; text-align: center; float: left; margin-right: 3px; margin-bottom: 5px; line-height: 12px; border: 1px solid #af7c20}
#pagination a {width: 10px; height: 10px; padding: 5px; color: white; background-color: black; display: block; text-decoration: none; text-align: center; float: left; margin-right: 3px; margin-bottom: 5px; line-height: 12px; border: 1px solid gray}
#pagination a:hover {background-color: gray}

/* REFLETS */

div.reflet_130 {width: 130px; height: 95px; background-image: url(reflet_130.png); background-repeat: no-repeat; position: absolute; text-indent: -9999px; margin-top: 1px; left:0; top:0;}
div.reflet_110 {width: 110px; height: 110px; background-image: url(reflet_110.png); background-repeat: no-repeat; position: absolute; text-indent: -9999px; margin-top: 1px; left:0; top:0;}


/* PAGE CONTACT */
#contact_form {width: 500px; margin-left: auto; margin-right: auto; text-align: center; height: 600px}
.contact_field {border: 1px solid gray; background-color: black; color: white}
.contact_txt {border: 1px solid gray; background-color: black; color: white}
.contact_btn {border: 1px solid gray; background-color: black; color: white; cursor: pointer}