@charset "utf-8";
/* CSS Document */

/* DIV */

body { color:#532f09; text-align:center; background-image:url(../images/bkg-body.jpg); background-position:center top; background-repeat:repeat-x; font-family: "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif; margin:0; padding:0; font-size:13px; background-color:#f3eede}
#global {width:995px;text-align:left; margin-left:auto; margin-right:auto; }
#content { }
#logo { width:350px; height:87px; background-image:url(../images/logo-r2c.png); background-position:left top; background-repeat:no-repeat; float:left; text-indent:-900px;}
#logo a {width:350px; height:87px; display:block;}
#topright { width:620px; height:80px; padding:10px 0 0 0; float:right; text-align:right;}
#quicklinks { height:30px; width:620px; float:right; }
#quicklinks ul { margin:0; padding:0 0 0 0;}
#quicklinks ul li { display: inline-block; padding:0 0 0 25px; margin:0 0 0 20px; float:right; }
#quicklinks ul li a { text-decoration:none; }
#searchbox { padding:4px 0 0 0; margin:0; float:right; width:420px; height:30px; background-image:url(../images/rech.png); background-position:left top; background-repeat:no-repeat;}
#searchbox form { margin:0; padding:0}
#searchbox label  { color:#FFFFFF; }
#searchbox input  { font-size:16px; }
#railway { font-size:10px; text-align:left; height:30px; color:#88816b; padding:5px 0 0 25px; }
#railway a {color:#88816b; text-decoration:none;}
#railway a:hover { text-decoration:underline;}
.bordinput{ border-width:2px; border-style:solid; padding:2px 3px 2px 28px;}
input.butsearch { color:#FFFFFF; font-weight:bold; border-width:1px; border-style:solid;}
ul { margin:0; padding:0; list-style:square;}
ul li { margin:0; padding:0;}
img { border:0;}
.lettrine:first-letter { font-weight:bold; font-size:16px; }
.profilno { font-size:12px; font-weight:bold; color: #FFFFFF; background-color:#CC0000; padding:5px; border:1px solid #990000}
.profilyes { font-size:12px; font-weight:bold; color: #006600; background-color: #CCFF99; padding:5px; border:1px solid #99CC33}
.erreur { font-size:12px; font-weight:bold; color: #FFFFFF; background-color:#CC0000; padding:5px; border:1px solid #990000}
.bignum { font-size:24px;}
#promologin { padding:50px 20px 0 20px; text-align:center;}
#gobutton { text-align:center; padding:15px 0 30px 0;}
#hometitle h1 { font-size:10px; text-transform:uppercase; letter-spacing:3px; margin:0; padding:0;}
#hometitle h2 { font-size:32px; font-weight:normal; margin:0 0 15px 0; padding:0; font-style:italic;}
.menumomentbox { float:left; width:190px; height:260px; padding:5px 5px 10px 5px; margin:0 5px 5px 0; border:5px solid #f8f5ec; background-color:#FFF;}
#menumoment ul { list-style:none;}
#menumomenth ul { list-style:none;}
.menumomentbox2 { float:left; width:190px; height:280px; padding:5px 5px 10px 5px; margin:0 5px 5px 0; border:5px solid #f8f5ec; background-color:#FFF;}
.menumomentbox h3 { font-size:20px; color:#bb0000; text-align:center; margin:5px 0 10px 0; padding:0;}
.menumomentbox2 h3 { font-size:15px; text-align:center; font-style:normal; height:40px; margin:0; padding:5px 0 0 0; } 
.menumomentbox p{ text-align:center; height:45px; font-size:15px; }
.menumomentbox p a { text-decoration:none;}
.menumomentbox2 p { text-align:left; width:190px; height:60px; font-size:12px;}
.home2title { clear:both; margin:0 10px 20px 0; padding:50px 0 0 0; border-bottom:3px solid #FFF;}
.home3title { clear:both; margin:0 10px 20px 0; padding:15px 0 0 0; border-bottom:3px solid #FFF;}
.autmenumoment { clear:both;}
.autmenumoment img { float:left;}
.autmenumoment small { float:left; padding:9px 0 0 10px;}
.headdossier { width:590px; padding:10px 20px 10px 20px; margin:0 0 20px 0; background-color:#FFF; border:5px solid #f8f5ec;}

#leftcol { width:650px; float:left; padding:10px 10px 10px 25px; }
#minicol { float:left; width:200px; }
#minicol ul { margin:0; padding:5px 5px 10px 15px;}
#megacol { float:right; width:450px;}
.votez { font-size:11px; text-align:right;  }
.pictu { float:left; border:5px solid #FFF; margin:0 0 5px 0; }
.txt, .ingred, .specs, .pstxt { float:right; width:390px; line-height:180% }
.txt, .ingred, .specs, .pstxt { padding:15px 25px 10px 25px; /*margin:0 0 5px 0; border:5px solid #f8f5ec;*/ background-color:#FFF;}
.txt h2, .ingred h2, .specs h2, .pstxt h2 { font-size:13px; border-bottom:2px solid #f8f5ec; margin:0 0 10px 0;}
.specs p, .ingred p { width:180px; float:left; }
#linksplus, #autor { width:170px; line-height:180%; padding:5px 10px 5px 10px; margin:5px 0 0 0; border:5px solid #f8f5ec; background-color:#f8f5ec; clear:both; }
.ingred p { clear:both; width:380px; font-style:italic;}
.ingred ol { list-style:square; list-style-position:inside; margin:0; padding:0;}
.ingred ol li { margin:0; padding:0 10px 0 10px; }
.txt ol { list-style:decimal inside; margin:0; padding:0 0 0 5px;}
.txt ol li { background-image:url(../images/bkg-ol.png); background-position: left 2px; background-repeat:no-repeat; text-indent:7px; }
.txt2 { line-height:180%; clear:both; }
.txt2 .pictu { margin:0 10px 0 0;}
.toprubrique {padding:0;}
.toprubrique a { text-transform:uppercase; font-size:10px; letter-spacing:5px; text-decoration:none; }
.toprubriqueh a { text-transform:uppercase; font-size:10px; letter-spacing:5px; text-decoration:none; }
.toprubrique2 { padding:15px 0 0 22px; background-image:url(../images/pictos.gif); background-position:left -226px; background-repeat:no-repeat; text-transform:uppercase; font-size:10px; letter-spacing:2px; text-decoration:none; font-style:italic;}
.toprubrique2 a { text-transform:uppercase; font-size:10px; letter-spacing:2px; text-decoration:none;}
ul.related { padding:10px 0 10px 0; margin:0; font-size:12px; list-style:none;}
ul.related a { text-decoration:none;}
ul.related li { padding:0 0 0 25px;}
.relbox { clear:both; padding:5px 20px 10px 20px; margin:0 0 5px 0; border:5px solid #f8f5ec; background-color:#FFF;  }
.relboxhome { width:295px; height:135px; float:left; }
.relong { width:295px; height: auto; float:left; }
.relboxhome .toprubrique, .relboxhome .toprubriqueh { padding:2px 0 2px 5px; color:#FFFFFF}
.relboxhome .toprubrique a, .relboxhome .toprubriqueh a { color:#FFFFFF}
.relboxhome h3 { padding:10px 0 0 0; font-size:16px;}
.relboxhome ul { padding:5px 0 10px 30px;}
.relboxhome.aperitif, .relboxhome.plat, .relboxhome.basiques, .relboxhome.mention, .relboxhome.cuisson, .relboxhome.sexo, .relboxhome.sport  {padding:0px 10px 0 0;}
.relboxhome.entree, .relboxhome.dessert, .relboxhome.monde, .relboxhome.personnes, .relboxhome.medias, .relboxhome.societe, .relboxhome.home {padding:0px 0 0 10px;}
.blocker { clear:both;}
.pagerbox { padding-top:20px; height:30px; width:600px; clear:both; text-align:left; margin-left:auto; margin-right:auto;}
.on {padding:2px 8px 2px 8px; margin:0 1px 0 0; font-weight:bold; display:inline-block; float:left; font-size:10px }
.pagerbox a, .pagerbox a:link, .pagerbox a:active, .pagerbox a:visited { background-color:#f8f5ec; padding:2px 8px 2px 8px; margin:0 1px 0 0; text-decoration:none; font-size:10px; display:inline-block; color:#bb0000; float:left;}
.pagerbox a:hover { padding:2px 8px 2px 8px; display:inline-block  }
.pagination { padding-top:20px; height:30px; width:600px; clear:both; text-align:left; }
.pagination a, .pagination a:link, .pagination a:active, .pagination a:visited { background-color:#f8f5ec; padding:2px 8px 2px 8px; margin:0 1px 0 0; text-decoration:none; font-size:10px; display:inline-block; color:#bb0000; float:left;}
.pagination a:hover { padding:2px 8px 2px 8px; display:inline-block  }

#flashbox { }
#flashbox ul { margin:0; padding:0 0 20px 5px; float:left; list-style:none; width:305px; }
#flashbox ul li { margin:3px 0 0 0; font-weight:bold}
#flashbox ul li a { text-decoration:none; margin-left:10px; color:#532f09;font-weight:bold;}
.hours { padding:0 5px 0 5px; color:#FFFFFF; font-size:10px;}
#publish { text-align:center;}
.pictautor { width:90px; float:left; padding:5px 0 0 0;}
.nbrrecettes { float:right; width:70px; text-align:center; padding:30px 0 0 10px;}
.bigrecette { font-size:28px; font-weight:bold;}
.nameautor { clear:both; text-align:center; text-transform:uppercase; font-style:italic; padding:5px 0 5px 0;}

.pictolove { background-image:url(../images/pictos.gif); background-position:left -30px; background-repeat:no-repeat; }
.pictolove2 { background-image:url(../images/pictos.gif); background-position:left -240px; background-repeat:no-repeat; }
.pictoretour { background-image:url(../images/pictos.gif); background-position:left -90px; background-repeat:no-repeat; }
.pictohome { background-image:url(../images/pictos.gif); background-position:left -60px; background-repeat:no-repeat; }
.pictoplus { background-image:url(../images/pictos.gif); background-position:left top; background-repeat:no-repeat; }
.pictoplus2 { background-image:url(../images/pictos.gif); background-position:left top; background-repeat:no-repeat; }
.pictoconnect { background-image:url(../images/pictos.gif); background-position:left -120px; background-repeat:no-repeat; }
.pictocompte { background-image:url(../images/pictos.gif); background-position:left -150px; background-repeat:no-repeat; }
.pictodeconnect { background-image:url(../images/pictos.gif); background-position:left -280px; background-repeat:no-repeat; }


h1 { font-size:34px; font-weight: normal; margin:0 0 5px 0; padding:0 0 8px 0; }
h2 { font-size:15px; font-weight:bold; margin:5px 0 5px 0; padding:0 0 0 0; }
h3 { font-size:20px; font-weight:bold; margin:10px 0 10px 0; padding:0 0 0 0; font-style:italic; }
h4 { font-size:14px; font-weight:bold; margin:5px 0 15px 0; padding:0 0 0 0; }
h3 a, h4 a { text-decoration:none;}
h3 a:hover, h4 a:hover { text-decoration: underline;}
p { margin:2px 0 5px 0; padding:0 0 0 0; text-align:justify;}
small { font-size:11px; margin:0; padding:0;}
a img {filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
a:hover img {filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}


#rightcol { width:310px; float:right; padding:35px 0 0 0; }

.proposersite { padding:0 0 0 0; float:left;}

#toolbox { width:650px; height:40px;}
#toolboxvote { width:150px; float:left; overflow:hidden; font-size:10px;}
#toolboxnote { width:240px; float:left; font-size:10px;}
#toolboxnote .best { margin:0 15px 0 0 ;}
#toolboxnote .count { margin:0 0 0 15px;}
#toolboxshare { width:250px; float:left; }
.likebox { background-color:#FFF; border:5px solid #FFF; margin:0 0 10px 0;}
#fblike { width:420px; padding:0 0 0 5px; margin:5px 0 0 0; float:left;}

#fbcomments { border:2px solid #FFF; background-color:#FFFFE1; margin:0 0 20px 0; padding:5px 40px 15px 40px;}
#fbcomments ul { list-style:none}
#fbcomments ul li { min-height:30px;}
#fbcomments ul li label { padding:10px 0 0 0;}
#fbcomments .forminput { float:right; width:350px;}
#fbcomments .formtextearea { clear:both; width:565px;}
.rccomment {background-color: #FFFFE1; margin:0; padding:10px 30px 10px 30px; border-bottom:2px solid #FFF;}
.rccomment .pseudo { font-weight:bold; margin:0 10px 0 0;}
.rccomment .date { font-size:10px; margin:0 0 0 10px;}


#signbox { padding:20px 20px 60px 20px; margin:0 0 10px 0; background-color: #b3d334;background-image:url(../images/logo-r2c-box.png); background-position: bottom center; background-repeat:no-repeat;}
#signbox ul { padding:5px 0 10px 0; margin:0; list-style:none;}
#signbox a { text-decoration:none;}
#signbox ul li { padding:0 0 3px 0;}
#signbox li a { padding:0 0 0 25px; margin:0; color:#005826}
#signbox td { padding:2px;}
#signbox .collog { font-weight:normal;}
#signbox .siztag { font-size:14px; font-weight:normal;}
#signbox p { color:#005826; text-align:left;}

#newsbox { padding:5px 20px 5px 20px; margin:0 0 10px 0; color:#FFFFFF;}
#newsbox ul { padding:5px 0 5px 0; margin:0; list-style:none;}
#newsbox a { text-decoration:none;}
#newsbox li a { padding:0 0 0 25px; margin:0;}
#newsbox td { padding:2px;}


.rightbox { padding:5px 20px 5px 20px; margin:0 0 10px 0; border:5px solid #f8f5ec; background-color:#FFF;}
.rightbox ul { padding:0px 0 10px 20px; margin:0; list-style:square;}
.rightbox a { text-decoration:none;}
.rightbox li a { padding:0; margin:0;}
.rightboxend { clear:both; text-align:right; }

.thumbautor { float:left; padding: 0 4px 4px 0;}
.thumbautor2 { float:left; padding: 0 20px 4px 0;}
.thumbautor img, .thumbautor2 img { border:1px solid #EEEEEE}

#formlight { padding:0 10px 0 10px; }
#formlight label { font-weight:bold; text-align:left;}
#formlight h1 { float:right; font-size:20px; font-weight:bold; color:#676d71;}
#formlight h4 { padding:2px; background-image:url(../images/bkg-spotlight.jpg); background-position:center bottom; background-repeat:repeat-x; margin:10px 0 10px 0;}
#formlight h2 { font-size:14px; margin:0 0 5px 0;}
#formlight input.high { border-width:2px; border-style:solid; width:260px; }
#formlight select.high { border-width:2px; border-style:solid; width:260px;}
#formlight textarea.high { border-width:2px; border-style:solid; width:260px;}
.formlogo { float:left;}

.profilnews ul li { list-style:none}
.profilnews fieldset { border:1px solid #EEEEEE;}

#footads { width:980px; clear:both; text-align:center; padding:10px 0 10px 0; margin:5px 0 0 0; }
#footer { clear:both; padding:10px 0 10px 0; margin:5px 0 0 0; text-align:center; border-top-width:2px; border-top-style:solid; background-color: #FFF}
.footercontent { width:980px; height:130px; margin-left:auto; margin-right:auto; text-align:left; background-image:url(../images/logo-recettes2cuisine-1.gif); background-position:right bottom; background-repeat:no-repeat; }
.footercontent dl { width:220px; float:left; padding:20px 0 20px 0; margin:0}
.footercontent dt { padding:0 0 10px 0; }
.footercontent dd { margin:0; padding:0;}
.footercontent dt { font-size:12px; font-weight:bold;}
.footercontent dd a { text-decoration:none;}
#footerend { clear:both; width:980px; margin-left:auto; margin-right:auto; font-size:10px; text-align:left; padding:0 20px 5px 20px;}


/* COLORS */

/*home*/
.colbghome, ul li.buthome:hover, li.current.buthome, .home .current, .home input.butsearch, .home #newsbox, .home .pagerbox a, .home .hours, .relboxhome.home .toprubriqueh, input.butsearch { background-color:#bb0000}
li.buthome a b, .home small, .home h2, .home a, .home .footercontent dt , .home .slidebut a:hover, .fixhome a b, .bignum {color:#532f09}
.home .pictu, .home .bordinput, .home input.butsearch, .home #footer, .home #slideshow, #formlight input.high, select.high, textarea.high, input.butsearch { border-color:#bb0000; }


/*colors*/
a, #footer a:hover, .home h3 a, .aperitif h3 a, .entree h3 a, .plat h3 a, .dessert h3 a, .basiques h3 a, .monde h3 a, .mention h3 a, .personnes h3 a, .medias h3 a, .cuisson h3 a, .sexo h3 a, .societe h3 a, .sport h3 a, .slidebut a h2 { font-weight:bold; color:#532f09}

a:hover, .footercontent dd a, #footerend, .home a:hover, .aperitif a:hover, .entree a:hover, .plat a:hover, .dessert a:hover, .basiques a:hover, .monde a:hover, .mention a:hover, .personnes a:hover, .medias a:hover, .cuisson a:hover, .sexo a:hover, .societe a:hover, .sport a:hover, #flashbox ul li a:hover, #formlight h2 a, li.pictodeconnect a { color:#bb0000}
 ul li.pictoplus a:hover, ul li.pictocompte a:hover, ul li.pictoconnect a:hover, ul li.pictolove2 a:hover, #signbox ul li:hover, #signbox ul li.pictoplus a:hover, #signbox ul li.pictocompte a:hover, .whilog { color:#FFFFFF;}
 
ul li.pictoplus a, .collog, ul li.pictolove2 a, ul li.pictoconnect a {color:#FFF}
ul li.pictocompte a { color: #FFF;}
.on, .pagerbox a:hover, .slidebut  { background-color:#FFF;} 
.rightbox h4 { border-bottom:3px solid #FFF;}
#signbox  { border:3px solid #f8f5ec;}


/* MENU */

#menu { clear:both; position:relative; height:37px; width:995px; text-transform:uppercase; }
#menu ul {padding:0; margin:0; list-style:none; width:995px; height:35px;}
#menu ul ul {padding:0 0 0 10px; margin:0; list-style:none; width:985px; height:30px; background-image:url(../images/corner-menu.gif); background-position:left bottom; background-repeat:no-repeat;}

#menu table {border-collapse:collapse; margin:-1px -20px 0 0; padding:0; width:0; height:0; font-size:1em;}

#menu li {float:left; height:30px; }
#menu li a {float:left; display:block; padding:0 9px 0 10px; height:35px; line-height:33px;  color:#FFF; text-decoration:none;  }
#menu li a b {float:left; height:35px; display:block; padding:0 8px 0 8px; cursor:pointer; display:inline; font-weight: bold; }
#menu li.current a { border-bottom:3px solid;}
#menu li.current a b { color:#fff; background-image:url(../images/corner-top.gif); background-position:center top; background-repeat:no-repeat;}
#menu li ul {position:absolute; top:30px; left:-9999px; z-index:10; }
#menu li.current ul {left:0; z-index:1; }

#menu li a:hover { cursor:pointer;}
#menu li a:hover b { color:#fff; background-image:url(../images/corner-top.gif); background-position:center top; background-repeat:no-repeat;}

#menu li:hover > a  { cursor:pointer;}
#menu li:hover > a b { color:#ffffff; background-image:url(../images/corner-top.gif); background-position:center top; background-repeat:no-repeat;}

#menu li.current a:hover { color:#fff; background-image:url(../images/corner-top.gif); background-position:center top; background-repeat:no-repeat;}
#menu li.current a:hover b { color:#555c63;}
#menu li.current:hover a { border-color:#555c63;}
#menu li.current:hover a b { color:#fff; background-image:url(../images/corner-top.gif); background-position:center top; background-repeat:no-repeat;}

#menu ul :hover ul {left:0; }

#menu ul :hover ul.right li,
#menu ul li.current ul.right li {float:right;}

#menu ul :hover ul.blank {background:none;}

#menu ul :hover ul li a {display:inline; padding:0 10px; margin:0; width:auto; white-space:nowrap; font-weight:bold; border:0; color:#fff; height:30px; line-height:30px;}
#menu ul :hover ul.right li a {}


#menu ul li.current ul li a,
#menu li.current a:hover ul li a,
#menu li.current:hover ul li a	{display:inline; padding:0 10px; margin:0; width:auto; white-space:nowrap; font-weight:bold; border:0; color:#fff; height:30px; line-height:30px;}

#menu ul li.current ul.right li a,
#menu li.current a:hover ul.right li a,
#menu li.current:hover ul.right li a {}

#menu ul :hover ul li a.last,
#menu ul li.current ul li a.last,
#menu li.current a:hover ul li a.last,
#menu li.current:hover ul li a.last {background-image:none;}

#menu li ul li.current_sub a,
#menu li a:hover ul li.current_sub a,
#menu li:hover ul li.current_sub a,
#menu li a:hover ul li a:hover,
#menu li:hover ul li a:hover {color:#fff; text-decoration:underline}

#menu li.current ul li.current_sub a,
#menu li.current a:hover ul li.current_sub a,
#menu li.current:hover ul li.current_sub a,
#menu li.current a:hover ul li a:hover,
#menu li.current:hover ul li a:hover {color:#fff; text-decoration:underline}



/* Slider */
#slideshow { width:612px; height:210px; padding:1px; border-width:3px; border-style:solid; }
.sliderwrapper {
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 280px; /*width of featured content slider*/
height: 210px;
float:left;
}
.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0;
background: #EEEEEE;
width: 280px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
/*filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);*/
-moz-opacity: 1;
opacity: 1;
}
#paginate-slider4 { float:left; width:330px;  }
.slidebut { clear:both; width:332px; height:70px; display:block; background-image:url(../images/bkg-spotlight.jpg); background-position:left bottom; background-repeat: repeat-x;}
.slidebut img { float:left; margin:15px 20px 5px 15px; border:3px solid #FFFFFF;}
.slidebut h2 { margin:0; padding:14px 20px 0 0; font-size:15px;}
.slidebut a {width:330px; height:70px; display:block; text-decoration:none; }
.slidebut a:hover {width:330px; height:70px; display:block;}
.spotimg { z-index:500; position:absolute;}
.selectarrow { z-index:999; float:right; position:absolute; margin:0 0 0 0;}
.pagination{
width: 340px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
padding: 0;
}
.pagination a{
padding: 0;
text-decoration: none;
}
.pagination a:hover, .pagination a.selected{
color: #555c63;
}




/* ADS */
#topads { padding:20px 0 20px 0; background-image:url(../images/chef-cuisto-small.png); background-position:right top; background-repeat:no-repeat; text-align:center;}
#topad728 { width:728px; height:90px; margin-left:auto; margin-right:auto; border:2px solid #FFF}
#ads01 { border:5px solid #FFF; margin:0 0 10px 0;}
#ads02 { margin:50px 0 30px 50px;}
.adbox { clear:both; padding:10px 0 10px 0;}
#footads { padding:40px 0 40px 0; text-align:center; clear:both; }
#footad728 {width:728px; height:90px; margin-left:auto; margin-right:auto; border:2px solid #FFF;}