Coin code Nono

Qui sommes nous
Clap Cookie

Les cookies font leur cinéma

blablaLorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam elementum pulvinar mi at venenatis. Aliquam ultricies pulvinar lorem ac lacinia. Pellentesque a scelerisque nunc. Maecenas vitae felis dolor, et hendrerit urna. Vivamus sed elementum nibh. Ut malesuada mi sit amet erat ultricies bibendum. Suspendisse mattis libero ac nisi pulvinar blandit. Sed sit amet erat eros, non ullamcorper ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer cursus ultrices tempor. Phasellus vestibulum, orci eget volutpat ornare, nisl tortor sagittis ante, molestie euismod lorem lacus sit amet dolor. Nullam tincidunt auctor congue. Nulla risus neque, adipiscing vitae dignissim sed, lobortis et erat.

blablaMauris justo lorem, mattis sit amet auctor nec, cursus eget augue. Phasellus sapien metus, malesuada non semper non, scelerisque in quam. Nulla arcu ipsum, volutpat ut accumsan non, scelerisque quis quam. Ut tincidunt urna at augue tincidunt ut interdum metus porta. Fusce vestibulum sodales dui eget sodales. In eget leo quis mi placerat convallis non sit amet est. Praesent ornare scelerisque lacus. Donec pretium vehicula velit at viverra. Cras blandit nisi at justo malesuada nec tristique dui ullamcorper. Proin bibendum euismod dignissim. Curabitur rhoncus, massa at porttitor facilisis, elit metus aliquet risus, ac fermentum dui erat quis nulla. Phasellus interdum gravida orci eget porta. Quisque quis ligula mauris, at suscipit dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In semper lacus et tellus suscipit at bibendum felis vehicula. Aliquam enim justo, blandit in euismod vitae, suscipit at nisi. Nullam erat mi, sollicitudin vitae luctus vel, porttitor ut dolor. Aliquam ut mi mauris. Duis metus lectus, porta in fringilla a, ullamcorper ut libero.

Qui sommes nous
Clap Cookie

Les cookies font leur cinéma

Le début d'une aventure.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam elementum pulvinar mi at venenatis. Aliquam ultricies pulvinar lorem ac lacinia. Pellentesque a scelerisque nunc. Maecenas vitae felis dolor, et hendrerit urna. Vivamus sed elementum nibh. Ut malesuada mi sit amet erat ultricies bibendum. Suspendisse mattis libero ac nisi pulvinar blandit. Sed sit amet erat eros, non ullamcorper ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer cursus ultrices tempor. Phasellus vestibulum, orci eget volutpat ornare, nisl tortor sagittis ante, molestie euismod lorem lacus sit amet dolor. Nullam tincidunt auctor congue. Nulla risus neque, adipiscing vitae dignissim sed, lobortis et erat.

Le concept
Clap Cookie

Une large gamme de produit

Une idée...Les cookies s’invitent au cinéma ! A chaque film son cookie, envie d’action ? Goûtez notre cookie Avatar ! Plutôt films romantiques ? Le Moulin Rouge est fait pour vous ! Des cookies pour toutes les envies, des gourmandises salées ou sucrées qui font rêver !

Clap Cookie : les originauxNos recettes originales ! Des saveurs surprenantes qui vont vous en mettre plein les papilles !

Maman j'ai raté l'cookieFaite confiance au hasard pour découvrir des recettes encore plus étonnantes !

Le choc des CookiesVous aimez le goût du risque ? Le cookie HOT ! Relèverez vous le défi ? Servi avec un verre de lait pour éviter tout retour de flamme !

Code:: /************************************************

Feuille de styles site E-monsite.com

************************************************/

/* Configuration générale du site (police de caractère et taille par défaut, fond d'écran (couleur ou image), etc.) */
body {
margin:0px;
padding:0px;
text-align:center;
background-color: #a38b6f;
color:#402c03;
font: 14px "Arial", Helvetica, Arial, sans-serif, Verdana;
}
#body {
width:100%;
margin:0px;
padding:0px;
text-align:center;

   background-color: #a38b6f;
}

/* liens par défaut */
a{
color:#402509;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}

/* Images */
img{
border:0;
}

/* Titre du site dans le bloc header */
#header h1,#header p {
margin:0 0 0 0;
padding:0 5px 0 5px;
font-size:40px;
line-height:normal;
font-family:Trebuchet MS;
color:#000000;
text-align:center;
display:none;
font-weight:normal; }

/* Titre des rubriques et des modules dans le bloc contenu */
#contenant #contenu h2,#contenant #contenu h1 {
margin:0 0 20px 0;
padding:3px;
background-color:#947c60; text-align:center;
font-size:26px;
color:;
font-weight:bold;
background-image: url(http://www.e-monsite.com/);
background-repeat:no-repeat;background-position:center center; border:2px solid #000000; line-height: normal;
}

