/* CSS Document */
* { margin:0; padding:0; outline:none}

body { background: #ab0000 url('images/body.gif') repeat-x; font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color:#000; text-align:justify  }

h1 { color:#fff; font: normal 11px Verdana, Arial, Helvetica, sans-serif; width:445px; height:56px; background:transparent url('images/haut_intro.jpg') no-repeat; margin:0 auto; padding:4px 0 0 0 }

ul { padding: 0 0 1em 1em; list-style:square inside}

#divIntro { width:445px; height:535px; background:transparent url('images/intro.jpg') no-repeat; margin: 0 auto;}

a:hover { text-decoration:none; }

p { padding: 0 0 1em 0;}

#intro { text-align:center}

#intro a { color:#FF9900;}

#page { width:930px; margin: 0 auto;  background: transparent url('images/page.gif') repeat-y;}

#entete { height:220px; background:transparent url('images/entete.gif') no-repeat; clear:both; }

#enteteFlash { width:720px; height:220px; float:left }

#enteteConnexion { width:210px; height:220px; float:left; background:transparent url('images/connexion.gif') no-repeat; color:#fff; text-align:center }

#enteteConnexion a { color:#fff}

#enteteConnexion img { border:none}

#contenu { clear:both; background:transparent url('images/contenu.jpg') no-repeat; min-height:315px; _height:315px;   }

#menu { width:245px; float:left; min-height:10px; _height:10px;  }

#droite { width:430px; float:left;}

#flash {width:255px; float:left; min-height:10px; _height:10px;; text-align:center}

#titre {width:430px; clear:both; height:65px; background: transparent url('images/titre.jpg') no-repeat right 0}

#texte {width:410px; clear:both; min-height:10px; _height:10px; padding: 0 20px 0 0}

#texte a { color:#000}

#adresse { width:930px; clear:both; height:54px;}

#yzeo { text-align: left; clear:both; height:47px; margin:-54px 0 0 0; color:#fff; font: normal 9px Verdana, Arial, Helvetica, sans-serif; padding: 7px 0 0 20px}

#yzeo img { vertical-align:middle; border:none}

#yzeo a { color:#fff}

#menubas {text-align:center; clear:both; color:color:#000;font: normal 9px Verdana, Arial, Helvetica, sans-serif}

#menubas a { color:#FF9900;}

.center { text-align:center; }

.clear { clear:both}

#map { width:650px; height:400px; border:3px double #990000; clear:both;	margin:0 auto;}

#loupe {text-align: center; background: transparent url('images/loupe.gif') no-repeat bottom; line-height: 20px; width:220px }
.b {	font: bold 14px Verdana, Arial, Helvetica, sans-serif;}
.span {color: #9a379b;}
.center { text-align:center; }
.img { border:none; }
.img2 { border:none; padding-left:3px; }
.print { float:right; margin:-40px -10px 0 0; position:relative; z-index:10;}


/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/

#formulaire { width:420px; text-align:center;  padding:0 0 0 0; margin:0 auto; clear:both;  }

#formulaire a { color: #000;}

option { background:none; border:none }

.fieldset { padding:10px;  border:1px solid #000;border-bottom:3px solid #000; margin:0 0 1em 0 }

.legend { padding:2px 15px 2px 10px; text-transform:uppercase; color:#000; font: italic bold 12px Verdana, Arial, Helvetica, sans-serif; border-left:3px solid #000 }

.label { width: 100px; float: left; text-align: right; margin:0 0 2px 0 }

.label2 { width: 203px; float: left; text-align: right; }

.input { width:96px; height:13px; float:left; }

.input2 { width:191px; height:13px; float:left; }

.textarea { width:394px; height:60px; overflow: auto; clear:both; background: transparent; border: 1px solid #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; }

.textarea_hover { width:394px; height:60px; overflow: auto; clear:both; background: transparent; border: 1px dashed #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; }


.select { width:98px; height:18px; float:left; color:#89f715; background:#D1B897; border: 1px solid #000; }

.select_hover { width:98px; height:18px; float:left; background:#D1B897; border: 1px solid #000; }

.captchat { text-align:center }

.captchat div { padding: 0 0 5px 0; }

.texte_antispam { }

.image_antispam { display:none }

#code { width:150px; }

.divimagecaptchat {}

.border, #code, #imgcaptcha { background: transparent; border:none; border-bottom: 1px solid #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; }

.border_hover { background: transparent; border:none; border-bottom: 1px dashed #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; }

.envoyer { width:150px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; }

.separation { padding:0 0 6px 0; clear:both }

.separation div { border-bottom: 1px dashed #000; padding:5px 0 0 0; }

.div_form { clear:both; }

/*////////////////////////////////////////////// fait par GrEGoOoO /////////////////////////////////////////////////////////////////*/
	
/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/

.separation { clear:both; float:none; padding:0 0 10px 0}

.separation div { clear:both; float:none; border-bottom: 1px dashed #000 }





#panier2 { text-align:center; color:#000; clear:both; float:none; height:65px }

#panier2 a { }

#panier2 img { border:none }

#recherche { clear:both; float:none; padding:24px 0 0 0; height:28px; }

#recherche a { color:#000; }

#recherche label { width:100px; float:left; text-align:right; color:#000; font: bold 11px Verdana, Arial, Helvetica, sans-serif; }

#recherche input { width:120px; border:1px solid #999; background:#fff; height:16px; float:left; margin:0 0 0 5px; color:#000 }

#formsearch { clear:both; float:none; }

#formsearch a { color:#000 }

#formsearch input { width:120px; border:1px solid #999; background:#fff; height:16px;  color:#000 }

#formsearch img { border:none; vertical-align: middle }

#connexion { padding:2px 0 0 0; clear:both; float:none; text-align:center }

#divlog { height:44px }

#formlog { }

#formlog input { width:125px; border:1px solid #fff; background:#fff; height:16px; color:#000 }

#formlog label { width:100px; text-align:center; color:#fff; font: bold 11px Verdana, Arial, Helvetica, sans-serif; margin:0 auto }

#formlog a {  color:#fff;  }

#formlog div { margin:0 0 2px 0 }

#connexion a { color:#000 }

#formlog img { border:3px solid #fff; border-top:4px solid #000; vertical-align:top; margin:1px 0 0 0 }
 html:not([lang*=""]) #formlog img {
margin:2px 0 0 0
}

#formlog a img, #formsearch a img { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }

#formlog a:hover img, #formsearch a:hover img { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

#commentaire { width:400px; height:80px; border:1px solid #fff; background:#6CBB0A; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#fff }

.page_center { text-align:center; margin:0 auto; }

input, textarea { font-size:11px; }

select { font-size:11px; }

.selpage { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #000; }

.pagination { margin:5px 0 5px 0; text-align:center; float:none; clear:both; }

.clearer { clear:both; height:0; width:0; padding:0; margin:0; }

.message_erreur { text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin:10px 0; color:#000; }

.condition { overflow:scroll; height:400px; }

.displayBlock { display:block; width:50px; clear:both; margin:0 auto; text-align:center }

#code { width:100px; }

.titre_tab { text-align:center; font-size:12px; color:#fff; font-weight:bold; background-color:#000; }

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

.texte_general { color:#000; font-size:11px; }

.texte_general a { color:#000; font-size:11px; }

.texte_general a:hover { color:#000; font-size:11px; }

.texte_tab { font-size:10px; text-align:left; color:#000 }

.texte_tab_right { font-size:10px; text-align:right; color:#000; }

a.texte_tab { font-size:10px; text-align:center; color:#000; }

.texte_tab a:hover { font-size:10px; text-align:center; color:#000; }

a.lien_texte_general { color:#000; font-size:10px; display:block; text-align:center; clear:both; float:none; margin:0 0 10px 0 }

a.liencpt { font-size:10px; color:#000; text-decoration: underline; }

/**Encart Client
**********************/
.block_client { float:left; font-weight:bold; font-size:10px; color:#C43610; text-align:left; vertical-align:top; width:214px; height:200px; background:transparent url(images/client_fond.jpg) 0 0 no-repeat; }

.block_client form { height:auto; }

.block_client .search { float:left; margin:65px 0 0 54px; }

.block_client .search p { text-align:center; }

.block_client a { color:#C43610; font-size:12px; font-weight:bold; }

.block_client a:visited { color:#C43610; font-size:12px; font-weight:bold; }

.block_client a:hover { color:#C43610; font-size:12px; font-weight:bold; }

.block_client .client { float:left; padding:28px 0 0 0; }

.block_client input { color:#C43610; font-weight:normal; font-size:10px; background-color:#333; border:#C43610 solid 1px; }

.block_client p { text-align:left; font-size:10px; margin:2px 3px; vertical-align:bottom; }

.block_client p.log { text-align:left; font-size:10px; margin:0 0 0 42px; vertical-align:bottom; height:35px; }

.block_client label { padding:0 2px 2px 0; display:block; height:auto; float:left; text-align:right; width:103px; font-size:10px; font-weight:bold; }

.block_client ul { margin:6px 0 0 38px; list-style-type:disc; width:150px; height:auto; /*list-style-type:none;*/ }

.block_client ul li { width:155px; }

.block_client ul li a { display:block; text-decoration:none; font-size:10px; padding:0 0 1px 0; }

.block_client ul li a:visited { font-size:10px; color:#C43610; }

.block_client ul li a:hover { font-size:10px; color:#000; background-color:#C43610; }

/**Encart Menu2
**********************/
.block_menu2 { clear:both; font: normal 11px/11px Verdana, Arial, Helvetica, sans-serif; text-align:left; font-weight:bold; padding:0 0 0 12px }

.block_menu2 h3 { width:230px; height:33px; margin:0; padding:0; text-indent:10px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; }

.block_menu2 h3 a { display:block; width:230px; height:25px; background: transparent url('images/rollout.gif') no-repeat; color:#fff; text-decoration:none; padding:8px 0 0  0 }

.block_menu2 h3 a:hover {  background: transparent url('images/rollover.gif') no-repeat; color:#fff}

/*.block_menu2 h3 a { color:#fff; text-decoration:none; font:  bold 11px/11px Verdana, Arial, Helvetica, sans-serif; }*/

.block_menu2 ul {  padding:0 0 5px 10px; color:#fff; list-style-type:none; vertical-align:top; line-height:15px }

.block_menu2 ul li { text-indent:5px;background: transparent url('images/fleche.gif') no-repeat 0 7px; }

.block_menu2 ul li a { display:block; color:#fff; font-weight:normal; text-decoration:none; font-size:11px; margin:0; padding:2px 0 0 5px; }

.block_menu2 ul li a:hover { color:#fff; background: #FB3510 url('images/fleche.gif') no-repeat 0 7px; }

.rubSelectionne { background: #FB3510 url('images/fleche.gif') no-repeat 0 7px;}

.block_menu2 li ul { padding: 0 0 5px 10px }

.block_menu2 li ul li { background: transparent url('images/fleche.gif') no-repeat 0 7px; }

.block_menu2 li ul li a:hover { color:#fff; background: #FB3510 url('images/fleche.gif') no-repeat 0 7px }

.divTitreRub { clear:both;  padding:5px 0 0 0; }

/**Encart Panier
**********************/
.block_panier { font-weight:bold; color:#000; text-align: center; padding:32px 0 20px 87px; }

.block_panier h2 { width:162px; height:auto; font-size:14px; color:#000; text-align:center; }

.block_panier .block { height:106px; width:152px; background: transparent url('images/panier.gif') no-repeat; padding: 30px 0 0 0 }

.block_panier .block p { text-align:center; color:#000; font-size:11px; font-weight:bold; text-decoration:none; }

.block_panier img { border:none; }

/**Cadre1
**********************/
#cadre { color:#000; clear:both; width: 230px; margin: 10px auto; text-align:left; border:#000 solid 1px; }

#cadre h3 { color:#fff; background-color:#000; text-align:left; width: 210px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:10px 0 0 20px; margin:0 0; }

#cadre p { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; margin:2px 0 0 20px; color:#000; }

/**Cadre2
**********************/
#cadre2 { color:#333; float:left; width: 280px; margin:10px 0 10px 25px; text-align:left; }

#cadre2 h3 { color:#333; border-bottom:#fff solid 1px; text-align:left; width: 260px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:10px 0 0 0; margin:0 0; }

#cadre2 p { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; margin:2px 0 0 0; color:#333; }

/**Formulaire1
**********************/
form.form1 { height:auto; font-size:10px; color:#000; }

fieldset.form1 { width: 385px; padding:1em; text-align:left; margin:0 auto 10px auto; border:#000 solid 1px; }

.form1 legend { color:#000; font-size:12px; font-weight:bold; }

.form1 p { margin:4px 0 0 0; }

.form1 label { font-size:10px; padding-left:5px; font-weight:bold; display: block; float: left; width: 180px; text-align:left; }

.form1 .capt { text-align:center; font-size:10px; color:#000; }

/**Formulaire2
**********************/
form.form2 { clear:both; height:auto; font-size:10px; color:#000; }

fieldset.form2 { width: 280px; padding:1em; text-align:left; margin:0 auto 10px auto; border:#000 solid 1px; }

.form2 form { height:auto; }

.form2 legend { color:#000; font-size:12px; font-weight:bold;}

.form2 p { margin:4px 0 0 0; }

.form2 label { font-size:10px; padding-left:5px; display: block; float: left; width: 140px; text-align:left; }

/**Encart Rub
**********************/
.block_rub { float:none; margin: 0 auto 15px auto;  width:200px; text-align:center; border:1px solid #FE6530; background:transparent; min-height:180px;  _height:180px; clear:both }

.block_rub h3 { color:#000; height:36px; text-align:center; font: bold 15px/15px Verdana, Arial, Helvetica, sans-serif; background:transparent url('images/h3.gif') repeat-x; padding: 4px 0 0 0; margin:0 0 0px 0; clear:both; float:none; }

.block_rub a { font: bold 12px/13px Verdana, Arial, Helvetica, sans-serif; color:#fff }

.block_rub .image { text-align:center; margin:4px auto 4px auto; width:120px; height:120px; }

.block_rub .image img { border:#fff solid 1px; }

/**Encart Vignette
**********************/
.block_vignette { margin:0 auto 15px auto; width:450px; min-height:150px; _height:150px; text-align: justify; border:1px solid #990000; background:transparent; clear:both; float:none; color:#000; }

.block_vignette h3 { color:#fff; height:35px; text-align:center; font: bold 12px/13px Verdana, Arial, Helvetica, sans-serif; background:transparent url('images/h3.gif') repeat-x; padding: 5px 0 0 0; margin:0 0 0 0; clear:both; float:none; }

#texte .block_vignette h3 a { color:#fff; }

.block_vignette a { font: bold 12px/13px Verdana, Arial, Helvetica, sans-serif; color:#000 }

.block_vignette .image { float:left; display:block; text-align:center; margin:4px 0; width:170px;  }

.block_vignette .image img { border:3px solid #990000; padding:2px; }

.block_vignette .detail { float:left; width:270px; padding: 0 3px; }

.block_vignette .description { clear:both; float:none; display:block; text-align:justify; padding:5px; border-top:1px dashed #000  }

.block_vignette .prix { clear:both; float:none; display:block; text-align:left; }

.block_vignette .prix2 { text-align:center; color:#000; }

.block_vignette .prixbarre { font-size:12px; font-weight:normal; color:#f00 }

.block_vignette .divers { display:inline; font-size:12px; font-weight:bold; font-style:italic; color:#fff }

.block_vignette a img { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }

.block_vignette a:hover img { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

.block_vignette .panier { text-align:center }

.block_vignette .panier img { border:none; text-align:center }

.block_vignette .declinaison { padding:0 10px }

#imgdecli { padding:1px; background: transparent; border: 2px solid #000}

.ref { text-align: left; }

#tabdeclinaison { width:100%; border-collapse:collapse; color:#000 }

#tabdeclinaison tr { border-bottom:1px solid #000 }

#tabdeclinaison td { width: 25%; text-align:center; border-bottom:1px solid #000; padding: 3px 0 }

#formdecli {}

#formdecli label { font: bold 11px Verdana, Arial, Helvetica, sans-serif; display:block; width:60px; float:left; text-align:right; padding:0 3px 0 0 }

#formdecli select { width:120px}

/******************************************/

#tabpanier a { color:#000}

.menuderoulant { padding: 0 0 15px 15px }

.menuderoulant li { list-style:none; background: transparent url('images/puces.jpg') no-repeat 0 3px; text-indent:15px; padding: 0 0 10px 0 }

.menuderoulant a { color:#fff }

.center { text-align:center; }

.bold { font-weight:bold }

.nouprocoeur { text-align:center; font-weight:bold; letter-spacing:10px; color:#ff0; padding:2px 0; text-decoration:blink; clear:both; float:none; }

.numimage { height:20px; margin:0 auto 5px auto; }

.descrub { margin:0 auto 15px auto; border-bottom:1px solid #fff; clear:both; float:none; width:500px; text-align:justify }

.descrub h3 { padding:8px 0 0 0; height:32px; color:#000; font: normal 20px/20px Verdana, Arial, Helvetica, sans-serif; text-align:center; border-bottom: 1px solid #fff; margin: 5px 0 }

.descrub img { border:3px solid #fff; padding:2px; float:left; margin:0 10px 0 0 }

#promo { clear:both; float:none; padding:0 0 0 0 }

#promo h2 { color:#000; height:33px; text-align:center; font: normal 22px/22px Verdana, Arial, Helvetica, sans-serif; background:transparent url('images/h3.gif') repeat-x; padding: 7px 0 0 0; letter-spacing:2px; margin:0 auto; width:500px }

#promo li { border-bottom:1px dashed #569CD4; text-align:left; list-style:none; padding: 5px 10px; font-weight:bold }

.clearer { clear:both; float:none; height:10px }

#apromo, #anew { width:120px; height:120px; display:block; clear:both; float:none; margin:10px auto; text-indent:-5000px;  }

#acoeur { width:160px; height:238px; display:block; clear:both; float:none; margin:0 auto; text-indent:-5000px; }

.moitie { width:50%; float:left}

#newsletter{
	float:left;
	width: 380px;
	color: #FFFFFF;
	padding:10px;
}
#newsletter input, #formulaire textarea{ 
	background-color:transparent;
	border:1px solid #CACACA;
	color:#FFFFFF;
	padding:5px; }


/*.h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; font-weight: normal; text-transform: none; color:#ffffff; letter-spacing: normal; word-spacing: normal; white-space: normal; }

.Style12 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; }

a:link { color:#FF9900; text-decoration: underline; }

a:visited { color:#FF9900; text-decoration: underline; }

a:hover { color:#FF9900; text-decoration: underline; }

a.lien:link { color: #660000; text-decoration: underline; }

a.lien:visited { color: #660000; text-decoration: underline; }

a.lien:hover { color:#660000; text-decoration: underline; }

a.lien1:link { color:#ffffff; text-decoration: underline; }

a.lien1:visited { color:#ffffff; text-decoration: underline; }

a.lien1:hover { color:#ffffff; text-decoration: underline; }

.texte { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; font-weight: normal; text-transform: none; color:#330000; letter-spacing: normal; word-spacing: normal; white-space: normal; width:371px; }

.texte2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; font-weight: normal; text-transform: none; color:#FF3300; letter-spacing: normal; word-spacing: normal; white-space: normal; width:480px; margin-left:19px; }

.texte3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color: #990066; letter-spacing: normal; word-spacing: normal; white-space: normal; margin-left:50px; width:180px; }

.texte4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color: #C8A8C8; letter-spacing: normal; word-spacing: normal; white-space: normal; }

.TopMenuItemContact { font-family: Geneva, Arial, Helvetica, san-serif; font-size: 8pt; font-weight: normal; padding: 1px 15px 1px 15px; cursor: hand; background: #ffffff; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #f4f4f4; border-right-color: #f4f4f4; border-bottom-color: #f4f4f4; border-left-color: #f4f4f4; }

.TopMenuItem { font-family: Geneva, Arial, Helvetica, san-serif; font-size: 8pt; font-weight: normal; padding: 1px 15px 1px 15px; cursor: hand; background: #ffffff; border: 1px solid #000000; }

.table { margin-top:20px; }

.titreplan { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; color: #5F0666; font-weight: bold; }

.txtplan { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #333333; }

.plan { margin: 20px; width: 640px; height: 480px; border: 2px #999 solid; }

#plandusite a:link, #plandusite a:hover, #plandusite a:visited { text-decoration:underline; color:#333; }

#plandusite { padding: 20px 20px 0 20px; }*/