<!-- feuille de style

font-size : 100%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : black;
background-color : white;
width: 100%; 
border: #00FF00;
border-style: solid dashed; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
vertical-align: middle;  
background-color: #ffffff; 
margin-left: -38%; 
margin-top: -20%; 
top: 50%; 
left: 50%; 
position: absolute; 
-->
 
 html,body {
	background-color : white;

	
}

table.nuances{
font-size : 70%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;		 
margin-top : 0.5%;
margin-left: 1%;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
}

p,ul {
font-size : 100%;

color : black;
}
table.de{
font-size : 90%;
width : 98%;	
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;		 
background-color:#9999CC;
border-style: solid dashed; 
margin-top : 0.5%;
margin-left: 1%;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
}


table.desuite{
font-size : 90%;
width : 98%;	
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;		 
margin-top : 0.5%;
margin-left: 1%;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
}


table.desuiteentete{
font-size : 100%;
width : 98%;	
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;	
margin-left: 1%;	 

}

table.desuitedetail{
font-size : 90%;
width : 98%;	
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;		 
background-color:#9999CC;
border-style: solid dashed; 
border-top-width: 2px; 
border-right-width: 2px; 
border-bottom-width: 2px; 
border-left-width: 2px;
margin-left: 1%;
}

table.cart{
font-size : 100%;
width : 98%;	
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;		 
background-color:#9999CC;
border-style: solid dashed; 
border-top-width: 2px; 
border-right-width: 2px; 
border-bottom-width: 2px; 
border-left-width: 2px;
margin-left: 1%;


}

table.chemin{
font-size : 100%;
width : 98%;	
font-family : none;		 
background-color:#9999CC;
border-style: solid dashed; 
border-top-width: 2px; 
border-right-width: 2px; 
border-bottom-width: 2px; 
border-left-width: 2px;
margin-left: 1%;

}


table.cartbton{
font-size : 100%;
width : 98%;	
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;		 
margin-left: 1%;

}


table.menu{
font-size : 100%;	
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
width: 100%; 		
height: 100%; 
background-color:#9999CC;
border-style: solid dashed; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
}

table.catalogueglobale{
margin-left: 1%;
width: 98%;
}

table.marginleft{
margin-left: 1%;
}

td.menu{
font-size : 80%;
height: 20px;
}
td.menu2{

font-size : 80%;

}
table.acceuil{
width: 80%; 
background-color : red;
border: #00FF00;
border-style: solid dashed; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
vertical-align: middle;  

}
table.famille{ 

width: 100%; 
margin-left: 0%; 

}
table.clientnouveau{
background-color : #9999CC;
align:center;
width:100%;
}
table.client{
background-color : #9999CC;
align:center;
width:100%;
}

td.famille{
font-weight: bold; 
text-align: center; 
background: #cccccc; 
}

tr.sel{
color:red;
}


h3 {
font-size : 100%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : black;
text-align: center;
}

h1 {
font-size : 100%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : black;
text-align: left;
font-weight:normal;
}

h2 {
font-size : 130%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #99CC99;
padding-left:15px;
}

h4 {
font-size : 100%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color :  red;
padding-left:15px;
}

h5 		
{border-bottom:2px solid #1F87BF;
color:black;
padding:3px;
text-align:left;
margin:20px 0 0 0;
font-size:15px

}


#header {
margin-top: 10px;
margin-left: 7px;
margin-right: 10px;
height: 150px;

}

#haut {

margin-top : 10px;
margin-left: 10px;
margin-right: 10px;
background-color:#CCCCFF;
}
#conteneur {
width:1240px;
height=100%;
margin:0 auto;
background-color:#CCCCFF;
}
#centre {
width: 1215px;
height=100%;
list-style-type: none;
border-style: solid dashed; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
margin-left: 1%;
margin-top : 1%;
}

#centrenews {
width: 200px;
height: 700px;
float:left;
}
#centrecat {
width: 1010px;
height: 700px;
float:right;
}


#catcentre {
width: 332px;
height: 700px;
float:left;
}

#catgauche {
width: 332px;
height: 700px;
float:left;
}
#catdroit {
width: 332px;
height: 700px;
float:right;
}


