body
{
    font-size: 12px;
    font-family : Verdana, Arial;
	background: url("../images/fond.gif");
	
}
#global 
{
    position: absolute;
    left: 50%;
    width: 950px;
    top: 10px;
    margin-top:0px;
    margin-bottom:0px;
    margin-left: -476px;
    padding: 0px;
	background-color: #fff;
}
#bandeau
{
    /*background: url("../images/bandeau.jpg");*/
    background-repeat: no-repeat;
    width: 950px;
    height: 260px;
	text-align:center;
}
#bandeaumenu
{
    /*background: url("../images/bandeau.jpg");*/
    background-repeat: no-repeat;
    width: 740px;
    height: 25px;
	text-align:center;
	padding: 25px 0 0 0;
	}
#bandeaumenu img
{
	padding: 3px 0 0 0;
}
#gauche
{
    position: absolute;
    height: 750px;
    width:190px;
    left: 0px;
    line-height: 20px !important;
	padding-top: 5px;
}
#jour
{  
	float: left;
    color: #003265;
    font-weight:bold;
    font-size:11px;	
}
#masterdiv
{
    min-height: 375px;
    width: 212px;
    background: url("./images/fondmenu.gif");
	padding-left: 3px;
}
#titremenu
{
    background: url("./images/titremenu.gif");
    background-repeat: no-repeat;
    width: 202px;
    height: 100px;
}
.thememenu
{
    text-indent: 20px;
    line-height: 30px;
    background: url("../images/pucemenu2.gif") 0px 0px;
    background-repeat: no-repeat;
}
.lienmenu
{
    font-weight:bold;
    color: #003265;
    font-size: 14px;
    text-decoration:none;
    margin-left: 10px;
    line-height: 30px;
}
.lienmenu:active
{
    font-size: 14px;
    color: #003265;
    font-weight: bold;
    font-style: italic;
    text-decoration:none;
    margin-left: 10px;
    line-height: 30px;
}
.lienmenu:hover
{
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    text-decoration:underline;
    margin-left: 10px;
    line-height: 30px;
}
.menu
{
    color: #cc3333;
    font-weight:bold;
    text-decoration: none;
    font-size: 12px;
    line-height: 20px;
}
.menu:hover
{
    color: #cc3333;
    font-weight:bold;
    text-decoration: underline overline ;
    line-height: 20px;
    font-size: 12px;
}
.submenu
{
    margin-left: 30px;
    margin-top: 10px;
}
#basmenu
{
    background: url("../images/basmenu.gif");
    background-repeat: no-repeat;
    width: 202px;
    height: 53px;
}
#contenu
{
    margin-left:187px;
	height: 100%;
	background: url("../images/fond_bord_droit.jpg");
    background-repeat: repeat-y;
	background-position: right;
}

#contenu_centre
{
	width: 589px;
	float:left;
	margin-left: 10px;
	min-height: 800px;
}
#col_droite
{
	width:	164px;
	height:	100%;
	float: left;
	background: none;
	text-align:center;
	color: #cc3333;
	font-size:14px;
	font-weight:bold;
	text-shadow:#FFFFFF;
	background: url("../images/fond_bord_droit.jpg");
    background-repeat: repeat-y;
	background-position: right;
}
#text_col_droite
{
	width:	144px;
	height:	100%;
	padding: 10px;
}

#imgtitr
{
	display:block;
	width: 350px;
}
#outils
{
	display:block;
	float:right;
	width: 250px;
	text-align:right;
	padding-right: 20px;
	margin-top: -25px;
}
#bas
{
    width: 950px;
    height: 40px;
    padding-top: 0px;
    text-align: center;
    font-size: 10px;
	margin-top: -5px;
	/*background-color: #5f91c4;*/
}
#cont
{ 
    background: url("../images/traitverticial.gif");
    background-repeat: repeat-y;
    width: 365px;
    float:right;
    min-height:500px;
    height:auto !important ;
    height:500px;
	
}
#contfirst
{ 
    width: 580px;
    height:auto !important ;
}
#contnde
{ 
    width: 599px;
    height:auto !important ;
}
.produitsphares
{ 
    width: 580px;
	text-align:	justify;
	padding-left:20px;
    padding-right:0px;
    font-size: 11px;
	border: 10px;
}
.produitsphares img
{ 
	min-width: 240px;
	width:	240px;
	height:auto !important ;
}

