/* ================================================================================================

 Charte graphique :

  Bleu profond : #32556b
  Bleu menu : #4C768A
  Rouge bordeau : #94151c
  Gris foncé : #4d4d4d

 ================================================================================================*/

/*=====================================================================*/
/*                     GENERALITES                                     */
/*=====================================================================*/

html,body {
width:100%;
height:100%;
font-family:Verdana, "Bitstream Vera Sans", sans-serif;
font-size:0.9em;
text-align:left;
margin:0;
padding:0;
background:url("../img/bg2.png") top center repeat-y #e7e7e7;
}

h1 {
color:#222;
}

h2 {
margin:0;
padding:0;
}

a, a:active, a:visited {
text-decoration:none;
color:#32556b;
font-weight:700;
}

input, textarea {
background-color:transparent;
border:1px solid #AAA;
}

input:hover, textarea:hover {
cursor:pointer;
border:1px solid black;
background-color:white;
}

.submit, .submit:hover {
border:none;
vertical-align:top;
}

img {
border:none;
}


#all {
width:1000px;
position:relative;
margin:0 auto;
background-color:transparent;
}

/*=====================================================================*/
/*                       FILTRE & POPUPs                               */
/*=====================================================================*/
#filter {
position: absolute;
background-color:black;
top:0;
left:0;
z-index:25;
width:0;
display:none;
}

.box {
position: absolute;
z-index:50;
width:300px;
height:350px;
background-color:white;
border:1px solid black;
display:none;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -200px;
}

.box h3 {
margin:0;
padding:2px;
font-size:1.3em;
text-align:center;
color:black;
}

.box h4 {
margin:0;
padding:2px;
font-size:1.5em;
text-align:center;
color:black;
}

/*barre fermer*/
.box h2 {
margin:0;
padding:2px;
font-size:0.9em;
background-color:#94151c;
border-bottom:1px solid black;
text-align:right;
}

.box h2 a {
color:white;
margin-left:150px;
}

.box h2 a:hover {
color:black;
}

.box p {
text-align:center;
}

.box form p {
margin:10px auto 5px auto;
text-align:right;
width:80%;
}

.box .button {
display:block;
background-color:white;
margin:0 auto;
}

#myLogin {
background:url("../img/user.png") bottom right no-repeat white;
}

#Login #imagebox {
margin:0 auto;
}

#Login {
height:500px;
width:500px;
left: 42.5%;
top: 40%;
}

#advert {
height:180px;
overflow:hidden;
}

/*=====================================================================*/
/*                         HEADER                                      */
/*=====================================================================*/
#header {
width:1000px;
position:relative;
margin:0 auto;
background:url("../img/header.png") no-repeat top center transparent;
height:217px;
}



/*=====================================================================*/
/*                          MENU                                       */
/*=====================================================================*/
#menu {
position:absolute;
z-index:2;
width:700px;
height:77px;
cursor:pointer;
margin:0 auto 0 290px;
}

#menu ul li {
width:110px;
float:left;
height:77px;
line-height:77px;
text-align:center;
font-size:0.9em;
margin:0;
padding:0;
}

.itemOver {
background:url("../img/header_bg.png") top left repeat-x white;
}
/*
.itemOverPanier {
background:url("../img/client.png") top left repeat-x white;
}
*/
.itemOver a {
color:white;
}

.subitemOver a{
background:#4C768A;
}

.subitemOut {

}

#menu ul li a {
display:block;
height:100%;
width:108px;
color:#000;
}

#menu ul, #menu li {
list-style-type:none;
margin:0;
padding:0;
}

#menu ul li a:hover, .itemOver {
color:white;
}

#menu ul ul li {
float:none;
font-size:0.8em;
height:3em;
line-height:3em; 
margin:0;
padding:0;
background-color:white;
width:108px;
border-top:1px solid #DDD;
}

#menu ul ul {
border:1px solid #AAA;
width:108px;
display:none;
}
/*
#menu #menu6:hover {
background:url("../img/client.png") no-repeat bottom left transparent;
}

#menu #menu6 a:hover {
color:black;
}
*/
/*=====================================================================*/
/*                             FLASH                                   */
/*=====================================================================*/
#flash {
position:absolute;
top:77px;
height:140px;
z-index:1;
left:50%;
width:900px;
margin:0 auto 0 -450px;
padding:0;
}

/*=====================================================================*/
/*                              TOPLINE                                */
/*=====================================================================*/

#topline {
clear:both;
width:1000px;
margin:0 auto;
font-size:0.8em;
background:url("../img/topline.png") top center no-repeat transparent;
height:151px;
}

#topline #topleft {
margin-left:62px;
float:left;
width:277px;
height:150px;
}

#topline #topcenter {
float:left;
width:305px;
height:150px;
border-left:1px solid #AAA;
border-right:1px solid #AAA;
background-color:#F9F9F9;
}

#topline #topcenter p {
text-align:center;
}

#topline #topright {
float:right;
margin-right:50px;
width:300px;
height:150px;
}

#topline #link {
float:right;
width:100px;
height:100px;
}

/*=====================================================================*/
/*                           CONTENU                                   */
/*=====================================================================*/

#container {
position:absolute;
width:1000px;
top:217px;
margin:0 auto;
}

#pagewidth {
width:1000px;
background:url("../img/shadow.png") top left repeat-y transparent;
clear:both;
}

/*=====================================================================*/
/*                         COLONNE GAUCHE                              */
/*=====================================================================*/

#leftcol {
margin-top:-50px;
width:150px;
float:left;
position:relative;
color:#999;
padding:5px 0 5px 61px;
text-align:center;
}

#leftcol p {
margin:0;
padding:0;
padding-left:5px;
}

#leftcol h1 {
font-size:1.2em;
}