/* Titre des rubriques dans le contenu avec un lien */
#contenant #contenu h2 a,#contenant #contenu h1 a {
color:;
text-decoration:none;
}
#contenant #contenu h2 a:hover,#contenant #contenu h2 a:hover {
text-decoration:underline;
}

/* Style à utiliser pour faire des sous-titres dans les pages */
#contenant #contenu h3 {
margin:20px 0 0 0;
padding:0;
text-align:left;
font-size:17px;
font-weight:bold;
clear:both;
}
#contenant #contenu h3 a {
text-decoration:none;
}

/* Titre des sujets du forum sur la page du sujet */
#contenant #contenu table.forum-lire h4 {
margin:0 0 0 0;
padding:0 0 0 20px;
font-size:17px;
background: url(http://www.e-monsite.com/rep/im/script.png) left no-repeat;
}

/* Titre H4 */
#contenant #contenu h4 {
margin:20px 0 0 0;
padding:0;
text-align:left;
font-size:16px;
clear:both;
}

/* titre H5 */
#contenant #contenu h5 {
margin:0;
padding:0;
font-size:13px;
}

/* Barre se séparation dans le contenu */
#contenant #contenu hr {
border: none 0;
border-top: 1px solid #402509;
width: 100%;
height: 1px;
}
#contenant #contenu hr.comment {
width: 60%;
height: 1px;
}

ul.formulaire {
list-style-position: outside;
list-style-type:none;
margin:0;
}

/* FORMULAIRES PAR DEFAUT*/
form { }
label { }
input {
padding:2px;
}
select, option { }
textarea {
padding:2px;
}
/* FIN FORMULAIRES PAR DEFAUT*/

/* BLOC EDITABLE POUR LES VERSIONS PRO EN HAUT DU SITE */
#hautvpro
{
width:100%;
text-align:center;
font: 14px Arial, Helvetica, Arial, sans-serif, Verdana;
color:#402c03;
}
#hautvpro a
{
color:#402c03;
text-decoration:none;
margin:0;
padding:0;
}
#hautvpro a:hover
{
color:#402c03;
text-decoration:underline;
}
/* FIN BLOC EDITABLE POUR LES VERSIONS PRO EN HAUT DU SITE */

/* BLOC PUBLICITÉ ADSENSE UNIQUEMENT EN VERSION PRO */
#pubpro
{
text-align:center;
margin:5px;
}
/* FIN BLOC PUBLICITÉ ADSENSE */

/* BLOC LOGO */
#headerlogo
{
text-align:center;
}
/* FIN BLOC LOGO */

/* BLOC HEADER (ENTETE) AVEC TITRE DU SITE EN TEXTE */
#header
{
height:187px; /* la hauteur est égale à : hauteur - padding-top */
padding:163px 0px 0 0px;
width:700px; color:#000000;
background-image: url(http://www.e-monsite.com/s/2011/01/05/clap-cookie/14491332clap-cookie-logooooo-png.png);
background-repeat:repeat;background-position:top left;    text-align:center;
   font-weight:normal;    }

#header a{
color:#000000;
text-decoration:none;
}

/* Bloc du sous-titre */
#header div.sstitre{
font-size:16px;
padding:0 5px 0 5px;
margin:0;
line-height:normal;
display:none;
}

/* Uniquement pour la disposition menu horizontal en dessous de l'entete (pour que le menu ait la même largeur que l'entete) */
#headermenu {
width:700px; text-align:center;
margin:auto;
}

/* FIN DU BLOCK HEADER */

/* BLOC FOOTER (PIED DE PAGE) */
#footer
{
height:0px;
width:0px;
margin:0 auto;
}

/* BLOC CONTENANT LES MENUS HAUT (selon emplacement), BAS (selon emplacement), DROITE, GAUCHE, CONTEN U*/
#contenant
{
font-family:Arial;
width:1040px;
text-align:left;
margin-top:2px;
overflow:hidden;
padding:2px 0 2px 0;

}

/* FIN DU BLOC CONTENANT LES MENUS HAUT, BAS, DROITE, GAUCHE, CONTENU */

/* BLOC DU CONTENU */

#contenant #contenu
{
color:#000000;
width:810px; /* seulement pour ie6 */
line-height: 150%;
background-color:#a38b6f;

padding: 2px 5px 5px 5px;
border:2px solid #000000;
margin: 0px 5px 0 190px; /* seulement pour ie6 */
}

#contenant > #contenu
{
width:auto;
margin: 0px 0px 0 0px;
}

#contenu div, #contenu span{
margin: 0;
padding: 0;
}

#contenant #contenu li.formulaire { list-style-type:none; }

/* FIN DU BLOC DU CONTENU */

/* MENU HAUT HORIZONTAL */
#menuh
{
position:relative;
clear:both;
font-size:16px;
padding:auto 0;
background-color:#000000;text-align:center;
color:#FFFFFF;
margin-bottom:20px;
font-size:16px;
height:26px;
overflow:visible;
}