#promo
{ 
    width: 260px;
    float:left;
    min-height:320px;
    height:320px;
	text-align:	justify;
	padding-left:20px;
    padding-right:0px;
    font-size: 11px;
	}
#promo img
{
	min-width: 240px;
	width:	240px;
	height:auto !important ;
}
#nouvo
{ 

    width: 260px;
    float:left;
    min-height:320px;
    height:320px;
	text-align:	justify;
	padding-left:10px;
    padding-right:0px;
    font-size: 11px;
}
#nouvo img
{
	min-width: 240px;
	width:	240px;
	height:auto !important ;
}
legend a, legend a:hover, legend a:visited
{
	font-size:	18px;
	color:#003366;
	text-decoration:none;
}
fieldset
{

/*padding-left: 0;
padding-right: 0;
padding-bottom: 0;*/
-moz-border-radius: 6px;
}
#titrepag
{
	font-size:16px;
	/*color:#00CCFF;*/
	color:#78acde;
}
#cont2
{ 
    min-height:500px;
    height:auto !important ;
    height:500px;
    margin-left: 15px;
    margin-right: 18px;
    text-align:justify;
}
#cont2 table
{ 
    font-size: 10px;
}
#textecont
{

    padding-left:20px;
    padding-right:0px;
    text-align: justify;
    font-size: 11px;
}
#textecont strong
{
    font-weight: bold;
    color: #cc3333;
    font-size: 11px;
}
#textecont2
{

    padding-left:10px;
    padding-right:10px;
    text-align: justify;
    font-size: 11px;
}
#textecont2 strong
{
    font-weight: bold;
    color: #cc3333;
    font-size: 11px;
}
#promotion
{
   width: 200px;
   min-height:200px;
   float:left;
   margin: 10px;
   font-size: 10px;
}
#promotion img
{
	max-width: 200px;
   border: 0px;
}
#promotionfirst
{
	display:block;
   width: 130px;
   min-height:200px;
   margin: 20px;
   font-size: 10px;
}
#promotionfirst img
{
	max-width: 130px;
   border: 0px;
   height:auto !important ;
   width:	130px;
}
#traithor
{
    background: url("../images/traithor.gif");
    background-repeat: repeat-x;
    width: 575px;
    height: 20px;
    margin-left: 20px;
}
#traithor2
{
    background: url("../images/traithor.gif");
    background-repeat: repeat-x;
    width: 100%;
    height: 20px;
    margin-left: 15px;
}
.normal
{
  clear:both;
  width: 100%;
}
.lienbas
{
    font-size: 10px;
    color: #CC3333;
    font-weight:bold;
    text-decoration: none;
}
.lienbas:hover
{
    font-size: 10px;
    color: #CC3333;
    font-weight:bold;
    text-decoration: underline;
}
.centrer
{
    text-align: center;
}
.titrepromotion
{
    text-align: center;
    font-size: 14px;
    color: #003265;
    font-weight:bold;
    width: 100%;
    line-height: 16px;
    padding: 1px;
}
.titrepromotion2
{
    text-align: center;
    font-size: 11px;
    color: #003265;
    font-weight:bold;
    width: 100%;
    line-height: 12px;
    padding: 1px;
}
.justifier
{
    text-align: justify;
}
.puce
{
    text-indent: 30px;
    background: url("../images/puce.gif") 0px -5px;
    background-repeat: no-repeat;
}
.tableaucoord
{
    width: 165px;;
    font-size: 10px;
    font-family : Verdana, Arial;
}
.tableaucoord tr
{
    font-size: 10px;
    font-family : Verdana, Arial;
}
.tableaucoord td
{
    font-size: 10px;
    font-family : Verdana, Arial;
}
.titrerouge
{
    font-family : Verdana, Arial;
    font-size: 12px;
    color: #CC3333;
    font-weight: bold;
}
.msgerreur
{
    font-family : Verdana, Arial;
    font-size: 10px;
    color: #CC3333;
    font-weight: bold;
    text-indent: 30px;
    background: url("../images/attention.gif");
    background-repeat: no-repeat;
    line-height: 20px;
}
.msgok
{
    font-family : Verdana, Arial;
    font-size: 10px;
    color: #009900;
    font-weight: bold;
    text-indent: 20px;
    background: url("../images/ok.gif");
    background-repeat: no-repeat;
    line-height: 20px;
}
.lien
{
    color: #CC3333;
    font-weight:bold;
    text-decoration: none;
}
.lien:hover
{
    color: #CC3333;
    font-weight:bold;
    text-decoration: underline;
}
.lienpromotion
{
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    border:0px;
    text-align:center;
    font-style:italic;
}
.lienpromotion:hover
{
    font-size: 10px;
    color: #000000;
    font-style:italic;
    text-decoration: underline;
    border:0px;
    text-align:center;
}
#comm
{
    width: 100%;
    font-size: 10px;
    border-collapse:collapse;
    margin: 0px
    padding: 0px;
}
#comm .designation
{
    border-top: 1px solid #003265;
    border-bottom: 1px solid #003265;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    background-color: #003265;
    height: 20px;
    color: #FFFFFF;
}
#comm .ligne td
{
    border-bottom: 1px solid #003265;
}
#listearticles
{
    width: 100%;
    font-size: 10px;
    border-collapse:collapse;
    margin: 0px
    padding: 0px;
}
#listearticles .designation
{
    border-top: 1px solid #003265;
    border-bottom: 1px solid #003265;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    background-color: #003265;
    height: 20px;
    color: #FFFFFF;
}
#listearticles .article1
{
    border-top: 1px solid #003265;
    border-bottom: 1px solid #003265;
    font-size: 10px;
    text-align: left;
    width:55%;
    height: 20px;
}
#listearticles .articlepromo
{
    border-top: 1px solid #003265;
    border-bottom: 1px solid #003265;
    font-size: 10px;
    text-align: center;
    width:10%;
    height: 20px;
}
#listearticles .article2
{
    border-top: 1px solid #003265;
    border-bottom: 1px solid #003265;
    font-size: 10px;
    text-align: center;
    width:15%;
    height: 20px;
}
#listearticles .article3
{
    border-top: 1px solid #003265;
    border-bottom: 1px solid #003265;
    font-size: 10px;
    text-align: center;
    width: 15%;
    height: 20px;
}
#listearticles .article4
{
    border-top: 1px solid #003265;
    border-bottom: 1px solid #003265;
    font-size: 10px;
    text-align: center;
    width: 15%;
    height: 20px;
}
#listearticles .marque
{
    font-size: 12px;
    text-align: left;
    color: #000000;
    width: 100%;
    font-weight: bold;
    height: 20px;
    text-indent: 30px;
    background: url("../images/pucemenu.gif") 0px -3px;
    background-repeat: no-repeat;
}
#listearticles .lienarticle
{
    text-decoration:none;
    color: #000000;
}
#listearticles .lienarticle:hover
{
    text-decoration:underline;
    color: #000000;
}
#listearticles img
{
    border:0px;
}
#recherche
{
    font-size: 11px;
    width: 300px;
    background-color: #FFFFFF;
    border: 2px solid #003265;
    padding: 15px;
}
.newprix
{
    font-size: 12px;
    font-weight: bold;
    color: #CC3333;
}
.prixbarre
{
    text-decoration:line-through;
    color: #000000;
}
.imggauche
{
    float:left;
    margin-right: 15px;
    display: inline;
}
.imgdroite
{
    float:right;
    margin-left: 15px;
    display: inline;
}
.grosprix
{
    font-size: 14px;
    font-weight: bold;
    color: #CC3333;
}
.designationart
{
    font-size: 14px;
    font-weight: bold;
    text-indent: 30px;
    background: url("../images/pucemenu.gif") 0px -3px;
    background-repeat: no-repeat;
}
.adroite
{
    text-align:right;
}
.commentairearticle
{
    border: 2px solid #003265;
    padding: 8px;
    width: 551px;
}
.commentairearticle strong
{
    color: #003265;
    font-weight: bold;
}
img
{
    border:0px;
}
.titrepage
{
    font-size: 18px;
    font-weight: bold;
    color: #CC3333;
}
.table100
{
    width: 100%;
    border-collapse:collapse;
    margin:0px;
    padding:0px;
    border: 1px solid #000000;
}
.table100 th
{
    text-align:center;
    border: 1px solid #000000;
    color: #FFFFFF;
    background-color: #003265;
}
.table100 td
{
    text-align:left;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    padding-left: 5px;
}
.table100 .tdc
{
    text-align:center;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}
