body
{
font-family: "Trebuchet MS", helvetica, sans-serif;
font-size: 14px;
margin: 0;
padding: 0;
background-image: url(images/bg-body.gif);
background-repeat: repeat-x;
background-color: #1d61bd;
color: #114994;
}

#conteneur 
{
padding: 0px;
background-image: url(images/bg-conteneur.gif);
background-repeat: repeat-x;
width: 90%;
}

html>body #milieu 
{
min-height: 650px; 	/* bidouille pour IE */
height: auto;		/* bidouille pour IE */
}

#milieu
{
margin: 0px 0px 0px 160px;
padding: 10px 10px 10px 30px;
height: 650px;
background-repeat: repeat-x;
background-color: #f2e9ab;
border-right: 1px solid #fff;
}

#titre
{
background-image: url(images/header.jpg);
height: 221px;
width: 787px;
cursor: pointer;
}

#googleht {
position: absolute;
width: 468px;
height: 60px;
margin: 5px 0px 0px 292px;
}

#gauche
{
background-image: url(images/bg-menu-gauche.jpg);
background-repeat: no-repeat;
position: absolute;
top: 221px;
left: 0px;
width: 160px;
margin: 0px 0px 0px 0px;
}

#gauche ul 
{
}

img
{
}

map
{
width: 418px;
height: 450px;
margin-bottom: 10px;
border: 0px;
display: none;
}

input, textarea
{
}

/*----------------------------------- Balise de Textes ---------------------------------*/

h1
{
display: none;
}
h2 {
border-bottom: 1px solid #8199a0;
font-size: 30px;
font-weight: bold;
font-variant: small-caps;
margin: 00px 0px 0px 0px;
}

h2:first-letter
{
font-size: 45px;
}

h3
{
}

h5
{
margin: 0px 5px 0px 5px;
}
h6 {
font-size: 14px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-weight: normal;
}
#gauche h3
{
margin: 50px 0px 0px 0px;
width: 160px;
height: 47px;
background-image: url(images/bg-menu-gauche-h3.gif);
}

#gauche h3 span
{
display: none;
}

#gauche form
{
}

#gauche form input
{
}

#gauche form p
{
}

#gauche form a
{
}

#gauche form a:hover
{
}

#gauche ul
{
margin: 0px 0px 0px 25px;
padding: 0px 0px 0px 0px;
}

#gauche ul li
{
list-style-image: url(images/puce-li-gauche.gif); 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#gauche ul li a
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #fff;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

#gauche ul li a:hover
{
color: #ffe400;
}

#gauche p
{
}

#gauche a
{
}

#gauche a:hover
{
}

#milieu img
{
}

#milieu form, #milieu table
{
}

#milieu form select, #milieu form input, #milieu form textarea
{
}

#milieu form input.formulaire, #milieu form textarea.formulaire
{
	width: 100%;
}

#milieu form select.colle, #milieu form input.colle
{
}

#milieu table.commande
{
border: 1px solid #AB932F;
padding: 10px 10px 10px 10px;
margin: 30px 0px 30px 0px;
width: 80%;
background-color: #F7F2CD;
}

#milieu table.commande a {
font-size: 12px;
color: #104893;
text-decoration: none;
}

#milieu table.commande p {
font-size: 11px;
margin: 0px 0px 0px 0px;
color: #104893;
text-decoration: none;
}

#milieu table.commande a:hover {
font-size: 12px;
color: #104893;
text-decoration: underline;
}
#milieu .titre_forum {
font-size: 18px;
font-weight: bold;
} 
#milieu .afficher_message  {
font-weight: bold;
display: block;
height: 20px;
background-image: url(images/fleche_afficher_message.gif);
background-repeat: no-repeat;
padding: 0px 0px 0px 20px;
margin: 10px 0px 0px 0px;
}
.repondre_forum {

}
.retour_forum {

}
#milieu .article h4.titre_forum {
font-size: 18px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}
#milieu table .afficher_message a {
font-size: 14px;		
}
#milieu table .afficher_message a:hover {
font-size: 14px;
text-decoration: underline;		
}


#milieu table.commande tr.entete
{
font-weight: bold;
text-align: center;
color: White;
background-color: #1D61BD;
border: 1px solid #114994;
}


#milieu table.commande tr#total
{
background-color: #ab932f;
color: White;
}

#milieu table.commande tr.impair
{background-color: #EEE2A1;
}

#milieu table.commande tr.pair
{
}

#milieu table.commande tr td
{
padding: 5px 10px 5px 10px;

}

#milieu table.commande tr td.champ
{
text-align: center;
}

#milieu table.commande select.champ
{
}

#milieu table.commande input.champ
{


}

#milieu table.commande input#champ_total
{
width: 50px;
border: 0px;
background-color: #AB932F;
color: #fff;
font-weight: bold;
text-align: right;
}

#milieu table.commande tr.impair input.champ
{
width: 50px;
border: 0px;
background-color: #EEE2A1;
text-align: right;
}

#milieu table.commande tr.pair input.champ
{
width: 50px;
border: 0px;
background-color: #F7F2CD;
text-align: right;
}

