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


*{
outline:none;
padding:0;
margin:0;
}

body{
background:#aae2fe url(../images/pix-fond.jpg) left top repeat-x;
}

img{
border:none;
}

p{
font:9pt Arial, Helvetica, sans-serif;
color:#005eab;
}

a{
font:9pt Arial, Helvetica, sans-serif;
color:#005eab;
outline:none;
}
a:visited {
color: #005dab;
}
a:hover {
color: #f1a1a6;
}
a:active {
color: #f1a1a6;
}

li{
list-style-type:none;
}

table{
color:#005eab;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
}

table span{
font-weight: normal;
}

.no-float{
display:block;
clear:left;
}

.clear {
clear:inherit;
}


.transparence{
behavior: url("/js/iepngfix.htc");
}

.float-l{
float:left;
}

.float-l-champs{
float:left;
padding-top:6px;
}

.float-r{
float:right;
}

.rouge{
color:#e32219;
text-decoration:underline;
}

.rouge2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ce6f76;
}

#general{
width:1030px;
margin:auto;
z-index:1;
}

.titre-toggler-astuces {
background-color:#F0A2A8;
color:#FFFFFF;
text-transform:uppercase;
font-size:13px;
font-weight:bold;
height:16px;
text-indent:5px;

}


#general-home{
background:url(../images/home/fond-home.jpg) left top no-repeat;
width:1030px;
height:774px;
margin:auto;
}

#contenu{
}

#tout-dire{
width:1027px;
height:49px;
}

#tout-dire-contenu{
padding:10px 0 0 125px;
}

#tout-dire p{
font:10pt Arial, Helvetica, sans-serif;
}

.txt12{
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
}

.txt11{
font:11px Arial, Helvetica, sans-serif;
font-weight:normal;
}

.tt-dire{
float:left;
padding-right:30px;
}

#lien-tout-dire{
padding-left:135px;
}


/* /////////////////// HEADER /////////////////// */

#header-home{
background-repeat:no-repeat;
width:954px;
height:328px;
margin:0;
padding: 0 43px 0 30px;
}

#header-produits{
background:url(../images/produits/fond-header-produits.jpg) left top no-repeat;
width:957px;
height:253px;
margin:0;
padding: 0 40px 0 30px;
}


#header-saga{
background:url(../images/produits/fond-header-produits.jpg) left top no-repeat;
width:957px;
height:234px;
margin:0;
padding: 0 40px 0 30px;
}

#header-recettes{
background: url(../images/recettes/fond-header-recettes.jpg) left top no-repeat;
width:957px;
height:185px;
margin:0;
padding: 0 40px 0 30px;
}

#header-top10{
background-repeat:no-repeat;
width:957px;
height:315px;
margin:0;
padding: 0 43px 0 30px;
}

#header-hm-rct{
background: url(../images/recettes/fond-header-hm-rct.jpg) left top no-repeat;
width:957px;
height:328px;
margin:0;
padding: 0 40px 0 30px;
z-index:10;
}

#header-formulaire{
background: url(../images/formulaire/fond-header-frmlr.jpg) left top no-repeat;
width:957px;
height:170px;
margin:0;
padding: 0 40px 0 30px;
}

#logo-alsa{
width:284px;
height:130px;
float:left;
}

.chps-area {
width:284px;
}

#ephemeride{
position:relative;
float:right;
margin-top:5px;
}

#club2{
position:relative;
float:right;
}


/* /////////////////// menu /////////////////// */

#menu {
	text-align:left;
	margin-top:-50px;
	padding:0 0 0 290px;
	float:left;
	width:650px;
	}
#menu-position-home {
	position:absolute;
	top:-50px;
	}

#menu li {
	margin:0;
	padding:0;
	float:left;
	}

#menu li a{
	display:block;
	behavior: url("/js/iepngfix.htc");
}

#menu li span{
	position:absolute;
	top:-5000px;
	left:-5000px;
}