#leftcol h2, #leftcol h3  {
font-size:1em;
margin:0;
padding:0;
}

#leftcol h2 {
padding-top:20px;
}

#leftcol a {
color:#999;
}

#leftcol a:hover {
color:#32556b;
}

#leftcol img {
border:none;
width:110px;
margin:0 auto;
}


/*=====================================================================*/
/*                    COLONNES MILIEU + DROITE                         */
/*=====================================================================*/

#twocols {
float:left;
position:relative;
}

/*=====================================================================*/
/*                           COLONNE DROITE                            */
/*=====================================================================*/

#rightcol {
width:150px;
float:left;
position:relative;
text-align:center;
background:url("../img/caddy.png") 3px 45px no-repeat transparent;
}

#rightcol p {
padding-left:5px;
}

#rightcol h1 {
font-size:1.2em;
margin-bottom:20px;
}

#rightcol h2, #rightcol h3  {
font-size:1em;
margin:0;
padding:0;
}

#rightcol a {
color:black;
}

#rightcol a:hover {
color:#32556b;
}


#rightcol td {
text-align:center;
}

/*=====================================================================*/
/*                          FOOTER                                     */
/*=====================================================================*/

#footer {
width:890px;
margin:0 auto 0 auto;
clear:both;
text-align:right;
}

#footer a {
font-size:0.7em;
margin-bottom:5px;
}

/*=====================================================================*/
/*                            FOOTER2                                  */
/*=====================================================================*/

#footer2 {
clear:both;
width:1000px;
padding-bottom:30px;
padding-top:5px;
font-size:0.8em;
color:#FFF;
background:url("../img/footer_bg.png") bottom center no-repeat transparent;
}

#footer2 p {
margin-top:5px;
margin-left:50px;
width:900px;
text-align:center;
}

#footer2 a {
color:#FFF;
font-weight:normal;
font-size:0.9em;
}

#footer2 a:hover {
font-weight:bold;
}

#footer2 img {
border:none;
margin:0 20px;
}

/*=====================================================================*/
/*                             DIVERS                                  */
/*=====================================================================*/

#search {
margin:45px 0 0 25px;
}

/* A TRIER */
#contact {
float:left;
margin-top:2px;
}

#product_list {
border-top:1px solid #AAA;
border-bottom:1px solid #AAA;
}

#cgv {
height:200px;
overflow:auto;
width:520px;
border:1px solid #AAA;
background-color:#EEE;
margin:5px auto;
}

/*=====================================================================*/
/*                             CONTENU                                 */
/*=====================================================================*/

#maincol {
float:left;
display:inline;
position:relative;
width:588px;
color:black;
font-size:0.9em;
border:1px solid #AAA;
margin:0;

background:url("../img/eye_2_fade2.jpg") bottom right no-repeat #FFF;
padding:2px 5px 100px 5px;
margin-top:-40px;
min-height:300px;
}

/* tableaux */
#maincol table {
margin:10px auto;
empty-cells:hide;
}

#maincol table td {
border:1px solid #AAA;
padding:3px;
}

#maincol table tr:hover {
background-color:#EEE;
}

#maincol table th {
text-align:center;
}

/* titres et paragraphes */

#maincol p {
margin:10px;
}

#maincol  p.partenaire {
width:100%;
text-align:center;
margin-top:10px;
-moz-opacity:0.6;
opacity:0.6;
filter:alpha(opacity=60);
}

#maincol  p.partenaire:hover {
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
}

#maincol p.center {
text-align:center;
}

#maincol h1, #maincol h2 {
text-align:left;
margin:15px 5px 10px 5px;
}

/* zones */

#maincol .field {
width:80%;
margin:0 auto;
}

.info {
background:url('../img/button/button_info.png') no-repeat transparent;
background-position:5px 0px;
padding-left:35px;
width:90%;
min-height:20px;
padding-top:5px;
}

.error {
background:url('../img/button/button_alerte.png') no-repeat transparent;
background-position:5px 0px;
padding-left:35px;
width:90%;
min-height:20px;
padding-top:5px;
}

/* images */

#maincol img {
border:none;
}


/* formulaires */
#maincol form {
display:inline;
margin:0 auto;
padding: 0px;
}

#maincol .inputbox {
margin:5px 0 5px 0;
}

#maincol .button {
display:block;
background-color:white;
margin:0 auto 10px auto;
}


#maincol label {
display:block;
width:200px;
float:left;
text-align:right;
padding-right:10px;
}


/* liens a boutons */
a.button {
border:1px solid #AAA;
text-align:center;
padding:2px;
width:50%;
}

a.button:hover {
border:1px solid #000;
}


/* autres */
.hidden {
display:none;
}

/* description */
#desc {
position:absolute;
/*float:right;*/
top:200px;
left:50%;
width:300px;
margin:0;
padding:0;
margin-top:-150px;
margin-right:50px;
font-size:0.9em;
}

#desc_haut {
height:42px;
width:300px;
background:url('../img/desc_haut2.png') top left no-repeat transparent;
margin:0;
padding:0;
}

#desc_milieu {
width:300px;
background:url('../img/desc_milieu2.png') top left repeat-y transparent;
margin:0;
margin-top:-12px;
padding:0;
}

#desc_milieu ul {
width:250px;
list-style-type:disc;
}

#desc_haut h4{
margin:0;
padding:20px 0 0 0;
text-align:center;
}

#desc_bas {
height:42px;
width:300px;
background:url('../img/desc_bas2.png') top left no-repeat transparent;
margin:0;
padding:0;
margin-top:-15px;
}

.disabled {
color:#CCC;
font-weight:bold;
}

.right {
text-align:right;
}

.bold {
font-weight:bold;
}

.required {
	border-color:#B26565;
	background:url('../img/star.png') right center no-repeat transparent;
}