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

html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr,
a, img, b, ul, li, object, script
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	vertical-align: baseline;
	line-height:auto;
	font-weight:normal;
}

body{
line-height: 1.1;}

ol, ul {
  list-style: none;
}

.reset {clear: both;}

@charset "latin1";
@import "reset.css";

body {
font-family:"trebuchet ms", verdana, arial;
font-size:14px;
color:#6e6d69;
background-color:#f3f2ee;}

.titre-encadre a:hover, .a-hover:hover, .navigation li a, .nav-vertical li a, .inscription a, .titre-encadre a, h5 a, .bouton-lien, .liste-menu a, .texte-footer a, .capcha a, .div-bouton-rose a.bouton-rose, .pagination a{text-decoration:none;}
.souligne, a{text-decoration:underline;}

p{text-align:left;}

.float-left{float:left;}
.float-right{float:right;}

.center, .bouton, .bouton-lien{text-align:center;}

.align-right{text-align:right;}
.align-left{text-align:left;}

.typo12{font-size:12px;}
.typo16{font-size:16px;}
.typo18{font-size:18px;}
.typo25{font-size:25px;}

.pad10{padding:10px!important;}
.pad20{padding-left:20px;}
.pad{padding:15px 10px 0 10px;}

.marge-haut{margin-top:10px;}
.marge-haut-5{margin-top:5px;}
.marge-haut-15{margin-top:15px;}
.marge-haut-30{margin-top:30px;}
.marge-droite{margin-right:10px;}
.marge-bas-20{margin-bottom:20px;}
.marge-gauche-20{margin-left:20px;}

.inline{display:inline;}

.no_aff{display:none;}
.aff{display:block;}

.liste-menu li, .encadres  ul li, .j_display_liste ul li{list-style:none;}

/*********************************
	LISTES
*********************************/
ul li{
list-style-type:circle;
margin-left:15px;}

/*********************************
	TABLEAUX
*********************************/
table tr td, table tr th{
border:1px solid #a7bd99;
padding:8px;}

table{
border-collapse:collapse;}

/*********************************
	IMAGES
*********************************/
.img-gauche{
float:left;
margin-right:10px;}

.img-droite{
float:right;
margin-left:10px;}

/*********************************
	FONT
*********************************/
@font-face {
font-family: 'manksansregular';
src: url('font/manksans-webfont.eot');
src: url('font/manksans-webfont.eot?#iefix') format('embedded-opentype'),
	 url('font/manksans-webfont.woff') format('woff'),
	 url('font/manksans-webfont.ttf') format('truetype'),
	 url('font/manksans-webfont.svg#manksansregular') format('svg');
font-weight: normal;
font-style: normal;}
@font-face {
font-family: 'manksans-mediumregular';
src: url('font/manksans-medium-webfont.eot');
src: url('font/manksans-medium-webfont.eot?#iefix') format('embedded-opentype'),
	 url('font/manksans-medium-webfont.woff') format('woff'),
	 url('font/manksans-medium-webfont.ttf') format('truetype'),
	 url('font/manksans-medium-webfont.svg#manksans-mediumregular') format('svg');
font-weight: normal;
font-style: normal;}
@font-face {
font-family: 'manksansitalic';
src: url('font/manksans-oblique-webfont.eot');
src: url('font/manksans-oblique-webfont.eot?#iefix') format('embedded-opentype'),
	 url('font/manksans-oblique-webfont.woff') format('woff'),
	 url('font/manksans-oblique-webfont.ttf') format('truetype'),
	 url('font/manksans-oblique-webfont.svg#manksansitalic') format('svg');
font-weight: normal;
font-style: normal;}

h1, .h3-accueil, .texte-accueil h3, h3, .h4-droite, .h4-menu, .h4-menu2, h5, h6, .titre-droite, .titre-droite-programme, .bouton, .bouton-lien, a.bouton-rose, .nb-resultat, .pagination a{
font-family: 'manksans-mediumregular', 'trebuchet ms', verdana;}

.manksans, h2, .h4-accueil, .texte-accueil h4, .navigation li a, .connec, .ariane, .bas-encadre-insc, .programme-inscr, .inscription-encadre, .texte-footer, .juizdropdown .juizSub li, .titre-recherche, .recherche-recette label
{font-family:'manksansregular', 'trebuchet ms', verdana;}

input[type=text], textarea, select
{font-family:"trebuchet ms", verdana, arial;}
/*********************************
	COULEURS
*********************************/
.blanc, .bouton, .bouton2, .bouton-lien, .bouton-lien:hover, .center a.bouton-lien, .div-bouton-rose a.bouton-rose{color:white;}
.vert{color:#a7bd99;}
.gris{color:#6e6d69;}

.rose, h2, .h4-accueil, .texte-accueil h4, .h4-menu, .h4-menu2, .contenu a, .texte-accueil a, .titre-recherche, .recherche-recette select
{color:#e08987;}

.marron, a:hover, .nav-vertical li a:hover, input{color:#5e3729;}
.rose-clair{color:#ffcfb1;}
.rouge{color:#ed1c24;}

.beige, .titre-encadre a:hover, .footer a:hover, .texte-footer{color:#ffe6b8;}

.bgrose{background-color:#e08987;}
.bgvert{background-color:#a7bd99;}


/*********************************
	TITRES
*********************************/
h1, .h3-accueil{
font-size:25px;
color:#56381c;
margin:0;}

h1{
margin-bottom:20px;}

.texte-accueil h3{
font-size:20px;
color:#56381c;
margin:0;}

h2, .h4-accueil{
font-size:22px;
margin-top:10px;}

.h4-accueil{
margin-bottom:20px;}

h2{
margin-bottom:10px;}

.texte-accueil h4{
font-size:22px;
margin-bottom:20px;}

h3{
font-size:19px;
color:#a7bd99;
margin:10px 0 10px 15px;}

.h4-droite{
font-size:20px;
color:#56381c;
text-align:center;
width:270px;
min-height:27px;
background:#e08987 url('images/fond-rose.jpg') repeat-x top left;
padding-top:8px;}

.h4-droite-marron{
color:#ffe6b8;
background:#603729 url('images/fond-marron.jpg') repeat-x top left;}

.h4-menu{
font-size:20px;
margin-top:10px;}

.h4-menu2{
font-size:20px;
margin-bottom:10px;}

h5{
font-size:22px;
color:#a7bd99;
margin-bottom:10px;
text-align:center;}

/*********************************
	PAGE
*********************************/
.page{
width:960px;
margin:auto;}

.conteneur{
width:920px;
background:white;
margin:-80px auto -76px;
padding:70px 0 85px 0;}

/*********************************
	HEADER
*********************************/
.header{
width:960px;
height:143px;}

.gauche-header, .droite-header{
width:10px;}

.gauche-header{
height:143px;
background:url('images/ombre-gauche-header.png');}

.droite-header{
height:143px;
background:url('images/ombre-droite-header.png') no-repeat top left;}

.milieu-header{
width:940px;
height:143px;}

.haut-header{
width:940px;
background:url('images/haut-header.png') repeat top left;
height:8px;}

.bas-header{
width:940px;
height:135px;
background:url('images/bas-gauche-header.png') no-repeat bottom left;}

.div-logo{
width:220px;
height:99px;
background:url('images/fond-header.jpg') repeat;}

.logo{
padding-left:20px;
padding-top:10px;}

.menu{
width:720px;
height:99px;}

.bas-menu{
width:720px;
height:68px;
background:url('images/bas-header.png') no-repeat bottom left;}

.haut-menu{
width:720px;
height:51px;
background:url('images/fond-header.jpg') repeat;}

.navigation{
text-align:right;
padding-top:20px;}

.navigation li{
display:inline;
margin:0 20px 0 0;
text-align:right;}

.navigation li a{
font-size:20px;
color:#ffe6b8;}

.navigation li a:hover{
text-decoration:none;
color:#e08987;}

.connec{
font-size:16px;
color:#5e3729;
text-align:right;
padding:10px 10px 0 0;}

.connec span{
cursor: pointer;}

/*********************************
	ARIANE
*********************************/
.ariane{
font-size:14px;
color:#e08987;
text-align:right;
padding:10px 10px 0 0;
margin-bottom:5px;}

.ariane a{
color:#e08987;}

/*********************************
	CONTENU
*********************************/
.contenu{
width:558px;
background:white;
border:#d4d3ca 1px solid;
padding:20px;
margin:5px 0 15px 10px;}

.pointilles{
width:558px;
height:1px;
border-bottom:1px dashed #b5b4ad;
margin:15px auto;}

/*********************************
	COLONNE DROITE
*********************************/
.colonne-droite{
width:270px;
margin-top:5px;
padding:0 20px;}

.pointilles-colonne-droite{
width:270px;
height:1px;
border-bottom:1px dashed #b5b4ad;
margin:15px auto;}

/*********************************
	INSCRIPTION COLONNE DROITE
*********************************/
.encadre-inscription{
width:270px;
margin:auto;}

.haut-encadre-insc{
width:270px;
height:60px;
background:url('images/haut-encadre.jpg') no-repeat top left;}

.bas-encadre-insc{
width:220px;
margin:auto;
background:#ffe6b8;
padding:0 10px;
font-size:18px;
padding-bottom:15px;}

.image-inscr{
margin-right:5px;}

.titre-droite, .titre-droite-programme{
color:#ffe6b8;
font-size:20px;
text-align:center;
padding-top:8px;}

.titre-droite{
color:#ffe6b8;}

.programme-inscr{
font-size:21px;
color:#5e3729;
margin-top:10px;}

.pointilles-inscr{
border-bottom:1px dashed #d2c1a9;
width:185px;
height:1px;
margin-left:15px;
margin-top:5px;}

.inscription-encadre{
margin-left:40px;
margin-top:7px;
font-size:18px;}

/*********************************
	FICHE CONSEIL COLONNE DROITE
*********************************/
.fiche-conseil{
width:270px;
margin:auto;}

/*********************************
	MENU COLONNE DROITE
*********************************/
.menu-vertical{
width:270px;
min-height:233px;
margin:auto;
background:#e08987 url('images/fond-menu-vertical.jpg') repeat-x top left;}

.nav-vertical{
padding:15px 10px 10px 20px;}

.nav-vertical li{
list-style:none;}

.nav-vertical li a{
color:white;
font-size:16px;}

.titre-droite-programme{
color:#56381c;}
/*********************************
	FOOTER
*********************************/
.footer{
width:960px;}

.gauche-footer{
width:10px;
min-height:144px;
background:url('images/ombre-gauche-footer.png') no-repeat bottom right;}

.droite-footer{
width:10px;
min-height:144px;
background:url('images/ombre-droite-footer.png') bottom left;}

.milieu-footer{
width:940px;
min-height:144px;}

.bas-centre-footer{
width:940px;
min-height:51px;
background:#5e3729 url('images/fond-footer.jpg') repeat-x top left;}

.haut-centre-footer{
width:910px;
height:50px;
background:url('images/haut-footer.png') repeat top left;
padding-left:30px;
padding-top:31px;}

.bas-footer{
width:940px;
height:12px;
background:url('images/ombre-bas-footer.png') repeat;}

.texte-footer{
width:660px;
font-size:16px;
margin:auto;
text-align:center;}

.pointilles-footer{
width:660px;
height:1px;
border-bottom:1px dashed #eac9b0;
margin:auto;}

.twitter{
margin-left:-5px;}

.google-plus{
margin-top:15px;
/*margin-left:-5px;*/
margin-left:5px;
display:inline;}

.a-fb, .a-twitter{
display:block;
width:43px;
height:37px;}

.fb{
margin-top:15px;
margin-left:5px;}

/*********************************
	SOUS MENU
*********************************/
.div-pointilles-nav{
height:1px;
width:250px;
background:#fafafa;
padding:3px;}

.pointilles-nav{
width:217px;
border-bottom:1px dashed #e9d7b0;
margin:0 20px;}

.juizdropdown {
position: relative;
z-index:4;
font-size:18px;}
.juizdropdown li {
position: relative;
display: inline-block;
list-style: none;}
.juizdropdown li.first { background: none; }
.juizdropdown a {display: inline-block;color:#5e3729;}
.juizdropdown .juizSub,
.juizdropdown .juizSubSub {
position: absolute;
padding:0;
display: none;
font-size:18px;}
.juizdropdown .juizSub {
top:21px; left: -66px;}
.juizdropdown .juizSub li {
position:relative;
display: block;
padding:5px 20px 0 20px;
width: 216px;
text-align: left;
background: #fafafa;
color:#5e3729;
font-size:18px;}
.juizdropdown .juizSub a {
display: block;
width: auto;
font-size:18px;
color:#5e3729;}
.juizdropdown .juizSubSub {
left: 256px; top:0;}
.juizdropdown .hasSub > a {}
.juizdropdown li.hasSubSub {
background:#fafafa url(images/fleche-droite-marron.png) 95% 50% no-repeat;}
.juizClear { clear: left; height: 0; overflow: hidden; }

/*********************************
	FORM
*********************************/
label{
display:inline-block;
color:#5e3729;}

input, select{
margin-bottom:7px;}

form{
margin-top:25px;}

.bouton{
background:url('images/bouton.jpg') top left no-repeat;
width:152px;
height:30px;
font-size:18px;
cursor:pointer;
border:0;
margin:15px 0 0 0;}

.bouton-lien{
background:url('images/bouton.jpg') top left no-repeat;
width:152px;
height:25px;
font-size:18px;
cursor:pointer;
border:0;
margin:15px 0 0 0;
display:block;
padding-top:5px;}

.bouton-lien:hover{
background:url('images/bouton.jpg') top right no-repeat;}

.bouton:hover{
background:url('images/bouton.jpg') top right no-repeat;}

.bouton2{
background:#60382a;
background:linear-gradient(to top, #60382a, #a4634d);
width:200px;
height:35px;
line-height:35px;
font-size:18px;
cursor:pointer;
border:0;
margin:15px auto 0 auto!important;
color:white!important;
font-family:'manksansregular', 'trebuchet ms', verdana!important;
font-size:22px!important;
text-align:center;
display:block;
border-radius:5px;}

.bouton2:hover{
background:#a4634d;
background:linear-gradient(to bottom, #60382a, #a4634d);}

.form-test label{
font-size:14px;
margin-right:10px;
width:80px;
text-align:left;}

.form-test input[type=text], .form-test input[type=radio], .form-imc  input[type=radio]{
width:30px;}

.form-test2 label, .form-imc label{
font-size:14px;
margin-right:10px;
width:400px;
text-align:left;}

.form-test2 input[type=text], .form-test input[type=radio]{
width:30px;}

.form-test .bouton, .form-soleil .bouton, .form-test2 .bouton{
margin:15px auto 0 auto;}

.form-soleil label{
width:245px;}
.form-soleil input{
width:130px;}

.label-imc1 label{
width:250px;}
.form-imc input[type=radio]{
margin:0 5px 0 0;
vertical-align:top;}
/***************
* popup cnil
***************/
#cookie-banner{
position: absolute;
width: 100%;
left: 0px;
top: 0px;
background-color: blue;
z-index: 10000;
padding: 10px;
text-align: center;
color: white;
}
#cookie-banner p{
color: white;
}
#cookie-banner a{
    color: #ccffff;
    text-decoration: underline;
}
.pointer{
cursor:pointer;}/*********************************
GENERAL
*********************************/l
.form-bilan input[type=text], .form-bilan select, .form-info input[type=text], .form-info select, input[type=text]
{color:#e08987;}

label{
width:230px;
text-align:right;
margin:0 5px 7px 0;
font-size:16px;}

input{
width:200px;}

textarea{
width:359px;
height:135px;
margin-left:76px;}

input, select{
margin-bottom:15px;}

.bouton-marge{
margin:15px 0 0 289px;}

.mdp-oublie{
margin-left:343px;}

.btn-paypal input{
width:80px;}

.btn-paypal2 input{
width:120px;}

.btn-paypal, .btn-paypal2{
margin:0;}

.fleche-voir-menu{
margin-right:6px;}
/*********************************
BILAN
*********************************/
.form-bilan label{
/*width:170px;*/
width:192px;
text-align:left;
vertical-align:middle;}

.form-bilan input[type=text]{
width:170px;
text-align:left;
vertical-align:top;}

.form-bilan input[type=radio], .form-bilan input[type=checkbox], .form-aliment input[type=checkbox]{
width:20px;
margin:0 5px 0 0;}

.label-radio p label{
width:525px;}

.label-radio-img p label{
width:420px;}

.label-radio p{
margin:0 0 10px 0;}

.p-select label{
width:180px;}

.p-select, .p-select3{
height:20px;}

.p-select2 label{
width:310px;}

.p-select3 label{
width:195px;}


/*********************************
INFORMATION
*********************************/
.form-info label{
width:230px;
text-align:right;
margin:0 5px 7px 0;
font-size:16px;}

/*********************************
ALIMENT
*********************************/
.form-aliment label{
width:525px;
text-align:left;
vertical-align:middle;}

.h3-aliments{
margin:23px 0 25px 15px;}

/*********************************
CONTACT COACH
*********************************/
.form-contact-perso label{
width:115px;
text-align:left;
margin:0;}

.form-contact-perso:first-child{
width:80px;}

.form-contact-perso label:last-child{
width:110px;}

.form-contact-perso input[type="text"]{
width:437px;
text-align:left;
margin:0;}

.form-contact-perso textarea{
width:550px;
height:135px;
margin:0;}

/*********************************
REPAS
*********************************/
.form-repas label{
width:525px;
text-align:left;
vertical-align:middle;}

.form-repas input[type=checkbox]{
width:20px;
margin:0 5px 0 0;}

/*********************************
RECETTES
*********************************/
.encadre-gris-large{
background:#F3F2EE;
width:100%;
box-sizing:border-box;
padding:20px;
border-radius:3px;}

.border{
border:1px solid #aaaaaa;}

.encadre-nouveauter{
background:#F3F2EE;
/*width:520px;*/
padding: 15px 0px 15px 15px;}

.titre-recherche{
font-size:18px;}

.recherche-recette select{
width:206px;}

.recherche-recette{
margin-bottom:30px;}

.image-recette{
width:100px;}

.resume-recette{
width:285px;
padding-left:20px;}

.div-bouton-recette{
width:155px;}

.resume-recette h3{
margin:8px 0;}

.bouton-rose{
width:120px;
height:18px;
background:url('images/fond-btn-rose.jpg') repeat top left;
margin-top:75px;
padding:4px 5px 0 5px;
display:block;
text-align:center;}

.nb-resultat{
font-size:17px;
padding-top:14px;}


/*********************************
EVOLUTION
*********************************/
.evolution-ancien-poids{
width:280px;
margin-top:2px;
font-size:15px;}

.evolution-supprimer{
width:278px;}

.trait-rose{
width:300px;
height:1px;
background:#e08987;
margin:15px 0;}

/*********************************
PAGINATION
*********************************/
.pagination{
margin-top:20px;}

.pagination a{
background:#ffe6b8;
min-width:18px;
min-height:17px;
float:left;
/*margin:0 3px;*/
text-align:center;
padding:3px 2px 2px 2px;
color:#5e3729;
font-size:14px;}

.pagination li{
float:left;
list-style:none;
margin:0 3px;}

.pagination a:hover, a.actif{
background:#e38989;
color:white;}

.pagination .fleche1, .pagination .fleche1:hover, .pagination .fleche2, .pagination .fleche2:hover{
background:none;
width:11px;
height:13px;
margin-top:3px;
font-size:17px;}

.pagination .fleche1, .pagination .fleche1:hover{
color:#5e3729;}

.pagination .fleche2, .pagination .fleche2:hover{
color:#e38989;}

.pagination ul {
float: none;
display: inline-block;
overflow: hidden;}

.jall{
text-decoration : underline;
margin-top : 5px;
margin-bottom : 10px;
cursor : pointer;
}

/*********************************
SUIVI JOURNALIER
*********************************/

.titre-suivi{
width:100%;
font-size:27px;
line-height:33px;
width:468px;
height:33px;
text-align: center;
margin:0 0 20px 0;}

#piechart2, #piechart{
margin-top:20px;
width: 275px; 
height: 160px;
float: left;}

.suivi-journalier .encadre-gris-large h3{
margin-top:0;
text-align:center;}

.encadre-gris-large2 p, .encadre-gris-large2 ul{
margin:auto;
width:32%;}

.nb-calories{
padding-top:14px;
width:120px;
height:60px;
line-height:60px;
border-radius:6px;
color:white;
font-size:28px;
text-align:center;
display:inline-block;
font-family:'manksansregular', 'trebuchet ms', verdana;}

.nb-calories-alert{
background:#ed1c24;
padding-top:14px;
width:120px;
height:60px;
line-height:60px;
border-radius:6px;
color:white;
font-size:28px;
text-align:center;
display:inline-block;
font-family:'manksansregular', 'trebuchet ms', verdana;}

.nb-calories span { 
width:100px; /* largeur zone de texte */
vertical-align:middle;
display:inline-block;
line-height:normal; /* on rétablit le line-height */
}

.nb-calories-alert span { 
width:100px; /* largeur zone de texte */
vertical-align:middle;
display:inline-block;
line-height:normal; /* on rétablit le line-height */
}

.calories{
font-size:18px;}

.legende-calories1, .legende-calories2{
width:50%;
text-align:center;
font-weight:bold;
width:120px;
margin-top:5px;}

.legende-calories1{
margin-left:147px;}

.legende-calories2{
margin-left:20px;}

#repas .ui-state-default, #repas .ui-widget-content .ui-state-default, #repas .ui-widget-header .ui-state-default{
background:linear-gradient(to top, #60382A, #A4634D)!important;
border:none;
color:white;
height:32px;
line-height:32px;
font-weight:normal;
font-size:22px;
padding:0 10px 0 30px;}

#repas .ui-state-active, #repas .ui-widget-content .ui-state-active, #repas .ui-widget-header .ui-state-active{
background:linear-gradient(to bottom, #60382A, #A4634D)!important;
border:none;
color:white;
height:32px;
line-height:32px;
font-weight:normal;
font-size:22px;
padding:0 10px 0 30px;}

#repas{
font-family:"trebuchet ms";}


#repas .ui-state-default .ui-icon{
background-image:url("cupertino/images/ui-icons_ffffff_256x240.png");}

.btn-loupe{
background:url('images/loupe.png');
width:25px;
height:21px;
cursor:pointer;
border:0;}

#ajmatin, #ajautre{
margin:10px 0 0 0;}

.suivi-journalier input, .suivi-journalier label{
margin:0;}

.suivi-journalier input[type=text]{
width:200px;}

.suivi-journalier select{
margin-left:5px;
width:205px;}

/*.suivi-journalier label{
margin:0 10px 0 0;}*/

.suivi-journalier label{
font-family:'manksansregular', 'trebuchet ms', verdana;
width:197px;}

.table-suivi{
font-size:13px;
width:100%;
margin:0 0 20px 0;}

.suivi-journalier h3{
margin:16px 0 0 0;}

.table-suivi th, .table-suivi td{
text-align:center;}

.table-suivi th, .table-suivi td{
border:0;
border-bottom:1px solid #a7bd99;}

.table-suivi tr:last-child{
background:#5E3729;
color:white!important;
font-size:14px;}

.suivi-journalier .ui-widget-content{
background:#f3f2ee;
font-size:14px;
color:#6e6d69;}

.suivi-journalier input, .suivi-journalier select{
font-size:14px;
color:#6e6d69;}

#selmatin, #quantmatin, #selmidi, #quantmidi, #selgouter, #quantgouter, #selsoir, #quantsoir, #selautre, #quantautre{
margin:15px 0 0 0;}

.suivi-journalier .label-marge{
margin-right:5px;}

.na{
background:#BDD6AF;
background:linear-gradient(to bottom, #BDD6AF, #ACC29E);
width:160px;
height:25px;
line-height:25px;
font-size:18px;
cursor:pointer;
border:0;
text-align:center;
text-decoration:none;
color:white!important;
font-family:'manksansregular', 'trebuchet ms', verdana;
display:inline-block;
margin-left:10px;}

.na:hover{
background:#ACC29E;
background:linear-gradient(to top, #BDD6AF, #ACC29E);}

/**Ajout aliment*/

/*#dialog_ajout .ui-widget-header{
background:#BDD6AF;
background:linear-gradient(to bottom, #BDD6AF, #ACC29E);
border:0;}*/

#ajout_aliment input{
background:white;
padding:3px;
margin-right:3px;}

#ajout_aliment select{
width:206px;
padding:3px;}

.icone{
padding:8px 4px;}

.icone img{
margin-left:2px;}

/***************
* la div préférence du suivi internaute
***************/
.titre-favoris, #preference_int{
position: fixed;
left: -269px;}

#preference_int {
background-color:white;
padding: 15px 0 15px 0;
top: 50px;
width:265px;
max-height:300px;
border-radius:5px;
border:1px solid #afafaf;
z-index: 99;
overflow:auto;}

.titre-favoris{
display:block;
z-index: 100;
width:250px;
color:white!important;
text-decoration:none!important;
font-size:23px;
text-align:right;
padding-right:50px;
border-radius:4px;
top: 20px;
height:35px;
line-height:35px;
background:#5e3729 url('../images/icone/etoile2.png') no-repeat 270px center;}

.titre2-favoris{
font-size:18px;
color:#5e3729;
border-bottom:1px solid #e08987;
margin:5px 15px 0 15px;}

#alifavori, #repasfavori{
width:100%;}

#alifavori td, #repasfavori td{
border:0;
padding:4px;
min-height:14px;}

#alifavori tr, #repasfavori tr{
min-height:14px;
padding:0;}

#alifavori tr:nth-child(odd), #repasfavori tr:nth-child(odd) {
background:#f3f2ee;
width:100%;}
#etoilemove{
animation-name: rotate; 
animation-duration: 2s; 
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(720deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(720deg);}
}

@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(720deg);}
}/*********************************
	CONTENU
*********************************/
.pointilles{
width:558px;
height:1px;
border-bottom:1px dashed #b5b4ad;
margin:15px auto;}

.type-affichage{
margin:5px 5px 0 0;}

.affichage-liste{
width:23px;
height:23px;
display:block;
margin-left:3px;
background:url('images/affichage-liste.jpg') no-repeat top left;}

.affichage-liste:hover, .affichage-liste-actif{
width:23px;
height:23px;
margin-left:3px;
background:url('images/affichage-liste.jpg') no-repeat top right;}

.affichage-vignette{
width:23px;
height:23px;
display:block;
margin-left:3px;
background:url('images/affichage-vignette.jpg') no-repeat top left;}

.affichage-vignette:hover, .affichage-vignette-actif{
width:23px;
height:23px;
margin-left:3px;
background:url('images/affichage-vignette.jpg') no-repeat top right;}

.imprimer{
width:23px;
height:23px;
margin-left:3px;}

.trait{
border-right:1px solid #9a8184;
width:1px;
height:23px;
margin:0 3px;}

.fleche-rose{
width:13px;
height:15px;}

.titre-menu{
cursor:pointer;
margin-bottom:30px;}

.encadres{
width:560px;
background:url('images/fond-menu-vignette.jpg');}

.encadres-haut{
margin-bottom:35px;}

.petit-dej, .dejeuner, .gouter, .diner{
width:260px;
/*background:#f3f2ee;*/
padding:0 5px 10px 5px;}

/*.dejeuner, .diner{
margin:0 0 10px 20px;}*/

.gouter, .diner{
margin:0 0 10px 20px;}

.vignette-menu{
border:#ffe6b8 4px solid;
border-radius:3px;
margin:-25px 5px 5px 0;}

/*********************************
	AFFICHAGE 2 VIGNETTES
*********************************/
.marge-vignette{
margin:0 40px 0 0;}

.marge-gauche-vignette{
margin-left:80px;}

.titre-menu2{
cursor:pointer;
margin-bottom:20px;}

.vignette-menu2{
border:#ffe6b8 4px solid;
border-radius:3px;
cursor:pointer;}

.vignette-menu2:hover{
border:#e08987 4px solid;
border-radius:3px;}

.encadre-gris{
background:#F3F2EE;
width:260px;}

.fleche-marron-petit-dej{
margin:5px 0 5px 110px;}
.fleche-marron-dej{
margin:5px 0 5px 218px;}
.fleche-marron-gouter{
margin:5px 0 5px 325px;}
.fleche-marron-diner{
margin:5px 0 5px 435px;}

.petit-dej2, .dejeuner2, .gouter2, .diner2{
width:260px;
padding:10px 5px 10px 5px;}

.dejeuner2{
margin-left:85px;}
.gouter2{
margin-left:195px;}
.diner2{
margin-left:308px;}

/*.div-repas2{
margin-top:-134px;}
.div-repas3{
margin-top:-133px;}
.div-repas4{
margin-top:-134px;}*//*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