/*.idees-recettes a{
	width:149px;
	height:46px;
	background-image:url(../images/menu/idees-recettes.png);
	behavior: url("/js/iepngfix.htc");
	background-repeat:no-repeat;
	background-position: 0% -46px;

}

.idees-recettes a:hover{
	width:149px;
	height:46px;
	background-image:url(../images/menu/idees-recettes.png);
	behavior: url("/js/iepngfix.htc");
	background-repeat:no-repeat;
	background-position: 0% -46px;

}

.idees-recettes-active{
	width:149px;
	height:46px;
	background-image:url(../images/menu/idees-recettes.png);
	behavior: url("/js/iepngfix.htc");
	background-repeat:no-repeat;
	background-position: 0% -46px;
}

.astuces a{
	width:182px;
	height:46px;
	background-image:url(../images/menu/trucs-astuces.png);
	behavior: url("/js/iepngfix.htc");
	background-repeat:no-repeat;
	background-position: 0% -46px;
}

.astuces a:hover{
	width:182px;
	height:46px;
	background-image:url(../images/menu/trucs-astuces.png);
	behavior: url("/js/iepngfix.htc");
	background-repeat:no-repeat;
	background-position: 0% 0;
}

.astuces-active{
	width:182px;
	height:46px;
	background-image:url(../images/menu/trucs-astuces.png);
	behavior: url("/js/iepngfix.htc");
	background-repeat:no-repeat;
	background-position: 0% 0;
}

.produits a{
	width:149px;
	height:46px;
	background-image:url(../images/menu/produits.png);
	behavior: url("/js/iepngfix.htc");
	background-repeat:no-repeat;
	background-position: 0% -46px;
}

.produits a:hover{
	width:149px;
	height:46px;
	background-image:url(../images/menu/produits.png);
	behavior: url("/js/iepngfix.htc");
	background-repeat:no-repeat;
	background-position: 0% 0;
}

.produits-active{
	width:149px;
	height:46px;
	background-image:url(../images/menu/produits.png);
	behavior: url("/js/iepngfix.htc");
	background-repeat:no-repeat;
	background-position: 0% 0;
}

.tout-sur-alsa a{
	width:145px;
	height:46px;
	background-image:url(../images/menu/tout-sur-alsa.png);
	behavior: url("/js/iepngfix.htc");
	background-repeat:no-repeat;
	background-position: 0% -46px;
}

.tout-sur-alsa a:hover{
	width:145px;
	height:46px;
	background-image:url(../images/menu/tout-sur-alsa.png);
	behavior: url("/js/iepngfix.htc");
	background-repeat:no-repeat;
	background-position: 0% 0;
}

.tout-sur-alsa-active{
	width:145px;
	height:46px;
	background-image:url(../images/menu/tout-sur-alsa.png);
	behavior: url("/js/iepngfix.htc");
	background-repeat:no-repeat;
	background-position: 0% 0;
}*/

#fil-arianne{
margin-left:20px;
margin-top:5px;
}

#fil-arianne a{
color:#df6e77;
float:left;
padding-top:1px;
font-size:11px;
}

#fil-arianne span{
color:#df6e77;
padding:0 5px 0 5px;
float:left;
}

#fil-arianne h1{
padding-top:1px;
color:#df6e77;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
}

/* /////////////////// MILIEU /////////////////// */

#milieu{
background:url(../images/fond-milieu.jpg) left top repeat-y;
width:957px;
padding:0px 10px 0px 60px;
}



#milieu2{
background:url(../images/fond-milieu.jpg) left top repeat-y;
width:957px;
height:180px;
padding:0px 10px 0px 60px;
}


#milieu-produits{
background:url(../images/fond-milieu.jpg) left top repeat-y;
width:957px;
padding:0px 10px 0px 60px;
}

/* /////////////////// HOME /////////////////// */
/* /////////////////// moteur /////////////////// */
#moteur{
padding-left:20px;

}
#moteur-home{
padding-left:40px;
}
#moteur-champs{
background:url(../images/moteur/fond-moteur.png) no-repeat;
width:231px;
height:50px;
padding:6px 10px 10px 60px;
margin-top:10px;
behavior: url("/js/iepngfix.htc");
}


#moteur-champs-recherche{
background:url(../images/moteur/fond-moteur-recherche.png) no-repeat;
width:200px;
height:70px;
padding:6px 10px 10px 60px;
margin-top:10px;
behavior: url("/js/iepngfix.htc");
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#005eab;
font-weight:bold;
}

.input-moteur{
width:120px;
}

.go-moteur{
padding:1px 0 0 10px;
width:29px;
height:16px;
}


/* /////////////////// fin moteur /////////////////// */


#visu-home{
position:relative;
float:right;
z-index:2;
}

/* /////////////////// liens /////////////////// */

#liens{
width:960px;
}

#prod-mmt{
float:left;
width:335px;
}

#visu-prod-mmt{
float:left;
padding-right:15px;
}

#prod-mmt h2{
font:10pt Arial, Helvetica, sans-serif;
color:#f0a0a6;
padding:5px 0 5px 0;
}

#lien-prod-mmt{
padding-top:5px;
}

#une{
float:left;
padding-top:15px;
width:360px;
}

#visu-une{
float:left;
padding:0 15px 0 15px;
}

#une h2{
font:9pt Arial, Helvetica, sans-serif;
padding:5px 0 5px 0;
color:#005eab;
}

#recherche-txt {
font-family:arial, Helvetica, sans-serif;
font-size:9px;
color:#005eab;
font-weight:normal;
}

.recherche-txt h2 {
font:13px Arial, Helvetica, sans-serif;
color:#005eab;
font-weight:bold;
}


#lien-une{
padding-top:5px;
}

#club{
	position:relative;
	float:right;
	width:251px;
	height:230px;
 	padding-right:10px;
	margin-top:-80px;
	z-index:999;
}