#gestiondelaphoto
{
    font-size:12px;
}
#gestiondelaphoto *
{
    margin:0px;
    padding:0px;
}
form {
	clear:both;
}

div.titre, div.ligne {
	margin:1px;
}
#gestiondelaphoto .col1t
{
    border: 1px solid #CCCCCC;
    width:45px;
    text-align:center;
    float:left;
    display:block;
    margin:0px;
    padding:0px;
    font-weight:bold;
}
#gestiondelaphoto .col2t
{
    width:250px;
    text-align:center;
    float:left;
    display:block;
    margin:0px;
    padding:0px;
    border: 1px solid #CCCCCC;
    font-weight:bold;
}
#gestiondelaphoto .col3t
{
    width:260px;
    text-align:center;
    float:left;
    display:block;
    margin:0px;
    padding:0px;
    border: 1px solid #CCCCCC;
    font-weight:bold;
}
#gestiondelaphoto .col1
{
    border: 1px solid #CCCCCC;
    height: 250px;
    width:45px;
    text-align:center;
    float:left;
    display:block;
    vertical-align:middle;
}
#gestiondelaphoto .col2
{
    width:250px;
    text-align:center;
    float:left;
    display:block;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #CCCCCC;
    height: 250px;
    vertical-align:middle;
}
#gestiondelaphoto .col3
{
    width:260px;
    text-align:center;
    float:left;
    display:block;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #CCCCCC;
    height: 250px;
    vertical-align:middle;
}
#sel .selection
{
    font-weight:bold;
    color: #cc3333;
}
noselection
{
    color: #000000;
}
.hautmenu
{
    font-size: 15px;
    font-weight: bold;
    color: #cc3333;
}
.hautcat
{
    font-size: 18px;
    font-weight: bold;
    color: #cc3333;
}
.hauttitre
{
    margin-left: 15px;
    padding: 10px;
}
.quest
{
    color: #002356;
    font-weight:bold;
    font-size: 12px;
    width: 100%;
    text-indent: 10px;
}
input 
{
	border:1px solid #003265;
	background-color:#FFFFFF;
	font-family:"trebuchet ms",sans-serif;
	color:#CC3333;
}
select, option {
	background-color:#FFFFFF;
	color:#CC3333;
}
textarea {
	border:1px solid #003265;
	background-color:#FFFFFF;
	font-family:"trebuchet ms",sans-serif;
	color:#CC3333;
}
.imgtitremenu
{
   padding-left: 15px;
   padding-top: 40px;
   padding-right: 0px;
   text-align:center;
}
.aide
{
   font-size:10px;
   font-style:italic;
   border:1px solid #003265;
   padding: 5px;
}
.aide strong
{
   font-size:10px;
   font-style:italic;
   font-weight: bold;
   color: #cc3333;
}
.titreaide
{
   position:absolute;
   font-size:10px;
   font-style:italic;
   border:1px solid #003265;
   color: #FFFFFF;
   font-weight: bold;
   padding: 5px;
   margin-top: -10px;
   background-color: #003265;
}
.addr
{
  float:left;
  border: 1px solid #003265;
  padding: 15px;
}
.addr2
{
  float:right;
  border: 1px solid #003265;
  padding: 15px;
}
.strroug strong
{
  font-weight:bold;
  color: #cc3333;
}