#gauche {
border-style: solid dashed; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
background-color: #cccccc;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;


}
#droite {
background-color: yellow;
float:right;
width: 150px;
}
#pied {
clear:both;
height: 30px;
background-color: #99CC99;
}


#menurech {
border-style: solid dashed; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
height: 80px;
background-color: #99CC99;
list-style-type: none;
margin: 0;
padding:0;
}
#menuhaut li {
display: inline;
}
#menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menuhaut a:hover {
text-decoration: none;
}
#menugauche {
background-color : #CCCCCC;
list-style-type: none;
width: 100%;

padding:0;
}
#menugauche li {
margin-bottom: 5px;
}
#menugauche a {
margin: 0 2px;
color: black;
text-decoration: none;
 
}
#menugauche a:hover {
text-decoration: none;
}
#menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
#menudroit li {
margin-bottom: 5px;
}
#menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
#menudroit a:hover {
text-decoration: none;
}
a.titre{
color:blue;
text-decoration:underline;
font-weight:bold;
}
a.nuances{
color:blue;
text-decoration:none;
}
a.nuances:hover{
color:black;
text-decoration:underline;
}


#menuhauttest {
background-color : #CCCCCC;
width: 400px;
height: 143px;
float : right;
list-style-type: none;
border-style: solid dashed; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
}


a.suivi:link {color:#736F6E; text-decoration:underline;}
a.suivi:visited {color:#736F6E; text-decoration:underline;}
a.suivi:hover {color:#736F6E; text-decoration:underline;}

a.suiviniveau:link {color:#736F6E; text-decoration:none;font-weight:bold;}
a.suiviniveau:visited {color: #736F6E; text-decoration:none;font-weight:bold;}
a.suiviniveau:hover {color:#736F6E; text-decoration:none;font-weight:bold;}


#addliv{
border-style: solid dashed; 
float: left;
width:45%;
height:200px;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
}
#addfac{
border-style: solid dashed; 
float: right;
width:45%;
height:200px;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
}

#addresscont{
margin-left:1%;
margin-right:1%;
border-style: solid dashed; 
height:250px;
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 0px;
}

#transpcont{
margin-left:1%;
margin-right:1%;
border-style: solid dashed; 
height:350px;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
}


#transp{
height:250px;
width:22%;
float: left;
border-style: solid dashed; 
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 0px;
margin-left:1%;
margin-right:1%;
}


#refclientcont{
margin-left:1%;
margin-right:1%;
border-style: solid dashed; 
height:10%;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
}

#suivicont{
color:#736F6E;
font-size : 130%;
margin-top:1%;
margin-bottom:1%;
margin-left:1%;
margin-right:1%;
border-style: solid dashed; 
height:30px;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
}


#moyreglementcont{
margin-top:1%;
margin-left:1%;
margin-right:1%;
border-style: solid dashed; 
height:70%;
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
}


hr{
color: red;
background-color: grey;
height: 1px;
border: 0;
clear: both;
}

#paiement{
height:200px;
width:30%;
float: left;
background:white;
border-style: solid dashed; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
margin-left:1%;
margin-right:1%;
}


#avantbton{ 
height:180px;
border-style: none;
}
#btonbasdroite{
height:20px; 
text-align: right;
position:relative; bottom:0;
border-style: none;
}

#recapcont{
height:800px; 
margin-left:1%;
margin-right:1%;
border-style: solid dashed; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
}


#acc{
background-image:url('../images/fond_printemps.jpg'); 
background-repeat:no-repeat;
background-position:center; 
height:100%;
}

table.recap{
width:80%;
}


#espaceclient_menu{
float:left;
width:15%;
height:250px;
margin-left:1%;
margin-right:1%;
border-style: solid dashed; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
}

#espaceclient_main{
float:right;
width:80%;
margin-left:1%;
margin-right:1%;
border-style: solid dashed; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px;
}

#bkleftCol {
float:left;
margin-left:10px;
margin-right:10px;
height:150px;
width:30%;

}

#bkcentreCol {
float:left;
margin-left:10px;
width:90%;

}


.bordure{
width : 10em;
text-align : justify;
margin-top: 10%;
width:100%;

}