/* /////////////////// fin liens /////////////////// */

/* /////////////////// fin HOME /////////////////// */

/* /////////////////// IDEES RECETTES HOME /////////////////// */


#rech-rct{
float:left;
}

#type-recettes-hm{
background: url(../images/recettes/fond-type-dessert.png) no-repeat;
width:242px;
height:45px;
padding:35px 0 0 95px;
margin-bottom:10px;
behavior: url("/js/iepngfix.htc");
}

#type-recettes-hm select{
width:230px;
}

#type-recettes-hm h2{
position:absolute;
top:-5000px;
left:-5000px;
}

#produit-recettes-hm{
background: url(../images/recettes/fond-produits.png) no-repeat;
width:242px;
height:37px;
padding:35px 0 0 95px;
behavior: url("/js/iepngfix.htc");
}

#produit-recettes-hm select{
width:230px;
}

#produit-recettes-hm h2{
position:absolute;
top:-5000px;
left:-5000px;
}

#top10-recettes-hm{
float:left;
background:url(../images/recettes/fond-top-10.png) no-repeat;
width:165px;
height:79px;
padding:60px 0 0 143px;
margin:20px 40px 0 40px;
behavior: url("/js/iepngfix.htc");
}

#top10-recettes-hm h2{
position:absolute;
top:-5000px;
left:-5000px;
}

#top10-recettes-hm h3{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
color:#f0a0a6;
padding:0;
}

#contenu-a-propos h1{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#005eab;
margin-left:320px;
}

#contenu-a-propos-droite h2{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#005eab;
padding:0;
}

#contenu-a-propos-droite h3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#005eab;
padding:0;
}


#recette-4m{
float:left;
padding-top:0px;
height:180px;
width:180px;
z-index:998;
}

/* /////////////////// IDEES RECETTES /////////////////// */

#recettes-gauche{
position:relative;
float:left;
}
#milieu-rct-gch{
background-color:#FFFFFF;
width:235px;
padding:10px;
}

#milieu-rct-gch select{
width:160px;
}
#type-recettes{
background:url(../images/recettes/fond-type-dessert.jpg) no-repeat;
width:166px;
height:31px;
padding:27px 0 0 68px;
margin-bottom:30px;
}

#liste-recettes{
width:215px;
height:120px;
margin-bottom:30px;
padding-left:20px;
overflow:auto;
    scrollbar-face-color: #FFDFE2;
    scrollbar-shadow-color: #FFDFE2;
    scrollbar-highlight-color: #FFDFE2;
    scrollbar-3dlight-color: #FDF1F3;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-track-color: #ffffff;
    scrollbar-arrow-color: #ffffff;
}

#liste-recettes a{
color:#f0a0a6;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
text-decoration:none;
}

.liste-recette-active{
list-style-image:url(../images/recettes/fleche-over.gif);
color:#005eab;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
text-decoration:none;
}

#liste-recettes2{
width:215px;
margin-bottom:30px;
padding-left:20px;
}

#liste-recettes2 a{
color:#f0a0a6;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
text-decoration:none;
}

.liste-recette2-active{
list-style-image:url(../images/recettes/fleche-over.gif);
color:#005eab;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
text-decoration:none;
}

.puce-recettes{
list-style-image:url(../images/recettes/fleche.gif);
}

.puce-recettes2{
list-style-image:url(../images/recettes/point.gif);
}


#produit-recettes{
background:url(../images/recettes/fond-produits.jpg) no-repeat;
width:166px;
height:31px;
padding:27px 0 0 68px;
margin-bottom:30px;
}

#recettes-milieu{
position:relative;
float:left;
width:330px;
margin-left:30px;
}

#recettes-milieu2{
position:relative;
float:left;
width:600px;
margin-left:30px;
}

#recettes-milieu h3{
background-color:#005dab;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
height:17px;
color:#FFFFFF;
padding:2px 5px 2px 10px;
margin-bottom:5px;
text-transform:uppercase;
}

#visu-produit-rct{
width:75px;
}

#ingredients-rct{
float:right;
width:245px;
}

#recettes-rct{
margin-top:20px;
}

#pied-milieu-rct{
margin-top:20px;
}

#recettes-droite{
position:relative;
padding-right:50px;
width:265px;
float:right;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#005eab;
}

#recettes-droite h2{
font:10pt Arial, Helvetica, sans-serif;
color:#005eab;
font-weight:bold;
text-transform:uppercase;
}

/* /////////////////// fin IDEES RECETTES /////////////////// */

/* /////////////////// PRODUITS /////////////////// */

#recherches{
margin:10px 0 0 15px;
}

#recherches select{
width:200px;
}

#recherche1{
float:left;
background:url(../images/produits/fond-rech.png) no-repeat;
width:200px;
height:43px;
padding:10px 10px 10px 70px;
behavior: url("/js/iepngfix.htc");
}