/* Style des liens dans le menu haut horizontal*/
#menuh a
{
border:none;
border-right: #FFFFFF 1px solid;
color:#FFFFFF;
line-height:26px;
padding:0 10px;
text-decoration:none;
font-weight:bold;
position:relative;
z-index:100;
float:left;
}

/* Style des liens dans le menu haut horizontale, une fois survolé*/
#menuh a:hover
{
background-color:;
color:#CDCDCD;
}

/* MENUS DEROULANTS */
#menuh #nav ul li {
background-color:#000000;
}
#menuh #nav {
margin:0 auto; height:26px;
}
#menuh #nav ul {
top:26px;
background-color:#000000;
}
#nav ul li a { color: #FFFFFF; }
#nav ul a.hover { color: #CDCDCD; }
#nav ul a { border-bottom: 1px solid white; border-right: none; float: none; }
/* FIN MENUS DEROULANTS */
/* FIN DU MENU HAUT HORIZONTAL */

/*MENU HORIZONTAL EN BAS DU SITE */
#menub
{
font-size:16px;
padding:auto 0 2px auto;
background-color:#000000;text-align:center;
color:#FFFFFF;
font-size:16px;
height:26px;
overflow:hidden;
position:relative;
}

#menub a
{
border:none;
border-right: #FFFFFF 1px solid;
color:#FFFFFF;
line-height:26px;
padding:0 10px;
text-decoration:none;
font-weight:bold;
position:relative;
z-index:100;
float:left;
}

/* Style des liens dans le menu haut horizontale, une fois survolé*/
#menub a:hover
{
background-color:;
color:#CDCDCD;
}

#menub ul { margin:0 auto; }

/*FIN DU MENU HORIZONTAL EN BAS DU SITE */

/*

MENU DE GAUCHE VERTICAL

/!\ !!!!!!!
Si la disposition "1 seul menu à droite" est choisie c'est ce style qui s'applique (ne pas tenir compte de l'indication menu de gauche)

*/

/* Bloc des rubrique/catégorie des menus gauche */
#menug .categorieg
{
/* bordure arrondi sous firefox, sous safari, puis futur norme commune ---- mettre 15px */
-moz-border-radius:15px;
-khtml-border-radius : 15px;
border-radius : 15px;
/* fin arrondi */

padding:10px 2px 5px 2px;
margin-bottom:20px;

border:2px solid #000000;background-color:#a88f75;}

#menug
{
font-size:14px;
margin:0px 5px 20px 0px;
-margin:0px 3px 20px 0px; /* Pour IE6 */

width:180px;
color:#000000;
}

#menug ul{
list-style-position: inside;
list-style-type: square;
margin-bottom:20px;
margin:0;
padding: 0 0 0 2px;
z-index:100;
}

#menug ul a {
color:#000000;
text-decoration:none;
}

#menug ul a:hover{
color:#696969;
text-decoration:underline;
}

/* Sous pages */
#menug ul li.sspage {
padding-left: 15px;
}

#menug span
{
text-align:left;
display:block;
}

#menug span a,#menug span a:hover
{
color:#000000;
}

/* Affichage de formulaires dans le menu de gauche avec la classe "formulaire" */
#menug ul.formulaire {list-style-position: outside; list-style-type:none; margin:0; font-size:11px; }

/* Barre horizontale dans le menu de gauche */
#menug hr
{
border: none 0; border-top: 1px solid #000000; width: 100%; height: 1px;
}

/* TITRE DES ELEMENTS DU MENU DE GAUCHE */
#menug h3 {
display:block;
background-color: #000000;font-weight:bold;font-variant:small-caps;height:25px;
line-height:25px;
text-align:center;
font-size:20px;
color:#FFFFFF;
padding:0 3px 0 0px;
margin:0;
overflow:hidden;
}

#menug h3 a {
color:#FFFFFF;
text-decoration:none;
}

#menug h3 a:hover
{
color:#FFFFFF;
text-decoration:underline;
}
/* FIN TITRE ELEMENTS MENUS */

/* Style des liens des titre des liens du menus gauche*/
#menug a {
color:#000000;
text-decoration:none;
}

#menug a:hover{
color:#696969;
text-decoration:underline;
}

/*FIN MENU DE GAUCHE VERTICAL */

/*

MENU DE DROITE VERTICAL

/!\ !!!!!!!!!
Seulement pour les dispositions à deux menu verticaux.

*/

#menud .categoried
{
/* bordure arrondi sous firefox, sous safari, puis futur norme commune ---- mettre 15px */
-moz-border-radius:15px;
-khtml-border-radius : 15px;
border-radius : 15px;
/* fin arrondi */

padding:10px 2px 5px 2px;
margin-bottom:20px;

border:2px solid #000000;background-color:#a88f75;}

#menud
{
font-size:14px;
margin:0px 0px 20px 0px;
-margin:0px 0px 20px 0px; /* Pour IE6 */

width:180px;
color:#000000;
}

#menud ul{
list-style-position: inside;
list-style-type: square;
margin-bottom:20px;
margin:0;
padding: 0 0 0 2px;
z-index:100;
}

