/* Gabarit Largeur fluide 2 colonnes - jimro - 07/11/2005 */
/* Feuille de style inspirée des tutoriels css.alsacreations.com */


/* Initialisation CSS */

/* * { CA PEUT ETRE ASSEZ PERTURBANT ;-) { */

* {
margin: 0;
padding: 0;
border: 0;
}

/* police par défaut de tout le site */

body {
   text-align: center;
   background-image:url(Images/fond-global.jpg);   
 /*  background-attachment:fixed; */
   font-size: 11px;
   font-family:Geneva, Arial, Helvetica, sans-serif;
   color:color:#666699;
   font-weight: normal;
}



/*******************************************
******     Agencement des pages      *******
********************************************/

div#conteneur {
position:relative;
margin: 0px auto 0px auto;
text-align: left;
width: 818px;
}

div#header {
height:24px;
width: 610px;
margin: 0 19px 0 189px;
padding: 245px 0 0 0px;
background-image:url(Images/fond-titre.jpg) ;
background-position:top;

}

div#menu-haut { 
   width:610px;
   height:50px;
   line-height:20px;
   margin: 0px 15px 8px 0px;
   text-align:right;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-style:normal;
   font-weight:normal;
   color:#A9AAE7;

     
}
div#menu-haut a:link, div#menu-haut a:active, div#menu-haut a:visited {
   color:#A9AAE7;
}

form.voirPanier, form.voirPanier input {
display:inline;
border:none;
background:none;
cursor:pointer;
margin-right:6px;
color:#A9AAE7;   
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

div#menu-gauche-ext {
display:inline;
float:left;
   width:188px;
   min-height:450px;
}

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

div#menu-gauche-ext ul li a img{
margin:8px 0 6px 0;
}
div#menu-gauche-ext ul li ul{
margin:0 0 0 25px;
   text-align:left;
   letter-spacing:1px;   
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
}

div#menu-gauche-ext ul li ul a{
   color:#A9AAE7;
}

div#menu-gauche-ext ul li ul a.menug-ssActif, div#menu-gauche-ext ul li ul a.menug-sssActif{
font-weight:bold;
font-style:italic;
text-decoration:underline;
}

div#menu-gauche-ext ul li ul li{
margin:0 0 8px 0;
}

div#menu-gauche-ext ul li ul li ul{
margin:0 0 0 12px;
}

div#menu-gauche-ext ul li ul li ul li{
margin:4px 0 0 0;
font-size:11px;
}

div#menu-gauche-ext ul li ul.boutique {
   color:#A9AAE7;
}
div#menu-gauche-ext ul li ul.boutique li {
   font-size:11px;
}

div#conteneur-page {
margin-left:189px;
width:610px;
background-image:url(Images/fond-conteneur-610.jpg) ;
background-position:center;
background-repeat:repeat-y;
}



#centre{ 
   margin:0;
/*   width:515px;

   padding:20px 31px 0 34px;
*/   
   padding:20px 0px 0 0px;

   min-height: 450px;
   background-image:url(Images/fond-centre-610.jpg) ;
   background-position:top;
   background-repeat:no-repeat;
}


* html #centre{
   height: 450px; /* hack uniquement interprété par IE Win+Mac*/
} 

div#menu-gauche { 
   display:inline;
   float:left;
   width:210px;
   height:384px;
   margin:10px 20px 0 0px;
   text-align:center;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:16px;
   font-style:italic;
   font-weight:bold;
   color:#FFFFFF;
   background-image:url(Images/fond-menu-gauche.jpg) ;     
}

#fil-ariane {
padding-left:50px;
color:#933E36;
}

/*******************************************
********     Titres par défaut      ********
********************************************/

h1, h2, h3, h4, h5, h6
{
margin:0;
padding:0;
font-style:normal;
font-weight:normal;
color:#933E36;
font-weight:bold;
}