#recherche2{
float:left;
background:url(../images/produits/fond-rech.png) no-repeat;
width:200px;
height:43px;
padding:10px 10px 10px 70px;
behavior: url("/js/iepngfix.htc");
}

#logo-gamme{
position:relative;
float:left;
margin-left:10px;
margin-top:-45px;
}

#secrets-fab{
position:relative;
float:left;
margin-left:10px;
margin-top:-30px;
}

#ou-rech{
float:left;
margin:25px 5px 0 5px;
}

#scroll-produits{
/*position:relative;*/
width:920px;
/*overflow:auto;
height:350px;*/
padding-top:20px;
    scrollbar-face-color: #FFDFE2;
    scrollbar-shadow-color: #FFDFE2;
    scrollbar-highlight-color: #FFDFE2;
    scrollbar-3dlight-color: #FDF1F3;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-track-color: #ffffff;
    scrollbar-arrow-color: #ffffff;

}

#contenu-scroll{
position:relative;
width:920px;
margin-left:-10px;
}

.produit{
float:left;
position:relative;
display:inline;
width:300px;
height:350px;
}

.visu-produit{
float:left;
text-align:center;
}

.textes-produits{
float:right;
width:170px;
}
.textes-produits h2{
font:11pt Arial, Helvetica, sans-serif;
color:#005eab;
}

.textes-produits img{
/*position:absolute;
left:50px;
top:150px;
margin-right:5px;*/
float:left;
}

#visu-home-produit{
margin-left:-10px;
}

/* /////////////////// fin PRODUITS /////////////////// */

/* /////////////////// FORMULAIRE /////////////////// */

/* general */

#general-frmlr{
margin-top:20px;
}
#milieu-general-frmlr{
background:url(../images/formulaire/milieu-gl-frmlr.png) repeat-y;
width:896px;
}
#milieu-general-frmlr2{
background:url(../images/formulaire/milieu-gl-frmlr.png) repeat-y;
width:896px;
padding-top:0px;
}

#erreur{
margin-top:10px;
}




/* gauche */


#gauche-frmlr{
float:left;
padding-left:16px;
}

#milieu-gch-frmlr{
background:url(../images/formulaire/milieu-gch-frmlr.png) repeat-y;
width:476px;
}

/* droite */

#droite-frmlr{
float:left;
margin-left:25px;
}
#milieu-drt-frmlr{
background:url(../images/formulaire/milieu-drt-frmlr.png) repeat-y;
width:366px;
padding-left:5px;
}





/* /////////////////// FIN FORMULAIRE /////////////////// */

/* /////////////////// ESPACE PRESSE /////////////////// */

#bloc-prs{
float:left;
margin:0 10px 10px 10px;
}

#milieu-blc-prs{
background:url(../images/espace-presse/milieu-bloc-prs.png) repeat-y;
width:416px;
padding:0 10px 0 10px;
}

#milieu-blc-prs p{
font-size:8pt;
}

#milieu-blc-prs a{
font-size:8pt;
}

#visuel-prs{
float:left;
margin-right:10px;
}

#droite-blc-prs{
float:right;
width:250px;
}

#bloc-pg-prs{
width:611px;
margin:auto;
margin-bottom:10px;
}

#milieu-blc-pg-prs{
background:url(../images/espace-presse/milieu-page-prs.png) repeat-y;
width:571px;
padding:0 20px 0 20px;
}

#visuel-blc-pg-prs{
float:left;
margin:0 30px 15px 0 ;
}

#pagination{
text-align:center;
}

#pagination span{
font-weight:bold;
color:#005eab;
text-decoration:underline;
}

#pagination a{
text-decoration:none;
font-weight:bold;
color:#ce6f76;

}

/* /////////////////// FIN ESPACE PRESSE /////////////////// */




/* /////////////////// DEBUT A PROPOS /////////////////// */

#menu-a-propos{
background-image:url(../images/a-propos/motif-fond.gif);
background-repeat:repeat-y;
width:943px;
margin-left:10px;
margin-top:5px;
}

#menu-a-propos2{
width:360px;
height:40px;
padding-left:300px;
}

#menu-a-propos2 li {
	margin:0;
	padding:0;
	float:left;
}

#menu-a-propos2 li a{
display:block;
behavior: url("/js/iepngfix.htc");
}

#menu-a-propos2 li span{
	position:absolute;
	top:-5000px;
	left:-5000px;
}

.ssmenu-actualites {
	width:122px;
	height:40px;
}


.ssmenu-saga {
	width:125px;
	height:40px;
}


.ssmenu-valeurs {
	width:113px;
	height:40px;
}




#header-a-propos{
background:url(../images/a-propos/fond-header-a-propos.jpg) left top no-repeat;
width:957px;
height:245px;
margin:0;
padding: 0 40px 0 30px;
}

