@charset "utf-8";

/*
 *
 *	@titre: layout.
 *	@description: feuille de style global - le Veau.
 *	@auteur: neov - http://www.neov.net.
 *	@creation: 20090505.
 *	@modification: -
 *
 */

/* ::: global :::*/

html * { margin:0; padding:0; color:black; border:none; outline:none; }
body { text-align:left; font-size:62.5%; font-style:normal; font-family:Tahoma, Geneva, sans-serif; background:white; }
body * { font-size:1em; line-height:100%; font-family:Tahoma, Geneva, sans-serif; }

strong,
h1,
h2,
h3,
h4,
h5,
h6 { font-weight:bold; }

img,
input,
select,
textarea { vertical-align:middle; }

ul { list-style:none; }
ol { list-style:decimal; }

table { border-collapse:collapse; width:100%; }

a,
a:hover { text-decoration:none; cursor:pointer; }

legend { display:none; }
input,
textarea { padding:1px 5px 2px; font-size:1.2em; color:black; border:1px solid #ccc; background-color:white; }
textarea { overflow:auto; }

* html input,
* html textarea { padding:2px 5px 1px; }

select { padding:1px 0; font-size:1.2em; color:black; border:1px solid #ccc; background-color:white; }
option { padding:0 10px; background-color:white; }

input.text { font-size:1.1em; }
input.radio,
input.checkbox { width:14px; height:14px; border:none; padding:0; vertical-align:middle; }
input.button { border:none; padding:0; }
input.file { font-size:1.1em; }

* html input.radio,
* html input.checkbox { margin-top:1px; }

/* ::: clearing :::*/

.clear { display:block; clear:both; }
.clearfix:after { content:""; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

.clearBoth { clear:both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }

/* ::: alignement ::: */

.align_centre { text-align:center; }
.align_right { text-align:right; }
.align_left { text-align:left; }

.lfloat { float:left;}
.rfloat { float:right;}

/* ::: page layout ::: */
.print-only { display:none; }

body { background:url(../../images/page-layout/body-background.jpg) center 0 repeat-y; }

#page { background:url(../../images/page-layout/main-background.jpg) center 0 no-repeat; }
#page-inner { width:1010px; margin:0 auto; }

#header { background:url(../../images/page-layout/header-background.png) 0 0 no-repeat; height:147px; position:relative; }
#logo { position:absolute; top:5px; left:50px; z-index:2; display:block; width:234px; height:170px; background:url(../../images/content-design/logo.png) 0 0 no-repeat; }
#fan-veau { position:absolute; top:10px; right:85px; z-index:2; background:url(../../images/content-button/main-menu/facebook.png) 0 0 no-repeat; width:180px; height:57px; display:block; }
#fan-veau span,
#logo span { display:none; }


#content { background:url(../../images/page-layout/content-background.png) 0 0 repeat-y; width:960px; margin:0 auto; padding:0 3px; }
#content-inner { background:url(../../images/page-layout/content-inner-background.png) center bottom no-repeat; }

#footer { background:url(../../images/page-layout/footer-background.png) 0 0 no-repeat; height:133px; padding:25px 0 0; }

/* ::: header menu ::: */

#header .main-menu { padding:67px 0 0 306px; position:relative; z-index:1; }
#header .main-menu li { display:block; float:left; background:url(../../images/content-icon/etoile.png) 0 center no-repeat; padding:0 15px 0 30px; }
#header .main-menu li a { display:block; }
#header .main-menu li a span { display:none; }
#header .main-menu li.recette { padding-top:2px; background-position:0 12px; }
#header .main-menu li.tele { padding-top:3px; background-position:0 6px; }
#header .main-menu li.vous { padding-top:7px; background-position:0 11px; }
#header .main-menu li.info { padding-top:12px; background-position:0 16px; }
#header .main-menu li.recette a { background:url(../../images/content-button/main-menu/trouver-recette-cmp.png) 0 0 no-repeat; width:87px; height:34px; }
#header .main-menu li.cuisiner a { background:url(../../images/content-button/main-menu/comment-cuisiner-cmp.png) 0 0 no-repeat; width:106px; height:34px; }
#header .main-menu li.tele a { background:url(../../images/content-button/main-menu/leveau-tele-cmp.png) 0 0 no-repeat; width:65px; height:34px; }
#header .main-menu li.vous a { background:url(../../images/content-button/main-menu/leveau-vous-cmp.png) 0 0 no-repeat; width:55px; height:34px; }
#header .main-menu li.info a { background:url(../../images/content-button/main-menu/plus-infos-cmp.png) 0 0 no-repeat; width:79px; height:34px; }

#header .main-menu li a:hover,
#header .main-menu li a.active { background-position:0 bottom; }

/* ::: footer menu ::: */
#footer ul { display:block; text-align:center; padding:24px 37px 0 0; float:right; }
#footer ul li { float:left; display:block; height:20px; width:135px; text-align:center; }
#footer ul li a { font-size:1.1em; font-weight:bold; color:white; line-height:115%; }
#footer ul li.contact { }
#footer ul li.mention { width:130px; }
#footer ul li.etoile {  background:url(../../images/page-layout/etoile-footer.gif) top right no-repeat; width:140px; }
#footer ul.left { padding:17px 100px 0 0!important; }
#footer ul.left li { width:auto!important; padding:0 25px 0 20px; }
#footer ul.left li {  background:url(../../images/page-layout/etoile-footer.gif) right 8px no-repeat; height:29px; }
#footer ul.left li.last { background:none!important; }

/* ::: masque ::: */
#masque { position:absolute; top:0; left:0; display:none; cursor:wait; background:black; z-index:99; }

/* ::: popup envoi ::: */
.pop-envoi { display:none; width:524px; height:270px; position:absolute; top:0; left:0; z-index:100; }
.pop-envoi .btn-pop { font-size:0; height:0; position:relative; }
.pop-envoi .btn-pop a { display:block; position:absolute; top:8px; right:8px; }
.pop-envoi .btn-pop a img { display:block; }
.pop-envoi h3 { padding:12px 0 30px 48px; background:url(../../images/content-design/pop-envoi-recette-top.gif) center 0 no-repeat; }
.pop-envoi h3 img { display:block; }
.pop-envoi form { background:white url(../../images/content-design/pop-envoi-recette-bottom.gif) center bottom no-repeat; padding:0 0 18px; }
.pop-envoi form p { padding:0 0 2px; }
.pop-envoi form p.txtarea { padding:10px 0 0; }
.pop-envoi form label { display:block; float:left; width:204px; text-align:right; margin:0 10px 0 0; font-size:1.1em; color:#464646; padding:5px 0 0; line-height:115%; }
.pop-envoi form input.text { width:182px; float:left; padding:3px 5px 4px; color:#464646; }
.pop-envoi form .envoi-btn { padding:10px 0 0 214px; }
.pop-envoi form .envoi-btn input { width:90px; height:30px; border:none; padding:0; background:none; }
.pop-envoi form textarea { font-size:1.1em; float:left; width:250px; height:80px; }
.pop-envoi .bottom-pop { height:5px; font-size:0; background:url(../../images/content-design/pop-envoi-recette-bottom-arr.gif) center bottom no-repeat; }

/* ::: popup confirmation ::: */

.pop-confirmation { display:none;width:524px; height:270px; position:absolute; top:0; left:0; z-index:100; background:url(../../images/content-design/pop-info-top.gif) 0 0 no-repeat; padding:6px 0 0; }
.pop-confirmation .btn-pop { font-size:0; height:0; position:relative; }
.pop-confirmation .btn-pop a { display:block; position:absolute; top:8px; right:8px; }
.pop-confirmation .pop-conf-inner { min-height:100px; background:white url(../../images/content-design/pop-info-middle.jpg) 0 0 no-repeat; padding:50px 0 0; }
* html .pop-confirmation .pop-conf-inner { height:100px; }
.pop-confirmation .pop-conf-inner p { text-align:center; font-size:1.1em; padding:0 20px; }
.pop-confirmation .bottom { background:url(../../images/content-design/pop-info-bottom.png) 0 0 no-repeat; height:6px; font-size:0; }



/* ::: popup newsletter ::: */

.pop-newsletter { display:none; width:620px; height:655px; position:absolute; top:0; left:0; z-index:100; }
.pop-newsletter .btn-pop { font-size:0; height:0; position:relative; }
.pop-newsletter .btn-pop a { display:block; position:absolute; top:8px; right:8px; }
.pop-newsletter .btn-pop a img { display:block; }


/* ::: popup video ::: */
.pop-video { display:none; width:537px; height:auto; position:absolute; top:0; left:0; z-index:100; background-color:#FFFFFF; }
.pop-video .player-video { background:transparent url(../../images/content-design/bg-player-tv.png) no-repeat scroll 0 0; height:311px; padding:10px 13px 0; margin:0 5px; }
.pop-video p { background:transparent url(../../images/content-design/bkg-titre-tv.png) no-repeat scroll 0 0; color:#464646; font-size:12px; font-weight:bold; height:28px; margin:5px 5px 0; padding:9px 0 0; text-align:center; width:526px; }
.pop-video .btn-pop { font-size:0; height:0; position:relative; background:none !important; margin:0 0 25px 0; padding:0; }
.pop-video .btn-pop a { display:block; position:absolute; right:0; top:8px; }

/* ::: popup diapo ::: */
.pop-diapo { display:none; width:892px; height:663px; position:absolute; top:0; left:0; z-index:100; background-color:#FFFFFF; }


/* ::: popup notation d'une recette ::: */
.pop-vote-wrapper {  display:none; position:absolute; top:0; left:0; z-index:100; }
.pop-vote { background:url(../../images/content-design/bkg-pop-notation.png) no-repeat; width:526px; height:169px; }
.btn-pop { font-size:0; height:0; position:relative; }
.btn-pop a { display:block; position:absolute; top:8px; right:8px; }
.pop-vote p.mess { font-size:1.4em; /*color:#FF0000; */ padding-top:35px; text-align:center; }
.pop-vote p.vote { /*background:url(../../images/content-design/pop-color-nb-vote.gif) no-repeat -55px 0;*/ width:200px; height:33px; margin:35px 0 0 167px; }
.pop-vote p.vote img { vertical-align:top; margin-right:2px; }
/*.pop-vote input { background:none!important; border:none!important; width:87px; height:27px; position:absolute; bottom:6px; left:219px; }*/

.pop-vote input.btn-vote { background:none!important; border:none!important; width:87px; height:27px; position:absolute; bottom:12px; left:282px; padding:0; }
.pop-vote input.btn-efface { background:none!important; border:none!important; width:87px; height:27px; position:absolute; bottom:12px; left:160px; padding:0; }
.pop-vote input.annuler { background:none!important; border:none!important; width:87px; height:27px; position:absolute; bottom:12px; left:219px; padding:0; }