#milieu table.commande input.quantite
{
width: 50px;
text-align: right;
}
#milieu table.liste tr.entete
{
font-weight: bold;
text-align: center;
color: White;
background-color: #1D61BD;
border: 1px solid #114994;
}
#milieu table.liste 
{
width: 80%;
}


#milieu table#calendrier {
margin: 10px auto 10px auto;
}

#milieu table#calendrier td
{
border: 1px solid #B4A05B;
text-align: center;
padding: 4px;
}

#milieu table#calendrier tr td.special
{
background-color: #E5CD63;
}

#milieu table#calendrier tr td.special a
{
font-weight: bold;
text-decoration: none;
}

#milieu table#calendrier tr td.special a:hover
{
text-decoration: none;
}

#milieu table#calendrier tr#entete td
{
background-color: #927100;
font-weight: bold;
color: White;
}

#milieu ul
{
}

#milieu ul li
{
}

#milieu p
{
}

#milieu a
{
color: #114994;
font-weight: bold;
}


#milieu a:hover
{
text-decoration: none;
}

#milieu .article
{
background-color: #F7F2CD;
border: 1px solid #D0C276;
margin: 10px 0px 10px 0px;
padding: 20px;
}
#milieu .article .date-news {
font-size: 11px;
margin: 0px 0px 0px 0px;
}
#milieu .article h4 , h4 {
margin: 0px 0px 0px 0px;
/* display: inline;*/
/* height: 60px;*/
padding: 4px 2px 2px 0px;
/* background-image: url(images/bg-h4.gif);
background-repeat: no-repeat;*/
color: #927100;
text-transform: uppercase;
border-bottom: 1px solid #D0C276;
}
#milieu .article img
{
float: left;
padding: 5px;
background-color: White;
border: 1px solid #D0C276;
margin: 10px 20px 10px 0px;
display: block;
}

#milieu .gras
{
font-weight: bold;
font-size: 16px;
}

#milieu .miniature
{
background-color: #F2E9AB;
border: 1px solid #D0C276;
display: block;
float: left;
width: 120px;
font-size: 10px;
height: 250px;
text-align: center;
margin: 5px 5px 5px 5px;
}
#milieu .miniature p
{
margin: 3px auto 3px auto;
display: block;
padding: 2px;
background-color: #F7F2CD;
border: 1px solid #D0C276;
width: 100px;
height: 30px;
}
#milieu .miniature img {
float: none;
margin: 0px auto 0px auto;
}
#milieu .miniature .numero_cor {
font-size: 20px;
font-weight: bold;
}
#milieu .miniature .cor_commander , cor_epuise {
display: block;
}
#milieu .info
{
border: 1px solid #fff;
display: block;
padding: 10px 30px 10px 30px;
background-color: #1d61bd;
color: #fff;
font-size: 12px;
font-style: italic;
font-weight: bold;
}
hr {
clear: both;
visibility: hidden;
}

#milieu .info a
{
color: #efdc00;
}
.article #carte_france {
background-color: transparent;
float: none;
border: 0px;
display: block;
margin: 50px auto 0px auto;
}
/*------------------------------------------News Letter ------------------------*/
#newsletter {
width: 120px;
position: absolute;
top: 560px;
left: 10px;
background-color: #114994;
border: 1px solid #fff;
padding: 5px 10px 5px 10px;
text-align: center;
}
#newsletter p {
color: White;
margin: 0px 0px 0px 0px;
font-weight: bold;
line-height: 11px;
}
#newsletter input {
width: 100px;
margin: 5px 0px 5px 0px;
}
#newsletter a {
font-size: 10px;
color: #F8E004;
margin: 0px 0px 0px 0px;
}
#intranet {
width: 120px;
position: absolute;
top: 700px;
left: 10px;
padding: 5px 10px 5px 10px;
text-align: center;
}
#intranet a {
color:#fff;
font-size: 12px;
font-weight: bold;
}

/*-------------------------------------- Diaporama -----------------------*/
/*
.img_diapo {
background-color: #1d61bd;
height: 210px;
width: 150px;
float: left;
margin: 3px;
}
#milieu .article .diapopic {
margin: auto auto auto auto;
display: block;	
border: none;
float: none;
}
*/

/* ------------------------------------------- Agenda et Forum --------------------------*/
p.fleche {
font-size: 16px;
font-weight: bold;
text-align: center;
display: block;
margin: 10px auto 10px auto;
padding: 20px;
background-color: #E0D38C;
border: 1px solid #A2871D;
}
#milieu .fleche a {
text-decoration: none;
}
#milieu .fleche a:hover {
text-decoration: none;
color: #000;
}
#milieu .article .titre_agenda {
font-weight: bold;
display: block;
}
span.ajouter_message_forum , span.retour_forum , span.repondre_forum {
display: block;
width: 188px;
height: 23px;
background-image: url(images/forum_bg_bouton.gif);
padding: 5px 0px 0px 0px;
text-align: center;
margin: 5px auto 5px auto;
}
#milieu span.ajouter_message_forum a , #milieu span.retour_forum a , #milieu span.repondre_forum a {
color: White;
text-decoration: none;
}
#milieu span.ajouter_message_forum a:hover , #milieu span.retour_forum a:hover , #milieu span.repondre_forum a:hover  {
color: #F4DC00;
text-decoration: none;
}