#contenu-a-propos{
position:relative;
background:url(../images/a-propos/fond-milieu-a-propos.jpg) left top repeat-y;
width:987px;
padding:0px 0px 0px 40px;
overflow:auto;
}

#contenu-saga{
position:relative;
background:url(../images/a-propos/fond-milieu-a-propos.jpg) left top repeat-y;
width:988px;
background-color:#FFFFFF;
padding-left:39px;
overflow:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#005eab;
font-weight:bold;
}

#contenu-saga-video{
position:relative;
background:url(../images/fond-milieu.jpg) left top repeat-y;
width:987px;
padding-left:40px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#005eab;
font-weight:bold;
text-align:center;
}

#actu{
margin-top:20px;
}

#contenu-a-propos-gauche{
float:left;
background-color:#FFFFFF;
width:300px;
}

#visuel-gauche{
width:300px;
}

#contenu-a-propos-droite{
float:right;
width:600px;
padding-right:70px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#005eab;
}

#footer-a-propos{
width:1027px;
height:222px;
padding-top:20px;
background:url(../images/a-propos/fond-footer-a-propos.png) left top no-repeat;
text-align:center;
behavior: url("/js/iepngfix.htc");
}

#footer-a-propos p{
color:#FFFFFF;
}

#footer-a-propos a{
font:8pt Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}

#footer-a-propos p span{
font-size:10pt;
}


#ssmenu-valeurs {
width:270px;
padding-left:20px;
}


/* /////////////////// FIN A PROPOS /////////////////// */




/* /////////////////// DEBUT top10 /////////////////// */


#titre-top10{
width:270px;
height:30px;
padding:0px 0px 0px 0px;
}

#titre-top10 h1{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#005eab;
padding:0;
text-transform:uppercase;
}

#contenu-top10{
position:relative;
width:920px;
overflow:auto;
}

.encarts-top10{
float:left;
display:inline;
width:180px;
height:85px;
background-image:url(../images/recettes/top-10/fd-encart-top10.png);
behavior: url("/js/iepngfix.htc");
margin:0px 2px 3px 0px;
}

#visu-encarts-top10{
float:left;
padding-right:15px;
}

#encarts-top10 h2{
font:10pt Arial, Helvetica, sans-serif;
color:#f0a0a6;

}

.vignette-top10{
width:162px;
height:37px;
padding:3px 0px 0px 3px;
}

.textes-top10{
width:160px;
height:32px;
padding:0px 0px 0px 3px;
}

.numero-top10{
float:left;
width:17px;
height:32px;
padding:0px 0px 0px 0px;
color:#FFFFFF;
font:13px Arial, Helvetica, sans-serif;
font-weight:bold;
vertical-align:middle;
line-height:13px;
}

.desc-top10{
float:right;
width:140px;
height:29px;
padding:3px 0px 0px 0px;
font:11px Arial, Helvetica, sans-serif;
color:#005eab;
text-align:center;
}


.desc-top10 a{
font:11px Arial, Helvetica, sans-serif;
color:#005eab;
text-align:center;
text-decoration:none;
}

.desc-top10 a:hover{
font:11px Arial, Helvetica, sans-serif;
color:#005eab;
text-align:center;
text-decoration:underline;
}

.desc-top10 a:visited{
font:11px Arial, Helvetica, sans-serif;
color:#005eab;
text-align:center;
text-decoration:none;
}


/* /////////////////// FIN top10 /////////////////// */


/* ///////////////////FDEBUT mention /////////////////// */


#milieu-general-mentions{
width:896px;
}

#gauche-mentions{
float:left;
background:url(../images/formulaire/milieu-gl-frmlr.png) repeat-y;
padding-left:15px;
font:11px Arial, Helvetica, sans-serif;
color:#005eab;
padding-top:0px;
}
#milieu-gch-mentions{
width:850px;
padding-right:50px;
padding-top:0px;
}

#milieu-gch-mentions h1{
color:#005eab;
font-size:14px;;
}

/* /////////////////// FIN mention /////////////////// */




/* /////////////////// DEBUT espace presse /////////////////// */

#header-espace-presse{
background:url(../images/espace-presse/fond-header-espace-presse.jpg);
background-repeat:no-repeat;
width:957px;
height:197px;
margin:0;
padding: 0 40px 0 30px;
}

/* /////////////////// FIN espace presse /////////////////// */





/* /////////////////// DEBUT astuces /////////////////// */


#header-astuces{
background:url(../images/astuces/fond-header-astuces.jpg);
background-repeat:no-repeat;
width:957px;
height:233px;
margin:0;
padding: 0 40px 0 30px;
}

#contenu-astuces{
position:relative;
background-image:url(../images/astuces/fond-milieu-astuces.jpg);
width:987px;
padding:0px 0px 0px 40px;
overflow:auto;
}



