/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2010 POINT WEB
type : screen
categorie : structure site
Auteur : serco pointweb
site : SARL GRAND PIERRE
**************************************************************************/

/*fix bug navigateur*/
.myhr{ clear:both; height:0; overflow:hidden; visibility:hidden; }

/************* DETECTION JS **************/

#jserror{ background:#FFFFCC; border:#FF0000 solid 1px; color:#FF0000; padding: 10px; margin: 0 0 10px 0; float:left; }
#jserror dt{ font-weight:bold; }

*{margin:0; padding:0}
body{ background:#FFF url(../images/bg_site.gif) repeat-x top left; font-family:Verdana, Arial, Helvetica, sans-serif;}
h1{ display:none}
a{ text-decoration:none; outline:none;}
a:hover{ text-decoration:underline}
#accessibilite { display:none}
img{ border:0}

/*-----------------------------------------------< STRUCTURE >-----------------------------------------------*/

#global{width:995px; margin:0 auto;}
#header{height:130px;}
#logo{ width:528px; height:130px; float:left}
#demandeCode{ display:none}
#menu{ display:none}
#espacePro{ display:none}
#rubriques{ display:none}
#wrapper{ padding:15px 20px 20px 20px; float:left}
#blockLeft{display:none}
#content{ float:left; width:746px; padding:10px 0 0 0}
h2{ color:#333; font-size:14px; margin-bottom:15px}
h2 span{ color:#419441}
p.paragraphe{ color:#666; font-size:12px; line-height:18px}


#footer{ height:99px; background:url(../images/bg_footer.gif) no-repeat top left; padding:37px 60px 0 45px}
#footer p{ font-size:11px; color:#333; line-height:14px}
#footer a{  color:#333}
#footer span{ color:#006600; font-size:14px}
#coordonnees{ float:left}
#copyright{ display:none}

/*--------------------------------< PANIER COMMANDE >-----------------------------*/

p.legend{ font-size:12px; color:#666; line-height:16px}
p.legend span{ font-size:14px; color:#006600}

#formCommDirecte{ border:#999 solid 1px; padding:10px; margin:15px 0 30px 0}
#formCommDirecte fieldset{ border:none}
#formCommDirecte legend{ display:none}
#formCommDirecte div{ float:left; margin:5px}
#formCommDirecte label{ font-size:14px; color:#333; float:left; display:inline; width:150px; margin-left:80px}
#formCommDirecte input{ border:#999 solid 1px; background:#efefef; width:180px; color:#333}
#formCommDirecte input#btnOk{background:#3e8e3e;cursor:pointer; border:#6cc66c solid 1px; font-weight:bold; color:#fff; font-size:14px; width:180px;}
#formCommDirecte input#btnOk:hover{background:#205020;}

#formPanier fieldset{ border:none}
#formPanier legend{ display:none}

#tabloPanier{ border-top:#999 solid 1px; border-left:#ccc solid 1px; width:745px; margin-bottom:30px}
#tabloPanier td{ border-bottom:#ccc solid 1px; border-right:#ccc solid 1px; height:30px; color:#333; font-size:11px}
#tabloPanier th{ height:30px; border-right:#999 solid 1px; border-bottom:#999 solid 1px; background:url(../images/bg_th.gif) repeat-x top left; color:#333; font-size:12px}
#tabloPanier a.intitule{ color:#006600; font-weight:bold}

#formPanier input{border:#999 solid 1px; background:#efefef; width:50px; color:#333; font-size:11px; float:left; margin-right:10px; margin-left:25px}


#formPanier td.total{ color:#C30; font-size:14px; font-weight:bold; background:#efefef}

#formPanier a.actions{ display:block; text-indent:-9999px; float:left; width:16px; height:16px; margin-right:10px}
#formPanier a.refresh{ background: url(../images/icon_refresh.png) no-repeat top left;}
#formPanier a.delete{ background: url(../images/icon_delete.png) no-repeat top left;}

a.btnContinuer{ width:307px; height:49px; display:block; background:url(../images/btnContinuer.gif) no-repeat top left; text-indent:-9999px; float:left; margin-top:3px}
a.btnContinuer:hover{ background:url(../images/btnContinuer.gif) no-repeat bottom left;}

a.btnCommandeSuite{ width:288px; height:59px; display:block; background:url(../images/btnCommanderSuite.gif) no-repeat top left; text-indent:-9999px; float:right}
a.btnCommandeSuite:hover{ background:url(../images/btnCommanderSuite.gif) no-repeat bottom left;}

/*--------------------------------< FINALISATION COMMANDE >-----------------------------*/

#formTransport{ margin:15px 0 15px 0}
#formTransport legend{color:#999; font-size:12px}
#formTransport fieldset{ border:#999 solid 1px; padding:10px}
#formTransport div{ margin:10px 5px 5px 5px}
#formTransport input[type=radio]{ width:15px; height:15px; float:left; margin-right:10px}
#formTransport label{color:#333; font-size:12px}

a.retourAccueil{ display:none}
a.btnArchive{ display:none}