/****************************************/
/****	REDEFINITION BALISE HTML	*****/
/****************************************/
body{
margin:0;
padding:0;
text-align: center;
background-color:#7C7A74;
}
img{border:none;}
h1{
text-align:center ;
border-bottom: ridge black 3px ;
width: 100%;
}
h2{
text-align:center ;
border-bottom: ridge black 3px ;
width: 100%;
}
h2.LebTexteBold  {
text-align:center ;
border-bottom: ridge  #999999 3px ;
background-color:#7C7A74;
width:auto;
color: #FFFFFF;
}
h3  
{
text-align:center ;
border-bottom:solid white 2px ;
color:#FFFFFF;
width: 100%;
background-image:url(../images/menu_images/fond_titre/menu-droite.gif);
}
h3.MenuPanierTitre  
{
text-align:center ;
border-bottom:solid white 2px ;
color:#FFFFFF;
width: 100%;
background-image:url(../images/menu_images/fond_titre/menu-panier.gif);
}
a{
text-decoration: none;
}
:visited{
text-decoration: none;
}
:link{
text-decoration: none;
}
:hover{
text-decoration: none;
}
:active {
text-decoration: none;
}
/****************************************/
/****			Style textuel		*****/
/****************************************/
.Numerique{
width:50%;
}
.PetitX{
font-size: x-small;
}
.Petit{
font-size: small;
}
.GrandX{
font-size: x-large;
}
.Grand{
font-size: large;
}
.LebTexteAccueil{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.LebTexte {
	color: #068761;
}
a.LebTexte {
text-decoration:underline;
}
a.LebTexte:hover{
background-color:#A2CBB9;
color: White;
}
.LebTexteBold {
color: #068761;
font-weight: bold;
}
a.LebTexteBold:hover {
text-decoration:underline;
}
.LebSelect
{
color: #FFFFFF;
background-color: #068761;
word-spacing:inherit;
 }
.TexteBlanc
{
color: #FFFFFF;
}
.TexteRouge
{
color:#EC3E0B;
font-weight: bold;
}
a.TexteRouge:hover
{
text-decoration:underline;
}
.RechercheInput{ 
margin:5px 5px 0 8px;
padding:0 0 0 15px;
border:1px solid #888;
background:#fff url(../images/icones/ico-recherche.gif) no-repeat left center;
}
/****************************************/
/****		BOUTONS GRAPHIQUES			*****/
/****************************************/
.Ristourne
{
background-color:#EC3E0B;
border-left:2px solid #aaa;
border-top:2px solid #aaa;
border-right:2px solid #aaa;
border-bottom:2px solid #aaa;
color:#FFFFFF;
font-weight: bold;
font-size:large;
text-align:center;
}
.Remise
{
background-color:#EC3E0B;
border-left:2px solid #aaa;
border-top:2px solid #aaa;
border-right:2px solid #aaa;
border-bottom:2px solid #aaa;
color:#FFFFFF;
font-weight: bold;
font-size:xx-large;
	-moz-border-radius:30px;
}
.BoutonPanier
{
background-color:#FFFF00;
border-left:2px solid #FF9933 ;
border-top:2px solid #FFFF99;
border-right:2px solid #FFFF99;
border-bottom:2px solid #FF9933;
color:#EC3E0B;
}
.BoutonPanier:hover
{
background-color:#FF9900;
border-left:2px solid #CC3300 ;
border-top:2px solid #FFFF99;
border-right:2px solid #FFFF99;
border-bottom:2px solid  #CC3300;
color:#FFFFFF;
}
/****************************************/
/****		ZONE GRAPHIQUES			*****/
/****************************************/
.Page{
width:1024px;
margin-left:auto;
margin-right:auto;
text-align:left;
background-color:#FFFFFF;
 border-left:5px solid #7C7A74;
 border-top:5px solid #7C7A74;
 border-right:5px solid #7C7A74;
 border-bottom:5px solid #7C7A74;
}
/****************************************/
/****		ZONE HAUT				*****/
/****************************************/
.HautAccueil{
float: left;
width: 300px;
height:100%;
text-align:center;
}
.HautMenu{
float: left;
width: 580px;
}
.HautMenu1{
float: left;
width: 580px;
word-spacing:10px;
}
.HautMenu2{
float: left;
text-indent:150px;
width: 580px;
}
.HautMarge1
{
float: left;
width: 580px;
height:15px;
}
.HautMarge2
{
float: left;
width: 580px;
height:5px;
}
.HautRecherche{
float: left;
height:125px;
width:143px;
text-align:center;
}
/****************************************/
/****		ZONE PLAN				*****/
/****************************************/
.PlanZone{
float: left;
width:100%;
height:38px;
}
.PlanMarge {
background-color:#FFFF00;
background-color: #FFFFFF;
display: block;
width: 200px;
---width: 205px;
float: left;
height:25px;
text-align:right;
color: #068761;
font-weight: bold;
margin-top:5px;
}
.PlanMenu
{
float: left;
margin-top:5px;
}
/****************************************/
/****		ZONE MILIEU				*****/
/****************************************/
.MilieuZone{
width:100%;
}
.GaucheZone{
width:200px;
float:left;
height:100%;

}
.DroiteZone{
width:140px;
float:left;
}
/****************************************/
/****		CONTENU ZONE			*****/
/****************************************/
.DetailFond{
background-color:#EAEAEA;
width:100%;
}
.DetailZone {
float:left;
width:100%;
background-color:#EAEAEA;
}
.DetailZoneG{
float:left;
border-left:2px solid #EAEAEA;
border-top:2px solid #EAEAEA;
border-bottom:2px solid #EAEAEA;
border-right:2px solid #EAEAEA;
background-color:#EAEAEA;
}
.DetailZoneD{
}
.DetailTableau
{
float: left;
}
.ImgDescription
{
border-left:1px solid #7C7A74;
border-top:1px solid #7C7A74;
border-bottom:1px solid #7C7A74;
border-right:1px solid #7C7A74;
}
.RemiseZone {
float:left;
width:100%;
}
.RemiseZoneG{
float:left;
}
.RemiseZoneD{
}
/****************************************/
/****		ZONE BAS				*****/
/****************************************/
.BasZone{
clear:both;
width:100%;
text-align:center;
background-image:url(../images/menu_images/fond_titre/menu-bas.gif);
}
div.MenuBas {
display: inline;
width: 100%;
word-spacing: 15px;
}
a.MenuBasEl {
color: White;
}
a.MenuBasEl:hover {
background-color: #0099CC;
}
/****************************************/
/****		MENU GAUCHE				*****/
/****************************************/
.MenuGauche
{
margin-left:-25px;
---margin-left:-20px;
---text-indent:-5px;
}
.MenuGaucheEl
{
margin-left:-25px;
---margin-left:-20px;
---text-indent:-5px;
}
/****************************************/
/****		MENU GAUCHE	CATALOGUE	*****/
/****************************************/
h2.TitreCatalogueMenu{text-align:center ;
width: 90%;
--width: 100%;
background-image:url(../images/menu_images/fond_titre/Accueil.gif);
color: #FFFFFF;
border-left:2px solid white;
border-top:2px solid white;
border-right:2px solid white;
border-bottom:2px solid white;
margin-left:5px;
margin-right:5px;
margin-top:5px;
}
.CatalogueMenu {
border-left:2px solid #A2CBB9;
border-top:2px solid #A2CBB9;
border-right:2px solid #A2CBB9;
border-bottom:2px solid #A2CBB9;
width:180px;
---width:175px ;
float:left ;
Margin:0px 2px 0px 2px ;
padding-left:4px ;
-moz-border-radius:10px;
background-color:#BFD8C9;
color: White;
}
.CatalogueMenuChoisi{
font-weight: bold;
font-size: large;
font-style:oblique;
color: White;
}
a.CatalogueMenuChoisi:hover{
background-color:#BFD8C9;
}
a.CatalogueMenuEl{
text-decoration: none;
color: White;
}
a.CatalogueMenuEl:visited{
text-decoration: none;
}
a.CatalogueMenuEl:active {
text-decoration: none;
background-color:#A2CBB9;
}
a.CatalogueMenuEl:hover{
background-color:#A2CBB9;
}

/****************************************/
/****		MENU DROITE				*****/
/****************************************/
.DroiteMenu {
border-left:2px solid #aaa;
border-top:2px solid #aaa;
border-right:2px solid #aaa;
border-bottom:2px solid #aaa;
width:125px ;
float:right ;
Margin:0px 0px 4px 0px ;
/*padding-left:4px ;
*/-moz-border-radius:10px;
background-color:#C0C0C0;
}
.MenuDroiteEl
{
margin-left:-20px;
color: #7C7A74;
}
a.DroiteMenuEl {
color:#7C7A74;
}
a.DroiteMenuEl:hover{
background-color:#EAEAEA;}
ul.DroiteMenuEl
{
color: #7C7A74;
}
/****************************************/
/****		MENU de DESTOCKAGE		*****/
/****************************************/
h1.TitreDestockageMenu  {
text-align:center ;
background-image:url(../images/menu_images/fond_titre/Destockage.gif);
color:#FFFFFF;
border-bottom:2px solid #FF3300;
}
MenuDestockageEl#ul{
color: White;
}
a.MenuDestockageEl{
text-decoration: none;
color: #FF3300;
}
a.MenuDestockageEl:visited{
text-decoration: none;
}
a.MenuDestockageEl:hover{
background-color:#FF6600;
color: White;
}



/****************************************/
/****		MENU du PANIER			*****/
/****************************************/
.ZonePanier
{
width:100%;
}
.PanierMenu{
float:left;
padding-right:90px;
}
.PanierMenuMilieu
{
float:left;
text-align:center;
}
.PanierForm {
background-color:#EAEAEA;
}
.PanierMenuDernier
{
text-align:right;
}
.MenuPanier{
float:left;
text-align:center;
width:666px;
height:35px;
word-spacing:5px;
font-size:24px;
color:#FFFFFF;
background-image:url(../images/menu_images/fond_titre/menu-droite.gif);
margin-bottom:5px;
}
.MenuPanierChoisi{
background-image:url(../images/menu_images/fond_titre/menu-panier.gif);
border-bottom:2px solid #EC3E0B;
}
.TitrePanier
{
background-image:url(../images/menu_images/fond_titre/menu-droite.gif);
text-align:center;
font-size:larger;
font-weight:bold;
color:#FFFFFF;
border-left:2px solid #aaa;
border-top:2px solid #aaa;
border-right:2px solid #aaa;
border-bottom:2px solid  #FFFFFF;
}
.ModifierPanier
{
background-color:#aaa;
text-align:center;
color:#FFFFFF;
border-left:2px solid #aaa;
border-top:2px solid #aaa;
border-right:2px solid #aaa;
border-bottom:2px solid  #aaa;
}
.MenuPanierTexte{
}
.MenuSuivant{
border-left:2px solid #aaa;
border-top:2px solid #aaa;
border-right:2px solid #aaa;
border-bottom:2px solid #aaa;
font-weight: bold;
font-size: large;
font-style:oblique;

background-color:#F21111;
text-align:right;
height:27px;
margin-top:5px;
}
a.MenuSuivant:hover{
cursor:pointer;
background-color:#0099CC;
}
span.MenuSuivant:hover{
background-color:#0099CC;
}
.MenuPrecedant{
border-left:2px solid #aaa;
border-top:2px solid #aaa;
border-right:2px solid #aaa;
border-bottom:2px solid #aaa;
font-weight: bold;
font-size: large;
font-style:oblique;

background-color:#0099CC;
text-align:right;
height:27px;
margin-top:5px;
}
a.MenuPrecedant:hover{
cursor:pointer;
background-color:#F21111;
}
span.MenuPrecedant:hover{
background-color:#F21111;
}


/****************************************/
/****		Autres					*****/
/****************************************/
.News {border-left:2px solid #aaa;
border-top:2px solid #aaa;
border-right:2px solid #aaa;
border-bottom:2px solid #aaa;
width:620px ;
margin-left:5px ;
float:left ;
Margin:5px 1px 3px 2px ;
padding-left:4px ;
-moz-border-radius:10px;
text-align:center;

}
.Data {border-left:2px solid white;
border-top:2px solid white;
border-right:2px solid #aaa;
border-bottom:2px solid #aaa;
margin-left:5px ;
float:left ;
Margin:5px 1px 3px 2px ;
padding-left:4px ;
-moz-border-radius:10px;
background-color: #CCCCCC;
text-align:center;

}
/****************************************/
/****		thumbnail					*****/
/****************************************/
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
cursor:default;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FFFFFF;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: #068761;
text-decoration: none;
text-align:center;
}
span.DescriptifResume
{
width:450px;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}