body{
background:url(../images/fond.jpg);
width:1024px;
margin:0 auto;

}
img{
border:none;
}
.btn-commence,.btn-valide-quizz,.btn-valide-quizz,.jinvite{
cursor:pointer;
}
.errormsg{
font-family:Tahoma;
color:red;
}
.content{
width:843px;
background:url(../images/fond_content.jpg);
margin:0 auto;
text-align:center;
}

.cliche_g{
background:url(../images/cliche_g.jpg) no-repeat;
width:243px;
height:203px;
float:left;
margin:0px;
}
.nocliche_g{
width:243px;
height:203px;
float:left;
margin:0px;
}
.cliche_d{
background:url(../images/cliche_d.jpg) no-repeat;
width:256px;
height:203px;
float:left;
margin:0px;
}
.bravo{
width:256px;
height:203px;
float:left;
margin:0px;
}
.bravo img{
position:relative;
top:45px;
}
.natilloo{
background:url(../images/natilloo.jpg) no-repeat;
width:344px;
height:203px;
float:left;
margin:0px;
}
.cliche_g1{
background:url(../images/cliche_g1.jpg) no-repeat;
width:243px;
height:83px;
float:left;
margin:0px;
}
.nocliche_g1{
width:243px;
height:83px;
float:left;
margin:0px;
}
.cliche_d1{
background:url(../images/cliche_d1.jpg) no-repeat;
width:256px;
height:83px;
float:left;
margin:0px;
}
.nocliche_d1{
width:256px;
height:83px;
float:left;
margin:0px;
}
.logo{
/*background:url(../images/logo.jpg) no-repeat;*/
width:344px;
height:83px;
float:left;
margin:0px;
}
.tete{
width:843px;
height:20px;
}
.tete img{
/*margin-left:1px;*/
}
.entete{

}
/******page index******/
.base{
background:url(../images/base.jpg) no-repeat;
width:843px;
height:37px;
}
.notes{
font-family:Tahoma;
font-size: 10px;
color: #868686;
padding-left:65px;
padding-right:50px;
text-align:left;
}
.notes a{
font-family:Tahoma;
font-size: 10px;
color: #868686;
}
h1{
font-family:Tahoma;
font-size:37px;
color:#6d961e;
}
p{
font-family:Tahoma;
color:#868686;
}
.vousetes{
font-size:22px;
}
.grace{
font-size:15px;
font-weight:bold;
}
.bebe{
float : left;
padding-left:20px;
}

.indexformu{
width:843px;
}
.clear{
clear:both;
}
.champmail{
border:1px solid #6d961e;
width:180px;
height:20px;
}
.votreadresse{
font-size:22px;
position:relative;
top:5px;
}
.pourrecev{
font-size:15px;
font-weight:bold;
position:relative;
top:8px;
}
.btn-commence{
border:none;
background:url(../images/jecommence.jpg);
width:351px;
height:72px;
}
.votremail{
margin-right:60px;
}
input{
font-family:Tahoma;
vertical-align:middle;
}
/*******page quizz*******/
.milieu-quizz{
text-align:left;
}
.milieu-quizz h1{
text-align:center;
}
.futuremaman{
font-size:14px;
}
.validation-advice{
font-family:Tahoma;
font-size: 14px;
font-weight:normal;
color:red;
margin-top:5px;
}
.quizz{
padding-left:124px;
padding-right:100px;
}
.question{
font-family:Tahoma;
font-size: 18px;
color:#868686;
font-weight:bold;
margin-bottom:16px;
}
.q{
color:#6d961e;
}
.reponse{
font-family:Tahoma;
font-size: 13px;
color:#868686;
padding-left:45px;
}
.bebepomme{
padding-left:10px;
float:left;
}
.btn-valide-quizz{
border:none;
background:url(../images/jedecouvre.jpg);
width:438px;
height:82px;
}
.validation_quizz{
text-align: center;
}
.bouton_quizz{
padding-top:50px;
padding-right:20px;
}
/*****page filleul******/
.repmaman{
font-family:Tahoma;
font-size: 28px;
color:#87c60c;
font-weight:bold;
text-align:left;
}
.repimage{
text-align:left;
float:left;
margin-right:8px;
}
.repmessage{
text-align:justify;
font-family:Tahoma;
font-size: 18px;
color:#868686;
/*font-weight:bold;*/
}
.repcadeau,.invitation{
margin-top:12px;
text-align:justify;
font-family:Tahoma;
font-size: 18px;
color:#868686;
/*font-weight:bold;*/
}
.invitation{
padding-right:130px;
padding-left:130px;
}
.resultat{
font-family:Tahoma;
font-size: 18px;
color:#868686;
padding-right:130px;
padding-left:130px;
}
.pourvousvert{
font-family:Tahoma;
font-size: 18px;
color:#6d961e;
font-weight:normal;
}
.gras{
font-weight:bold;
}
.cadeauvert,.cadeauvert a ,.cadeauvert a:visited ,.cadeauvert a:link {
font-weight:bold;
color:#6d961e!important;
}
.filleulformu{
margin-left:20px;
margin-top:30px;
}
.jinvite{
border:none;
background:url(../images/jinvite.jpg);
width:352px;
height:64px;
margin-top:30px;
}
.champfilleul{
border:1px solid #6d961e;
/*height:25px;*/
width:178px;
margin-left:15px;
margin-right:15px;
margin-top:5px;
margin-bottom:5px;
}
.listeadresse{
text-align:center;
margin-right:100px;
}
/********page formuaire********/
.milieu-formu p,.formu{
padding-left:110px;
padding-right:100px;
font-family:Tahoma;
font-size: 17px;
font-weight:bold;
color:#868686;
}
.formu{
text-align:left;
}
.formu input{
/*border:1px solid #868686;*/
}
.civ{
padding-left:45px;
}
.inom{
padding-left:75px;

}
.inom input,.iprenom input,.iemail input,.icode input,.iville input{
width:190px;
}
.iadresse{
padding-left:45px;
}
.iadresse input{
width:480px;
}
.icode{
padding-left:12px;
}
.iville{
padding-left:27px;
}
.idate{
padding-left:45px;
}
.idate2{
padding-left:215px;
}
.gauche{
float:left;
/*margin-right:22px;*/
}
.droite{
float:right;
margin-right:24px;
}