﻿/* vidéos */
DIV.m_home_videos { border:1px solid #bbbbbb; background-color:#222020; font-family:Arial,Verdana,Sans-serif; margin:0 0 20px 0;text-align:left; }
DIV.m_home_videos DIV.m_video_grande { float:left; margin:9px 20px 9px 9px; cursor:pointer; }
DIV.m_home_videos DIV.m_video_grande IMG{display:block;border:0 none;}
DIV.m_home_videos DIV.m_video_miniatures { float:left; margin:0 10px 0 0; width:350px; }
DIV.m_home_videos DIV.m_video_miniatures A, DIV.m_home_videos DIV.m_video_miniatures A:hover{text-decoration:none;}
DIV.m_home_videos .m_video { width:98px; }
DIV.m_home_videos DIV.m_mini { background-color:#100f0f; padding:2px; margin:11px 0 0 0; cursor:pointer; }
DIV.m_home_videos DIV.m_mini IMG {display:block;border:1px solid #343231;}
DIV.m_home_videos DIV.m_playSmall{background:url(http://images.marmitoncdn.org/Skins/Common/Images/homeVideo/boutonPlay_small.png) 0 0 no-repeat;font-size:0px;height:24px;margin:-28px 0 0 69px;position: absolute;width:24px;}
DIV.m_home_videos SPAN.m_theme { color:#DDDDDD; display:block; }
DIV.m_home_videos DIV.m_txt_video, DIV.m_home_videos .m_txt_video { font-size:13px; color:#fff; padding:0 0 0 10px; }
DIV.m_home_videos DIV.m_txt_video { position:absolute; margin:0 0 0 60px; z-index:12; margin:-46px 0 0 52px; }
DIV.m_home_videos DIV.m_bandeauTV { position:absolute; background:#000000; height:60px; width:604px; z-index:11; opacity:0.7; margin:-60px 0 0 0; }
DIV.m_home_videos DIV.m_playBouton { position:absolute; width:49px; height:49px; background:url(http://images.marmitoncdn.org/Skins/Common/Images/homeVideo/boutonPlay.png) no-repeat; z-index:13; margin:-54px 0 0 6px; }

/* trouver une vidéo */
DIV.m_rechercher_video { background:#F47321;padding: 6px 0 10px 10px; font-family:Arial,Verdana,Sans-serif;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;-ms-border-radius: 4px;box-shadow: 0 1px 2px #ccc;-webkit-box-shadow: 0 1px 2px #ccc;-moz-box-shadow: 0 1px 2px #ccc;-o-box-shadow: 0 1px 2px #ccc;-ms-box-shadow: 0 1px 2px #ccc;}
DIV.m_rechercher_video H2.m_title { color:#fff;}
DIV.m_rechercher_video TABLE {margin:6px 0 0 6px; }
DIV.m_rechercher_video H3 { color:#fff;font:normal 18px/22px Arial, Helvetica, sans-serif;color:#fff;margin:0;padding:15px 0 0 10px; }
.trouver_video_input { width:308px;height:30px;background:#fff;background: -moz-linear-gradient(top,  #ffffff 0%, #eeecef 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeecef));background:-webkit-linear-gradient(top,  #ffffff 0%,#eeecef 100%);background:-o-linear-gradient(top,  #ffffff 0%,#eeecef 100%);background:-ms-linear-gradient(top,  #ffffff 0%,#eeecef 100%);background:linear-gradient(to bottom,  #ffffff 0%,#eeecef 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeecef',GradientType=0 );border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;-ms-border-radius: 2px;}
.trouver_video_input INPUT {width:98%;margin:0 0 0 3px;padding:0;border:0 none;background:none;font:normal 14px/25px Arial, Helvetica, sans-serif;color:#9b9c9b;height:30px;outline:none;}
.trouver_video_select { padding:0 0 0 12px; }
.trouver_video_select SELECT { width:175px; }
.trouver_video_submit { padding:0 0 0 12px; }
.trouver_video_submit A { display:block;font:bold 17px/19px Arial, Helvetica, sans-serif;color:#fff;height:22px;border:1px solid #fff;padding:3px 20px 0 20px;text-decoration:none;text-align:center;background:#fd903f;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;font-weight:normal; }
.trouver_video_submit A:hover{background:#fff;color:#F47321;}

/*Techniques en vidéos et autres blocs similaires*/
DIV.m_bloc DIV.m_ligne_video { font-family:Arial,Verdana,Sans-serif; font-size:13px; margin:10px 5px 5px 5px; }
DIV.m_bloc DIV.m_blocVideo1 { float:left; width:320px; cursor:pointer; }
DIV.m_bloc DIV.m_imgVideo { float:left; width:130px;}
DIV.m_bloc DIV.m_txt_blocVideo { float:left; width:175px; margin:0 0 0 10px; line-height:19px;color:#000;padding-top:20px;}
DIV.m_bloc DIV.m_txt_blocVideo DIV { color:#EB6B06; font-weight:normal; }
DIV.m_bloc DIV.m_imgVideo IMG, DIV.m_bloc DIV.m_blocVideo2 IMG { border:1px solid #c7bfb6; margin-bottom: 6px;}
DIV.m_bloc DIV.m_blocVideo2 { float:left; width:106px; margin:0 0 0 10px; font-size:13px; color:#EB6B06; font-weight:normal; cursor:pointer; }
DIV.m_bloc DIV.m_descVideo{font-size:14px;padding: 5px;margin-top: 10px;}
DIV.m_bloc SPAN.m_categvideo{font-size: 16px;margin: 7px;display: block;color: #999;}

/*Découvrez la chaîne marmiton*/
DIV.m_bloc H2.chaine_marmiton {display:block; background:url(../Images/homeVideo/chaineMarmiton.jpg) no-repeat top right #ed6e0d; height:69px; line-height:68px; color:#fff; padding:0;border-radius:2px;margin-bottom:2px;}
DIV.m_bloc H2.chaine_marmiton DIV { background:url(../Images/homeVideo/chaine-marmiton.png) no-repeat 160px 16px; padding:8px 0 0 10px; }
DIV.bloc_chaine_marmiton DIV.m_player_youtube {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
DIV.bloc_chaine_marmiton DIV.m_player_youtube iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* rechercher recette en video */
DIV.m_recherche_recette_video H1.m_title, DIV.m_recherche_recette_video H2.m_title{text-align:left;}
DIV.m_recherche_recette_video DIV.formulaireRecherche{padding:15px 0 0 0;}
DIV.m_recherche_recette_video DIV.formulaireRecherche TD{padding:0 10px 10px 0;}
DIV.m_recherche_recette_video DIV.formulaireRecherche TD INPUT, DIV.m_recherche_recette_video DIV.formulaireRecherche TD SELECT{width:100%;}
DIV.m_recherche_recette_video DIV.chercher{margin-bottom:20px;}
DIV.m_recherche_recette_video DIV.chercher INPUT{margin:0 auto;background:#F47321;box-shadow: 0 1px 2px #CCCCCC;color: #FFFFFF;font: 12px/14px Arial,Helvetica,sans-serif;padding: 8px 20px;text-align: center;border:0 none;display:block;}
DIV.m_recherche_recette_video DIV.chercher INPUT:hover{box-shadow: 0 0 6px #707070,0 0 2px #707070 inset;-webkit-box-shadow: 0 0 6px #707070,0 0 2px #707070 inset;-moz-box-shadow: 0 0 6px #707070,0 0 2px #707070 inset;-o-box-shadow: 0 0 6px #707070,0 0 2px #707070 inset;-ms-box-shadow: 0 0 6px #707070,0 0 2px #707070 inset;}

/* vidéos d'internautes */
div.m_formulaire_video_internaute { font-size:13px; line-height:19px; font-family:Arial,Verdana,Sans-serif; padding:10px; }
div.m_formulaire_video_internaute div.m_texte_form_recette, div.m_formulaire_video_internaute div.m_texte_form_recette2 { float:left; width:110px; text-align:right; margin:0 10px 0 0; font-size:13px; }
div.m_formulaire_video_internaute div.m_texte_form_recette_titre { width:150px; margin:0 10px 0 0; font-size:13px; float:left; }
div.m_formulaire_video_internaute div.m_texte_form_recette2 { width:86px; }
div.m_formulaire_video_internaute div.m_champ_ajout_recette_pseudo { float:left; width:247px; overflow:hidden; }
div.m_formulaire_video_internaute div.m_champ_ajout_recette { float:left; width:220px; }
div.m_formulaire_video_internaute div.m_bloc_form_recette { margin:10px 0 0 0; clear:both; }
div.m_formulaire_video_internaute div.m_bloc_form_recette.pseudo { color:#999999; }
div.m_formulaire_video_internaute div.m_bloc_form_recette2 { margin:10px 10px 0 0; float:left; width:320px; }
div.m_formulaire_video_internaute div.m_texte_bloc_exemple { font-size:13px; line-height:19px; color:#999999; margin:20px 0; display:none; }
div.m_formulaire_video_internaute input.champRecherche { width:310px; height:24px; border:1px solid #d0d0d0; background:-moz-linear-gradient(bottom, #f2f2f2 0%, #FFFFFF 100%); background:-webkit-linear-gradient(bottom, #f2f2f2 0%, #FFFFFF 100%); background-color:#ffffff; line-height:24px; padding:0 0 0 3px; }
div.m_formulaire_video_internaute select { width:220px; }
div.m_formulaire_video_internaute td.m_separation_input { width:20px; }
div.m_formulaire_video_internaute div.m_voir_aide_ajout_recette { font-size:16px; color:#F47321; font-weight:bold; }
div.m_formulaire_video_internaute div.m_voir_aide_ajout_recette span { text-decoration:underline; cursor:pointer; color:#999999; font-size:11px; font-weight:normal; }
div.m_formulaire_video_internaute textarea.m_bigTextArea { width:660px; height:150px; border:1px solid #d0d0d0; background:-moz-linear-gradient(bottom, #f2f2f2 0%, #FFFFFF 100%); background:-webkit-linear-gradient(bottom, #f2f2f2 0%, #FFFFFF 100%); background-color:#ffffff; }
div.m_formulaire_video_internaute div.m_form_recette { margin:0 0 20px 0; }
div.m_formulaire_video_internaute div.m_form_recette.upload { border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; background:#f1f1f1; padding:10px; }
div.m_formulaire_video_internaute div.m_titre_bloc_champ { font-size:13px; }
div.m_formulaire_video_internaute div.m_titre_bloc_champ_ingredients, div.m_formulaire_video_internaute div.m_titre_bloc_champ_video { font-size:16px; color:#F47321; font-weight:bold; }
div.m_formulaire_video_internaute div.m_exemple_lien { font-size:11px; color:#999999; padding-top:10px; }
div.m_formulaire_video_internaute div.m_exemple_lien a { font-size:11px; color:#999999; text-decoration:underline; }
div.m_formulaire_video_internaute div.m_form_recette_avert { margin:10px 0 0 0; color:#999999; font-size:11px; }

p.m_texte_video { font-size:13px; line-height:19px; padding:10px; }
div.m_photo_diapo_youtube { background:#f2efe8; padding:10px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; margin:10px auto 0 auto; }
div.m_photo_recette_youtube { float:left; width:154px; margin:0 30px; text-align:center; }
div.m_photo_recette_youtube a { color:#000000; font-size:13px; text-decoration:none; }
div.m_photo_recette_youtube a:hover { text-decoration:underline; }

DIV.m_topPhoto_hideoverflow DIV.m_playSmall{background: url(http://images.marmitoncdn.org/Skins/Common/Images/homeVideo/boutonPlay_small.png) 0 0 no-repeat;font-size: 0px;height: 24px;margin: -28px 0 0 191px;position: absolute;width: 24px;}

/* Responsive Part */
.m_player_youtube {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.m_player_youtube iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.m_video_grande {width: 52%;}
DIV.m_home_videos DIV.m_txt_video {position: static; margin: 0; z-index: 12;}
.m_video_miniatures {list-style-type: none; width: 37%;}
@media screen and (max-width: 1070px) {DIV.m_video_grande {width: 100%; margin: 9px auto !important;position: relative;} .m_video_miniatures {width: 100%; text-align: center;} .m_video_miniatures li {width: 30% !important; margin: 1.5%;}}
@media screen and (max-width: 920px) {.m_video_miniatures li {width: 100% !important; max-width: 480px; float: none; display: inline-block; text-align: left; margin: 0;}}

.trouver_video_input {width: 96%; max-width: 308px;}
.trouver_video_select {padding: 0;}
@media screen and (max-width: 650px) {.trouver_video_input {max-width: none;}}

.m_ligne_video ul {list-style-type: none;}
.m_col_big_video {width: 45%;}
.m_col_big_video li {width: 100%;}
.m_col_mini_video {width: 55%;}
DIV.m_bloc DIV.m_blocVideo2 {margin: 0 2.5px;}
DIV.m_bloc DIV.m_txt_blocVideo {width: auto;}
@media screen and (max-width: 740px) {.m_col_big_video {width: 100%;} .m_col_big_video li {width: 50%;} .m_col_mini_video {width: 100%;}}
@media screen and (max-width: 510px) {.m_col_big_video li {width: 100%;}}
DIV.m_bloc DIV.m_blocVideo1 {float: none; width: auto;}