/* ----------------------------------------- Menu droite ---------------------*/

#droite
{
position: absolute;
top: 165px;
left: 235px;
font-size: 13px;
margin: 0px 0px 0px 0px;
font-weight: bold;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#droite h3
{
margin: 0px 0px 2px 0px;
font-size: 10px;
color: #fff;
text-decoration: underline;
}

#droite ul
{
margin: 5px 0px 0px 0px;
padding: 0px;
}

#droite ul li
{
display: block;
margin: 0px 0px 0px 0px;
padding: 8px 5px 0px 10px;
float: left;
height: 20px;
background-image: url(images/bg-menu-haut.gif);
}

#droite ul li.fnacinfo
{
background-image: url(images/fnacinfo.gif);
padding: 8px 80px 0px 10px;
}

#droite ul li a
{
color: #114996;
text-decoration: none;
font-variant: small-caps;

}
#droite ul li a:hover
{
color:#052552;
}

#droite img
{
}

#droite form
{
}

#droite form input#champ
{
}

#droite form input#bouton
{
}

#droite form p
{
}

#bas
{
background-color: #114994;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
text-align: right;
}

#bas a
{
}

#bas a:hover
{
}

#bas p
{
margin: 10px 10px 10px 0px;
font-size: 10px;
color: #8eb0de;
}

#bas a
{
color: #8eb0de;
text-decoration: none;
}

#bas a:hover
{
color: #fff;
text-decoration: underline;
}
/* ----------------------------------------- HOME-------------------------------------*/
#home1 , #home2 , #home3 , #home4 {
background-color: #EEE2A1;
border: 1px solid #AB932F;
padding: 0px;
margin: 10px 0px 10px 0px;
}
#home1 .article , #home2 .article , #home3 .article , #home4 .article {
margin: 5px 5px 5px 5px;
font-size: smaller;
}
.home_titre {
background-color: #1D61BD;
display: block;
padding: 5px 0px 0px 5px;
color: #fff;
font-size: 12px;
font-weight: bold;
text-align: center;
}
.cor_home {
display: block;
margin: 5px auto 5px auto;
}
#home_gauche , #home_droite {
float: left;
width: 45%;
margin: 1%;
}

#home1 .article h4 , #home2 .article h4 , #home3 .article h4 , #home4 .article h4 {
background-image: none;
margin: 0px 0px 0px 0px;
text-align: left;
padding: 0px;
}
.lien_forum {
display: block;
text-align: center;
margin: 10px 10px 10px 10px;
color: #927100;
font-size: 19px;
font-weight: bold;
}
.minus {
font-size: 11px;
font-style: italic;
}
/* Extraits */

.extraits {
font-size: 12px;
}
.commande2 {
font-family: Arial, Helvetica, sans-serif;
margin: auto;
width: 600px;
}
.commande2 td {
border: 5px solid #F7F2CD;
width: 150px;
height: 30px;
font-size: 11px;
background-color: #EEE2A1;
vertical-align: top;
}
.tableprix {
margin: 5px auto 2px auto;
}
.tableprix th {
background-color: #1D61BD;
color:#fff;
}
.tableprix td {
border: 0;
background-color: #fff;
text-align: center;
}
.tableprix input {
font-size: 10px;
}
.tableprix .champ {
border: 0;
}
#milieu a.nomArt {
padding: 4px;
text-align: center;
text-decoration: none;
font-weight: bold;
display: block;
color: #fff;
}
span.vignetteArt {
height: 120px;
display: block;
width: 120px;
background-position: center;
background-repeat: no-repeat;
margin: auto;
}

/* Infobulle */

a.infoBulle {
position: relative;
color: black;
text-decoration: none;
border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.infoBulle span.spanCache {
display: none; /* on masque l'infobulle */
}
a.infoBulle:hover {
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.infoBulle:hover span.spanCache {
display: inline; /* on affiche l'infobulle */
position: absolute;
/*
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

top: 30px; /* on positionne notre infobulle */
left: 20px;

background: white;

color: #927100;
padding: 5px;

border: 1px solid #927100;
border-left: 4px solid #927100;
}
span.CadreInfoB {
width: 310px;
display: block;
}
td.catBout {
background-color:#114791;
border:0;
text-align:center;
color:#fff;
font-weight:bold;
font-size: 20px;
padding: 10px;
border: 1px solid ;
vertical-align: middle;
}

/***************************** NEWS 2 **************************/
#milieu div.article table.news2doc td {
background-color: #d0c893;
text-align: center;
vertical-align: middle;
padding: 5px;
border: 1px solid #a9a377;
font-size: 10px;
width: 150px;
}
#milieu div.article table.news2doc td a {
padding: 0;
text-decoration: none;
}
#milieu div.article table.news2doc td a:hover {
text-decoration: none;
}
#milieu div.article table.news2doc img {
margin: auto;
float: none;
padding: 0;
border: 0;
}
span.datenews2 {
font-size: 10px;	
}