h1 a:link, h1 a:visited, h1 a:active, h1 a:hover,
h2 a:link, h2 a:visited, h2 a:active, h2 a:hover,
h3 a:link, h3 a:visited, h3 a:active, h3 a:hover,
h4 a:link, h4 a:visited, h4 a:active, h4 a:hover,
h5 a:link, h5 a:visited, h5 a:active, h5 a:hover,
h6 a:link, h6 a:visited, h6 a:active, h6 a:hover,
{
margin:0;
padding:0;
font-style:normal;
font-weight:normal;
color:#933E36;
font-weight:bold;
}
h1{
display:block;
line-height:25px;
padding-bottom:8px;
text-align:center;
margin:60px 0 30px 0;
font-size:22px;
font-variant:small-caps;
font-family:Georgia, "Times New Roman", Times, serif;
letter-spacing: 2px;
}

span.sous-titre {
font-style:italic;
font-weight:normal;
font-variant:normal;
}

h2, h3, h4, h5, h6 {
text-align:left;
}
h2{
margin:30px 51px 10px 69px;
color:#A23F25;
font-size:14px;
font-weight:bold;
font-variant:small-caps;
font-family:Georgia, "Times New Roman", Times, serif;
}
h2 a{
font-size:20px;
}

h3, h4, h5, h6{
margin:15px 51px 0px 84px;;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
}
h3{
font-variant:small-caps;
font-size:12px;
text-indent:15px;
}
h3 a{
font-size:14px;
}
h4, h5, h6{
font-size:12px;
text-indent:30px;
}
h4 a {
font-size:12px;
}
h5{
font-size:11px;
text-indent:40px;
}
h5 a{
font-size:11px;
}
h6{
font-size:10px;
text-indent:40px;
font-weight:normal;
}
h6 a{
font-size:10px;
}

/*******************************************
**********      Mise en forme       ********
********************************************/

p.menu-haut-int {
margin: -20px 66px 20px 69px;
text-align:center;
color:#666699;
font-size:14px;
font-weight:bold;
text-indent:0px;
}

p.menu-haut-int a:link,
p.menu-haut-int a:visited,
p.menu-haut-int a:active,
p.menu-haut-int a:hover {
color:#666699;
}

div.droite {
display:inline; 
float:right; 
margin:0px 66px 10px 20px;
text-align:center; 
}

div.separateur {
border-bottom:1px solid #999966;
width:150px;
margin: 12px auto 24px auto;
}

div.separateur-gauche {
border-bottom:1px solid #999966;
color:#999966;
width:150px;
margin: 12px 0 12px 69px;
}

/*******************************************
********         Paragraphes         *******
********************************************/

p{
/*width:502px;
margin: 8px 5px 10px 5px;
*/
margin: 8px 66px 10px 69px;
padding:0;
font-style:normal;
font-weight:normal;
font-size:12px;
text-align:justify;
text-indent:20px;
color:#800000;
}


p.italique {
font-style:italic;
}
p.retrait {
margin: 8px 66px 10px 94px;
text-indent:0px;
}
p.cit {
margin: 8px 66px 10px 94px;
text-indent:0px;
font-style:italic;
}
p.auteur-cit {
margin: 8px 66px 10px 100px;
text-indent:0px;
font-size:11px;
}
p.encart {
margin: 16px 66px 16px 69px;
text-indent:0px;
font-style:italic;
color:#9F5200;
}

.encart em {
font-style:normal;
}
span.exposant{
font-size:10px;
vertical-align:text-top;
}


/*******************************************
**********        Liens         ************
********************************************/

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

a.nav:link, a.nav:visited, a.nav:active, a.nav:hover {
text-decoration:underline;
}
a.nav:link img, a.nav:visited img, a.nav:active img, a.nav:hover img {
text-decoration:none;
}


/*******************************************
***********        Images        ***********
********************************************/

img {
   border: 0;
}

img.gauche {
display:inline; 
float:left; 
margin:0px 20px 10px 0px;
}

