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

/****************************** STYLES GENERAUX **********************************/

	p , a ,li, h1 ,h2, h3{ color:#313438;}
	p{ padding:10px 20px 10px 20px; text-align:justify;}
	img{ border:none;}
	ul{ list-style:none; padding:0 0 0 10px;}
	#contenu li{ text-align:justify; padding:14px 0 0 30px; background:url(../images/integration/li.jpg) left 16px no-repeat;}
	.valider{ cursor:pointer;}
	
	.rouge, p.rouge, h3 .rouge{ color:#ff0000;}
	.barre{ text-decoration:line-through; color:#ff0000;}
	.souligne{ text-decoration:underline;}
	.italic{ font-style:italic;}
	.fluo{ background:#ffff00; padding:0 5px 0 5px;  font-style:italic;}
	.centre{ text-align:center;}
	.vert{ color:#01AC01;}
	.pusher{ clear:both; height:45px;}
	
	#topcontrol{ background:url(../images/integration/up.png) left top no-repeat;}
	#contenu #pres{ font-family:Verdana, Geneva, sans-serif;}
	#contenu #pres p{ line-height:23px;}
	#contenu #pres li{ padding-right:25px;}
	
	.liens{ color:#03C;}

/***************************** BLOC GENERAUX *************************************/

	.gauche{ width:435px; float:left;}
	.droite{ width:350px; float:left; padding-left:35px;}
	.colonne{ width:405px; margin:auto;}
	.colonne p{ padding-right:42px;}
	.colonne ul{ padding-right:42px;}
	#gauche_commande{ width:350px; margin-right:120px;}
	#gauche_autre{ width:350px; margin-right:20px;}
		
	#droite_commande{ width:320px;}
	
	.temoin{ background:url(../images/integration/guillemet.jpg) left top no-repeat; padding-top:30px;}
	.auteur{ text-align:right; background:url(../images/integration/auteur.jpg) right center no-repeat; padding-right:40px;}
	


/**************************** TITRES GENERAUX ***************************************/

	h1{ font-weight:lighter; font-style:italic; margin:auto; width:100%; text-align:center; padding:10px 0 45px 0}
	.gauche h2, .droite h2{ font-weight:100; border:solid #d1d5d9; border-width:0 0 1px 0; margin:10px 0 20px 0;}
	.colonne h2{font-weight:lighter; color:#000; padding:10px; background:#b1b7bf; margin:30px 0 20px 0;}
	.colonne h4{ margin:15px 0 25px 0;}
	.colonne h5{ border:solid #000; border-width:0 0 1px 0;}


/***************************** SQUEEZE ******************************************/

	#rappel{ width:752px; height:92px; background:#545252; margin:0 auto 35px auto;}
	#rappel p{ color:#fff;}
	#rappel2{width:752px; height:92px; background:#545252; margin:35px auto 35px auto;}
	#rappel2 p{ color:#fff;}
	.gauche #bloc_video{ width:435px; height:426px; background:#6e737a;}
	.gauche #bloc_video #titre{ font-style:italic; font-size:13px;}
	.gauche #bloc_video #ventes { padding-top:220px; padding-right:150px;}
	.gauche ul{ padding-right:20px;}
	
	.formulaires{  width:363px; height:447px; padding:15px 40px 0 15px; background:url(../images/integration/formulaire2.jpg) left top no-repeat; float:left; margin:0 0 0 0px;}
	.formulaires:hover{ background-position:left bottom;}
	.formulaires p{ padding-left:5px; padding-right:5px; color:#313438;}
	.formulaires h3{ color:#000; text-decoration:underline; padding-bottom:2px;}
	.formulaires label{ color:#313438; font-size:19px; padding:10px 0 4px 0; display:block;}
	.formulaires input{ height:30px; width:360px; border:1px solid #bcbdbd; font-size:20px;}
	.formulaires input#valider_etapes{ width:246px; height:64px; background:url(../images/integration/bt_squeeze.jpg) left top no-repeat; border:0; margin:17px 0 0 55px;}
	.formulaires input#valider_etapes:hover{background-position:left bottom;}
	#formulaires_bas{ margin:55px auto 0 auto; width:402px;}
	
	#squeeze_video2{ width:425px; height:442px; padding:20px 0 0 20px; background:url(../images/integration/squeeze_video2.jpg) left top no-repeat; float:left;}
	.texte_center{  font-style:italic; padding:0 0 0 4px;}
	#squeeze_video2 #fleche_vid{ width:109px; height:25px; background:url(../images/integration/fleche_vid.jpg) left top no-repeat; position:absolute; margin:-45px 0 0 345px;}
	#squeeze_video2 #video{ margin:0 0 0 20px;}
	
	#bloc1{ padding:50px 0 0 0px;}
	#bloc1 #bloc1_gauche{ width:460px; float:left;}
	#bloc1 #bloc1_gauche ul li{ font-size:18px;}
	#bloc1 .bloc_temoignages{ width:255px; float:left; padding:0 0 0 95px;}
	#bloc1 .bloc_temoignages .auteur{ padding-bottom:2px; padding-right:0px; padding-top:5px; background:url("../images/integration/guillemet.jpg") no-repeat scroll left top transparent;}
	#bloc1 .bloc_temoignages .temoin{ padding-bottom:0; background:url(../images/integration/temoin_squeeze.jpg) left top no-repeat; width:265px; padding:20px 10px 5px 10px; margin-top:8px; margin-bottom:0px;}
	#bloc1 .bloc_temoignages .squeeze_temoin_bas{ width:285px; background:url(../images/integration/temoin_squeeze_bas.jpg) left top no-repeat; height:10px; margin-bottom:35px;}
	#bloc1 .bloc_temoignages .auteur#avecphoto{ background:url(../images/contenu/guillemet_tete.jpg) left top no-repeat; padding-top:36px;}
	#bloc1 .bloc_temoignages .attention{ padding-bottom:0; background:#ecdbdb; left top no-repeat; width:265px; padding:20px 10px 5px 10px; margin-top:8px; margin-bottom:0px;}

	#annonce{ width:560px; margin:auto; padding:55px 0 30px 0;}
	
/*************************** PRESENTATION *******************************************/

	.colonne ul { margin:30px 0 30px 0;}
	.colonne p.liens{ text-align:center; padding-top:35px; padding-bottom:30px;}
	
	#bloc_temoin{ width:326px; padding:50px 28px 0 20px; background:url(../images/integration/bloc_temoin.jpg) left top no-repeat; margin:40px 0 0 10px;}
#bloc_temoin_bas{ width:374px; height:12px; background:url(../images/integration/bloc_temoin_bas.jpg) left top no-repeat; margin:0 0 40px 10px;}
#bloc_temoin img{ float:right; padding:0 0 10px 25px;}
#bloc_temoin .auteur_temoignage{ text-align:right;}


/*************************** COMMANDE FORMULE*****************************************************/

	.etape{padding-left:35px; padding-right:90px; padding-top:20px;}
	#etape1{ background:url(../images/integration/etape1.jpg) left top no-repeat;}
	#etape2{ background:url(../images/integration/etape2.jpg) left top no-repeat;}
	#etape3{ background:url(../images/integration/etape3.jpg) left top no-repeat;}
	#etape4{ background:url(../images/integration/etape4.jpg) left top no-repeat;}
	#bloc_commande span.left{ color:#fff; padding:0 0 0 5px; width:180px; display:block; float:left;}
	#bloc_commande input.radio{ float:left; margin-top:4px;}
	#bloc_commande .formule{ padding:10px;}
	#bloc_commande .formule .vert{text-align:right; display:block; padding-right:10px;}
	#bloc_commande .formule:hover{ cursor:pointer; background:#eee;};



/************************** BLOC CHRONO ****************************************************/

	#bloc_chrono{ width:391px;}
	#bloc_chrono{ background:red; background:url(../images/integration/promo.jpg) left top no-repeat; padding:60px 0 0 0; height:156px;}
	#bloc_chrono span{ font-size:35px;}
	#bloc_chrono span#prix_old{ padding:0 25px 0 100px; font-size:26px;}
	#bloc_chrono p#chrono{ color:#000; font-size:21px; padding:55px 0 0 55px;}

/************************** BLOC TEMOIGNAGE **********************************************/

	.bloc_temoignage{ width:380px; background:url(../images/integration/bloc_temoignage.jpg) left top no-repeat; padding:20px 10px 0 10px; margin:auto;}
	.bloc_temoignage img{ float:right; padding:0 15px 5px 20px;}
	.bloc_temoignage p{ font-style:italic; color:#fff;}
	.bloc_attentiontemoignage p{ font-style:italic; color:#505261;}
	.bloc_temoignage_bas{ width:391px; height:43px; background:url(../images/integration/bloc_temoignage_bas.jpg) left top no-repeat; margin:auto;}
	.msn span{ background:url(../images/integration/msn.jpg) left top no-repeat; padding-left:30px; padding-top:3px;}
	.msn{ color:#000;}


/************************** BLOC RESUME *******************************************************/

	#bloc_resume{ width:353px; padding:15px 20px 15px 7px; margin:auto; background:url(../images/integration/bloc_recap.jpg) left top no-repeat;}
	#bloc_resume h3{ background:url(../images/integration/h3.jpg) left top no-repeat; padding:19px 0 0 45px; height:45px; color:#fff; font-weight:100; font-size:16px; margin:0 0 10px 0;}
	#bloc_resume h3.decal{ padding:12px 0 0 45px; line-height:14px; font-size:16px;}
	#bloc_resume p{ color:#000; font-style:italic;}
	#bloc_resume img{ float:left; padding:0 15px 15px 0;}
	#bloc_resume_bas{  width:373px; height:10px; background:url(../images/integration/bloc_recap_bas.jpg) left top no-repeat; margin:0 0 0 12px;}

/************************ BLOC COMMANDE *****************************************************/

	#bloc_commande{ width:301px; padding:40px 0 0 0; background:url(../images/integration/bloc_resume2.jpg) left top no-repeat;}
	#bloc_commande ul{ padding-left:15px; padding-right:15px;}
	#bloc_commande p, #bloc_commande li{ color:#000;}
	#bloc_commande_bas{ width:301px; height:18px; background:url(../images/integration/bloc_commande_bas.jpg) left top no-repeat; margin-bottom:40px;}
	#bloc_commande_bas .fleche,{ width:42px; height:130px; background:url(../images/integration/fleche.jpg) left top no-repeat; display:block; position:absolute; margin:0 0 0 310px;}
	#bloc_commande a.tTip{ width:29px; height:27px; background:url(../images/integration/aide.jpg) left top no-repeat; display:block; margin:-38px 0 0 271px;}
	#bloc_commande a.tTip:hover{ cursor:pointer;}
	
	
/***********************BLOC CONTACT ****************************************************************/

#bloc_contact{ background:#545252; padding:20px; margin:30px 0 30px 0;}
#bloc_contact label{ color:#fff; display:block;}
#bloc_contact input{ width:295px; height:25px; margin-bottom:8px; font-size:20px; padding-left:10px; border:1px solid #858181;}
#bloc_contact textarea{ width:295px; height:100px; padding-left:10px;}
#bloc_contact #contact_envoyer{ width:101px; height:31px; background:url(../images/integration/bt_envoyer.jpg) left top no-repeat; margin:10px 0 0 0; display:block;}
#bloc_contact #contact_envoyer:hover{ background-position:left bottom; cursor:pointer;}

/*************************** BLOC PAIEMENT *************************************************/
#bloc_paiement{ width:391px; background:url(../images/integration/bloc_paiement.jpg) left top no-repeat; padding:45px 0 0 0;}
#bloc_paiement_bas{ width:391px; height:24px; background:url(../images/integration/bloc_paiement_bas.jpg) left top no-repeat; margin-bottom:60px;}
#bloc_paiement p{ color:#fff;}
#bloc_paiement img{ float:left; padding:15px 15px 5px 20px;}
#bloc_paiement .choix_paiement{ width:213px; height:58px; background:url(../images/integration/bt_choix_paiement.jpg) left top no-repeat; display:block; margin:auto;}
#bloc_paiement .choix_paiement:hover{ background-position:left bottom;}
#bloc_paiement_bas .fleche{width:42px; height:130px; background:url(../images/integration/fleche.jpg) left top no-repeat; display:block; position:absolute; margin:0 0 0 400px;}
h3.etape0{ color:#000; border:none; padding-bottom:5px; padding-top:7px; font-size:17px; padding-left:35px; margin-bottom:5px; background:url(../images/integration/etape.jpg) left bottom no-repeat; }


/***************************COMMANDE INFORMATIONS *************************************************/

	#bloc_commande.infos label{color:#fff; height:24px; padding-top:3px; font-size:16px; width:90px; display:block; float:left; text-align:right; padding-right:6px;}
	#bloc_commande.infos input{background:#fff; border:1px solid #8b8c8e; height:27px; font-size:18px; width:180px; margin-bottom:10px;}
	#bloc_commande .formule strong{ padding-left:8px;}
	#bloc_commande #reglement{ width:235px; height:58px; background:url(../images/integration/bt_reglement.jpg) left top no-repeat; margin:auto; display:block; border:none;}
	#bloc_commande #reglement:hover{ background-position:bottom; cursor:pointer;}
	
/*******************************  FAQ  ********************************************************************/

h2.faq{ border:none; text-decoration:underline; padding-left:15px; padding-right:0px; padding-bottom:0; margin-bottom:0; color:#333; background:none; margin-top:0;}
.faq_titre{ width:370px; background:url(../images/integration/faq.jpg) left top no-repeat; padding:5px 0 0 0; margin:35px 0 0 0;}
.faq_titre_bas{ width:370px; height:29px; background:url(../images/integration/faq_bas.jpg) left top no-repeat;}


/*************************************** COMANDE ***********************************************/
.gauche #commande_gauche p,.gauche #commande_gauche ul{ padding:0 40px 0 30px;}
.gauche #commande_gauche h2,.h2commande{ padding-top:20px; margin-bottom:40px;}
.droite #commande{ padding:0 0 0 70px;}
.resume_commande3{ width:302px; background:url(../images/integration/bloc_resume2.jpg) left top no-repeat; padding:2px 0 10px 0;}
.resume_bas_commande{ width:372px; height:23px; background:url(../images/integration/bloc_resume_bas2.jpg) left top no-repeat; margin-bottom:45px;}
.resume_commande3 .marge{ padding:20px 20px 0 20px;}
.resume_commande3 a.tTip{ width:29px; height:27px; background:url(../images/integration/aide.jpg) left top no-repeat; display:block; margin:0 0 0 271px;}
.resume_commande3 a.tTip:hover{ cursor:pointer;}
.resume_commande3 #radio1,.resume_commande3 #radio2 ,.resume_commande3 #radio3{ padding:5px 0 5px 10px; margin:5px 0 0 0; width:290px;}
.resume_commande3 #radio1 span, .resume_commande3 #radio2 span, .resume_commande3 #radio3 span{ color:#687180; padding:5px 0 0 10px;}
.resume_commande3 #radio1 #p1, .resume_commande3 #radio2 #p2, .resume_commande3 #radio3 #p3{ width:172px; display:block; float:left;}
.resume_commande3 #radio1 #v1, .resume_commande3 #radio2 #v2, .resume_commande3 #radio3 #v3{ text-align:right;width:79px; display:block; float:left;}
.resume_commande3 .radio{float:left; margin:5px 0 0 0;}
.resume_commande3 #radio1 .vert, .resume_commande3 #radio2 .vert, .resume_commande3 #radio3 .vert{ color:#000; font-weight:bold;}
.resume_commande3 #radio1:hover,.resume_commande3 #radio2:hover,.resume_commande3 #radio3:hover{ background:#eee; cursor:pointer;}
.resume_commande3 label{ width:85px; display:block; float:left; text-align:right; padding:0 10px 0 0;}
.resume_commande3 input{ height:25px; margin-bottom:3px;}
.resume_commande3 .rouge2{ color:#ff0000; text-decoration:line-through;}
.resume_commande3 #_radio1, .resume_commande3 #_radio2, .resume_commande3 #_radio3{ padding:0 15px 0 10px; width:275px;}
.resume_commande3 #_radio1 p, .resume_commande3 #_radio2 p, .resume_commande3 #_radio3 p{ padding-left:25px;}
.resume_commande3 strong{ color:#000; padding:7px 0 0 23px; display:block;}
.resume_commande3 #_radio1:hover,.resume_commande3 #_radio2:hover,.resume_commande3 #_radio3:hover{ background:#eee; cursor:pointer;}
.resume_commande3 #reglement{ width:253px; height:58px; background:url(../images/integration/bt_reglement.jpg) left top no-repeat; border:none; margin:15px 0 0 13px;}
.resume_commande3 #reglement:hover{cursor:pointer;}
.resume_bas_commande .fleche{ width:34px; height:152px; background:url(../images/integration/fleche.jpg) left top no-repeat; position:absolute; margin:-10px 0 0 320px;}
.bloc_paiement_bas .fleche{ width:34px; height:152px; background:url(../images/integration/fleche.jpg) left top no-repeat; position:absolute; margin:-10px 0 0 480px;}
h4.etape1{ color:#000; border:none; padding-bottom:0; font-size:17px; padding-left:35px; margin-bottom:5px; background:url(../images/integration/etape1.jpg) left bottom no-repeat; }
h4.etape2{ color:#000; border:none; padding-bottom:0; font-size:17px; padding-left:35px; margin-bottom:5px; background:url(../images/integration/etape2.jpg) left bottom no-repeat; }
h4.etape3{ color:#000; border:none; padding-bottom:0; font-size:17px; padding-left:35px; margin-bottom:5px; background:url(../images/integration/etape3.jpg) left bottom no-repeat; }
h4.etape4{ color:#000; border:none; padding-bottom:0; font-size:17px; padding-left:35px; margin-bottom:5px; background:url(../images/integration/etape4.jpg) left bottom no-repeat; }
h4.etape0{ color:#000; border:none; padding-bottom:0; font-size:17px; padding-left:35px; margin-bottom:5px; background:url(../images/integration/etape.jpg) left bottom no-repeat; padding-top:12px; }

/**************************************** CHEQUE **************************************************/
#somme_rempli_cheque{ color:red; font-weight:bold; position:absolute; margin:69px 0 0 275px; color:#006;}
#lettre_rempli_cheque{ color:green; font-weight:bold; position:absolute; margin:53px 0 0 120px; font-size:12px; color:#006;}