@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;}