#menud ul a {
color:#000000;
text-decoration:none;
}

#menud ul a:hover{
color:#696969;
text-decoration:underline;
}

/* Sous pages */
#menud ul li.sspage {
padding-left: 15px;
}

#menud span
{
display:block;
}

#menud span a,#menud span a:hover
{
color:#000000;
}

/* Affichage de formulaires dans le menu de droite avec la classe "formulaire" */
#menud ul.formulaire {list-style-position: outside; list-style-type:none; margin:0; font-size:11px; }

/* Barre horizontale dans le menu de droite */
#menud hr
{
border: none 0; border-top: 1px solid #000000; width: 100%; height: 1px;
}

/*TITRE DES ELEMENTS DU MENU DE DROITE */
#menud h3 {
display:block;
background-color: #000000;font-weight:bold;font-variant:small-caps;height:25px;
line-height:25px;
text-align:center;
font-size:20px;
color:#FFFFFF;
padding:0 3px 0 0px;
margin:0;
overflow:hidden;
}

#menud h3 a {
text-decoration:none;
color:#FFFFFF;
}

#menud h3 a:hover
{
text-decoration:underline;
color:#FFFFFF;
}
/* FIN TITRE ELEMENTS */

/* Style des liens des titre des rubriques du menu de droite */

#menud a {
color:#000000;
text-decoration:none;
}

#menud a:hover{
color:#696969;
text-decoration:underline;
}

/*FIN MENU DE DROITE VERTICAL */

/* BLOC EDITABLE EN DESSOUS DU SITE */
#bas
{
text-align:center;
color:#402c03;
}

#bas a
{
color:#402c03;
text-decoration:none;
}

#bas a:hover
{
color:#402c03;
text-decoration:underline;
}
/* FIN DU BLOC EDITABLE EN DESSOUS DU SITE */

/* LIENS E-MONSITE */
#lien-emonsite
{
color:#402c03;
}
#lien-emonsite a
{
color:#402c03;
text-decoration:none;
}
#lien-emonsite a:hover
{
color:#402c03;
text-decoration:underline;
}
/* FIN LIEN E-MONSITE */

/* CADRES VISITEURS / COMMENTAIRES / ETC */