/* img au survol*/
#imgsurv2 {position:relative; top:0px; left:0px; width:0px; height:95px; z-index:100;}
#imgsurv2 a.p1, #imgsurv a.p1:visited {display:block; width:20px; height:20px; text-decoration:none; top:0; left:0; border:0;}
#imgsurv2 a img {border:0;}
#imgsurv2 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#imgsurv2 a .large {display:none; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#imgsurv2 a .large2 {display:none; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#imgsurv2 a.p1:hover .largeall {display:block; position:absolute; top:-110px; left:-220px; width:232px; height:261px; background-image: url(../images/fond_over.png);}
#imgsurv2 a.p1:hover .large {display:block; position:relative; top:17px; left:0px; width:200px; height:150px; margin: 0 auto 0 auto;}
#imgsurv2 a.p1:hover .large2 {display:block; position:relative; top:17px; left:0px; width:198px; height:78px; z-index:999; margin: 0 auto 0 auto;}	
#info {z-index:100; height:22em;}

#imgsurv {position:relative; top:0px; left:0px; width:20px; z-index:100;}
#imgsurv a.p1, #imgsurv a.p1:visited {display:block; width:20px; height:20px; text-decoration:none; top:0; left:0; border:0;}
#imgsurv a img {border:0;}
#imgsurv a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#imgsurv a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#imgsurv a.p1:hover .large {display:block; position:absolute; top:-65px; left:-250px; width:200px; height:150px; border:10px solid #fff;}
		
#info {z-index:100; height:22em;}