/* on met ici tous les styles que l'on va retrouver sur le site */

/* c'est la balise prise en compte sur toutes les pages */
body
{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

table, tr, td
	{
	border: 0px;
	}

tr,td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
}

img
	{
	border: 0px;
	}
	
h3 {
	color:#0378da;
	margin: 7px 0 5px 0;
	}


/* ---!!!!!!!!!!!!!!!!!---	Nouvelle Feuille de style	---!!!!!!!!!!!!!!!!!--- */

.vignette_pro {
	}
	
.vignette_pro h1 {
	font-size:12px;
	font-weight:100;
	color: #666666;
	}


	
.prix_home {
	color: #000;
	font-size: 9px;
}

.prix_home2 {
	color: #F00;
	font-size: 10px;
}

.prix_barre {
	color:#666;
	text-decoration: line-through;
	font-size: 9px;
	font-weight:100;
}

.info h3 {
	marin : 0 0 10px 0;
	color:#0378da;}
	
.info p {
	margin : 0 0 3px 0;
}


.conteneur h1 {
	float:left;
	font-size:12px;
	font-weight:bold;
	margin:-3px 0 0 5px;
	padding:0;
	color: #666666;
	}

.conteneur h2 {
	font-size:12px;
	font-weight:bold;
	}


.conteneur hr {
	border-top : 1px dashed #666;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	margin: 0 10px 0 10px;
	color:#666;
	}

.conteneur p {
	float:left;
	margin : 0 0 0 10px;
}

.mots_cles h1{
	font-size:12px;
	font-weight:bold;
	color: #999;
	margin: 15px 0 0 10px;
	}

.mots_cles p{
	margin: 0 0 0 10px;
}

.submit{
     border:none;
     color:#fff;
     background: transparent url('images/paybox.gif') no-repeat top left;
     width:226px;
     height:77px;
}

a:link, a:active, a:visited
	{
	text-decoration:none;
	font-size:12px;
	color: #6a7283 ;
	font-weight:bold;
	}
	
a:hover
	{
	text-decoration:none;
	font-size:12px;
	color: #FF9900;
	font-weight:bold;
	}

#global
	{
	display:block;
	width: 980px;
	left: 50%;
	position: absolute;
	margin-left: -490px;
	align: center;
	}
	
.bordGauche
	{
	width: 30px;
	background-image: url('../images/images/bord_left.png'); 
	background-repeat: repeat-y;
	}
	
.bordDroit
	{
	width: 30px;
	background-image: url('../images/images/bord_right.png'); 
	background-repeat: repeat-y;
	}

#infos_site
	{
	width: 140px;
	height: 217px;
	border: 0;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	}

/* ---!!!!!!!!!!!!!!!!!---	Home.htm	---!!!!!!!!!!!!!!!!!--- */
	
#haut_infos_site
	{
	width:	140px;
	height: 12px;
	background-image:url('../images/images/hautCadreGauche.gif');
	background-repeat:no-repeat;
	}
	
#centre_infos_site
	{
	padding-left: 4px;
	padding-right: 4px;
	width:	140px;
	height: 193px;
	background-image:url('../images/images/fondCadreGauche.gif');
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-weight: bolder;
	font-size: 14px;
	letter-spacing: -1;
	line-height: 14px;
	vertical-align:top;
	}
	
#bas_infos_site
	{
	width:	140px;
	height: 12px;
	background-image:url('../images/images/basCadreGauche.gif');
	background-repeat:no-repeat;
	}
	
.titreInfos
	{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1;
	line-height: 14px;
	}

#centre_infos_site span
	{
	color: #FFFFFF;
	margin-top: 5px;
	display: block;
	font-size:10px;
	letter-spacing:inherit;
	line-height: 10px;
	}
	
#banflash
	{
	width: 616px; 
	height: 220px; 
	border: 0px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	}
	
/* ---!!!!!!!!!!!!!!!!!---	Articles Home	---!!!!!!!!!!!!!!!!!--- */

.gauche_cadre_home
	{
	background-image:url(../images/images/gaucheCadre_home.png);
	background-repeat:no-repeat;
	width: 10px;
	height: 16px;
	}

.fond_cadre_home
	{
	background-image:url(../images/images/fondCadre_home.png);
	background-repeat: repeat-x;
	height: 16px;
	color: #FFFFFF;
	text-align: center;
	width: 753px;
	}
	
.fond_cadre_home2
	{
	background-image:url(../images/images/fondCadre_home.png);
	background-repeat: repeat-x;
	height: 16px;
	color: #FFFFFF;
	text-align: center;
	width: 596px;
	}
	
.droite_cadre_home
	{
	background-image:url(../images/images/droiteCadre_home.png);
	background-repeat:no-repeat;
	width: 10px;
	height: 16px;
	}
	
.fond_cadre_home a:link, .fond_cadre_home a:active, .fond_cadre_home a:visited
	{
	text-decoration:none;
	font-size:12px;
	color: #7b828a;
	font-weight:bold;
	}
	
.fond_cadre_home a:hover
	{
	text-decoration:none;
	font-size:12px;
	color: #7b828a;
	font-weight:bold;
	}
	
.descrArt
	{
	font-size: 9px;
	color:#2B5273;
	border-bottom: 2px solid #c6cbd0
	}
	
.descrArt2
	{
	font-size: 9px;
	color:#2B5273;
	}
	
.prixHome
	{
	font-size: 11px;
	font-weight: bold;
	border-bottom: 2px solid #c6cbd0;
	border-right: 2px solid #c6cbd0;
	color: #C10005;
	text-align:right;
	}
	
.prixHomeFin
	{
	font-size: 11px;
	font-weight: bold;
	color: #C10005;
	border-right: 2px solid #c6cbd0;
	text-align:right;
	}
	
.marqueInfo
	{
	font-size: 11px;
	font-weight: bold;
	color: #0099ff;
	}
	
.marqueGps
	{
	font-size: 11px;
	font-weight: bold;
	color: #7200ff;
	}
	
.marqueImgson
	{
	font-size: 11px;
	font-weight: bold;
	color: #e400ff;
	}
	
.marquePhotovideo
	{
	font-size: 11px;
	font-weight: bold;
	color: #00ffff;
	}
	
.marqueElectro
	{
	font-size: 11px;
	font-weight: bold;
	color: #1ed100;
	}
	
.marqueTel
	{
	font-size: 11px;
	font-weight: bold;
	color: #ff6600;
	}
	
.marqueMp3
	{
	font-size: 11px;
	font-weight: bold;
	color: #00ccff;
	}
	
.marqueBonnesaf
	{
	font-size: 11px;
	font-weight: bold;
	color: #C60005;
	}

/* ---!!!!!!!!!!!!!!!!!---	Menu Droit	---!!!!!!!!!!!!!!!!!--- */
		
#EspaceClient
	{
	width: 130px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
#EspaceClient a:link, #EspaceClient a:active, #EspaceClient a:visited
	{
	margin: 0px;
	padding: 0px;
	border-collapse:collapse;
	white-space:nowrap;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	}
	
#EspaceClient a:hover
	{
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
	color: #FF9900;
	}

.EspaceInfos
	{
	background-image:url(../images/images/CentreCadres.gif);
	background-repeat:repeat-y;
	width: 130px;
	text-align: center;
	font-size:12px;
	color:#000000;
	font-weight: bolder;
	}
	
.EspaceInfos a:link, .EspaceInfos a:active, .EspaceInfos a:visited
	{
	text-decoration:none;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	}

.EspaceInfos a:hover
	{
	text-decoration:none;
	font-size:12px;
	color: #FF9900;
	font-weight:bold;
	}

.hautCadresMD
	{
	background-image:url(../images/images/hautCadres.gif);
	background-repeat:no-repeat;
	width: 130;
	height: 12;
	}	
	
.basCadresMD
	{
	background-image:url(../images/images/BasCadres.gif);
	background-repeat:no-repeat;
	width: 130;
	height: 12;
	}	

/* ---!!!!!!!!!!!!!!!!!---	MenuGauche	---!!!!!!!!!!!!!!!!!--- */

.entete_gauche_info 
	{
	font-size:12px;
	color: #2aadff;
	font-weight: bold;
	padding-left: 4px;
	}
	
.entete_gauche_gps
	{
	font-size:12px;
	color: #4d01ac;
	font-weight: bold;
	padding-left: 4px;
	}
	
.entete_gauche_imgson
	{
	font-size:12px;
	color: #ac0196;
	font-weight: bold;
	padding-left: 4px;
	}

.entete_gauche_photovideo 
	{
	font-size:12px;
	color: #03b18e;
	font-weight: bold;
	padding-left: 4px;
	}
	
.entete_gauche_tel
	{
	font-size:12px;
	color: #ff6000;
	font-weight: bold;
	padding-left: 4px;
	}
	
.entete_gauche_mp3
	{
	font-size:12px;
	color: #00a2ff;
	font-weight: bold;
	padding-left: 4px;
	}
	
.entete_gauche_electro
	{
	font-size:12px;
	color: #00d305;
	font-weight: bold;
	padding-left: 4px;
	}
	
.entete_gauche_bonnesaf
	{
	font-size:12px;
	color: #d60000;
	font-weight: bold;
	padding-left: 4px;
	}

.menu_gauche_info a:link, .menu_gauche_info a:active, .menu_gauche_info a:visited
	{
	text-decoration:none;
	font-size:10px;
	color: #6a7283 ;
	font-weight: 400;
	}
	
.menu_gauche_info a:hover
	{
	text-decoration:none;
	font-size:10px;
	color: #2aadff;
	font-weight: 400;
	}
	
.menu_gauche_gps a:link, .menu_gauche_gps a:active, .menu_gauche_gps a:visited
	{
	text-decoration:none;
	font-size:10px;
	color: #6a7283 ;
	font-weight: 400;
	}
	
.menu_gauche_gps a:hover
	{
	text-decoration:none;
	font-size:10px;
	color: #4d01ac;
	font-weight: 400;
	}
	
.menu_gauche_imgson a:link, .menu_gauche_imgson a:active, .menu_gauche_imgson a:visited
	{
	text-decoration:none;
	font-size:10px;
	color: #6a7283 ;
	font-weight: 400;
	}
	
.menu_gauche_imgson a:hover
	{
	text-decoration:none;
	font-size:10px;
	color: #ac0196;
	font-weight: 400;
	}
	
.menu_gauche_photovideo a:link, .menu_gauche_photovideo a:active, .menu_gauche_photovideo a:visited
	{
	text-decoration:none;
	font-size:10px;
	color: #6a7283 ;
	font-weight: 400;
	}
	
.menu_gauche_photovideo a:hover
	{
	text-decoration:none;
	font-size:10px;
	color: #03b18e;
	font-weight: 400;
	}
	
.menu_gauche_tel a:link, .menu_gauche_tel a:active, .menu_gauche_tel a:visited
	{
	text-decoration:none;
	font-size:10px;
	color: #6a7283 ;
	font-weight: 400;
	}
	
.menu_gauche_tel a:hover
	{
	text-decoration: none;
	font-size:10px;
	color: #ff6000;
	font-weight: 400;
	}
	
.menu_gauche_mp3 a:link, .menu_gauche_mp3 a:active, .menu_gauche_mp3 a:visited
	{
	text-decoration:none;
	font-size: 10px;
	color: #6a7283;
	font-weight: 400;
	}
	
.menu_gauche_mp3 a:hover
	{
	text-decoration:none;
	font-size:10px;
	color: #00a2ff;
	font-weight: 400;
	}
	
.menu_gauche_electro a:link, .menu_gauche_electro a:active, .menu_gauche_electro a:visited
	{
	text-decoration:none;
	font-size:10px;
	color: #6a7283 ;
	font-weight: 400;
	}
	
.menu_gauche_electro a:hover
	{
	text-decoration:none;
	font-size:10px;
	color: #00d305;
	font-weight: 400;
	}
	
.menu_gauche_bonnesaf a:link, .menu_gauche_bonnesaf a:active, .menu_gauche_bonnesaf a:visited
	{
	text-decoration:none;
	font-size:10px;
	color: #6a7283 ;
	font-weight: 400;
	}
	
.menu_gauche_bonnesaf a:hover
	{
	text-decoration:none;
	font-size:10px;
	color: #d60000;
	font-weight: 400;
	
/* ---!!!!!!!!!!!!!!!!!---	Fil d'arianne	---!!!!!!!!!!!!!!!!!--- */
	}
	

.filArianne_info a:link, .filArianne_info a:active, .filArianne_info a:visited
	{
	color: #2aadff;
	font-size: 12px;
	font-weight: bold;
	}
	
.filArianne_info a:hover
	{
	color: #6a7283;
	}
	
.filArianne_gps a:link, .filArianne_gps a:active, .filArianne_gps a:visited
	{
	color: #4d01ac;
	font-size: 12px;
	font-weight: bold;
	}
	
.filArianne_gps a:hover
	{
	color: #6a7283;
	}
	
.filArianne_imgson a:link, .filArianne_imgson a:active, .filArianne_imgson a:visited
	{
	color: #ac0196;
	font-size: 12px;
	font-weight: bold;
	}
	
.filArianne_imgson a:hover
	{
	color: #6a7283;
	}
	
.filArianne_photovideo a:link, .filArianne_photovideo a:active, .filArianne_photovideo a:visited
	{
	color: #03b18e;
	font-size: 12px;
	font-weight: bold;
	}
	
.filArianne_photovideo a:hover
	{
	color: #6a7283;
	}
	
.filArianne_electro a:link, .filArianne_electro a:active, .filArianne_electro a:visited
	{
	color: #00d305;
	font-size: 12px;
	font-weight: bold;
	}
	
.filArianne_electro a:hover
	{
	color: #6a7283;
	}
	
.filArianne_mp3 a:link, .filArianne_mp3 a:active, .filArianne_mp3 a:visited
	{
	color: #00a2ff;
	font-size: 12px;
	font-weight: bold;
	}
	
.filArianne_mp3 a:hover
	{
	color: #6a7283;
	}
	
.filArianne_tel a:link, .filArianne_tel a:active, .filArianne_tel a:visited
	{
	color: #ff6000;
	font-size: 12px;
	font-weight: bold;
	}
	
.filArianne_tel a:hover
	{
	color: #6a7283;
	}
	
.filArianne_bonnesaf a:link, .filArianne_bonnesaf a:active, .filArianne_bonnesaf a:visited
	{
	color: #d60000;
	font-size: 12px;
	font-weight: bold;
	}
	
.filArianne_bonnesaf a:hover
	{
	color: #6a7283;
	}
	
/* ---!!!!!!!!!!!!!!!!!---	Tete de gondole	---!!!!!!!!!!!!!!!!!--- */

.description_gondole a:link, .description_gondole a:active, .description_gondole a:visited
	{
	color: #6a7283;
	font-size: 9px;
	font-weight: bold;
	}
	
.description_gondole a:hover
	{
	color: #6a7283;
	font-size: 9px;
	font-weight: bold;
	}
	
/* ---!!!!!!!!!!!!!!!!!---	Pop Up	---!!!!!!!!!!!!!!!!!--- */

#pop400
	{
	position: absolute; 
	azimuth: rightwards; 
	left: 190px; 
	top: 188px; 
	width: 450px; 
	height: 492px; 
	z-index: 150; 
	visibility: hide;
	}

#topPop
	{
	background-image:url(../images/images/poptop.png); 
	background-repeat:repeat-x; 
	height:18px;
	}
	
#entetePop
	{
	background-image: url(../images/images/popfond.png); 
	background-repeat: repeat-x; 
	height: 38px;
	vertical-align: top;
	}
	
#poplogo
	{
	background-image: url(../images/images/poplogo.png); 
	background-repeat: repeat-x; 
	height: 38px;
	width: 160px;
	float:left;
	}

#popfermer
	{
	background-image: url(../images/images/popfermer.png); 
	background-repeat: repeat-x; 
	height: 20px;
	width: 67px;
	float: right;
	}
	
#popleft
	{
	background-image: url(../images/images/pop05.png); 
	background-repeat: repeat-y; 
	width: 18px;
	}
	
#popright
	{
	background-image: url(../images/images/pop06.png); 
	background-repeat: repeat-y; 
	width: 18px;
	}
	
#popBottom
	{
	background-image: url(../images/images/popbottom.png); 
	background-repeat: repeat-x; 
	height: 18px;
	}

/* ---!!!!!!!!!!!!!!!!!---	Légende	---!!!!!!!!!!!!!!!!!--- */
	
#enteteLegende
	{
	background-image:url('../images/images/entetelegende.gif');
	width: 545px; 
	height: 21px; 
	font-size:12px;
	color: #FFFFFF;
	font-weight:bold;
	padding-left: 10px;
	}
	
/* ---!!!!!!!!!!!!!!!!!---	Footer	---!!!!!!!!!!!!!!!!!--- */
	
#LiensFooter a:link, #LiensFooter a:active, #LiensFooter a:visited
	{
	text-decoration:none;
	font-size:12px;
	color: #000000;
	font-weight:bold;
	}
	
#LiensFooter a:hover
	{
	text-decoration:none;
	font-size:12px;
	color: #FF9900;
	font-weight:bold;
	}
	
.LiensFooter2 a:link, .LiensFooter2 a:active, .LiensFooter2 a:visited
	{
	text-decoration:none;
	font-size:10px;
	color: #000000;
	}
	
.LiensFooter2 a:hover
	{
	text-decoration:none;
	font-size:10px;
	color: #FF9900;
	}




/* ---!!!!!!!!!!!!!!!!!---	Fin Nouvelle Feuille de style	---!!!!!!!!!!!!!!!!!--- */


.descriptif_blanc a {color: #FFFFFF;}
.fond_cadre_home2 a{color: #FFFFFF;}
.descriptif_blanc3 a {color: #FFFFFF;}
.bleu a: {color: #0066CC;}

.descriptif_blanc2 {color: #333;}

.form_ins {
	background-color:#0378da;
	color:#FFF;
}

.blanc a{
	color:#FFF;
}