body
{
	margin: 0px 0px 0px 0px;
	height : 1300px;
	width : 100%;
	background-color:#ffffff;
}


/* L'en-t?te */

#maincontainer
{
   margin-top: 0px;
   margin-bottom: 0px;
  	height:100%;
   background-repeat:no-repeat;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
}


p
{	
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
}

.tel
{

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: 100 ;
	padding-right:5px;
	padding-top : 1px;
	color:#000000;
	position:relative;	
	text-align:right;
	top: -10px;
	height:13px;
}

#tel_nom
{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 34px;
	font-weight: 100 ;
  color: #000000;
  border: 0px solid #000000;
  	height:85px;
	width: 500px;
  	margin : 0px 0px 0px 0px;
	position:absolute;	
  letter-spacing: 0px;
  	text-align:right;
	left: 220px;
	top: 25px
}



#en_tete
{	
	margin : 0px 0px 0px 0px;
	width: 750px;
	height:121px;
	top: 7px;
	background-image:  url(../images/header750X120OptimLogo.jpg);
	background-position:center;
	position:relative;
}

.header_menu 
{
display : none ;

}


a.gray2
{
	text-decoration:none;
	color:#8c8c8c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}

a.gray2:hover
{

	text-decoration:none;
	color:#8c8c8c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}

a.gray2:visited
{
	text-decoration:none;
	color:#8c8c8c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}

a.LiensMenu2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8c8c8c;
	text-decoration: none;
}
a.LiensMenu2:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #F4BDF9}


.gray2login
{
	text-decoration:none;
	color:#8c8c8c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}

#bienvenue
{
	margin: 0px;
	width:200px;
	position:relative;
	height:11px;
}

#pictosHaut
{
	width:450px;
	margin: 0px;
	height:11px;
	position:absolute;
	left:310px;
}

#menu1
{
display : none ;
}

#menu2
{
display : none ;
}

#sous_menu 
{
display : none ;
}


/* Le menu */

.boxgauche
{
	border: 1px solid #E5E5E5; 
	background-color: #FFFFFF;
	font-size:11px;	
	height:307px;
	width: 256px;
	left:150px;
	top:30px;
	position:relative
}

.titre_p2{
  height: 22px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold;
  color: #FFFFFF;
  background: #3CB035;
  border-bottom: 2px solid #000000;
  margin:0;
	padding-left : 7px;
	padding-top : 2px;	
  position:relative
}

/*url(file:///C|/Documents%20and%20Settings/Owner/Desktop/images/photodroite.png)*/
.picdroite
{
	height:307px;
	left:480px;
	top:-280px;
	width: 379px;
		float: left;
	position:relative
}

.picgauche
{
	width: 320px;
	height:240px;
	left:-250px;
	top:70px;
		float: left;
	position:relative
}

.image1
{
	padding: 3px;
	background-color:#FFFFFF;
	border:1px #E5E5E5 solid;
	width: auto;
	height:auto;
	position:absolute;
}

.boxdroite
{
	background-color:#FFFFFF;
	border:1px #E5E5E5 solid;
	height:auto;
	width: 407px;
	left:335px;
	top:0px;
	float: left;
	position:absolute;
}

.zoneTexte2 {
	POSITION: relative;
	padding-left : 7px;
	padding-top : 7px;
	text-align : left;
	font-size: 11px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
	color: #595959;
}

.zoneTexte {
	POSITION: relative;
	padding-left : 7px;
	padding-top : 7px;
	padding-right:15px;
	text-align : left;
	font-size: 10px;
	color: #595959;
}

.lienbox

{
	font-size: 10px;
	color: #FF6600;
	text-decoration:none;
	font-weight:900;
}

.lienbox2

{
	font-size: 10px;
	color: #FF6600;
	text-decoration:none;
	font-weight:900;
	padding-left:60px;
	
}

.TitreVertI
{
	color:#3CB035;
	font-weight: bold;

}


.footer
{
	margin: 0px;
	background-color:#FFFFFF;
	border:1px #E5E5E5 solid;
	height:60px;
	width: 730px;
	top: 350px;
	left:135px;
	float: left;
	position:relative;
}

#webo
{
	top: 8px;
	position:relative;
}

#navigation {
	margin: 0 ;
	padding-left: 4px;
	padding-top: 8px;
	list-style: none ;
	text-align: left ;
	left:0px;
	}

#navigation img {
	margin-bottom: 2px ;
	}

#navigation li {
	display: inline ;
	margin-right: 1px ;
	}
	
#navigation li a {
	padding: 4px 26px ;
	text-align: center ;
	text-decoration: none ;
	}
	
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	text-decoration: none ;
	}	
	
	
#navigation2 {
	margin: 0 ;
	padding-left: 0px;
	padding-top: 4px;
	list-style: none ;
	text-align: center ;
	width:100%;
	}

#navigation2 img {
	margin-bottom: 6px ;
	}

#navigation2 li {
	display: inline ;
	margin-right: 1px ;
	}
	
