/**************************************
*                                     *
*   Creation www.designific.com       *
*   Last update : 15-04-2006          *
*                                     *
*   File : CSS file                   *
*                                     *
*   This file is clean, thanks to     *
*   keep it so.                       *
*                                     *
**************************************/


/**************************************
*                                     *
*              General                *
*                                     *
**************************************/


body { margin: 0; padding: 0; background-color: #dfdfdf; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.8em; color: #666; }

a:link, a:visited { color: #ff3333; text-decoration: none; }
a:hover { color: #595959; text-decoration: underline; }
a:active { color: #ccc; text-decoration: none; }

a:link img, a:visited img { border: 1px solid #ccc; }
a:hover img { border: 1px solid #ff3333; }

p { margin: 0 0 10px 0; }


/**************************************
*                                     *
*             Interface               *
*                                     *
**************************************/


#header { height: 148px; background: url('../img/header.jpg') no-repeat; margin: 0 0 0 9px; }
#global { position: absolute; width: 895px; left: 50%; margin-left: -448px; background: #dfdfdf url('../img/background.gif') repeat-y 50% 0;}
#content { margin-left: 220px; margin-right: 45px; }
#content p { text-align: justify; }
#sidebar { position: absolute; left: 9px; width: 173px; }
#bottom { background: #dfdfdf url('../img/bottom.gif') no-repeat 50% 0; margin-top: 20px; padding-top: 15px; text-align: center; font-size: 0.8em; line-height: 1.2em;  clear: both; }
#address { height: 120px; width: 170px; background: url('../img/address.gif'); background-repeat: no-repeat; margin-top: 75px; }


/**************************************
*                                     *
*                Menu                 *
*                                     *
**************************************/


#navbar { float: left; height: 22px; margin: 89px 8px 0 0; padding-right: 10px; padding-left: 10px; background-color: #DE0025; font-size: 0.75em; font-weight: bold; text-align: right; color: #fff; line-height: 1.8em; }
#navbar ul { list-style: none; padding: 0; margin: 0; }
#navbar li { display: inline; padding: 0; margin: 0; }
#navbar a:link { color: #fff; text-decoration: none; }
#navbar a:visited { color: #ccc; text-decoration: none; }
#navbar a:hover { color: #fff; text-decoration: underline; }


/**************************************
*                                     *
*            Typography               *
*                                     *
**************************************/


#content h1, #content h2, #content h3 { color: #595959; margin: 0; padding-top: 1em; font: 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin-bottom: 1em; text-transform: none; }
#content h1 { font-size: 180%; border-bottom: 1px solid #ccc; font-variant: small-caps; }
#content h2 { font-size: 130%; font-weight: bold; }
#content h3 { font-size: 110%; font-weight: bold; }
#content ul { list-style-image: url('../img/li.gif') }
#legende { font-size: 0.8em; font-style: italic; }
.illustration { float: right; margin-left: 5px; }


/**************************************
*                                     *
*          Tables & Forms             *
*                                     *
**************************************/


table { border: 1px solid #ccc; border-spacing: 0; border-collapse: collapse; }
th { background-color: #595959; color: #fff; }
td { padding: 3px; }

.products table { width: 100%; text-align: center; }
.products .tr_gray { background-color: #f0f0f0; }

form fieldset, textarea, legend, select, .textfield { border: 1px solid #ccc; color: #595959; line-height: 1.4em; }
form label, input, textarea, select, .textfield { margin-top: 15px; }
form fieldset { padding: 1em; margin: 20px 0 10px 0; }
form legend { font-weight: bold; color: #595959; background-color: #f0f0f0; }
form label { display: inline; float: left; width: 200px; }
form select, .textfield { width: 250px; }
form textarea { width: 250px; font: 0.8em Verdana, Arial, Helvetica, sans-serif; }
form .asterisk { color: #ff0000; font-style: italic; font-size: 0.8em; }
.button { margin: 5px 0 5px 0; width: 100px; border: 1px solid #595959; background-color: #ccc; color: #595959; font-size: 0.8em; font-weight: bold; }


/**************************************
*                                     *
*              Others                 *
*                                     *
**************************************/


.info { border: 1px solid #ff0000; padding: 3px; margin-bottom: 15px; background-color: #f0f0f0; color: #595959; }
.localisation { text-align: center; }
.localisation img { padding: 4px; background-color: #f0f0f0; border: 1px solid #000; }