/*COOKISSIME
style css baseSiteCover: lvdesign2009
feuille indepandante car structure propre
***************************************************/

/*layoutReset=andyClark*/
body, div, dt, dd, dl, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0;}
/* normalise tailles polices en tete */
h1,h2,h3,h4,h5,h6 {font-size:100%;}
/* supprime listStyle pour les liste */
ol, ul {list-style:none;}
/* normalise style et graisse de fontes */
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight:normal;}
/* supprime bordure des tableaux */
table { border-collapse: collapse;border-spacing:0;}
/* supprime bordure fieldset et img */
fieldset, img {border:0;}
/* aligne le texte a gauche caption et th */
caption, th {text-align:left;}
/* supprime les guillautour de q */
q:before, q:after {content:'';}

/*couleurs base: Bleufoncé:#374175, bleufondleger #DDE4EE, rosehover:#e31970,  logo_framboise:#b6006c */

/*************************************************
=LAYOUT accueil
**************************************************/

html {text-align:center; color:#000; background: transparent url(../i/base/bgC.jpg) center repeat ;}

body{ width:900px; min-width:900px; margin:0 auto ; text-align:left; background:#fff url(../i/base/bgB3fin.gif) top repeat-y ;}

div#cookissime{position:relative; width:840px; margin:0 auto; padding:0; text-align:left; }

div#branding{ position:relative; width:840px; height:140px; margin:0; padding:0; text-align:left;top:5px; }

div#navigation{position:relative; width:860px; height:95px; top:0; left:0; margin:0; padding:0; color:inherit; background-color:inherit;list-style:none;text-align:left;}

div#conteneur{position:relative; width:840px; height:100%; margin:0; padding:0; text-align:left;}

div#description{position:relative; width:840px; margin:0; padding:0; }

div#infoSite {clear:both; width:840px; height:60px; text-align:center; margin-top:10px;padding:0;background-color:inherit; border-top:1px solid #000;}

/*boiteaoutil*/
.hide{text-indent:-99999px;}
.block{display:none; border:none;}

/*************************************************
=Color_href base "lovehate" 
**************************************************/
a{ text-decoration:none;}
a:link{ color:#6B769D; background-color:inherit; }
a:visited { color:#99A1BD; background-color:inherit; }
a:hover { color:#e31970; background-color:inherit;}
a:active { color:#4C608F; background-color:inherit;}

/*=here navigation*/
div#navigation .here:link, div#navigation .here:visited, div#navigation .here:active { color:#b6006c; background-color:inherit;}


/**********************************************
=TYPO_global accueil
********************************************/
body{font: normal 12px/1.5 Arial, Helvetica, sans-serif; text-align:center;}


/**********************************************
=BRANDING 
********************************************/
div#branding{text-transform:uppercase;}
/*placement imgLogo retrait logoTxt ==url(../i/base/logoOuvertBleuGrd.png)*/
div#branding h1{ z-index:10; position:absolute; top:0; left:0; width:840px; height:125px; background:transparent url(../i/base/logoCuisBF840.jpg) top no-repeat; text-indent:-9999px;}
blockquote p cite{ position:absolute; top:125px; left:530px; color:#374175; background-color:inherit; font-style:italic;}
div#branding .date{z-index:11; position:absolute; top:0; left:650px; font-weight:bold; font-size:.9em;}

div#branding #newsLetter{z-index:10; position:absolute; top:13px; left:660px; text-transform:none; cursor:pointer;}


/***********************************************
=NAVIGATION_accueil
*****************************************/ 
div#conteneur h3 #navSommaire_Recherche{text-transform:uppercase;}
div#conteneur h3 #navSommaire_Recherche img a{vertical-align:middle;}
div#navigation{text-transform:uppercase; font-size:.9em; height:120px; margin-bottom:10px;}

/*=tableauNavigation*/
div#nav_main0{position:absolute; margin:0; padding:0; top:0; }
div#nav_main1{position:absolute; margin:0; padding:0; top:40px;}

div#navigation #nav_main0 table, div#navigation #nav_main1 table{table-layout:fixed; width:860px; border-collapse:collapse; border:0; text-align:left;}

div#nav_main0 table tr, div#nav_main1 table tr {padding:0; margin:0;}
div#nav_main0 table tr td, div#nav_main1 table tr td { padding:0; margin:0;}
div#nav_main0 table td img, div#nav_main1 table td img { padding:0; margin-right:.2em ; vertical-align:middle; }


/***********************************************
=DESCRIPTION_cover
************************************************/
div#imageCouverture{position:relative;}
div#titreCouverture{z-index:40; position:relative;}
.titreCookissime li{position:absolute;}
.titreCookissime li a{color:#000; background:inherit;}
.titreCookissime li a:hover{color:#e31970; background:inherit;}
.leader{top:-700px; left:0px; font-size:9em; text-transform:uppercase; line-height:.8em; letter-spacing:-5px}
.leader span{display:block; font-size:.5em; font-family:"Caflisch Script", "Adobe Poetica", "Sanvito", "Ex Ponto", "Snell Roundhand", "Zapf-Chancery", cursive; letter-spacing:2px;text-transform:none; color:#97A3C0; background-color:inherit; line-height:.8em;}
.leader ul li{ font-size:.5em; text-transform:none; line-height:.8em; letter-spacing:0;}

.contreLeader{top:-180px; left:380px; font-size:5.5em;text-transform:uppercase;font-weight:bold ;line-height:.8em;}

.appel1, .appel2, .appel3, .appel4{font-size:2em; font-weight:bold; left:30px;line-height:1em;}
.appel1 span, .appel2 span, .appel3 span, .appel4 span{display:block; font-size:.8em; text-transform:uppercase; color:#97A3C0; background-color:inherit; line-height:.5em;}
.appel1{top:-980px;}
.appel2{top:-900px;}
.appel3{top:-850px;}
.appel4{top:-250px;}
.appel5{top:-950px;left:750px;}

.appel5 {display:block; text-transform:uppercase; font-weight:bold; width:60px; line-height:1em; color:#b6006c; background-color:#fff; text-align:center; vertical-align:center; padding:.5em; border:1px solid#e31970; border-radius: 1em;-moz-border-radius: 1em;-webkit-border-radius: 1em;}
.appel5 a{color:#b6006c; background-color:#fff;}

/***************************
=rechercheCover_associeTable
***********************/
div#search form fieldset.avancez{ display:block;  position:relative; left:540px; top:80px; width:300px; height:30px; color:#ccc; background:#fff; border:1px solid#ccc; border-radius: 1em;-moz-border-radius: 1em;-webkit-border-radius: 1em; font:bold 1em "Arial", sans-serif; text-transform:uppercase;}

.avancez input[type="text"]{width:10em; padding:0; margin:0; border:1px solid#fff; font-size:1em; color:#000; background-color:inherit;text-align:center;}
.avancez input[type="text"]:hover{cursor:pointer; background-color:#e31970;color:#000;}
.avancez .button1{display:inline;}
.avancez .button1 input[type="submit"]{width:30px; height:30px; border:none; color:#000; background-color:#DDE4EE ; border-radius: 1.2em;-moz-border-radius: 1.2em;-webkit-border-radius: 1.2em; cursor:pointer; margin:0;padding:0; }
.avancez .button1 input[type="submit"]:hover{color:#fff; background-color:#e31970 ; text-transform:uppercase;}
.avancez input:focus{ border:none; background:#e31970; color:#fff; }
/**=Toggle1 manipulation DOM, Prototype */
.avancez #toggle_1{font: bold .9em/1.2 "Arial", sans-serif; display:inline; text-transform:uppercase;}
.avancez #toggle_1:hover{cursor:pointer; color:#e31970; background-color:inherit;}

/*******=suite recherche et resultat dans Conteneur pour manipulation DOM, Prototype */

/**=recherchePrécise: recherche_plus avec Dom-Prototype manipulation*/
div#conteneur div#recherche_plus {margin:1em 0; padding:0; }
div#conteneur div#recherche_plus .rplus li table{table-layout:fixed; width:100%; height:130px; border-collapse:collapse; text-align:left; color:#fff; background-color:#DDE4EE; border-radius: 1em;-moz-border-radius: 1em;-webkit-border-radius: 1em; padding:0; margin:0; }
.rplus li table tr{ width:40px; height:20px; margin:0; padding:0; }
.rplus li table td { margin:0; padding:.5em; color:#3C5083; background-color:inherit;}

td#c_r1c1 {text-transform:uppercase; line-height:1em; font-weight:bold;}
#recherche_advanced{width:320px;}
#style_dietetique, #type_recette, #type_rubrique{width:85px;}
input[type="checkbox"]{color:#ccc;background-color:inherit; margin:0 .5em 0 0;}
button[type="reset"]{color:#000; background-color:#fff;}
button[type="submit"]{color:#fff; background-color:#b6006c;}

button[type="reset"]:hover{color:#fff; background-color:#e31970;} 
button[type="submit"]:hover{color:#000; background-color:#e31970;}

button {border:none;  color: #fff;background-color:inherit; padding: 0.2em 1em; margin:0 ; cursor:pointer; width:90px; overflow:visible;}

/**=resultatRecherche suite de recherche_plus*/
div#resultatRecherche {position:relative; margin:0 0 4em 0; padding:0; border-bottom: 3px solid#B0B8CD; }
div#resultatRecherche ul {display:block; margin:0; padding:0; width:100%;}
div#resultatRecherche ul li{margin:0; padding:0;}
.titreresultat{font-size:1.5em; font-weight:bold;}
.critere{font-weight:bold;text-transform:uppercase; font-size:.9em;}
.nb{font-weight:bold;text-transform:uppercase; font-size:.9em; }

.votreresultat{position:relative; margin-top:2em; padding:0;}
.result{ margin:2em 0; padding:0; width:auto; height:160px;}
.imgResult a{float:left; margin:0; padding-right:15px;}
.rubResult{ margin:0; padding:0; text-transform:uppercase;}
.titreResult{ margin:0; padding:0; font-size:1.5em; font-weight:bold;}
.texteResult{ margin:0; padding:0;font-size:1.2em; }
.motkeyResult{margin:0; padding:0; text-transform:uppercase; font-size:.9em;}

/***********************************************
=fancy
************************************************/
/*=gallerie slideShowImage*/
.appel4 .gallerieRecette{position:relative; margin:0 ; padding:0; text-align:left;}
.appel4 .gallerieRecette #adBanner{  height:100px; width:100px; margin:.5em 0 .2em 0; padding:0;}
.appel4 .gallerieRecette p#adBannerTexte {color:#525;background:transparent; font-size:.8em; font-weight:bold; text-transform:uppercase; }

/***********************************************
=INFOSITE
************************************************/

div#infoSite ul{display:block;  padding:1em; font-size:.8em; }
div#infoSite ul li, #infoSite ul li #theform{display:inline; margin:0 0 0 0; padding: 0 0.5em; border-right: 1px solid#ccc; text-align: left;}
div#infoSite li:first-child {border-left: 1px solid#ccc;}


/***********************************************
=TICKER
************************************************/
div#tickerTop{position:absolute; top:10px; left:0; width:100%; height:auto; color:#374175; background-color:#ccc; }
div#tickerTop span{text-transform:uppercase; color:#fff; background-color:#b6006c; margin:0; padding:0 .5em;}/*news*/
div#tickerTopinfo{font-size:1.2em; font-weight:bold; margin:0; padding:0 .5em; color:#fff; background-color:#fff; }/*Rubrique*/
div#tickerTopinfo a{color:#fff; background-color:#C6CEDE;}
div#tickerTopinfo a:hover{color:#C6CEDE; background-color:#374175;}
div.textTop em{ margin-left:.5em; padding:0; color:#b6006c; background-color:transparent;font-weight:normal;}