#navigation2 li a {
	padding: 4px 42px ;
	padding-right:55px;
	text-align: center ;
	text-decoration: none ;
	font-size: 11px;
	}
	
#navigation2 li a:hover, #navigation li a:focus, #navigation li a:active {
	text-decoration: none ;
	}		
	
	
#navigationFooter {
	margin: 0 ;
	padding-left: 0px;
	padding-top: 0px;
	list-style: inline ;
	text-align: center ;
	width:100%;
	}

#navigationFooter img {
	margin-top: 3px ;
	}

#navigationFooter li {
	display: inline ;
	margin-top: 10px ;
	margin-right: 1px ;
	}
	
#navigationFooter li a {
	padding: 1px 1px 1px 1px ;
	text-align: center ;
	text-decoration: none ;
	}
	
#navigationFooter li a:hover, #navigation li a:focus, #navigation li a:active {
	text-decoration: none ;
	}		
	
	
#pave4{
display : none ;
}

.floatleft
{ 	width: 726px;
	padding: 20px;
	border: solid 0px #FF0000;
	text-align: center; }

#pave5{
	POSITION: relative;
	margin-left: 0;
     margin-right: 0;
	padding: 0px;
	top: 10px;
	left:128px;
	width: 750px;
	background-color: #FFFFFF;	
}	

.lien_noir_10_gras {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #000000; LINE-HEIGHT: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.colonne_carte{
border: solid 1px #E5E5E5;
}


.suggestionRouge
{
    border: 1px solid #ff9999;
    background-color: #FFFFFF;
    background-repeat:no-repeat;
    background-position: bottom right;
    font-size:11px;    
    height:auto;
    width: 488px;
    left:250px;
    top:50px;
    position:relative
}


.titre_sugRouge{
  height: 22px;
  width: auto;
    font-family: Arial, Helvetica, sans-serif;  
    font-size: 14px;
    font-weight: bold;
  color: #FFFFFF;
  background: #ffcccc;
  border-bottom: 1px solid #ff9999;
  margin:0;
    padding-left : 7px;
    padding-top : 2px;    
  position:relative
}

.suggestionVert
{
    border: 1px solid #B5EEAA;
    background-color: #FFFFFF;
    background-repeat:no-repeat;
    background-position: bottom right;
    font-size:11px;    
    height:auto;
    width: 488px;
    left:250px;
    top:50px;
    position:relative
}

.titre_sugVert{
  height: 22px;
  width: auto;
    font-family: Arial, Helvetica, sans-serif;  
    font-size: 14px;
    font-weight: bold;
  color: #FFFFFF;
  background: #EBFCEC;
  border-bottom: 1px solid #B5EEAA;
  margin:0;
    padding-left : 7px;
    padding-top : 2px;    
  position:relative
}

.suggestionBleu
{
    border: 1px solid #AACCEF;
    background-color: #FFFFFF;
    background-repeat:no-repeat;
    background-position: bottom right;
    font-size:11px;    
    height:auto;
    width: 488px;
    left:250px;
    top:50px;
    position:relative
}

.titre_sugBleu{
  height: 22px;
  width: auto;
    font-family: Arial, Helvetica, sans-serif;  
    font-size: 14px;
    font-weight: bold;
  color: #FFFFFF;
  background: #EBF4FB;
  border-bottom: 1px solid #AACCEF;
  margin:0;
    padding-left : 7px;
    padding-top : 2px;    
  position:relative
}

.arrondis
{

    padding-top:0px;
    padding-left:0px;
    position:relative;
}

#textesug
{
width:150px;
height:auto;
float: right;
position:absolute;
left:10px;
vertical-align: text-bottom ;
bottom: 15px;
font-family: Arial, Helvetica, sans-serif;  
font-size: 13px;
}

#paveC{
	POSITION: relative;
	margin-left: 0;
  margin-right: 0;
	padding: 0px;
	top:15px;
	width:750px;
	background-color: #FFFFFF;	
}

#paveFooter
{
	margin: 0px;
	background-color:#FFFFFF;
	border:1px #E5E5E5 solid;
	height:60px;
	width: 730px;
	top: 350px;
	left:135px;
	float: left;
	position:relative;
}

.cmd_enligne
{	
background-color: #FFFFFF;
width:100%;
height:100%;
	position:relative;
	float:left;
}

p
{	color:#666666;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	/*padding-left:20px;
	padding-bottom:10px;*/
}

.cadreg
{	border:1px #9EED72 solid;
	background:url(../images/gauchedegrade.jpg);
	background-color: #FFFFFF;
	width:164px;
	height:500px;
	position:relative;
	float:left;
}


.menu
{
	margin:0pt;
	padding:0pt;
	left:-30px;
	position:relative;    
	float: left; 
}

.listemenu
{    
    list-style-type : none;
    display : block;
}

.listemenu li
{
	padding:4px;
}