/* Cadre Vous êtes le XX visiteurs & dernière mise à jour */
#contenu .visiteurs
{
margin-top:20px;
background-color:#947c60;
text-align:center;
font-size:15px;
font-weight:bold;
background-image: url(http://www.e-monsite.com/);
background-repeat:no-repeat;background-position:center center;border:2px solid #000000;clear:both;
}

/* Cadre Poster un commentaire, ajouter un message sur le livre d'or, sur le forum, ... */
#contenu .commentaires
{
margin-top:20px;
padding:3px;
background-color:#947c60;
text-align:center;
font-size:15px;
font-weight:bold;
color:;
background-image: url(http://www.e-monsite.com/);
background-repeat:no-repeat;background-position:center center;border:2px solid #000000;clear:both;
}

/* CONFIGURATION DU FORUM */

#contenu table.forum
{
margin:0 auto;
width:99%;
border-collapse:collapse;
}

#contenu table.forum td
{
border:1px solid #000000;
height:50px;
padding:3px;
}

#contenu table.forum tr:hover
{
background-color:#FFFFFF;
color:#000000;
}

#contenu table.forum tr:hover a
{
color:#000000;
}

#contenu td.sujet
{
width:290px; text-align:left;
}

#contenu div.citationforum
{
width:99%;
text-align:left;
padding:2px;
display:block;
border:1px solid #FFFFFF;
}

#contenu a.liencat
{
text-decoration:none;
padding-left:20px;
background: url('http://www.e-monsite.com/rep/im/folder.png') left no-repeat;
}

#contenu a.liencat:hover
{
text-decoration:underline;
padding-left:20px;
background: url('http://www.e-monsite.com/rep/im/folder2.png') left no-repeat;
}

#contenu a.liensujet
{
text-decoration:none;
padding-left:20px;
background: url('http://www.e-monsite.com/rep/im/script.png') left no-repeat;
}

#contenu a.liensujet:hover
{
text-decoration:underline;
padding-left:20px;
background: url('http://www.e-monsite.com/rep/im/script2.png') left no-repeat;
}

#contenu a.liensujet:visited
{
text-decoration:none;
padding-left:20px;
background: url('http://www.e-monsite.com/rep/im/script3.png') left no-repeat;
}

#contenu td.rep
{
width:35px; text-align:center;
}

#contenu td.derniermessage
{
text-align:left;
}

#contenu .auteur
{
font-size:10px;
}

#contenu table.forum-lire
{
margin:0 auto;
width:99%;
border-collapse:collapse;
}

#contenu table.forum-lire td
{
border:1px solid #000000;
padding:5px;
}

#contenu td.titresujet
{
background-color:#FFFFFF;
color:#000000 ;
}

#contenu a.titresujet
{
color:#000000 ;
}

#contenu td.internaute
{
text-align:center;
width:18%;
padding:3px;
}

#contenu .datesujet
{
padding-left:20px;
}
/* FIN DE LA CONFIGURATION DU FORUM */

/* FORMULAIRE POUR POSTER UN MESSAGE SUR LE SITE (FORUM, COMMENTAIRES, LIVRE D'OR, ...) */

#contenu #monForm
{
width: 100%;
}

#contenu #monForm p
{
margin: 5px 0;
}

/* fieldset , legend */
#contenu #monForm fieldset
{
margin-bottom: 20px;
border: #000000 1px solid;

}
#contenu #monForm fieldset:hover
{
background-color: #FFFFFF;
color:#000000;
}
#contenu #monForm fieldset legend
{
padding: 0 5px;
font-size: 15px;
color: #000000;
}

/* Label */
#contenu #monForm label
{
//display: block;
width: 30%;
float: left;
padding-right: 1%;
//text-align: right;
margin:5px;
margin-left: 1%;
}

#contenu #monForm .form_label_nostyle
{
background: none;
}

/* Input */
#contenu #monForm input, #monForm select, #contenu #monForm textarea
{
margin-left: 1%;
width: 60%;
border: #CCC 1px solid;
}

/* case à cocher */
/* case à cocher */
#contenu #monForm input[type="checkbox"], #contenu #monForm input.checkbox, #contenu #monForm input.radio
{
width: 15px;
height: 15px;
}

/* button submit */
#contenu #monForm input[type="submit"], #contenu #monForm p.submit input
{
width: 220px;
border:#000000 1px solid;
}
#contenu #monForm p.submit
{
text-align:center;
margin-bottom:15px;
clear:both;
}

#contenu #monForm p{
clear:both;
}
/* FIN FORMULAIRE POUR POSTER UN MESSAGE SUR LE SITE (FORUM, COMMENTAIRES, LIVRE D'OR, ...) */

/*

CONFIGURATION DU LIVRE D'OR et COMMENTAIRES

affichage des messages sur le module livre d'or et des commentaires (rubriques, blog, photos...)

*/

#contenu .message-livredor
{
line-height:20px;
text-align:justify;
}

#contenu .titre-livredor
{
font-weight:bold;
}

#contenu .img-livredor
{
text-align:right;
margin-top:-30px;
margin-bottom:10px;
}

/* FIN DE CONFIGURATION DU LIVRE D'OR */

/* CONFIGURATION DU MODULE LIENS */

#contenu .message-liens
{
line-height:20px;
text-align:justify;
}

#contenu .titre-liens
{
font-weight:bold;
}

/* FIN DE CONFIGURATION DU MODULE LIENS */

/* CONFIGURATION DE L'ANNUAIRE */

#contenu a.annuaire
{
text-decoration:none;
padding-left:20px;
font-size:16px;
background: url(http://www.e-monsite.com/rep/im/folder.png) center left no-repeat;
}

#contenu a.annuaire:hover
{
text-decoration:underline;
padding-left:20px;
background: url(http://www.e-monsite.com/rep/im/folder2.png) center left no-repeat;
}

#contenu table.tannuaire td
{
width:50%;
text-align: justify;
}

#contenu .img-annuaire
{
border:1px solid #596473;
margin : 5px 10px 25px 0;
vertical-align:middle;
}

#contenu div.description-annuaire
{
text-align:justify;
margin-bottom:25px;
}

#contenu div.description-annuaire p {
margin:0;
padding:0;
}

/* FIN DE CONFIGURATION DE L'ANNUAIRE */

/* CONFIGURATION DES BARRES DE RESULTAT DU SONDAGE */

#contenu .sondage {
background:#000;
margin-bottom:1em;
overflow:hidden;
width:100%;
height:16px;
color:#FFFFFF;
padding-right:3px;
padding-top:2px;
font-weight:bold;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-align:right;
}

/* FIN DE CONFIGURATION DES BARRES DE RESULTAT DU SONDAGE */

/* MINIATURE DES PHOTOS SUR LES RUBRIQUES BLOCS, ALBUM PHOTO et CARTES VIRTUELLES */

#contenu .photo {
margin:2px;
border:0px;
}

/* Affichage 3 colonnes de photos */
#contenu .colonnephoto {
width:33%;
float:left;
text-align:center;
}

/* FIN DE MINIATURE DES PHOTOS SUR LES RUBRIQUES BLOCS, ALBUM PHOTO et CARTES VIRTUELLES */

/* PAGINATION (numérotation des pages en bas de page sur les modules album photos, blog, livre d'or, forum, ...) */

#contenu #pageNav {
padding: 20px 0;
text-align: center;
font-weight: bold;
clear:both;
}

#contenu #pageNav span {
padding: 2px 6px 3px 6px;
border: 1px solid #FFFFFF;
margin-bottom: 20px;
background-color:#000000;
color:#FFFFFF;
}