#contenu-fond-bo{
background-image:url(../images/astuces/fond-fruits.jpg);
background-repeat:no-repeat;
width:944px;
overflow:auto;
}

#padding-bo {
padding-left:130px;
min-height:400px;
_height:400px;
}


#contenu-fond-dico{
background-image:url(../images/astuces/visuel-fond-dico.jpg);
background-repeat:no-repeat;
width:944px;
overflow:hidden;
}




#menu-dico{
width:790px;
height:40px;
padding-left:185px;
}



#menu-dico li {
	margin:0;
	padding:0;
	float:left;
	margin-left:5px;
}

#menu-dico li a{
display:block;
behavior: url("/js/iepngfix.htc");
}

#menu-dico li span{
	position:absolute;
	top:-5000px;
	left:-5000px;
}

.ssmenu-ap{
	width:170px;
	height:38px;
}


.ssmenu-bo{
	width:193px;
	height:37px;
}

.ssmenu-dp{
	width:248px;
	height:37px;
}




#footer-astuces{
width:1027px;
height:226px;
padding-top:20px;
background:url(../images/astuces/fond-footer-astuces.png) left top no-repeat;
text-align:center;
behavior: url("/js/iepngfix.htc");
}

#footer-astuces p{
color:#FFFFFF;
}

#footer-astuces a{
font:8pt Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}

#footer-astuces p span{
font-size:10pt;
}



/* /////////////////// FIN astuces /////////////////// */

/* /////////////////// DEBUT dictionnaire /////////////////// */


#contenu-dico{
width:692px;
padding-left:130px;
margin-top:10px;
min-height:450px;
_height:450px;
}




#repet-contenu-dico{
background-image:url(../images/dictionnaire/tableau-dico_03.jpg);
width:692px;
}



#repet-contenu-dico h3{
font-size:12px;
}

#contenu-lettre {
position:relative;
width:690px;
}

#contenu-a {
position:relative;
width:690px;
}

/* /////////////////// DEBUT liens-lettres /////////////////// */







#menu-lettres{
width:672px;
padding-left:20px;
}

#menu-lettres li {
	margin:0;
	padding:0;
	float:left;
}

#menu-lettres li a{
display:block;
behavior: url("/js/iepngfix.htc");
margin-left:15px;
}

#menu-lettres li span{
	position:absolute;
	top:-5000px;
	left:-5000px;
}




