html,body{
margin:0px;
padding:0px;
background-color:#000;
font-family:"Lucida Bright",Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
color:#FFF;
}
#conteneur{
width:100%;
max-width: 1020px;
min-height: 900px;
margin:0 auto;
background-color:#000;
background-image:url("https://e4a17f.claudeassets.com/20260308033805im_/https://cafconc.com/public/images/images7.jpg");
background-repeat:repeat;
}
#designer
{
display:inline-block;margin-left:250px;font-size:0.6em;
}
.conteneur-2
{
height: 750px;
width:100%;background:rgba(0,0,0,0.1);
}
#banniere{min-height:150px;background-image:url("https://f4b9f7.claudeassets.com/20260308033805im_/https://cafconc.com/public/images/cafconc4.png");background-repeat:no-repeat;position:relative;}
#cont-menu{background-color:#FFF;}
#btn-menu{display:none;}
#nav{border:thin solid #FFF;background-color:#FFF;padding:0px;padding-left:2px;min-height:30px;}
#menu{background-color:#FFF;vertical-align:top;padding-left:0px;margin:2px;width:100%; }
#menu a{
display:block;
color: #000;
text-decoration:none;
font-size:1.31em;
}
#menu > li,
#menu > li li {
position: relative;
display:inline-block;
width:14%;
padding:2px 13px;
background-color: #FFF;
color:#000;
text-align:center;
}
#menu > li{padding:6px 0px;}
#menu > li li {background: transparent none;width:140px;}
#menu > li li{color: #000;border:thin solid #FFF;border-top:0px solid #FFF; padding:2px;}
#menu > li li a{padding-top:5px;padding-bottom:5px;text-align:center;color:#FFF;width:100%;}
#menu > li li a:hover { color:#000;background-color:#FFF;}
#menu >#menu-mobile{display:none;}
#menu ul {
position: absolute;
top: 2.5em; left:-0.3em;
max-height:0em;
margin: 0; padding: 0;
background:#86122B;
font-family:"Bradley Hand ITC", Helvetica, sans-serif;
font-weight:bold;
/**background-image: linear-gradient(#fff,#ddd);
**/overflow: hidden;
transition: 2.5s max-height 0.1s;
/**border-radius: 0 0 8px 8px;**/
z-index:100;
}
/* ici on change la valeur de max-height au :hover */
#menu > li:hover ul {
/* Ă adapter, le minimum est le meilleur mais voyez large đŸ˜‰ */
max-height: 13em;
}
#corps{min-height:500px;background-image:url("https://e4a17f.claudeassets.com/20260308033805im_/https://cafconc.com/public/images/images7.jpg");}
#corps-text p{
text-align:justify;
font-size:1.09em;
/**font-size:14px;**/
font-weight:normal;
}
#corps-text h1
{
text-align:center;
font-size:1.6em;
font-weight:normal;
}
#corps-carousel li{
/**
text-decoration:none;
display: inline-block;
width: 50px;
height: 50px;
margin: 10px;**/
}
#footer{
min-height:50px;
border-top:thin solid #FFF;
padding:0px;
padding-top:10px;
background-image:url("https://e4a17f.claudeassets.com/20260308033805im_/https://cafconc.com/public/images/images7.jpg");
}
#footer ul{text-align:left;}
#footer li{
list-style:none;
}
#corps-carousel li img {
height:100%;width:auto;
}
#id_carousel{/**width:100%;height:auto;border:1px solid white;**/}
#wows1_4{
width:100%;
height:auto;
}
.fixedTop{
position: fixed;
top:0;
width: 100%;
margin-left: auto;
margin-right: auto;
}
#reseaux-sociaux ul li{display:inline-block;margin-left:10px;}
#reseaux-sociaux li img{width:50px;height:auto;}
#cont-drapeau{position:absolute;top:95px;right:10%;width:115px;height:50px;}
.drapeau{width:50px;height:40px;}
label{
font-size:16px;
}
/**Formulaire de newsletterr**/
.form-colonne-3{color:red;font-weight:bolder;font-size:1.5em;}
.form-inscript-msg{width:80%;margin-left:10%; }
.form-inscript-msg h1{font-size:1.6em;font-weight:bold;color:#FF0000;}
.form-inscript-msg p{font-size:1.4em;}
.form-inscript-msg a{font-size:1em;color:white;}
/***Debut de la page évènement ***/
.cont-btn-plus
{
text-align:right;
margin-top:10px;
margin-bottom:10px;
}
.btn-plus{
background-color:#F3070B;color:#FFFFFF;font-weight:bolder;border-radius: 5px;text-align:center; display:inline-block; padding:10px 30px;
font-size:1.4em;
}
.btn-video{
background-color:#0B3393;
}
.liste-evt{
border-bottom:1px inset #6F6F76;text-align:left;
padding-top:20px;
list-style-type:none;
}
.image-evt{
display:inline-block;
width:200px;
text-align:left;
}
#contenneur{
height:40px;background-color: rgba(0,0,0,1);
}
#contenneur>h1{
text-align:left; padding-top:12px;font-size:16px; color:#D30B0E;padding-left:25px;
}
#contenneur+div{
background-color: rgba(0,0,0,0.5);color:#FBF7F7;
}
#contenneur+div ul{padding:0px;}
.liste-evt-div{
display:inline-block;vertical-align:top;text-align:left;
}
.liste-evt-div h1{padding-left:30px;font-size:18px;text-align:left;}
span.liste-evt-description{font-size:11px;color:#FCFBFB;margin-left:20px;}
a{text-decoration-line:none;text-decoration:none;}
/**Fin de la page évènement**/
/**menu de la semaine**/
#menu-semaine table{/**border:1px solid red;**/width:69%;margin:0 auto;}
.colonne-menu
{
/**border:1px solid orange;**/
display:inline-block;
width:43%;
height:auto;
margin:0px;
padding:0px;
}
.colonne-menu img
{
width:99%;
height:150px;
}
/**
Les Statistiques
**/
#stat{
width:90%;
margin-left:3%;
margin-right:3%;
}
/**border:1px solid white;**/
#stat td input {
display:inline;
width:130px;
}
.stat-col-1
{
border:1px solid white;
width:90%;
}
.stat-col-2
{
border:1px solid white;
}
.stat-col-3
{
border:1px solid white;
}
/**
La Page Traiteur Noel
**/
#traiteur-noel
{
margin:0px;
padding:0px;
}
#traiteur-noel div.corps-page ul li{text-align:center;text-decoration:none;list-style:none;}
#traiteur-noel div.corps-page ul li div {display:inline-block;vertical-align:top; width:800px; }
#traiteur-noel div.corps-page h4{font-size:1.5em;margin:0px;}
#traiteur-noel div h3{text-align:center;font-weight:bold;font-size:16px;}
#traiteur-noel li p {font-size:13px;color:#FCFBFB; text-align:center; width:800px;font-weight:normal;margin:0px;margin-bottom:10px;}
#traiteur-noel li h1{color:#F40408;font-size:24px;}
#traiteur-noel div.corps-page ul li h2{color:#F40408;font-size:20px;margin:0px;}
#traiteur-noel div.corps-page h3{text-decoration:underline;margin:0px;}
#traiteur-noel div,span,p,h1,h2{font-family:"Lucida Bright",Arial, Helvetica, sans-serif; }
#traiteur-noel .titre{
height:40px;background-color: rgba(0,0,0,0.8);width:80%;margin:0 auto;text-align:center; padding-top:12px;font-size:22px; color:#FFE;
}
#traiteur-noel .corps-page{
background-color: rgba(0,0,0,0.5);width:80%;margin:0 auto;margin-top:10px;color:#FBF7F7;
position:relative;
}
#traiteur-noel .bar-bas
{
border-top:0.1px solid #FFF;
margin-left:15px;
margin-right:15px;
padding-top:19px;
}
#traiteur-noel .espace-produit{ margin-bottom:12px;}
span#top-haut{background-color:#FFF;position:relative;bottom:10px;left:90%;display:inline-block;cursor:pointer;width:50px;height:30px;border-radius:10px;padding-top:10px;}
#traiteur-noel span#top-haut a{display:inline-block;color:red;width:100%;height:20px;text-align:center;}
#traiteur-noel span#top-haut a:hover{/**background-color:#FFF;***/}
.moet-chandon
{
color:#FF5252;
}
h4.stv_titre
{
color:red;
font-size:2em;
}
span.stvalentin
{
color:#FFF;
font-size:1.3em;
}
/**
Le Gout de France
**/
#goutdefrance{background-color: rgba(255,255,255,1);margin-left:5%;margin-right:5%;color:#FBF7F7;height:1000px;max-height:1120px;padding:0px;margin-bottom:15px;}
#goutdefrance div {vertical-align:top;display:inline-block;margin-top:15px;margin-bottom:15px;}
#goutdefrance .gauche,#goutdefrance .droite
{
width:2%;
height:88%;
}
#goutdefrance .gauche{background-image:url(https://3bda16.claudeassets.com/20260308033805im_/https://cafconc.com/public/images/goutdefrance/barre0.gif);background-repeat:repeat-y;margin-left:10px;}
#goutdefrance .milieu{width:92%;text-align:center;color:#000000;}
#goutdefrance .milieu span{color:red;text-size:13px;}
#goutdefrance .droite{padding-left:10px;background-image:url(https://a3cb56.claudeassets.com/20260308033805im_/https://cafconc.com/public/images/goutdefrance/barre1.gif);background-repeat:repeat-y;text-align:right;}
.pied-goutdefrance
{
width:100%;
}
/**Ecran de smartphone**/
@media screen and (max-width:599px)
{
p,div{margin:0px;padding:0px;}
body{color:#FFF;font-weight:bolder;}
#banniere{background-position:59% 0%;}
/**#conteneur{height: 1550px;}**/
#img-carousel{width:100%;height:auto;}
#nav{padding:0px;background-color:#FFF;margin:0px;z-index:100; }
#menu{position:absolute;top:0%;left:-60%;width:55%;margin:0px;background-color:#86122B;}
#btn-menu{padding-left:10px;display:block;margin:0 auto;width:90px;color:#86122B;font-weight:bolder;font-size:26px;border:1px solid #86122B;cursor:pointer;}
#menu > li,
#menu > li li {
display:block;
width:100%;
text-align:left;
background-color:#FFF;
color:#000;
border:thin solid #86122B;border-top:0px solid #86122B; padding:2px;
}
#menu > li
{
height:100%;
border:0 solid #FFF;border-bottom:thin solid #FFF;padding:0px;
}
#menu > li a{background-color:#86122B;height:2.1em;padding-left:20%;color:#FFF;}
#menu > li li a{background-color:#FFF;color:#000;padding:0px;text-align:center;height:2.1em;}
#menu > li li a:hover {color:#FFF;background-color:#86122B;}
#menu ul {
display:block;
position:static;
background-color:#FFF;
}
#menu > #menu-mobile{display:block;background-color:#FFF;height:100px;color:#86122B;font-weight:bolder;font-size:28px;}
#corps-text,#corps-carousel
{
min-height:200px;
font-size:1.2em;
padding:15px;
}
#corps-carousel {
position:relative;
}
.carousel-9,.carousel-2{position:absolute;top:0px;left:0px;width:100%;margin:0px;}
.carousel-9 ul,.carousel-2 ul{margin:0 auto; }
#corps-carousel div ul{margin:0 auto;}
.carousel-1{margin-top:230px;}
.carousel-0{margin-top:0px;}
.carousel-10{margin-top:0px;}
.carousel-1 img{width:100%;height:auto;}
#corps-carousel li{
text-decoration:none;
display: inline-block;
width:27%;
height:95px;
margin: 10px;
margin-left:0%;
margin-right:3%;
}
#corps-carousel li img {height:100%;width:100%;}
/**#footer{padding:0px;}**/
#footer ul{display:inline-block;padding-left:15px;}
#footer ul:first-child{width:90%;}
#footer ul li{font-size:1.2em;text-decoration:none;}
#cont-drapeau{right:1%;}
/**Formulaire d'inscription**/
#form-news{width:90%;margin:0 auto;margin-top:50px;}
td{display:block;height:30px;}
input,textarea{width:97%; }
input{height:20px;}
.form-colonne-2,.form-colonne-3,.form-colonne-x{display:inline-block;}
.form-colonne-2{width:90%;}
.form-colonne-3{color:red;}
.form-inscript-msg{width:90%;margin-left:5%; }
input[type="submit"]{margin-top:30px;margin-left:20%;height:40px;width:50%}
input[type="checkbox"]{
display:inline-block;
border:10px solid white;
background-color:red;
height:30px;
width:30px;
}
/**La Page Nos énènement**/
#contenneur>h1{
text-align:center;
font-size:14px;
}
.liste-evt-div h1{font-size:1.3em;}
.btn-plus{font-size:2em;}
.liste-evt-description{display:block;}
/***le menu de la Semaine**/
#menu-semaine table{width:95%;}
.colonne-menu
{
width:49%;
}
.colonne-menu img
{
height:130px;
}
/**
La Page Traiteur de Noel
**/
#traiteur-noel
{
margin:0px;
margin-top:10px;
padding:0px;
width:100%;
}
#traiteur-noel .titre
{
margin:0px;
padding:0px;
width:100%;
}
#traiteur-noel div.corps-page
{
margin:0px;
padding:0px;
width:100%;
}
}
.i-medium {
background: url("https://9e3f4a.claudeassets.com/20260308033805im_/https://cafconc.com/public/images/particules_medium.png") repeat 0px 0px;
-webkit-animation: dropFlowParticles 12s linear infinite;
-o-animation: dropFlowParticles 12s linear infinite;
animation: dropFlowParticles 12s linear infinite;
}
.i-small {
background:url("https://167e1e.claudeassets.com/20260308033805im_/https://cafconc.com/public/images/particules_small.png") repeat 0px 0px;
-webkit-animation: dropFlowParticles 27s linear infinite;
-o-animation: dropFlowParticles 27s linear infinite;
animation: dropFlowParticles 27s linear infinite;
}
@-webkit-keyframes dropFlowParticles {
from { background-position: 0 0; }
to { background-position: 0 413px; }
}
@keyframes dropFlowParticles {
from { background-position: 0 0; }
to { background-position: 0 413px; }
/**
Le Gout de France
**/
#goutdefrance{margin:20px 2% 15px 2%;}
#goutdefrance .gauche,#goutdefrance .droite
{
display:none;
}
}
/**
Ecran tablette portrait
**/
@media screen and (min-width:600px) and (max-width:919px)
{
body{font-weight:bolder;}
#banniere{background-position:30% 0%;}
#menu > li
{width:23%;color:green;}
#menu > li li {width:180px;}
#corps{
position:relative;
padding:20px;
margin:0 auto;
color:#FFF;
}
#corps-text p{font-size:1.4em;}
#corps-carousel{padding:0px;}
#corps-carousel li{
margin:0px;
}
.carousel-1,.carousel-2,.carousel-8,.carousel-9{display:inline-block;width:35%;height:450px;vertical-align:middle;}
.carousel-1,.carousel-8{width:58%;text-align:center;}
.carousel-1 img{width:69%;height:auto;}
#max-6,.carousel-8 img{width:99%;height:auto;margin-top:10%; }
.carousel-0{width:100%;text-align:center;}
.carousel-10{margin:0px;width:100%;min-height:300px;}
.carousel-10 img{width:100%;height:90%;}
.carousel-0 img{height:100%;width:auto;}
.carousel-2,.carousel-9{padding:0px; }
.carousel-2 ul,.carousel-9 ul{padding:0px;height:440px;display:block;}
.carousel-2 ul li,.carousel-9 ul li{padding:0px;margin:0px;padding-top:5%;padding-left:5%;display:inline-block;width:42%;height:26%;}
.carousel-9 ul li{padding-top:0%;padding-bottom:5%;padding-left:0%;padding-right:5%;}
.carousel-2 li img{width:100}
.caroussel-5
{
display:inline-block;
width:20px;
border:1px solid white;
}
#cont-drapeau{right:1%;}
#footer{width:100%;}
#footer ul{padding:0px;padding-left:20px;display:inline-block;}
#footer ul:first-child{width:52%;}
#footer ul li{font-size:1.3em;text-decoration:none;}
ul.contact{padding:0px;}
/**Formulaire d'inscription**/
#form-news{width:90%;margin-left:25%;margin-top:50px;}
td{display:block;height:30px;}
input,textarea{width:97%; }
input{height:20px;}
.form-colonne-2,.form-colonne-3,.form-colonne-x{display:inline-block;}
.form-colonne-2{width:90%;}
.form-colonne-3{color:red;}
input[type="submit"]{margin-top:30px;margin-left:20%;height:40px;width:50%}
input[type="checkbox"]{
display:inline-block;
border:10px solid white;
background-color:red;
height:30px;
width:30px;
}
#designer
{
margin-left:150px;
}
}
/**
Grand Ecran
**/
@media screen and (min-width:920px)
{
#conteneur{
position:relative;
top:0px;left:0px;
}
#corps{
position:relative;
padding-top:60px;
margin:0 auto;
min-height:550px;
}
.flux-normal{border:thin solid orange;}
#corps-text,#corps-carousel
{
/**min-height:200px;**/
font-size:1.3em;
padding:15px;
font-family:"Lucida Bright",Arial, Helvetica, sans-serif;
display: inline-block;
vertical-align:text-top;
}
#corps-carousel{width:350px;position:relative;top:0px;left:-53%;}
#corps-text{width:53%;position:relative;top:0px;left:42%;padding-top:-10px; }
#corps-carousel li img {
height: 100%;
width:100%;
}
.carousel-1 img{width:350px;height:450px;}
.carousel-8 img{width:105%;height:auto;}
.carousel-2{width:140%;position:relative;top:-125px;left:112%;padding:0px;padding-top:10px;}
.carousel-9 ul,.carousel-2 ul{padding:0px;margin:0px;display:block;text-align:center;}
.carousel-2 ul li{display:inline-block;width:14%;height:10%;margin-left:8px;}
.carousel-9 ul li{display:inline-block;width:30%;height:10%;margin-left:7px;margin-top:10px;}
.carousel-10{height:550px;}
.carousel-10 img{width:369px;height:auto;}
#footer ul{display:inline-block;}
#footer ul li{font-size:1.3em;list-style:none;}
ul.contact{margin-left:9%;}
#reseaux-sociaux{position:absolute;top:40%; left:-6%;z-index: 5000;background:#FFF; }
#reseaux-sociaux ul{margin:0px;padding:5px;padding-top:15px;}
#reseaux-sociaux ul li{display:block;margin:0px;padding:0px;margin-bottom:10px;}
#cont-drapeau{top:115px;}
.drapeau{width:30px;height:20px;}
/**Effet sur l'image**/
.divzoom {
transition: transform 1s ease-in-out;
-webkit-transition: -webkit-transform 1s ease-in-out;
-moz-transition: -moz-transform 1s ease-in-out;
-o-transition: -o-transform 1s ease-in-out;
-ms-transition: -ms-transform 1s ease-in-out;
}
.divzoom:hover{
transform: scale(1.3);
-moz-transform: scale(1.3);
-webkit-transform: scale(1.5)
;-o-transform: scale(1.3);
-ms-transform: scale(1.3);
}
td{margin-bottom:30px;height:40px;}
td label{text-align:right;display:inline-block;width:100%;}
/**Formulaire**/
#form-news{margin-left:270px;width:73%;}
#form-champ-oblig{
padding-left:39%;
font-size:1.4em;
color:#FFF;
/**border:1px solid white;**/
width:700px;
}
.form-colonne-2{width:130px;}
.form-colonne-1{text-align:right;}
.form-colonne-3{padding-left:13%;}
.form-colonne-anniv{padding-left:12%;font-size:0.8em;}
/**.form-colonne-1 input{border:1px solid green;}**/
.form-colonne-x label{text-align:left;}
input,textarea{width:150%;}
/**La page Evenement **/
#contenneur{margin-left:100px;margin-right:100px;margin-bottom:10px;}
#contenneur+div{
margin-left:100px;margin-right:100px;
}
}
/*
FILE ARCHIVED ON 16:16:53 Feb 24, 2025 AND RETRIEVED FROM THE
INTERNET ARCHIVE ON 07:19:23 Jun 20, 2026.
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
SECTION 108(a)(3)).
*/
/*
playback timings (ms):
captures_list: 0.42
exclusion.robots: 0.045
exclusion.robots.policy: 0.036
esindex: 0.007
cdx.remote: 9.513
LoadShardBlock: 1281.234 (3)
PetaboxLoader3.datanode: 51.218 (4)
PetaboxLoader3.resolve: 1275.466 (2)
load_resource: 75.481
*/