#contenu #pageNav a {
background: #FFFFFF;
color: #000000;
text-decoration: none;
padding: 2px 6px 3px 6px;
border: 1px solid #000000;
}

#contenu #pageNav a:hover {
border-color:#FFFFFF;
}

/* FIN PAGINATION */

/* ALBUM PHOTOS */

/* liste des catégories */

#contenu ul.liste_cat_photo {
width:100%
list-style-position: outside;
list-style-type:none;
margin:0;
padding:0;
}

#contenu ul.liste_cat_photo li {
clear:both;
padding:0 0 15px 0;
margin:0;
}

#contenu ul.liste_cat_photo img {
border:0;
float:left;
padding:0 5px 15px 0;
}

#contenu ul.liste_cat_photo span{
font-weight:bold;
}

/* affichage de la liste des photos (+ cartes virtuelles + amis) */

#contenu ul.affichage_photos, ul.affichage_amis, ul.affichage_cartes {
width:100%
list-style-position: outside;
list-style-type:none;
margin:0;
padding:0;
}

#contenu ul.affichage_photos p {
font-weight:bold;
margin:0;
padding:0;
}

#contenu ul.affichage_photos div.commentaires_photo {
clear:both;
padding-top:5px;
}

/* modele 1 : en 3 colonnes / 3 lignes */
ul.affichage_amis li.liste_amis, ul.affichage_cartes li.liste_cartes {
width:33%;
height:210px;
float:left;
padding-top:15px;
text-align:center;
overflow:hidden;
}

/* modele 2 : en 3 colonnes / 3 lignes */
#contenu ul.affichage_photos li.liste_photos_2 {
width:100%;
padding-top:15px;
text-align:left;
overflow:hidden;
}
#contenu ul.affichage_photos img.type2 {
border:0;
padding:5px;
float:left;
}

/* modele 3 : affichage taille réelle */
#contenu ul.affichage_photos li.liste_photos_3 {
width:100%;
padding-top:15px;
text-align:center;
}
#contenu ul.affichage_photos img.type3 {
border:0;
padding:5px;
}
/* FIN ALBUM PHOTOS */

/* liens commentaires BLOG et PHOTOS */

#contenu a.voircom {
background:url(http://www.e-monsite.com/rep/im/comment.png) no-repeat left;
padding:3px 3px 3px 20px;
font-size:11px;
margin-left:10px;
}
#contenu a.addcom {
background:url(http://www.e-monsite.com/rep/im/comments_add.png) no-repeat left;
padding:3px 3px 3px 20px;
margin-left:10px;
font-size:11px;
}

/* FIN liens commentaires BLOG et PHOTOS */

/* lien dossier/categorie */

#contenu a.categorieblog {
background:url(http://www.e-monsite.com/rep/im/folder.png) no-repeat left;
padding:3px 3px 3px 20px;
margin-left:10px;
font-size:11px;
}

/* fin dossier/catégorie */

/* MODULE BLOG / AGENDA */

#contenu ul.affichage_blog, ul.affichage_agenda {
width:100%
list-style-position: outside;
list-style-type:none;
margin:0;
padding:0;
}

#contenu ul.affichage_blog li, ul.affichage_agenda li {
clear:both;
padding:0 0 0 0;
margin:0;
}

#contenu ul.affichage_blog a.billetblog, ul.affichage_blog a.description_agenda {
font-weight:bold;
clear:both;
}

#contenu span.datebilletblog {
background:url(http://www.e-monsite.com/rep/im/clock.png) no-repeat left;
padding:3px 0 3px 20px;
font-size:11px;
}

#contenu ul.affichage_agenda span, #contenu p.dateagenda {
background:url(http://www.e-monsite.com/rep/im/agenda.png) no-repeat left;
padding:3px 0 3px 20px;
font-weight:bold;
}

#contenu ul.affichage_blog div.blogtags, div.blogtags_billet, div.infosagenda {
padding:2px 0 2px; 0;
margin:0 0 25px 0;
border:1px solid ;
border-right:0;
border-left:0;
}

/* Affichage du détail d'un événement de l'agenda */

#contenu p.contactagenda {
background:url(http://www.e-monsite.com/rep/im/email_go.png) no-repeat left;
padding:3px 0 3px 20px;
}

#contenu p.lieuagenda {
background:url(http://www.e-monsite.com/rep/im/map.png) no-repeat left;
padding:3px 0 3px 20px;
}

#contenu p.tarifagenda {
background:url(http://www.e-monsite.com/rep/im/money.png) no-repeat left;
padding:3px 0 3px 20px;
}

#contenu p.dureeagenda {
background:url(http://www.e-monsite.com/rep/im/time.png) no-repeat left;
padding:3px 0 3px 20px;
}

#contenu a.categorieagenda {
background:url(http://www.e-monsite.com/rep/im/folder.png) no-repeat left;
padding:3px 0 3px 20px;
}

