/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/

body { color:#333333; font-family: Tahoma,Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:12px; }

h1 { color:#333333; font-size: 12px;font-weight:bold; }
h2 { color:#333333; font-size: 1.3em; }
h3 { color:#333333; font-size: 1.17em; }
h4 { color:#333333; font-size: 1em; }
h5 { color:#333333; font-size: 0.83em; }
h6 { color:#333333; font-size: 0.67em; }
p { color:#333333; font-size: 1em; }
ul, ol { color:#333333; font-size: 1em; }
li {  color:#333333; font-size: 1em; }

a { color:#000099; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
a:visited { } /* si changement de couleur après le clic */

input { border-width:thin; color:#333333;border-color:#0066cc;height:21px; }
textarea { border-width:thin; padding:3px; color:#333333; }
em { }
strong { }
td{padding:5px;}
#yzeo p{ color:#FFFFFF; }
#yzeo a{ color:#000099; }
#yzeo a:hover{ color:#000099; }

.bodyIntro p{ color:#FFFFFF; }
.bodyIntro a{ color:#000099; }
.bodyIntro a:hover{ color:#000099; }


/* Éléments Particuliers
----------------------------------------------------------*/

/* Placement d'images */
.imgLeft{ float:left; margin-right:1em; }
.imgRight{ float:right; margin-left:1em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }

/* Des classes d'alignement du texte */
.h1index{ width:100%; padding:0; color:#FFFFFF; height:15px; padding-top:5px; font-size:1.1em; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

/* Des classes de formatage du texte en ligne */
.bold, .gras { font-weight: bold; }
.italic, .italique { font-style: italic; }
.strike, .barre { text-decoration: line-through; }

/* Des classes flotante */
.floatleft { float: left; }
.floatright { float: right; }

/* Les "nettoyeurs" */
.clearb { clear: both; }
.clearer { clear: both; width: 0; height: 0; line-height: 0; }

/* Formulaire de contact */
#frmEnvoi{ width:470px; }
#frmEnvoi input, textarea{ background-color:transparent; border-width:thin; }
#frmEnvoi .field{ text-align:right; margin-top:10px; }
#frmEnvoi .champ { border:none; border:#636363 inset 1px; padding:5px; background-color:#636363; color:#FFFFFF; }
#frmEnvoi .champ:focus { }
#frmEnvoi #code {  border:none;  border:#636363 inset 1px; padding:5px; background-color:#636363; color:#FFFFFF; }
#frmEnvoi #code:focus { }
#frmEnvoi #send2 { border-color:#636363;  background-color:#636363; color:#FFFFFF;}

/* Formulaire de contact */
#frmEnvoi1{ width:600px; }
#frmEnvoi1 input, textarea{ background-color:transparent; border-width:thin; }
#frmEnvoi1 .field{ text-align:right; margin-top:10px; }
#frmEnvoi1 .champ { border:none; border:#636363 inset 1px; padding:5px; background-color:#636363; color:#FFFFFF; }
#frmEnvoi1 .champ:focus { }
#frmEnvoi1 #code {  border:none;  border:#636363 inset 1px; padding:5px; background-color:#636363; color:#FFFFFF; }
#frmEnvoi1 #code:focus { }
#frmEnvoi1 #send2 { border-color:#636363;  background-color:#636363; color:#FFFFFF;}
/*--------googlemap----------*/
.plan {
	width: 640px;
	height: 480px;
	border: 2px solid #ffffff;
}
#map .infosbulle {
	width: 230px;
	border: none;
	margin: 0;
	padding: 0;
}
#map .infosbulle p {
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #5F0666;
	font-weight: bold;
	margin-bottom: 1em;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}
.strong-center
{
	text-align:-moz-center;
	!text-align:center;
	
}
.text_b_u{text-decoration:none;font-weight:bold;}

sup{
 vertical-align:super;
}
/****************************************VY EDIT IN HERE*****************************************/
.mar_top8{margin-top:8px;}
.padd_topbot1
{
	padding:10px 0 5px 0;
}
#col_left
{
	float:left;width:183px;
}
#col_middle{float:left;width:550px;margin-left:6px;margin-right:7px;}
#col_right{float:left;width:183px;}
#box1_top{background:#f4f4f4 url(../images/storecatalog_top.jpg) no-repeat top;height:31px;}
#box1_re{background:url(../images/storecatolog_box.jpg) repeat-y;padding:10px 5px 10px 16px;}
#box1_bot{background:url(../images/storecatalog_buttom.jpg) no-repeat top;height:9px;}
#box1_re p{font-size:11px;}
#boxlogin_re p{font-size:11px;}
#banner_3step{height:152px;float:left;}
.banner1{height:152px;width:204px;float:left;}
.banner2{height:152px;width:185px;float:left;}
.banner3{height:152px;width:161px;float:left;}

#offer_left{background:url(../images/featureoffer_left.jpg) left no-repeat;height:31px;float:left;width:13px;}
#offer_re{background:url(../images/fetureoffer_box.jpg) repeat-x;height:31px;width:526px;float:left;}
#offer_right{background:url(../images/featureoffer_right.jpg) no-repeat right;height:31px;float:left;width:11px;}
#stored_left{background:url(../images/featurestore_left.jpg) no-repeat left;height:31px;width:8px;float:left;}
#stored_re{background:url(../images/featurestore_box.jpg) repeat-x;height:31px;width:531px;float:left;}
#stored_bot{background:url(../images/featurestore_right.jpg) no-repeat right;height:31px;width:11px;float:left;}
#boxlogin_top{background:url(../images/login_top.jpg) no-repeat top;width:183px;height:10px;float:left;}
#boxlogin_re{background:url(../images/login_box.jpg) repeat-y;float:left;width:183px;padding:2px 5px 5px 5px;margin-top:-4px;}
#boxlogin_bot{background:url(../images/login_buttom.jpg) no-repeat top;height:8px;width:183px;float:left;}
.text_member{color:#036fac;font-size:14px;font-weight:bold;padding:0 0 5px 5px;font-family:Arial, Helvetica, sans-serif;}
.txt_red{color:#d00202;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;padding:5px 0 0 15px;}
.txt_white{color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;padding:5px 0 0 15px;}
.txt_white2{color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;padding:8px 0 0 15px;width:350px;float:left;}
.txt_white3{color:#d00202;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;padding:8px 5px 0 15px;float:left;}
.txt_white4{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;padding:8px 0 0 1px;width:150px;float:left;}
.txt_white5{color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:bold;padding:3px 0 0 35px;width:150px;float:left;}
.txt_black{color:#036fac;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;padding:5px 0 0 15px;}
.txt_11{font-size:11px;}
.pad_top15{padding-top:15px;}
.mar_tb5{margin:5px 0 5px 0;}
.padd_left5{padding-left:10px;}
.button_1{padding:5px 15px 0 0;}
#box3_top{background:url(../images/box3_top.jpg) no-repeat top;height:8px;}
#offer_remake{background:url(../images/fetureoffer_box.jpg) repeat-x;height:31px;width:183px;float:left;margin-top:-6px;padding-bottom:10px;}
#box3_re{background:#27aad6 url(../images/box3_re.jpg) repeat-x top;width:183px;margin-top:-6px;}
#box3_bot{background:url(../images/box3_bot.jpg) no-repeat top;height:9px;width:183px;float:left;}
#box4_top{background:url(../images/box4_top.jpg) no-repeat; width:181px;height:28px;}
#box5_top{background:url(../images/box5_top.jpg) no-repeat; width:183px;height:22px;}
#box6_top{background:url(../images/box6_top.jpg) no-repeat; width:526x;height:25px;}
#box_re{background:url(../images/box.jpg) repeat-x;float:left;width:auto;height:25px}
.link2{text-decoration:none;color:#FFFFFF;}
.link2:hover{text-decoration:none;color:#FFFFFF;}
.link3{text-decoration:none;color:#000;}
.link3:hover{text-decoration:none;color:#000;}
.searchstyle{float:right;color:white;padding-top:6px;padding-right:8px;}
.searchtext{padding-top:3px;float:left;padding-right:3px;font-weight:bold;}
.mar_am{margin-top:-5px;}
#why_left{background:url(../images/left_boxwhy.jpg) left no-repeat;height:34px;float:left;width:11px;}
#why_re{background:url(../images/re_boxwhy.jpg) repeat-x;height:34px;width:526px;float:left;}
#why_right{background:url(../images/right_boxwhy.jpg) no-repeat right;height:34px;width:13px;float:left;width:11px;}
#contact_us{background:url(../images/contactus.jpg) no-repeat; width:149px;height:175px;}
#FAQs{background:url(../images/FAQs.jpg) no-repeat; width:183px;height:178px;}
#bannerdoc_3step{width:178px;}
.bannerdoc1{height:195px;width:178px;}
.bannerdoc2{height:195px;width:178px;}
.bannerdoc3{height:154px;width:178px;}
.div_1{float:left;width:40px;height:35px;margin:15px 10px 0 30px;}
.div_2{float:left;margin:22px 0 0 0;}
.div_3{float:left;width:15px;height:18px;margin:15px 0 0 35px;}
.div_4{float:left;margin:15px 0 0 10px;}
.all_offer_text
{
	font-size:16px;
	font-weight:bold;
	
	font-family:Arial, Helvetica, sans-serif;
}
.FAQs1_text
{
	font-size:13px;
	font-weight:bold;
	
	font-family:Arial, Helvetica, sans-serif;
}
.FAQs2_text
{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.txt_offer{font-size:16px; font-weight:bold; color:#003366}