@charset "utf-8";

/* etoile signifie tous  */
* {
	margin:0;
	padding:0;
	border: none;
}


body {
margin: auto; /* Pour centrer */
background-color:#000000;
}

#conteneur{
	background-color:#FFFFFF;
	width: 970px;
	padding: 0;
	margin: 0;
	margin: auto; /* Pour centrer */
}

/* L'en-tête */
#en_tete {
width: 980px;
height: 90px;
background-color:#000000;
}

/* logo */
#logo{
background-image:url(img/Mag_litt/logo_maglit.jpg);
background-repeat:no-repeat;
width:300px;
height:55px;
margin-top:18px;
}

#basline_image{
width:970px;
height:22px;
background-image:url(img/Mag_litt/fond_basliline.jpg);
background-repeat: repeat-x;
margin-top:13px;
}


/*pas boudure */
a img {
border : none; 
}

/*file ariane */
.fileariane{
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	border-bottom: 2px solid #AE171E;
	width:468px;
	padding-top: 0px;
	margin-top: 0px;

}

/*strong file ariane */
.fileariane strong{
font-family: Helvetica,Arial,sans-serif;
color:#AE171E;
font-size:12px;

}

#corps{
	background-color:#ffffff;
	border:none;
	margin-bottom:32px;
	width:468px;
	margin-left:222px;
	padding-top: 30px;
}



/* p dans corps*/
.explication{
font-family:"Times New Roman",Times,serif;
font-weight:normal;
background-color:transparent;
background-image:url(img/Mag_litt/picto_.gif);
background-position:0 18px ;
background-repeat:no-repeat;
padding-left:14px;
color:#000000;
font-size:22px;
font-weight:normal;
padding-top:10px;
padding-left:15px;
}


/* span dans p qui est dans corps*/
.explication span{
font-family:Helvetica,Arial,sans-serif;
line-height:20px; /* entre les lignes verticalement*/
color:#000000;
font-size:12px;
line-height:20px;
padding-bottom:8px;
padding-top:5px;
}

#boxformulaire{
	width:468px;
	margin-left:222px;

}



input, textarea{
font-family: "Times New Roman", Times, serif; /* modifie la police du texte tapé l'intérieur des champs */
border: solid 1px #000000;
}

input.checkbox, input.radio{
border: none;
}
 
input:focus, textarea:focus{ /* Change la couleur, quand le curseur est sur un champ (ne marche pas sur IE) */
	background-color: #FFFF99;
	font-size:14px;
	font-family:Helvetica,Arial,sans-serif;
	border: solid 1px #000000;
}

 /*les questions */
label{
color:#000000; 
font-size:14px;
font-family:Helvetica,Arial,sans-serif;
line-height:20px; /* entre les lignes verticalement*/
}


/*question, question2... */
legend 
{
color: #D47616;
font-size:14px;
font-family: Helvetica,Arial,sans-serif;
margin:0;
margin-top:0px; 
 }

/* intitulé question titres des fieldset */
.questions{
	font-family:"Times New Roman",Times,serif;
	background-color:transparent;
	color:#000000;
	padding-left:15px;
	font-size:20px;
	font-weight:normal;
	padding-top: 15px;
	margin-bottom:8px;
}

/*img{
background-color:#336666;
margin-top:10px;
float:left;
}
*/
#question_estimation{

text-align:center;
padding-bottom:8px;

}

label{

}

input{
margin-left:16px;
}


/*h1 */
h1{
	background-color:#DD0019;
	height:30px;
	width:468px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#FFFFFF;
	font-size:24px;
	font-weight:normal;
	letter-spacing:-1px;
	margin-bottom:0;
	padding-bottom:0;
	padding-left:1px;
	padding-top:3px;
	margin-bottom:8px;
}


h2{
/*background-color:#DD0019;*/
border-top:#DD0019 solid  3px;
font-family:Georgia, "Times New Roman", Times, serif;
margin-top:10px;
color:#000000;
display:block;
font-weight:lighter;
letter-spacing:-1px;
padding-bottom:0;
padding-left:0;
padding-top:2px;

font-size:20px;
font-weight:normal;
padding-top:10px;
}


h3{
background-color:#000000;
color:#FFFFFF;
display:block;
font-size:21px;
font-weight:lighter;
letter-spacing:-1px;
padding-bottom:0;
padding-left:0;
padding-top:2px;
margin-bottom:10px;
line-height:20px; /* entre les lignes verticalement*/
}