.menustyle
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#910000; 
	text-decoration: none; /* Les liens ne seront plus soulignés */
    font-style:normal;
    font-weight:bold;
  
}

.menustyle:hover
{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: underline; 
	font-size:12px;
	color:#910000; 
}

.centre
{
	position:relative;
	float:left;
	width:357px;
	margin-right:5px;
	margin-left:3px;
}

.textbox
{	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#6e6e6e;
	float:left;
	width:100%;
	height:100%;
}

.containerbox
{
	position:relative;
	width:215px;
	height:auto;
	float:left;
}

.row
{
	border-left:1px #000000 solid;
	border-right:1px #000000 solid;
	border-bottom:1px #000000 solid;
	background:url(../images/droitedegrade.jpg);
	height:auto;
	position:relative;
}

.titre_panier{
	height:22px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
    font-weight:bold;	
    color: #FFFFFF;
	background:url(../images/commande_d.jpg);
	padding-left:10px;
	padding-top:2px;
}



.row1
{	
	border-top:1px #000000 solid;
	border-bottom:1px #000000 solid;
	height:20px;
	position:relative;
}

.row2
{	
	border-bottom:1px #000000 solid;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:20px;
	color:#CC0000;
	position:relative;
}

.row3
{	
	border-bottom:1px #000000 solid;
	padding-bottom:2px;	
	height:100%;
	position:relative;
}

.row4
{	
	border-bottom:1px #000000 solid;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	position:relative;
}

.row5
{	
	/*border-bottom:1px #000000 solid;*/
	height:21px;
}

.voirmacommande
{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#6e6e6e;
	padding-left:10px;
	padding-top:3px;
	float:left;
}

.valide
{	border-left:1px #000000 solid;
	background:url(../images/valide.jpg);
	width:47px;/*car padding gauche est a 3px*/
	height:21px;/*car padding haut est a 2px*/
	float:right;
}

.listrow1
{	
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#6e6e6e;
	margin:0pt;
	padding:0pt;
}

.listrow1 li
{
	float: left; 
	display: block; 
	padding-left:32px;
}

.listrow3
{	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#910000;
	margin:0pt;
	padding:0pt;
}

.listrow3 li
{
	float: left; 
	display: block; 
	padding:1px;
}

.qte
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float: left; 
}

.texte_marron_8
{
	background:#f1e9ce;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:5px
}

.texte_marron_10_gras
{
	background:#cdc5ac;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.trois
{
	color:#CC0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative; 
	width:45px;
	float:right;
	left:0px;
}

.totttc
{
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	position:relative; 
	float:left;
}

.totpanier
{
	color:#CC0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	position:relative; 
    font-weight:bold;		
	width:45px;
	float:right;
	left:0px;
}

.carteInactif
{	border:1px #9EED72 solid;
	background:url(../images/centredegrade1.jpg);
	width:357px;
	height:70px;
	position:relative;
}

.carteactif
{	
	border-top:1px #9EED72 solid;
	border-left:1px #9EED72 solid;
	border-right:1px #9EED72 solid;
	background:url(../images/centredegrade1.jpg);
	width:357px;
	height:70px;
	position:relative;
}

.Inasuppanier
{	border-bottom:1px #9EED72 solid;
	margin-top:39pt;
}

.Inasouspanier
{	
	border-top:1px #9EED72 solid;
	border-left:1px #9EED72 solid;
	border-bottom:1px #9EED72 solid;
height:15px;
width:357px;
background:url(../images/centredegrade1.jpg);	
position:absolute;
}

.comment
{	width:357px;
	height:auto;
	text-align: left;
	left:0px;
	margin:0;
	/*margin-top:18px;*/
}

.writebox
{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	padding-left:10px;
}

.boxcom
{	border:1px #000000 solid;
	width:300px;
	height:50px;
	margin-left:50px;
	margin-bottom:25px;

}


.interligne
{	border-bottom:1px #9EED72 solid;
	border-left:1px #9EED72 solid;
	border-right:1px #9EED72 solid;
	height:auto;
	width:357px;
	background:url(../images/centredegrade1.jpg);	
}

.interligne2
{	border-left:1px #9EED72 solid;
	border-right:1px #9EED72 solid;
	height:15px;
	width:357px;
	background-color:#FFFFFF;
}

.cadred
{	border-top:1px #000000 solid;
	border-bottom:1px #000000 solid;
	border-left:1px #000000 solid;
	border-right:1px #000000 solid;
	background:url(../images/commande_d.jpg);
	position:relative;
	width:208px;
	height:25px;
	left:770px;
	bottom:500px;
}

.bleu

{	
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
	
}


.supp
{	float:left;



}

.add
{			
	display: none;
}

#addCommentSupp
{	
		display: none;
}

.sug
{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:3px;

}
.write
{	
	margin-right:15px;
	padding-left:6px;
}

#id_plus
{	
		display: none;
}

#id_moins
{	
		display: none;
} 

#id_commentaires
{	
	width:330px;
	height:100%;
}