/* Lien pour voir les archives de l'agenda */
#contenant a.archives_agenda {
background:url(http://www.e-monsite.com/rep/im/time.png) no-repeat left;
padding:3px 0 3px 20px;
}

/* Lien d'abonnement au fil d'information RSS */
#contenant a.abo_rss {
background:url(http://www.e-monsite.com/rep/im/feed.png) no-repeat left;
padding-left:20px;
}

/* WIDGETS */

/*dernieres photos */
div.photoswidget {
float:left;
width:60px;
height:60px;
margin:1px;
}

/*moteur de recherche*/
input.moteurderecherche {
border:1px solid #000;
color:#000;
background:#FFF;
width:100%;
}
input.moteurderecherche_valid {
border:1px solid #FFF;
color:#FFF;
background:#000;
}

/* prochains événements de l'agenda */
ul.agenda {
padding: 0 0 0 0;
margin: 0;
list-style: none;
}
ul.agenda li {
list-style: none;
padding: 5px 2px 5px 2px;
}
ul.agenda li span {
font-weight:bold;
}

/* Contact */
ul.contact{
list-style: none;
margin: 0px;
padding: 0 0 0px 0;
border: none;
z-index:100;
}
ul.contact li{
padding: 5px 0px 5px 3px;
list-style: none;
}

/* module zone membre */
#contenu p.zmdroit {
background:url(http://www.e-monsite.com/rep/im/vcard.png) no-repeat left;
padding:3px 0 3px 20px;
}
#contenu p.zmmaj {
background:url(http://www.e-monsite.com/rep/im/clock.png) no-repeat left;
padding:3px 0 3px 20px;
}
#contenu p.zmemail {
background:url(http://www.e-monsite.com/rep/im/email.png) no-repeat left;
padding:3px 0 3px 20px;
}
#contenu p.zmurl {
background:url(http://www.e-monsite.com/rep/im/world.png) no-repeat left;
padding:3px 0 3px 20px;
}
#contenu p.zmstatut {
background:url(http://www.e-monsite.com/rep/im/user_comment.png) no-repeat left;
padding:3px 0 3px 20px;
font-style:italic;
}
#contenu p.connecte {
padding:0;
margin:0;
text-align:right;
}
#contenu p.message {
background:url(http://www.e-monsite.com/rep/im/bullet_error.png) no-repeat left;
padding:3px 0 3px 20px;
font-weight:bold;
border:1px solid #000;
}

/* lien supprimer */
#contenu a.supprimer {
background:url(http://www.e-monsite.com/rep/im/delete.png) no-repeat left;
padding:3px 0 3px 20px;
}
/* lien editer */
#contenu a.editer {
background:url(http://www.e-monsite.com/rep/im/overlays.png) no-repeat left;
padding:3px 0 3px 20px;
}
/*Chatbox*/
div#chatbox{
margin: 0 auto;
padding-bottom: 10px;
background: #fff;
}
div#chatbox iframe{
width: 100%;
height: 450px;
margin: 0;
}
div#chatbox form{
width: 100%;
margin: 0;
}
div#chatbox form p{
margin: 10px;
}
div#chatbox form p input{
width: 344px;
padding: 3px;
}
div#chatbox form p input.btnChat{
width: 130px;
height: 25px;
margin-right: 20px;
text-align: center;
border: 1px solid #ccc;
background: #f7f7f7 url(http://www.e-monsite.com/rep/im/comment_add.png) 15px 50% no-repeat;
cursor: pointer;
}
div#chatbox form p input.btnChat:hover{
border: 1px solid #000;
}

/* Widget Tags */
.tag0{font-size: 75%;}
.tag10{font-size: 80%;}
.tag20{font-size: 90%;}
.tag30{font-size: 100%;}
.tag40{font-size: 110%;}
.tag50{font-size: 120%;}
.tag60{font-size: 140%;}
.tag70{font-size: 150%;}
.tag80{font-size: 160%;}
.tag90{font-size: 170%;}
.tag100{font-size: 180%;}

/* Affichage des vidéos */
div#contenu div#video_view{

}
div#contenu div#video_view div.extra{
clear:left;
height:25px;
border-top:1px solid ;
border-bottom:1px solid ;
}
div#contenu div#video_view div.extra ul{
list-style-type:none;
list-style-position:outside;
padding:0;
margin:0px;
margin-top:5px;
}
div#contenu div#video_view div.extra ul li{
float:left;
border-right:1px solid ;
margin-right:5%;
padding-right:5%;
}
div#contenu div#video_view div.extra ul li img{
vertical-align:text-top;
}
div#contenu div#content_vid div.video{
margin:5px;
margin-bottom:10px;
padding:5px;
border:1px solid #000000;
}
div#contenu div#content_vid div.video div.extra{
clear:left;
height:20px;
border-top:1px solid #000000;
}
div#contenu div#content_vid div.video div.extra ul li{
float:left;
border-right:1px solid #000000;
margin-right:5%;
padding-right:5%;
}