img.droite, img.droite_haut {
display:inline; 
float:right; 
margin:0px 0px 10px 20px;
}

/*******************************************
**********     Autres éléments      ********
********************************************/

table {
font-size:12px;
color:#800000;
}
table a:link,
table a:visited,
table a:active,
table a:hover {
font-weight:bold;
color:#666699;
}

ul {
margin: 8px 66px 10px 94px;
padding:0;
font-style:normal;
font-weight:normal;
font-size:12px;
text-align:justify;
color:#800000;
}
/*******************************************
***********      Formulaires      **********
********************************************/

input {border:1px solid #666699;}

/*******************************************
*********      Panneau-accueil     *********
********************************************/

div.panneau-droite {
display:inline;
float:right;
width:210px;
margin: 0 55px 10px 20px;
}

div.panneau-droite h2 {
margin:4px 0px 10px 0px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
letter-spacing:4px;
color:#CC3300;
}

div.panneau-droite h3 {
margin: 0px 0 15px 0;
color:#666699;
text-indent:0;
font-size:12px;
font-style:normal;
font-variant:small-caps;
}
div.panneau-droite h3 img {
margin:0 5px -1px 0;
}
.panneau-droite h3 a:link, .panneau-droite h3 a:visited, .panneau-droiteh3 a:active, .panneau-droite h3 a:hover {
font-size:12px;
font-variant:small-caps;
color:#666699;
}

.panneau-droite p {
margin: 8px 0 10px 0;
text-indent:0;
text-align:left;
letter-spacing:-1px;
}

.panneau-droite p a:link, .panneau-droite p a:visited, .panneau-droite p a:active, .panneau-droite p a:hover {
color:#666699;
}

.panneau-droite p a img {
display:inline; 
float:left; 
margin:0px 5px 5px 0px;
}

/*******************************************
*********        2 colonnes       **********
********************************************/

div.conteneur-2-col {
margin: 0px 60px 10px 63px;
}

div.col1 {
display:inline;
float:left;
width:239px;
}

div.col2 {
display:inline;
float:right;
width:239px;
}



div.col1 h3, div.col2 h3 {
margin: 0px 0 15px 0;
color:#666699;
text-indent:0;
font-size:12px;
font-style:normal;
font-variant:small-caps;
}
div.col1 h3 img, div.col2 h3 img {
margin:0 5px -1px 0;
}
.col1 h3 a:link, .col1 h3 a:visited, .col1 h3 a:active, .col1 h3 a:hover,
.col2 h3 a:link, .col2 h3 a:visited, .col2 h3 a:active, .col2 h3 a:hover {
font-size:12px;
font-variant:small-caps;
color:#666699;
}

div.col1 p, div.col2 p {
margin: 8px 0 10px 0;
}
.col1 p a:link, .col1 p a:visited, .col1 p a:active, .col1 p a:hover,
.col2 p a:link, .col2 p a:visited, .col2 p a:active, .col2 p a:hover {
color:#800000;
}

img.gauche-colonne {
display:inline; 
float:left; 
margin:0px 5px 5px 0px;
}

/*******************************************
************     Boutique     **************
********************************************/
input.ajouterPanier {

display:inline;
float:right;
width:250px;
border:none;
margin-right:-5px;
padding-left:25px;
text-align:left;
font-size:11px;
font-weight:bold;
text-decoration:underline;
color:#666699;
background:none;
background-image:url(Images/icone-panier-mini.gif);
background-repeat:no-repeat;
background-position:left;
}



/*******************************************
************        Bas        *************
********************************************/

#bas {
width:490px;
height:62px;
padding:20px 64px 0 79px;
background-image:url(Images-web/Fonds/Pied.jpg);
line-height:15px;
font-size:10px;
color:#B14B41;
font-style:normal;
font-weight:bold;
text-align:center;
}

#bas a {
text-decoration:none;
font-weight:bold;
}
#bas a:hover {
text-decoration:underline;
}