@charset "utf-8";
/*Filename:style.css
*Description:default CSS theme for EUROLUB pages
*
*Last revision:
*$Revision: 1 $
*$Date: 2009-06-26 10:43 $
*$LastChangedBy: thiago.diezel $
*$HeadURL: http://netavance.com/projets/eurolub/includes/style.css $
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,b {
margin:0;
padding:0;
}
body {background:#FFF url(../images/bk_page.gif) repeat-x;}
#panier{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#panier a {color:#30487f !important; font-size:14px; padding:0 5px 0 0}
#container {margin:0px auto; width:961px; height:1200px;}
#header {background:#FFF url(../images/bk_header.gif) no-repeat; width:961px; height:135px; position:inherit}
#content {float:left; margin:10px}
#breadcrumb {margin:0 0 10px 0; color:#888; font-size:0.7em; font-family:Arial, Helvetica, sans-serif}

/* HOME */
#home_content {background:#FFF url(../images/home_content.jpg) no-repeat; width:622px; height:302px }
#home_content p {margin:0; font-family:Arial, Helvetica, sans-serif; color:#06243d; font-size:1.3em; padding: 230px 55px 0 10px; line-height:21px}
#home_content a {background-position:0 0; display:block; text-indent:-9999px; outline:none;}
#homedetail {background:url(../images/buttons/bt_detail.gif) no-repeat; width:82px; height:25px; position:absolute; margin-left:460px; margin-top:208px}
#sec_content_l{float:left; background:url(../images/environnement.jpg) no-repeat;width:302px; height:202px; margin:20px 17px 0 0}
#sec_content_r{float:left; background:url(../images/unique.jpg) no-repeat; width:302px;height:202px; margin:20px 0 0 0}
#sec_content_s{ float:left;background:url(../images/temo.jpg) no-repeat; width:302px;height:202px; margin:19px 0 0 0}

.banner {margin-top:100px; font-family:Arial, Helvetica, sans-serif; padding:10px}
.banner h3 {font-size:0.7em; font-weight:bold;}
.banner p {font-size:0.7em; margin:0}
.banner a {font-size:0.7em; float:right; color:#155580}
#headermenu {position:absolute; margin-left:500px; margin-top:28px; * margin-left:-450px}
#headermenu li{color:#15b180; line-height:17px; list-style: inside disc; font-size:0.80em; text-decoration:none; font-style:italic; font-family:Arial, Helvetica, sans-serif}
#headermenu li a{color:#15b180; font-size:0.80em; text-decoration:none; font-style:italic; font-family:Arial, Helvetica, sans-serif}
#languagemenu {position:absolute; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; margin-left:780px; margin-top:50px; text-align:right;
* margin-left:-165px}
#languagemenu a {color:#fff; text-decoration:none; outline:none; list-style-type:square}
#languagemenu p {margin:0; padding:2px 0; font-size:1.05em}