/* WIDGETS DES TAGS DES VIDEOS */
div.tags_video{
text-align:justify;
padding:5px;
}
div.tags_video a{
text-decoration:none;
border:none;
background:none;
}
div.tags_video a:hover{
text-decoration:underline;
}

div.tags_video a.t1.black{font-size:10px;color:#888 !important;}
div.tags_video a.t2.black{font-size:14px;color:#666 !important;}
div.tags_video a.t3.black{font-size:18px;color:#444 !important;}
div.tags_video a.t4.black{font-size:22px;color:#222 !important;}
div.tags_video a.t5.black{font-size:26px;color:#000 !important;}

div.tags_video a.t1.white{font-size:10px;color:#777 !important;}
div.tags_video a.t2.white{font-size:14px;color:#999 !important;}
div.tags_video a.t3.white{font-size:18px;color:#BBB !important;}
div.tags_video a.t4.white{font-size:22px;color:#DDD !important;}
div.tags_video a.t5.white{font-size:26px;color:#FFF !important;}

div.tags_video a.t1.blue{font-size:10px;color:#65C4FF !important;}
div.tags_video a.t2.blue{font-size:14px;color:#49B9FF !important;}
div.tags_video a.t3.blue{font-size:18px;color:#24ACFF !important;}
div.tags_video a.t4.blue{font-size:22px;color:#0093EC !important;}
div.tags_video a.t5.blue{font-size:26px;color:#0575BA !important;}

div.tags_video a.t1.red{font-size:10px;color:#FF4646 !important;}
div.tags_video a.t2.red{font-size:14px;color:#FF2D2D !important;}
div.tags_video a.t3.red{font-size:18px;color:#F20D0D !important;}
div.tags_video a.t4.red{font-size:22px;color:#CA0000 !important;}
div.tags_video a.t5.red{font-size:26px;color:#990000 !important;}

div.tags_video a.t1.green{font-size:10px;color:#36FD39 !important;}
div.tags_video a.t2.green{font-size:14px;color:#0EFC12 !important;}
div.tags_video a.t3.green{font-size:18px;color:#00CA04 !important;}
div.tags_video a.t4.green{font-size:22px;color:#00A303 !important;}
div.tags_video a.t5.green{font-size:26px;color:#008102 !important;}

Nos engagements
Clap Cookie

Car la qualité ça compte pas pour des prunes

La charte qualitéDes ingrédients de qualité, une équipe motivée à vous faire découvrir de nouvelles sensations, une cuisine faite avec amour, c’est la garantie Clap-Cookie !

Nos engagements
Clap Cookie

Car la qualité ça compte pas pour des prunes

En pleine tempête

Qui sommes nous ?

Concept

Nos engagements

Les originaux
Clap Cookie

Les Stars du tapis rouge c'est eux !

AvatarComme une envie d'ailleurs...

Découvrez une recette unique à base de myrtille qui vous entrainera sur la planète Pandora.

Moulin rougePassionnément votre !

Embarquez au cœur des cabarets et de l'émotion en découvrant cet exceptionnel cookie aux de fraises Tagada.

La planète des singesC'est l'évolution !

Replongez dans l'histoire mythique de ce monde ou l'humain n'est plus roi. Laissez vous dominer par votre côté animal avec ce cookie salé aux cacahuètes.

Les dents de la merVous avez les crocs ?

Frissonnez en dévorant ce cookie incomparable au thon et aux tomates séchées. Alors n'oubliez pas, mangez le avant qu'il ne le fasse !

Maman j'ai raté l'cookie
Clap Cookie

Alea jacta est

George CookieWhat else ?

N'a-t-il pas un petit air connu ? Oui, un certain George qui a le malheur de se prendre un piano sur la tête ! Nous somme sûr que vous voyez de qui nous parlons. Ce cookie au café et pépites de chocolat lui est dédié.

Slumdog MillionaireUn voyage Bollywoodien !

Plongez au cœur de l'Orient avec ce cookie aux saveurs hindoues : curry et poivrons.

Super Size MeVivez le rêve Américain

Le temps d'une bouchée au gout Cola, laissez vous porter sous les projecteurs d'Hollywood.

Souris CityL'avènement du fromage

Un cookie au roquefort et à l'emmental pour ceux qui n'ont pas peur des saveurs corsés, voilà qui risque d'attirer les petites souris.

Le choc des Cookies
Clap Cookie

.

Un véritable défi !Les défis vous intéresses ? Oserez vous relever ce challenge ? Un cookie extra-pimenté pour vous mettre le feu, et un verre de lait pour vous éviter de flamber.

Nos produits
Clap Cookie

Car la qualité ça compte pas pour des prunes

En pleine tempête

Clap-Cookies : les originaux

Maman j'ai raté l'cookie

Le choc des Cookies

» Coin Nono
» Design V2 by Nono
» Design V3 by Nono
» Nom de code Treize
» Design Version 4

Rechercher

Résultats par : Messages Sujets
Recherche avancée