@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;}.conteneur-accueil{
padding:90px 0 85px 0;
width:920px;
background:white;
margin:-80px auto -76px;}

.diapo-gauche{
width:370px;
padding-left:30px;
padding-top:15px;}

.diapo-droite{
width:510px;
padding-right:10px;
height:255px;}

.h1-accueil{
font-size:26px;
font-family: 'manksans-mediumregular', 'trebuchet ms', verdana;
margin-bottom:20px;}

.h2-accueil{
font-size:20px;
color:#6e6d69;}

.programme{
font-size:26px;
font-family:'manksansregular', 'trebuchet ms', verdana;
color:#5e3729;
margin-top:30px;
padding-left:65px;}

.pointilles-accueil{
border-bottom:1px dashed #d2c1a9;
width:223px;
height:1px;
margin-left:48px;
margin-top:5px;}

.inscription{
margin-left:170px;
margin-top:7px;
font-size:22px;
font-family:'manksansregular', 'trebuchet ms', verdana;}

/*********************************
	ENCADRE ROSE
*********************************/
.encadre-rose{
width:880px;
padding:10px;
background:#e08987;
min-height:75px;
margin:auto;}

.etape-3{
width:293px;}

.etape-1, .etape-2{
width:283px;
padding-right:10px;}

.numero{
width:40px;}

.texte-encadre3{
width:243px;
padding:10px 0 0 10px;}

.texte-encadre{
width:233px;
padding:10px 0 0 10px;}

.numero p{
border-right:1px dashed #e9d7b0;
margin-top:5px;
font-size:50px;
font-family:'manksansregular', 'trebuchet ms', verdana;
margin-top:7px;
height:69px;
padding-top:11px;}

.titre-encadre{
color:#5e3729;
font-size:21px;
text-indent:20px;
font-family:'manksansregular', 'trebuchet ms', verdana;}

/*********************************
	CONTENU BAS
*********************************/
.contenu-accueil{
width:898px;
margin:auto;
background:white;
border:#d4d3ca 1px solid;
margin-top:35px;}

.texte-accueil{
width:545px;
padding:20px 40px 20px 20px;}

.recette{
width:271px;
padding:0 10px;}

.recette img{
display:block;
margin:13px auto;}

.titre-recette{
background:#ffe6b8 url('images/fond-beige.jpg') repeat top left;
width:260px;
min-height:33px;
margin:auto;
margin-top:-18px;
color:#5e3729;
font-size:20px;
font-family: 'manksans-mediumregular', 'trebuchet ms', verdana;
padding:14px 0 0 0;
text-align:center;}

.pointilles-milieu{
width:1px;
min-height:315px;
border-right:1px dashed #aeada6;
margin:20px 0 20px 0;}

.lien-recette, .p-imprimer a{
font-size:16px;
font-family: 'manksans-mediumregular', 'trebuchet ms', verdana;
color:#5e3729;}

.lire-suite{
margin-bottom:15px;}

.p-imprimer{
margin:5px 10px 0 0;
text-decoration:underline;}

/*********************************
	DIAPO
*********************************/

.nivoSlider {
	position:relative;
	width:510px;
	height:255px;
	overflow: hidden;
	z-index:3;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }/*! 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);
}.contenu-iframe{
background:white;
border:#d4d3ca 1px solid;
padding:20px;
margin:5px 10px 15px 10px;}

.image-recette{
margin-right:10px;}