/* PRODUITS */
#produits_content {background:#FFF url(../images/bk_produits.gif) repeat-x; width:620px; height:800px }
#top_prod {background:#FFF url(../images/produits_content.jpg) no-repeat; width:620px; height:112px;}
#midle_prod h2 {color:#B8384C; font-family:Arial, Helvetica, sans-serif; padding: 0px 10px; margin:0; font-size:19px}
#midle_prod div#ct_left { width:384px; padding:12px; float:left}
#midle_prod h3 {color:#666666; font-family:Arial, Helvetica, sans-serif; padding:10px; font-size:13px; padding-bottom:12px; line-height:20px}
#midle_prod h4 {color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold;padding: 5px 10px; font-size:14px; padding-top:12px}
#midle_prod a {color:#3B5998}
.list_ap {list-style: inside disc; border-bottom:2px dotted #999; padding-bottom:15px}
.list_ap li { color:#343536; font-family:Arial, Helvetica, sans-serif;padding: 2px 12px; font-size:11px; line-height:13px }
.livraison { color:#666; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding:5px 5px }
.livraison a {margin:0 !important; color:#324b76 !important; line-height:normal !important; font-size:13px !important; text-indent:0 !important}

#bottom_prod {background:#FFF url(../images/bottom_produits.gif) no-repeat; width:620px; height:5px;}
#sec_content_p { float:left;background:url(../images/environnement_prod.jpg) no-repeat; width:302px;height:202px; margin:19px 0 0 0}
#tt-produits {margin-top:18px; background:url(../images/tt_produits.gif) no-repeat; width:302px; height:26px}
#tt-communaute {margin-top:18px; background:url(../images/tt_communaute.gif) no-repeat; width:302px; height:26px}
#tt-contact {margin-top:18px; background:url(../images/tt_contact.gif) no-repeat; width:302px; height:26px}
#tt-environnement {margin-top:18px; background:url(../images/tt_environnement.gif) no-repeat; width:302px; height:26px}
#tt-nouvelles {margin-top:18px; background:url(../images/tt_nouvelles.gif) no-repeat; width:302px; height:26px}
#tt-propos {margin-top:18px; background:url(../images/tt_propos.gif) no-repeat; width:302px; height:26px}
#menu_prod li {list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:1.0; color:#06243d; border-bottom:2px dotted #d1d2d3; padding:6px 0 7px 11px}
#info_prod {background:#FFF url(../images/info_prod.jpg) no-repeat; width:606px; height:536px;}
#buttons_prod {list-style-type:none; margin:0px}
#buttons_prod li a {display:block; text-indent:24px; color:#FFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:bold; line-height:24px; outline:none; margin:4px 0;}
#vehic {border-bottom:2px dotted #c8c8c9; padding:12px 0 13px 18px}

#ajpanier4 {background:url(../images/buttons/ajouter_panier_59.gif) no-repeat center top; width:190px; height:62px; line-height:99px !important; margin-top:15px; cursor:pointer}
#ajpanier-offre {background:url(../images/buttons/ajouter_panier_10.gif) no-repeat center top; width:190px; height:62px; line-height:99px !important; margin-top:15px; cursor:pointer}
#ajpanier4:hover {background:url(../images/buttons/ajouter_panier_59.gif) no-repeat center -62px}
#ajpanier-offre:hover {background:url(../images/buttons/ajouter_panier_10.gif) no-repeat center -62px}
#memoriser {background:url(../images/buttons/memoriser.gif) no-repeat center top; width:190px; height:25px}
#memoriser:hover {background:url(../images/buttons/memoriser.gif) no-repeat center -25px}
#partager {background:url(../images/buttons/partager.gif) no-repeat center top; width:190px; height:25px}
#partager:hover {background:url(../images/buttons/partager.gif) no-repeat center -25px}
#commentaire {background:url(../images/buttons/ajouter_commentaire.gif) no-repeat center top; width:190px; height:25px}
#commentaire:hover {background:url(../images/buttons/ajouter_commentaire.gif) no-repeat center -25px}

/* ENVIRONNEMENT */
#midle-environ h2 {color:#3B5998; font-family:Arial, Helvetica, sans-serif; padding: 10px 22px; margin:0; font-size:1.2em}
#midle-environ h3 {color:#666666; font-family:Arial, Helvetica, sans-serif; padding:0 22px; font-size:0.8em; padding-bottom:12px; line-height:20px}
#midle-environ h4 {color:#666666; font-family:Arial, Helvetica, sans-serif; padding:0 22px; font-size:0.8em; margin:0}
#midle-environ p {color:#343536; font-family:Arial, Helvetica, sans-serif;padding: 2px 22px; font-size:0.7em; line-height:15px}
#midle-environ a {color:#3B5998}
#midle-environ input {margin:5px 22px; padding:0}

/* MAIN MENU */
#mainmenu {display:inline; list-style-type:none; float:left; margin-top:100px}
#mainmenu li {float:left}
#mainmenu li a {background-position:0 0; display:block; outline:none; line-height:30px; text-decoration:none; color:#000; font-weight:bold; text-indent:-9999px !important}

#accueil {background:url(../images/buttons/accueil.gif) no-repeat;text-indent:9px; width:69px; height:35px}
#accueil:hover {background:url(../images/buttons/accueil.gif) no-repeat center -35px}

#produits {background:url(../images/buttons/produits.gif) no-repeat;text-indent:8px; width:70px; height:35px}
#produits:hover {background:url(../images/buttons/produits.gif) no-repeat center -35px;}

#environnement {background:url(../images/buttons/environnement.gif) no-repeat;text-indent:6px; width:112px; height:35px}
#environnement:hover {background:url(../images/buttons/environnement.gif) no-repeat center -35px;}

#communaute {background:url(../images/buttons/communaute.gif) no-repeat;text-indent:7px; width:102px; height:35px}
#communaute:hover {background:url(../images/buttons/communaute.gif) no-repeat center -35px}

#nouvelles {background:url(../images/buttons/nouvelles.gif) no-repeat;text-indent:7px; width:80px; height:35px}
#nouvelles:hover {background:url(../images/buttons/nouvelles.gif) no-repeat center -35px}

#propos {background:url(../images/buttons/propos.gif) no-repeat;text-indent:5px; width:125px; height:35px}
#propos:hover {background:url(../images/buttons/propos.gif) no-repeat center -35px}

#contact {background:url(../images/buttons/contact.gif) no-repeat;text-indent:8px; width:70px; height:35px}
#contact:hover {background:url(../images/buttons/contact.gif) no-repeat center -35px}
.bold { font-weight:bold}

/* SECONDAIRE MENU */
#secmenu {display:inline; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; list-style-type:none; float:left; margin:109px 0 0 190px}
#secmenu li {float:left}
#secmenu li a {outline:none; text-decoration:none; color:#000}

/* SIDEBAR */
#sidebar {float:right; width:302px; margin:10px 10px 0 0}
*html #sidebar {float:right; width:302px; margin:10px 5px 0 0}
#video { width:302px; height:303px;}
.bannerfacebook { margin-top:23px; width:301px; height:101px; cursor:pointer}
.bannerfacebook h2 {color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:1.05em; font-weight:normal; padding:20px 25px}
.bannerfacebook a { color:#FFF; text-decoration:none; outline:none}

/* FOOTER */
#footer {clear:both; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:9px; margin-left:250px; margin-top:900px; text-align:center; position:absolute; * margin-top:80px; * margin-left:240px}
#footer a {color:#fff; text-decoration:none}
#footer a:hover {text-decoration:underline !important}


/*  MIS  */
.box {width:285px; height:110px; float:left;  margin:10px 10px}
.popup { cursor:pointer}
.popup-page { cursor:pointer }
#errms {margin:0 22px; color:#999ab3}
#lettre {margin:0 0 0 8px; color:#999ab3}
.button {background:url(../images/buttons/bt_send.gif) no-repeat; width:81px; height:28px; border:none; padding:0 !important; color:#FFF; cursor:pointer}
#prenom, #courriel {line-height:25px; width:220px; height:22px; border:1px solid #99a5b5; padding:2px 0 0 0 }
#info-prod p {color:#343536; font-family:Arial, Helvetica, sans-serif;padding: 2px 10px; font-size:0.7em; line-height:13px}
#info-prod a {color:#006 }
.submitpp {background:url(../images/buttons/btn_buynow.gif) no-repeat; width:95px; height:40px; cursor:pointer; outline:none  }