fieldset{
background-color:#FFFFFF;
border:none;
margin-bottom:60px;
}

fieldset p{
	font-family:"Times New Roman",Times,serif;
	color:#FFFFFF;
	margin-left:0px;
	background-color: #DD0019;
}

#image{
float:right;
width:60px;
height:60px;
background-image:url(crochet_noir.gif);
background-repeat:no-repeat;
margin-top:-75px;
}


/* boite de droite */
#boxdreoite{
	width:250px;
	float:right;
	margin-right:12px;
	border:none;
	margin-bottom:30px;
	padding-top: 30px;
}


/* boite de droite celle du BAS */
#boxhaut{
	border:none;
	margin-bottom:14px;
	background-image:url(img/Mag_litt/fond-3.jpg);
	border:solid 1px;
	/*border: 1px solid #AE171E;
border-top: solid 1px #CCCCCC;
border-left: solid 1px #CCCCCC;
border-bottom: solid 1px #333333;
border-right: solid 1px #333333;
*/
width:250px;
}

.boite_interne_droit2{

}

#boxhaut p{
background-image:url(img/Mag_litt/picto_.gif);
background-repeat:no-repeat;
padding-left:12px;
background-position: 0 4px;
font-weight:normal;
font-family:"Times New Roman",Times,serif;
font-size:16px;
}

.boite_interne_droit{
background-image:url(img/Mag_litt/crochet_noir.gif);
background-repeat:no-repeat;
background-position:right bottom;
border:none;
}

#couverture{
margin:auto;
text-align:center;
background-image:url(img/Mag_litt/fond-3.jpg);
}

#couverture img{
margin-top:10px;
margin-bottom:10px;




}

#couverture p{
font-family:"Times New Roman",Times,serif;
color:#000000;
font-weight:normal;
padding-top:10px;
font-size:16px;
background-image:url(img/Mag_litt/picto_.gif);
background-repeat:no-repeat;
background-position:0 10px ;
padding:5px;
}

/* boite de droite celle du BAS */
#boxbas{
background-color:#FFFFFF;
border:none;
margin-bottom:40px;
margin-bottom:40px;

/*border-top: solid 1px #CCCCCC;
border-left: solid 1px #CCCCCC;
border-bottom: solid 1px #333333;
border-right: solid 1px #333333;
*/
width:192px;
}

.les_cadeaux{
	padding:5px;
	color:#333333;
	font-size:15px;
	font-family:"Times New Roman",Times,serif;
	font-weight:normal;
	background-color: #FFFFFF;
	border: none;
 
}

.les_cadeaux span{
color:#000000;
font-weight:bold;
font-family:"Times New Roman",Times,serif;
padding:5px;
background-image:url(img/Mag_litt/picto_.gif);
background-repeat:no-repeat;
padding-left:12px;
background-position: 0 15px;

padding-top:10px;
font-size:16px;

}

.les_cadeaux a{
margin:auto;
text-align:center;
color:#AE171E;
font-weight:normal;
font-size:14px;
font-family:"Times New Roman",Times,serif;
}

#valider{
background-image:url(img/Mag_litt/valider_mag_litt.jpg);
width:150px; 
height:25px; 
margin-left:245px;
margin-bottom:30px;
margin-top:6px;
margin-left:159px;
}


.lien_produit{
text-align:center;
font-size:14px;
font-family:"Times New Roman",Times,serif;
color:#660033;
padding-bottom:15px;
}

.lien_produit span{
}

.lien_produit a{
color:#AE171E;
font-weight:bold;
font-size:14px;
font-family:"Times New Roman",Times,serif;
}



.boite_dans_boite{
	background-image:url(img/Mag_litt/crochet_noir.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding-bottom: 20px;
	margin-bottom: 15px;




/*border-top: solid 1px #CCCCCC;
border-left: solid 1px #CCCCCC;
border-bottom: solid 1px #333333;
border-right: solid 1px #333333;
padding:6px;
margin-top:1px;
margin-bottom:35px;*/
}

#fond_q1 img{
background-color:#009933;
float:right;
}

#fond_q2 img{
background-color:#009933;

float:right;
}

#fond_q4 img{
background-color:#009933;
float:right;
}