.ssmenu-a a{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/A.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-a a:hover{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/A.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-a-active{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/A.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}

.ssmenu-b a{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/B.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-b a:hover{

	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/B.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-b-active{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/B.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}

.ssmenu-c a{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/C.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-c a:hover{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/C.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-c-active{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/C.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}



.ssmenu-d a{
	width:9px;
	height:8px;
	background-image:url(../images/dictionnaire/D.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-d a:hover{
	width:9px;
	height:8px;
	background-image:url(../images/dictionnaire/D.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-d-active{
	width:9px;
	height:8px;
	background-image:url(../images/dictionnaire/D.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}



.ssmenu-e a{
	width:8px;
	height:8px;
	background-image:url(../images/dictionnaire/E.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-e a:hover{
	width:8px;
	height:8px;
	background-image:url(../images/dictionnaire/E.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-e-active{
	width:8px;
	height:8px;
	background-image:url(../images/dictionnaire/E.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}


.ssmenu-f a{
	width:8px;
	height:8px;
	background-image:url(../images/dictionnaire/F.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-f a:hover{
	width:8px;
	height:8px;
	background-image:url(../images/dictionnaire/F.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-f-active{
	width:8px;
	height:8px;
	background-image:url(../images/dictionnaire/F.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}


.ssmenu-g a{
	width:9px;
	height:8px;
	background-image:url(../images/dictionnaire/G.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-g a:hover{
	width:9px;
	height:8px;
	background-image:url(../images/dictionnaire/G.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-g-active{
	width:9px;
	height:8px;
	background-image:url(../images/dictionnaire/G.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}


.ssmenu-h a{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/H.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-h a:hover{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/H.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-h-active{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/H.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}


.ssmenu-i a{
	width:5px;
	height:8px;
	background-image:url(../images/dictionnaire/I.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-i a:hover{
	width:5px;
	height:8px;
	background-image:url(../images/dictionnaire/I.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-fi-active{
	width:5px;
	height:8px;
	background-image:url(../images/dictionnaire/I.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}


.ssmenu-j a{
	width:7px;
	height:8px;
	background-image:url(../images/dictionnaire/J.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-j a:hover{
	width:7px;
	height:8px;
	background-image:url(../images/dictionnaire/J.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-j-active{
	width:7px;
	height:8px;
	background-image:url(../images/dictionnaire/J.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}



.ssmenu-k a{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/K.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-k a:hover{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/K.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-k-active{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/K.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}


.ssmenu-l a{
	width:8px;
	height:8px;
	background-image:url(../images/dictionnaire/L.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-l a:hover{
	width:8px;
	height:8px;
	background-image:url(../images/dictionnaire/L.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-l-active{
	width:8px;
	height:8px;
	background-image:url(../images/dictionnaire/L.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}


.ssmenu-m a{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/M.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-m a:hover{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/M.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-m-active{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/M.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}



.ssmenu-n a{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/N.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-n a:hover{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/N.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-n-active{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/N.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}


.ssmenu-o a{
	width:9px;
	height:8px;
	background-image:url(../images/dictionnaire/O.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-o a:hover{
	width:9px;
	height:8px;
	background-image:url(../images/dictionnaire/O.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-o-active{
	width:9px;
	height:8px;
	background-image:url(../images/dictionnaire/O.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}


.ssmenu-p a{
	width:8px;
	height:8px;
	background-image:url(../images/dictionnaire/P.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-p a:hover{
	width:8px;
	height:8px;
	background-image:url(../images/dictionnaire/P.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-p-active{
	width:8px;
	height:8px;
	background-image:url(../images/dictionnaire/P.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}


.ssmenu-q a{
	width:9px;
	height:10px;
	background-image:url(../images/dictionnaire/Q.gif);
	background-repeat:no-repeat;
	background-position: 0% -10px;
}

.ssmenu-q a:hover{
	width:9px;
	height:10px;
	background-image:url(../images/dictionnaire/Q.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-q-active{
	width:9px;
	height:10px;
	background-image:url(../images/dictionnaire/Q.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}


.ssmenu-r a{
	width:9px;
	height:8px;
	background-image:url(../images/dictionnaire/R.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-r a:hover{
	width:9px;
	height:8px;
	background-image:url(../images/dictionnaire/R.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-r-active{
	width:9px;
	height:8px;
	background-image:url(../images/dictionnaire/R.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}


.ssmenu-s a{
	width:8px;
	height:8px;
	background-image:url(../images/dictionnaire/S.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-s a:hover{
	width:8px;
	height:8px;
	background-image:url(../images/dictionnaire/S.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-s-active{
	width:8px;
	height:8px;
	background-image:url(../images/dictionnaire/S.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}

.ssmenu-t a{
	width:9px;
	height:8px;
	background-image:url(../images/dictionnaire/T.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-t a:hover{
	width:9px;
	height:8px;
	background-image:url(../images/dictionnaire/T.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-t-active{
	width:9px;
	height:8px;
	background-image:url(../images/dictionnaire/T.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}

.ssmenu-u a{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/U.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-u a:hover{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/U.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-u-active{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/U.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}

.ssmenu-v a{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/V.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-v a:hover{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/V.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-v-active{
	width:10px;
	height:8px;
	background-image:url(../images/dictionnaire/V.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}

.ssmenu-w a{
	width:12px;
	height:8px;
	background-image:url(../images/dictionnaire/W.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-w a:hover{
	width:12px;
	height:8px;
	background-image:url(../images/dictionnaire/W.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-w-active{
	width:12px;
	height:8px;
	background-image:url(../images/dictionnaire/W.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}


.ssmenu-x a{
	width:9px;
	height:8px;
	background-image:url(../images/dictionnaire/X.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-x a:hover{
	width:9px;
	height:8px;
	background-image:url(../images/dictionnaire/X.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-x-active{
	width:9px;
	height:8px;
	background-image:url(../images/dictionnaire/X.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}


.ssmenu-y a{
	width:9px;
	height:8px;
	background-image:url(../images/dictionnaire/Y.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-y a:hover{
	width:9px;
	height:8px;
	background-image:url(../images/dictionnaire/Y.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-y-active{
	width:90px;
	height:8px;
	background-image:url(../images/dictionnaire/Y.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}

.ssmenu-z a{
	width:9px;
	height:8px;
	background-image:url(../images/dictionnaire/Z.gif);
	background-repeat:no-repeat;
	background-position: 0% -8px;
}

.ssmenu-z a:hover{
	width:9px;
	height:8px;
	background-image:url(../images/dictionnaire/Z.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
}

.ssmenu-z-active{
	width:9px;
	height:8px;
	background-image:url(../images/dictionnaire/Z.gif);
	background-repeat:no-repeat;
	background-position: 0% 0px;
	behavior: url("/js/iepngfix.htc");
}


/* /////////////////// FIN liens-lettres /////////////////// */


/* /////////////////// FIN dictionnaire /////////////////// */



/* /////////////////// DEBUT recherche /////////////////// */



#header-recherche{
background-image:url(../images/recherche/fond-header-recherche.jpg);
background-repeat:no-repeat;
width:957px;
height:265px;
margin:0;
padding: 0 40px 0 30px;
behavior: url("/js/iepngfix.htc");
}

.menu-contenu-recherche2 {
float:right;
width:160px;
height:20px;
font-size:11px;
color:#df6e77;
padding-top:10px;
text-align:right;
}

a.menu-contenu-recherche {
font-size:11px;
color:#df6e77;
padding-top:10px;
text-decoration:underline;
font-weight:bold;
}

a.menu-contenu-recherche:hover {
font-size:11px;
color:#0060ac;
padding-top:10px;
text-decoration:underline;
font-weight:bold;
}

a.menu-contenu-recherche:visited {
font-size:11px;
color:#005eab;
padding-top:10px;
text-decoration:underline;
font-weight:bold;
}



a.lire-suite  {
font-size:11px;
text-decoration:underline;
font-weight:bold;
color:#005eab;
}

a.lire-suite:hover {
font-size:11px;
text-decoration:none;
font-weight:bold;
color:#005eab;
}

a.lire-suite:visited {
font-size:11px;
text-decoration:none;
font-weight:bold;
color:#005eab;
}

#contenu-numeros{
width:500px;
height:20px;
padding-top:10px;
padding-left:325px;
}

.numeros2{
display:inline;
float:left;
padding-top:0px;
}

#numeros li {	
	display:inline;
	float:left;
	height:20px;
	padding:0px;
	margin:0;
}

#numeros li a{
display:inline;
behavior: url("/js/iepngfix.htc");
padding-left:2px;
padding-right:2px;
padding-top:0px;
}

.numeros a  {
font-size:13px;
text-decoration:none;
font-weight:bold;
color:#df6e77;
padding-top:0px;
}

.numeros a:hover {
font-size:13px;
text-decoration:underline;
font-weight:bold;
color:#005eab;
padding-top:0px;
}

.numeros-active a {
font-size:13px;
text-decoration:underline;
font-weight:bold;
color:#005eab;
}

.numeros-active a:hover {
font-size:13px;
text-decoration:underline;
font-weight:bold;
color:#005eab;
}


/* /////////////////// FIN recherche /////////////////// */



/* /////////////////// footer /////////////////// */


#footer{
width:1027px;
height:226px;
padding-top:20px;
background:url(../images/fond-footer.png) left top no-repeat;
text-align:center;
behavior: url("/js/iepngfix.htc");
}

#footer1{
width:1027px;
height:47px;
padding-top:20px;
background:url(../images/fond-footer-1.png) left top no-repeat;
text-align:center;
behavior: url("/js/iepngfix.htc");
}

#footer2{
width:1027px;
height:159px;
margin:0;
padding:0;
background:url(../images/fond-footer-2.png) left top no-repeat;
text-align:center;
behavior: url("/js/iepngfix.htc");
}

#footer p, #footer1 p{
color:#FFFFFF;
}

#footer a, #footer1 a{
font:8pt Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}

#footer-home p span{
font-size:10pt;
}

/* /////////////////// fin footer /////////////////// */



select.recettes  {
font-family:Arial, Helvetica, sans-serif ;
color:#005DAB ; 
font-size:10px;
font-weight:bold;
}

input.recettes  {
font-family:Arial, Helvetica, sans-serif ;
color:#005DAB ; 
font-size:10px;
font-weight:bold;
}


/* /////////////////// PLAN SITE /////////////////// */

#liste-plan3{
width:450px;
margin-bottom:10px;
padding-left:15px;
}


#liste-plan3 a{
color:#f0a0a6;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
text-decoration:none;
padding-top:5px;
}

#liste-plan3 a:hover{
color:#f0a0a6;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
text-decoration:none;
}


#liste-plan2{
width:250px;
margin-bottom:10px;
padding-left:15px;
}

#liste-plan2 a{
color:#f0a0a6;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
text-decoration:none;
padding-top:5px;
}

#liste-plan2 a:hover{
color:#f0a0a6;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
text-decoration:none;
}
.puce-plan{
list-style-image:url(../images/recettes/fleche-over.gif);
behavior: url("/js/iepngfix.htc");
}

.puce-plan a {
font-size:11px;
color:#005eab;
text-decoration:underline;
font-weight:normal;

}

.puce-plan a:hover {
font-size:11px;
color:#df6e77;
text-decoration:underline;
font-weight:normal;
}

.puce-plan a:visited {
font-size:11px;
color:#005eab;
text-decoration:underline;
font-weight:normal;
}


a.accord:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#0060ac;
	text-decoration:none;
}

a.accord:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#0060ac;
	text-decoration:none;
}

a.accord:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#0060ac;
	text-decoration:none;
}

a.accord:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#0060ac;
	text-decoration:none;
}

.display-videos {
float:left;
display:inline;
margin-left:20px;
margin-right:10px;
margin-top:20px;
width:200px;
height:150px;
font-size:12px;
}

.display-rec {
float:left;
display:inline;
margin:0px;
padding:0px;
}

#quiz-content {
position:relative;
width:100%;
}

#fermer {
position:absolute;
width:600px;
height:400px;
left: 50%;
margin-left:-300px;
top:150px;
z-index:1000;
}