/*
-------------------------
 Pseudo Class 
------------------------- 
 */
body
{
	background: #0b0c1e;
    margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.body_popup
{
	background:#FFFFFF;
}
	
h3
{
	font-size:15px;
	color:#4b4e51;	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}
	
h4
{
	font-size:13px;
	color:#4b4e51;	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	text-align:left;
}
	
h5
{
	font-size:13px;
	margin-top:45px;
	color:#4b4e51;	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:underline;
}

h6
{
	font-size:20px;
	color:#4b4e51;	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	text-decoration:underline;
}

h1
{
	position:relative;
	z-index:3;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#fff;
}

hr
{
	position:relative;
	z-index:4;
	margin-top:5px;
	border: solid 1px #ebeff3;
}
	
a img
{
	border: none;
}

li
{
	line-height:1em;
}

/*
-------------------------
 Architecture texte 
------------------------- 
 */
 
.lien a:link { color: #4b4e51; text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;}
.lien a:visited{color: #4b4e51;  text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;}
.lien a:hover{color: #4b4e51; text-decoration: underline ;	font-family: Verdana, Arial, Helvetica, sans-serif;}

.taille10
{
	 font-size:10px;
}

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

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

.code
{
	font-size:12px;	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#3654C3;
	font-weight:bold;
}  
  
.img_gauche
{
	float:left;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:10px;
	margin-top:5px;
	text-align:center;
	font-size:11px;
	/*border:solid 1px #793d6a;*/
	
}

.img_droite
{
	text-align:center;
	font-size:11px;
	float:right;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:0px;
	margin-top:5px;
	/*border:solid 1px #793d6a;*/
}

.img_centre
{
		font-size:11px;
		text-align:center;
		font-size:10px;
}

 
 
 /*
-------------------------
--------------------------------------------------
------------------------- 
 */
/*
-------------------------
 Architecture Graphique 
------------------------- 
 */
.gen
{
	width:994px;
	height:100%;
	margin:auto;
	margin-top:10px;

}
	
.haut
 {
	position:relative;
	z-index:3;
	float:left;
	width:994px;
	margin-top:-213px;
}

.gauche{
	float:left;
	position:relative;
	z-index:5;
	width:160px;
	margin-top:-10px;
	margin-left:17px;
}
	
.dessous_corps{
	float:left;
	width:994px;
	text-align:left;
	height:auto;
	background-image:url(../graphisme/architecture/dessous-corps.jpg);
	background-repeat:repeat-y;
	z-index:0;
	}
	
.bas{
	clear:both;
	text-align:left;
	padding-left:40px;
	width:994px;
	background-image:url(../graphisme/architecture/bas.jpg);
	height:31px;
	padding-top:11px;
	font-size:11px;
	background-repeat:no-repeat;
	}
	
.bas a:link { color: #fff; text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;}
.bas a:visited{color: #fff;  text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;}
.bas a:hover{color: #fff; text-decoration: underline ;	font-family: Verdana, Arial, Helvetica, sans-serif;}

.flashcontent{
	position:relative;
	z-index:0;
}
.menu_texte
{
	position:relative;
	z-index:4;
	height:70px;
	margin-left:450px;
	margin-top:-70px;
	color:#FFF;
	font-size:10px;	
}

.menu_texte a:link { color: #FFF; text-decoration:none;font-family}
.menu_texte a:visited{color: #FFF;  text-decoration:none;font-family}
.menu_texte a:hover{color: #FFF; text-decoration: none; font-family}

.menu_haut_g{
	margin-top:224px;
	margin-left:600px;
	font-size:12px;
	word-spacing:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.menu_haut_g a:link { color: #373535; text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;}
.menu_haut_g a:visited{color: #373535;  text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;}
.menu_haut_g a:hover{color: #373535; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;}

.menu_haut_d{
	margin-top:18px;
	margin-left:445px;
	font-size:15px;
	word-spacing:13px;	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.menu_haut_d a:link { color: #4b4e51; text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;}
.menu_haut_d a:visited{color: #4b4e51;  text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;}
.menu_haut_d a:hover{color: #4b4e51; text-decoration: none;	font-family: Verdana, Arial, Helvetica, sans-serif;}


.corps{
	position:relative;
	height:213px;
	background-image:url(../graphisme/architecture/fond-corps.jpg);
	background-repeat:no-repeat;
	z-index:1;
	}
	
.section{
margin-left:-4px;
}

.gen_menu_total{
margin-left:6px;
height:800px;
}	
.gen_menu{
	width:144px;
	height:auto;
	margin:auto;
	margin-top:10px;
	}
	
.article{
	text-align:center;
	margin-top:-5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5em;
	}
	
.article_marque{
	text-align:center;
	margin-top:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5em;
	font-weight:bold;
	}
	
.article_marque a:link { color: #fff; text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;}
.article_marque a:visited{color: #fff;  text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;}
.article_marque a:hover{color: #fff; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;}

.voir_modif{
	text-align:center;
	margin-top:10px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.5em;
}

.voir_modif a:link { color: #2F79B8; text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;}
.voir_modif a:visited{color: #2F79B8;  text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;}
.voir_modif a:hover{color: #2F79B8; text-decoration: underline;	font-family: Verdana, Arial, Helvetica, sans-serif;}

.corps_menu{
	height:44px;
	background-image:url(../graphisme/architecture/panier_dessus.jpg);
	background-repeat:no-repeat;
	z-index:1;
	}
	
.corps_menu_produits{
	height:20px;
	color:#FFF;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	background-image:url(../graphisme/architecture/menu_dessus.jpg);
	background-repeat:no-repeat;
	z-index:1;
	}
	
.corps_menu_rech{
	height:39px;
	background-image:url(../graphisme/architecture/rech_dessus.jpg);
	background-repeat:no-repeat;
	z-index:1;
	}
	
.corps_menu_partenaires{
	height:26px;
	background-image:url(../graphisme/architecture/partenaires_dessus.jpg);
	background-repeat:no-repeat;
	z-index:1;
	}

.dessous_corps_menu{
	float:left;
	width:144px;
	text-align:left;
	height:auto;
	background-image:url(../graphisme/architecture/menu_millieux.jpg);
	background-repeat:repeat-y;
	z-index:0;
	}
	
.bas_menu{
	clear:both;
	width:144px;
	background-image:url(../graphisme/architecture/menu_bas.jpg);
	height:34px;
	background-repeat:no-repeat;
	}
	

.titre{
	font-size:15px;
	color:#4b4e51;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:underline;
	font-weight:bold;
	margin-bottom:20px;
}

.texte_societe{
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	padding-left:20px;
	font-weight:bold;

}

.rouge{
color:#FF0000;
}

.tableaux{
width:615px;
}


	
/*
--------------
 dessous article unitaire 
--------------
 */
.gen_article{
text-align:center;
	width:258px;
	height:100%;
	margin:auto;
	}
	
.gen_article_titre{
margin-top:400px;
	width:782px;
	height:100%;
	margin:auto;
	margin-top:10px;
	}
	
.gen_article_affinez{
	width:782px;
	height:100%;
	margin-top:10px;
	margin-left:3px;
	}

.gen_article_panier{
width:auto;
height:100%;
margin:auto;
margin-top:10px;
margin-left:0px;
}

.gen_article_unique{
width:auto;
height:100%;
margin:auto;
margin-top:-3px;
margin-left:0px;
}

.etape{
	width:auto;
	text-align:center;

}
	
.corps_menu_article{
	padding-top:4px;
	height:33px;
	text-align:center;
	background-image:url(../graphisme/architecture/article_dessus.jpg);
	background-repeat:no-repeat;
	z-index:1;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	}
	
	.corps_menu_article_promo{
	padding-top:4px;
	height:33px;
	text-align:center;
	background-image:url(../graphisme/architecture/article_dessus_promo.jpg);
	background-repeat:no-repeat;
	z-index:1;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	}
	
.corps_menu_article_promo a:link { color: #fff; text-decoration:none;}
.corps_menu_article_promo a:visited{color: #fff;  text-decoration:none;}
.corps_menu_article_promo a:hover{color: #fff; text-decoration:none;}
	
.corps_menu_article a:link { color: #fff; text-decoration:none;}
.corps_menu_article a:visited{color: #fff;  text-decoration:none;}
.corps_menu_article a:hover{color: #fff; text-decoration:none;}

.corps_menu_article_unique{
padding-top:5px;
height:24px;
background-image:url(../graphisme/architecture/article_dessus_unique.jpg);
background-repeat:no-repeat;
z-index:1;
text-align:center;
font-size:11px;
font-weight:bold;
color:#FFF;

	}
	
	
.corps_menu_article_titre{
	height:19px;
	background-image:url(../graphisme/architecture/article_dessus_titre.jpg);
	background-repeat:no-repeat;
	z-index:1;
	}		
	
.corps_menu_article_titre_affinez{
	padding-top:5px;
	height:24px;
	text-align:center;
	height:24px;
	background-image: url(../graphisme/architecture/article_dessus_unique.jpg);
	background-repeat:no-repeat;
	z-index:1;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	}		
	
	
.dessous_corps_article{
	float:left;
	width:258px;
	text-align:left;
	height:150px;
	background-image:url(../graphisme/architecture/article_millieux.jpg);
	background-repeat:repeat-y;
	z-index:0;
	}
	
.dessous_corps_article_affinez{
	float:left;
	width:782px;
	text-align:left;
	height:auto;
	background-image: url(../graphisme/architecture/article_millieux_unique.jpg);
	background-repeat:repeat-y;
	z-index:0;
	}
	
.dessous_corps_article_unique{
float:left;
width:782px;
text-align:left;
height:auto;
background-image:url(../graphisme/architecture/article_millieux_unique.jpg);
background-repeat:repeat-y;
z-index:0;
	}
	
.corps_menu_article_titre_unique{
height:24px;
background-image:url(../graphisme/architecture/article_dessus_titre.jpg);
background-repeat:no-repeat;
z-index:1;
	}
	

	
	
.bas_article{
	clear:both;
	width:258px;
	background-image:url(../graphisme/architecture/article_bas.jpg);
	height:8px;
	}
	
.bas_article_unique{
clear:both;
width:782px;
background-image:url(../graphisme/architecture/article_bas_unique.jpg);
height:37px;
background-repeat:no-repeat;
}
.bas_article_affinez{
clear:both;
width:782px;
background-image:url(../graphisme/architecture/article_bas_unique.jpg);
height:8px;
background-repeat:no-repeat;
}

/*
--------------
 ------------------------------------------- 
--------------
 */
 
 /*
--------------
Disposition interne dessous article
--------------
 */
 
.photo_article
 {
	 margin-top:-7px;
	 margin-left:2px;
	 width:124px;
	 float:left;
	 border-right:solid 1px #404141;
	 
 }
.caracteristique{
	text-align:left;
	margin-left:125px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:5px;
	padding-right:5px;
	}
	
.caracteristique > img
{
	margin-left:1px;
	
}

.caracteristique_contact{
	margin-top:-30px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:5px;
	padding-right:5px;
	}
	
.chapeau{
margin-top:0px;
padding-left:10px;
padding-right:10px;
}

.savoir_plus{
	margin-top:20px;
	margin-right:10px;
	width:auto;
	text-align: right;
	font-size:10px;
}

.savoir_plus a:link { color: #4b4e51; text-decoration:none;}
.savoir_plus a:visited{color: #4b4e51;  text-decoration:none;}
.savoir_plus a:hover{color: #4b4e51; text-decoration:none;}

.suite{
margin-top:20px;
margin-bottom:10px;
margin-left:10px;
text-align:left:
}

.suite a:link { color: #727b82; text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.suite a:visited{color: #727b82;  text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.suite a:hover{color: #727b82; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
	
.caracteristique_titre{
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	list-style: square;
	}
	
.caracteristique_titre a:link { color: #404040; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;}
.caracteristique_titre a:visited{color: #404040;  text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;}
.caracteristique_titre a:hover{color: #404040; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}


.caracteristique_titre_info{
	text-align:left;
	padding:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	list-style: square;
	}
	
.caracteristique_titre_info a:link { color: #404040; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;}
.caracteristique_titre_info a:visited{color: #404040;  text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;}
.caracteristique_titre_info a:hover{color: #404040; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}	
	
.caracteristique_panier{
	margin-right:10px;
	margin-left:10px;
	margin-top:-5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	


.ajouter_titre{
	position:relative;
	z-index:3;
	font-size:11px;
	margin-top:-33px;
	margin-left:425px;
	}

.ajouter_titre a:link { color: #727b82; text-decoration:underline;font-family: Verdana, Arial, Helvetica, sans-serif;}
.ajouter_titre a:visited{color: #727b82;  text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}
.ajouter_titre a:hover{color: #727b82; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}	

.titre_article{
margin-top:-28px;
margin-left:2px;
position:relative;
	z-index:3;
width:258px;
height:40px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
	font-weight:bold;
	}
	
.titre_article_unique{
margin-bottom:18px;
margin-top:-29px;
position:relative;
	z-index:3;
width:782px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
	font-weight:bold;
	}

.photo1_article{
position:relative;
float:left;
z-index:4;
margin-top:-10px;
margin-bottom: 10px;
text-align:center;
width:258px;
height:240px;
	}
	
.info{
position:relative;
width:258px;
margin-left:0px;
margin-top: 10px;
margin-bottom:10px;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#70787f;
line-height:15px;
}

.plus{
text-align:right;
margin-right:15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#727b82;
line-height:15px;
}

.plus a:link { color: #727b82; text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.plus a:visited{color: #727b82;  text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold}
.plus a:hover{color: #727b82; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold}

.info a:link { color: #727b82; text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.info a:visited{color: #727b82;  text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold}
.info a:hover{color: #727b82; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold}
	
.photo2_article{
	float:right;
	position:relative;
height:auto;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	width:400px;
	z-index:6;
	}

.photo2_article a:link { color: #727b82; text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;}
.photo2_article a:visited{color: #727b82;  text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;}
.photo2_article a:hover{color: #727b82; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;}

.description{
	width:330px;
	margin-top:20px;
	margin-left:210px;
	line-height:1.5em;
	}
	
.description_article{
	width:225px;
	margin-top:20px;
	margin-left:310px;
	line-height:1.5em;
	}
.description_article_unique{
	padding-left:10px;
	padding-right:10px;
	position: relative;
	text-align:justify;
	z-index: 5;
	line-height:1.5em;
}
	
.temp{
background:#0099CC;

}
	
.photo_stock{
margin-top:15px;
margin-left:-5px;
}

.ajouter{
	width:100%;
	text-align:left;
margin-top:20px;
margin-left:15px;
margin-bottom:20px;
}

.texte_article{
	clear:left;
	width:540px;
	margin-top:10px;
	}
	
.texte_article a:link { color: #727b82; text-decoration:underline;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}
.texte_article a:visited{color: #727b82;  text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold}
.texte_article a:hover{color: #727b82; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold}


.choix{
	margin-top:10px;
	}
	
.env_ami{
	margin-top:-26px;
	margin-left:35px;
	font-size:10px;
	}
	
.savoir{
	text-align:right;	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
	}


.prix{
	width:100%;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:16px;	
	font-family:  Arial, Helvetica, sans-serif;
	color:#114078;
}

.prix_barre{
	width:50%;
	text-align:center;
	font-weight:bold;
	font-size:11px;	
	font-family:  Arial, Helvetica, sans-serif;
	color:#114078;
	text-decoration:line-through;
}

.prix_sur_demande{
	width:100%;
	text-align:center;
	margin-top:16px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:12px;	
	font-family:  Arial, Helvetica, sans-serif;
	color: #114078;
}

.prix_sur_demande a:link { color: #114078; text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.prix_sur_demande a:visited{color: #114078;  text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold}
.prix_sur_demande a:hover{color: #114078; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold}

.prix_sur_demande2 a:link { color: #114078; text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.prix_sur_demande2 a:visited{color: #114078;  text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold}
.prix_sur_demande2 a:hover{color: #114078; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold}

 .prix_promo{
	width:100%;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:18px;	
	font-family:  Arial, Helvetica, sans-serif;
	color: #F33;
}

.prix_barre_unique{
	margin-right:10px;
	font-weight:bold;
	font-size:11px;	
	font-family:  Arial, Helvetica, sans-serif;
	color:#114078;
	text-decoration:line-through;
}

 .prix_promo_unique{
	font-weight:bold;
	font-size:18px;	
	font-family:  Arial, Helvetica, sans-serif;
	color: #F33;
}


.prix_unique{
	font-weight:bold;
	font-size:16px;	
	font-family:  Arial, Helvetica, sans-serif;
	color:#114078;	
}

.prix_g{
	font-weight:bold;
	font-size:12px;	font-family: Verdana, Arial, Helvetica, sans-serif;
color:#727b82;
}

.descri_marque
{
	margin-top: 5px;
	margin-bottom:5px;
	
}

.description a:link { color: #727b82; text-decoration:underline;font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.description a:visited{color: #727b82;  text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold}
.description a:hover{color: #727b82; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold}

.description_article a:link { color: #727b82; text-decoration:underline;font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.description_article a:visited{color: #727b82;  text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold}
.description_article a:hover{color: #727b82; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold}

.texte_complet{
	margin-top:-25px;
	margin-left: 25px;
	width:750px;
	list-style:url(../graphisme/architecture/puce_article.jpg);
	}
	
.texte_complet a:link { color: #727b82; text-decoration:underline;font-family: Verdana, Arial, Helvetica, sans-serif;}
.texte_complet a:visited{color: #727b82;  text-decoration:underline;	font-family: Verdana, Arial, Helvetica, sans-serif;}
.texte_complet a:hover{color: #727b82; text-decoration:underline;	font-family: Verdana, Arial, Helvetica, sans-serif;}
.zoom{
	clear:both;
	}
.zoom1{
	width:100px;
	height:27px;
	}
.plus_images{
	width:150px;
	margin-left:130px;
	margin-top:-38px;
	height:27px;
	}
	
	
.zoom_texte{
	color:#113A5D;
	margin-left:60px;
	margin-top:-15px;
	}	
.zoom a:link { color: #404141; text-decoration:underline;font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.zoom a:visited{color: #404141;  text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold}
.zoom a:hover{color: #404141; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold}

.bp_fermer{
	font-size:11px;	font-family: Verdana, Arial, Helvetica, sans-serif;
color: #727b82; 
	}

.bp_fermer a:link { color: #727b82; text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.bp_fermer a:visited{color: #727b82;  text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold}
.bp_fermer a:hover{color: #727b82; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold}

.numero_image{
	margin-top:10px;
	font-size:11px;	font-family: Verdana, Arial, Helvetica, sans-serif;
color: #727b82;
	}
	
.numero_image a:link { color: #727b82; text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;}
.numero_image a:visited{color: #727b82;  text-decoration:none;	font-family: Verdana, Arial, Helvetica, sans-serif;}
.numero_image a:hover{color: #727b82; text-decoration:underline;	font-family: Verdana, Arial, Helvetica, sans-serif;}

.numero_image_index{
	text-align:center;
	font-size:12px;	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #404141;
	margin-bottom:20px;
	}
	
.numero_image_index a:link { color: #404141; text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;}
.numero_image_index a:visited{color: #404141;  text-decoration:none;	font-family: Verdana, Arial, Helvetica, sans-serif;}
.numero_image_index a:hover{color: #404141; text-decoration:underline;	font-family: Verdana, Arial, Helvetica, sans-serif;}

.suivi_archi{
letter-spacing:5px;
	margin-top:7px;
	position:relative;
	font-size:13px;
	color:#828c94;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	z-index:15;
	}
	
	
.suivi_archi a:link { color: #4b4e51; text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;}
.suivi_archi a:visited{color: #4b4e51;  text-decoration:none;	font-family: Verdana, Arial, Helvetica, sans-serif;}
.suivi_archi a:hover{color: #4b4e51; text-decoration:none;	font-family: Verdana, Arial, Helvetica, sans-serif;}

.suivi_archi2{
	margin-top:7px;
	margin-left:55px;
	position:relative;
	font-size:13px;
	color:#858585;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:bold;
	z-index:15;
	}

.suivi_archi2 a:link { color: #858585; text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;}
.suivi_archi2 a:visited{color: #858585;  text-decoration:none;	font-family: Verdana, Arial, Helvetica, sans-serif;}
.suivi_archi2 a:hover{color: #858585; text-decoration:none;	font-family: Verdana, Arial, Helvetica, sans-serif;}

.affinez{
	text-align:center;
	margin-top:-23px;
	margin-bottom:15px;
	font-size:12px;
	color:#fff;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.contour_contact{
width:750px;
margin:auto;
height:200px;
}

.texte_contact{
	margin-left:40px;
}

.form{
width:550px;
margin:auto;
}
.photo_contact{
float:right;
margin-right:10px;
margin-top:-150px;
}

.terminer{
width:91px;
margin:auto;
margin-top:40px;

}

/*
--------------
--------------------------------------------------------------
--------------
 */

/*
--------------
Css popup
--------------
 */
.gen_zoom{
	width:100%;
	height:100%;
	}

p.flag img, span { 

   vertical-align: middle;

   display: inline-block; 

}

p.flag span { 

   padding-left: 5px; 

}

p.flag2 img, span {

   vertical-align: middle;
   display: inline-block;
}

p.flag2 span {
	margin-left:-15px;
	text-align:left;
	

}

.photo_popup{
	padding-top:10px;
	width:100%;
	height:570px;
	text-align:center;
	vertical-align:middle;
	}
	
.page_conditions_popup{
text-align:left;
padding:15px;
}


/*
--------------
-------------------------------------------------
--------------
 */
 
 
 
 /*
--------------
Css Panier
--------------
 */
 
 
 
.div_panier{
	width:auto;
	margin-top:10px;
	text-align:left;
	}
	
.div_panier2{
width:auto;
margin-top:-25px;
text-align:left;
}

.div_panier a:link { color:#727b82;  ; text-decoration:underline;font-family: Verdana, Arial, Helvetica, sans-serif;}
.div_panier a:visited{color: #727b82;  ;  text-decoration:underline;	font-family: Verdana, Arial, Helvetica, sans-serif;}
.div_panier a:hover{color: #727b82;  ; text-decoration:underline;	font-family: Verdana, Arial, Helvetica, sans-serif;}	

.tb_panier{
	text-align:center;
	border-collapse:collapse;
	}
	
.dessus_tb_panier{
	height:20px;
	border-collapse:collapse;
	background:#cdd1d1;
	border-bottom: dotted 1px #404141;
	border-top: dotted 1px #404141;
	}
	
.dessus_tb_panier_imp{
	height:20px;
	border-collapse:collapse;
	background:#E5F3FF;
	border: solid 1px #adb9ca;
	}
	
.page_panier1{
	height:25px;
	 border-bottom: solid 1px #404141;
	 }
	 
.page_panier1_imp{
	height:25px;
	 border: solid 1px #adb9ca;
	 }
	 
.page_panier_rist{
	background:#C9F8C9;
	height:25px;
	border-bottom: solid 1px #adb9ca;
	}
	
.page_panier_rist_imp{
	background:#C9F8C9;
	height:25px;
	border: solid 1px #404141;
	}
 
.page_panier2{
	height:20px;
	border: solid 1px #adb9ca;
	}
.page_panier2_imp{
	height:20px;
	border: solid 1px #adb9ca;
	}
	
.tb_somme{
	height:25px;
	font-size:12px;
	font-weight: bold;
	color:#404141;
	border-top: solid 2px #404141;
	border-bottom: solid 2px #404141;
	}
.tb_recap{
	border-bottom: solid 1px #adb9ca;
	}
	
.tb_somme_blanc{
	border: 0px;
	height:25px;
	}
	
.tb_recalculer{
	height:50px;
	vertical-align:bottom;
	}
		
.vider_panier{
	position:relative;
	z-index:3;
	font-size:11px;
	margin-top:-33px;
	margin-left:445px;
	}
	
.vider_panier a:link { color: #727b82; text-decoration:underline;font-family: Verdana, Arial, Helvetica, sans-serif;}
.vider_panier a:visited{color: #727b82;  text-decoration:underline;	font-family: Verdana, Arial, Helvetica, sans-serif;}
.vider_panier a:hover{color: #727b82; text-decoration:underline;	font-family: Verdana, Arial, Helvetica, sans-serif;}	
 
.zonetexte_qte {
	border: solid 1px #adb9ca;
	width:25px;
	text-align:center;
}

input.style_fond1{
	height:14px;
	border: 1px solid #adb9ca;
}

input.style_fond2{
	border: 1px solid #adb9ca;
	background:#FF8080;
}

textarea.style_fond1{
	border: 1px solid #adb9ca;
	width:172px;
}

textarea.style_fond2{
	border: 1px solid #adb9ca;
	width:172px;
	background:#FF8080;
}


.cond_gen{
	vertical-align: middle;
	}
	
.cond_gen a:link { color: #727b82; text-decoration:underline;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}
.cond_gen a:visited{color: #727b82;  text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold}
.cond_gen a:hover{color: #727b82; text-decoration:underline; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold}
	
.texte_important{
	font-size:12px;
	color:#727b82;
	font-weight:bold;
	display: inline-block;
	margin-top:-20px;
	vertical-align: top;

}

.coord_payement{
	margin-left:15px;
	text-align:left;
	font-size:12px;
	color:#727b82;
	font-weight:bold;
	line-height:1.5;
}

.virement{
width:560px;
}

 /*
--------------
-------------------------------------------------
--------------
 */
 
 
.zonetexte{
	float:right;
	width:789px;
	height:auto;
	margin-top:-38px;
	margin-right:27px;
	font-size:12px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	z-index:2;
}

.texte_index{
position:relative;
margin-top:10px;
width:auto;
height:auto;
clear:both;
}
	
.texte_index_unique{
position:relative;
margin-top:10px;
width:auto;
height:auto;
clear:both;
	}


.textecopy{
	color:#2C3137;
	padding-top:3px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

/*.zonetexte p:first-letter { 
	font-weight:bold; 
	font-size:1.2em; 
	}

.zonetexte p { 
	text-indent:15px;	
	background-repeat: no-repeat;
	background-position: left 6px;
	}*/
	
	
.texte_impression{
	font-size:12px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
/*
--------------
 PAGE ACCUEIL 
--------------
 */
.sitestatique {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	position:relative;
	float:left;
	width:260px;
	margin-top:20px;
	margin-left:30px !important;
	margin-left:17px;
	margin-bottom:10px;
}



.texte_index_wifi{
position:relative;
z-index:10;
width: 200px;
margin-left: 397px;
margin-top: -228px !important;
margin-top: -455px;
border: dotted 2px #4b4e51;

}

.titre_wifi{
text-align:center;
font-weight:bold;

}

.titre_der{
text-align:center;
font-weight:bold;
margin-top: 10px;
margin-bottom: 7px;

}

.prix_wifi{
text-align:center;
font-size: 25px;
color:#FF0000;
}

/*
--------------
 PAGE TARIFS 
--------------
 */


.photositestatique{
	text-align:center;

}

.teintes_gen{
position:relative;
z-index:5;
margin-left:30px;
margin-top:5px;
}
.teintes{
float:left;
margin-right:2px;
}

/*------------------
MEnu recherche
-------------------------*/

.recherche
{
margin-top:15px;
text-align:center;
}

#bouton {
	height:20px; /* hauteur de l'image */
	width:20px;
border: 1px solid #404141;
background: url(../graphisme/architecture/rech.jpg);
}


/*------------------
Page contact
-------------------------*/
.photo_page_contact{
width:280px;
border: dotted 1px #4b4e51;
} 
.texte_page_contact{
float:left;
margin-left:295px;
margin-top: -440px;
width:245px;
} 

.texte_page_contact a:link { color: #727b82; text-decoration:underline;font-family: Verdana, Arial, Helvetica, sans-serif;}
.texte_page_contact a:visited{color: #727b82;  text-decoration:underline;	font-family: Verdana, Arial, Helvetica, sans-serif;}
.texte_page_contact a:hover{color: #727b82; text-decoration:underline;	font-family: Verdana, Arial, Helvetica, sans-serif;}

.box{
margin-top:25px;
}

.box a:link { color: #727b82; text-decoration:underline;font-family: Verdana, Arial, Helvetica, sans-serif;}
.box a:visited{color: #727b82;  text-decoration:underline;	font-family: Verdana, Arial, Helvetica, sans-serif;}
.box a:hover{color: #727b82; text-decoration:underline;	font-family: Verdana, Arial, Helvetica, sans-serif;}

input.style_fond_contact1{
	border: 1px solid #adb9ca;
}

input.style_fond_contact2{
	border: 1px solid #adb9ca;
	background:#adb9ca;
}

textarea.style_fond_contact1{
	border: 1px solid #adb9ca;
	width:475px;
}

textarea.style_fond_contact2{
	border: 1px solid #adb9ca;
	width:475px;
	background:#adb9ca;
}
/*------------------
Page contact
-------------------------*/

.photo_page_tarifs{
width:540px;
border: dotted 1px #4b4e51;
} 

.texte_page_tarifs a:link { color: #727b82; text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;}
.texte_page_tarifs a:visited{color: #727b82;  text-decoration:none;	font-family: Verdana, Arial, Helvetica, sans-serif;}
.texte_page_tarifs a:hover{color: #727b82; text-decoration:underline;	font-family: Verdana, Arial, Helvetica, sans-serif;}


.actorielweb{
	width:150px;
	margin:auto;
	position:relative;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-bottom:20px;
	margin-right: 20px;
	color:#FFF;
	}
.actorielweb a:link { color: #fff; text-decoration:none; font-family: Tahoma, Verdana, sans-serif;}
.actorielweb a:visited{color:#fff; text-decoration:none; font-family: Tahoma, Verdana, sans-serif;}
.actorielweb a:hover{color:#fff;text-decoration:underline; font-family: Tahoma, Verdana, sans-serif;}