body {background:url(images/bg01.gif) repeat-x #6b7982; margin: 0; color: #000000; font:11px Tahoma, Verdana, sans-serif; height:100%;}

/*br{ clear:both;}
*/	
table{margin:0;padding:0;background-color:none;}
		
td{vertical-align:top;}
	
images, img, images a, img a{border:none;}
	
p{margin:5px 15px 15px 15px; text-align:left;}
.ptop{margin-top:10px;}	
	
a:link, a:visited, a:active{color:#019b9d; text-decoration:none;}
		
a:hover{color:#019b9d; text-decoration:underline;}
	
h1, h2, h3, h4, h5, h6 {margin:0;padding:5px 10px 0 10px;color:#034d69; }

h1{font-size:16px;font-family:Tahoma, Verdana, sans-serif;}

h2{font-size:12px;font-family:Tahoma, Verdana, sans-serif;padding:10px 0 6px 15px;}
	
ul{margin: 20px 10px 10px 5px;list-style:none;padding:0; }		

li{background:url(images/bullet1.gif) no-repeat 20px 3px; margin-top:5px; padding-left:40px; LIST-STYLE-POSITION: outside;}

.title1{font-family:Tahoma, Verdana, sans-serif;color: #034d69; font-size: 12px; font-weight: bold;}
.title2{font-family:Tahoma, Verdana, sans-serif;color: #034d69;font-size: 11px;font-weight: bold;text-align:left;}
.title3{font-family:Tahoma, Verdana, sans-serif;color: #FF0000; font-size: 12px; font-weight: bold;}

.btn{width:125px; float:right;text-align:right; padding:5px 20px 10px 0; text-transform:uppercase;}
.btn a:link, .btn a:visited, .btn a:active{color:#63ccd0; text-decoration:none;}
.btn a:hover{color:#63ccd0; text-decoration:underline;}
	
.btn2{width:125px; float:right;text-align:right;padding:5px 15px 0 0;}
	
#header{width:770px;}

/* ======================================== intro ===========================================*/

#cintro01{width:770px; margin:0 auto; text-align:left; height:100%;}
*html #cintro01{height:auto;}
#cintrotop{height:54px;}	
#intro01{float:left; width:249px; height:100%;}

#intro02{float:right; width:521px; height:100%;}

#intro03{float:right; width:521px; height:100%;}
#intro03cont1{float:left; width:131px; height:100%;}
#intro03cont2{float:left; width:131px; height:100%;}
#intro03cont3{float:left; width:127px; height:100%;}
#intro03cont4{float:right; width:132px; height:100%;}

/* ================================================================================================*/

	
#container1{width: 770px; margin: 0 auto; text-align: left; background-color:#fff; height:100%; }
*html #container1{height:auto;}

#footer{clear:both; width:770px; padding:12px 0 0 0; text-align:center; color:#a0a0a0 ; background:url(images/acc10.gif) repeat-x; height:17px; font:9px Tahoma, "Trebuchet MS", sans-serif; }

/* ======================================== container 2 ===========================================*/

#container2{float:left; width:248px;}
#container2_2{float:right; width:522px;}			
	
/* ======================================== container 3 ===========================================*/

	
#container3{clear:both; float:left; width:770px; background:url(images/acc06.gif) repeat-y; height:100%; font:11px Tahoma, Verdana, sans-serif; color:#fff;}

#cont3_1{float:left; width:250px; height:100%;}
#cont3_11{float:left; padding:10px 5px 10px 0; height:100%; }
#cont3_2{float:left; width:245px; height:100%; padding:3px 10px 0 5px; margin-left:5px;}
#cont3_21{float:left; padding:10px 5px 10px 0; height:100%; }
#cont3_3{float:right; width:250px; height:100%;}
#cont3_31{float:left; padding:10px 5px 10px 0; height:100%; }


/* ================================ navp ===menu horizontal images================*/

.nav4{margin:0; padding:0; list-style:none; background:url(images/adobe03.gif) repeat-x; width:770px;}
.nav4 li {float:left;padding:0; margin:0; height:54px; list-style:none;}
.nav4 li a, #nav4 li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:54px;}



#link1 {background: url(images/nav01r.gif); width:252px;}
#link1 a {background: url(images/nav01.gif); width:252px;}

#link2, #link2on{background: url(images/nav02r.gif); width:105px;}
#link2 a {background: url(images/nav02.gif);  width:105px;}

#link3, #link3on{background: url(images/nav03r.gif); width:105px;}
#link3 a {background: url(images/nav03.gif); width:105px;}

#link4, #link4on{background: url(images/nav04r.gif); width:104px;}
#link4 a {background: url(images/nav04.gif); width:104px;}

#link5, #link5on{background: url(images/nav05r.gif); width:102px;}
#link5 a {background: url(images/nav05.gif); width:102px;}

#link6, #link6on{background: url(images/nav06r.gif); width:102px;}
#link6 a {background: url(images/nav06.gif); width:102px;}

#link1 a:hover, #link2 a:hover, #link3 a:hover, #link4 a:hover, #link5 a:hover, #link6 a:hover {background:none;}

#p02cont2{float:left; background-color:#d7d7d7; width:522px; height:100%;}

/*====================================    produits  p03  =========================================*/

#containerp03{float:left; height:100%; background-color:#000000; width:770px;}
*html #containerp03{height:auto;}

#p03left{clear:both; float:left; width:248px; height:281px; background:url(images/empty4.jpg) repeat-x;}
#p03cont0{float:right; width:522px; height:100%;}
#p03cont1{float:right; width:522px; background-color:#fff; height:100%;}
#p03cont2{float:left; background-color:#d7d7d7; width:522px; height:100%;}
#p03cont23{float:right; height:100%; width:248px;}
#p03cont23 p{margin-left:0;}
#p03cont23 h2{padding-left:0;}
#p03cont21{float:left; background-color:#d7d7d7; width:522px; height:255px; padding-top:20px;}
#p03cont3{float:left; height:100%;}
#p03cont31{float:left; height:100%;width:258px; }
#p03cont4{float:right; height:100%; width:248px;}
#p03cont4 p{margin-left:0;}
#p03cont4 h2{padding-left:0;}
#p03cont41{float:right; height:100%; width:263px;}

/* ================================ navproduits ===menu horizontal images================*/
#nav03{clear:both; float:left;}
.nav03{margin:0; padding:0; list-style:none; background:url(images/adobe03.gif) repeat-x; width:770px;}
.nav03 li {float:left;padding:0; margin:0; height:35px; list-style:none; border-style:none;}
.nav03 li a, #nav03 li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:35px;}


#empty{background-color:#000; width:248px; height:35px; border:none;}

#nav0311, #nav0311on{ background:url(images/nav0311r.gif); width:105px;}
#nav0311 a {background: url(images/nav0311.gif);  width:105px;}


#nav0312, #nav0312on{background: url(images/nav0312r.gif); width:105px;}
#nav0312 a {background: url(images/nav0312.gif); width:105px;}

#nav0313, #nav0313on{background: url(images/nav0313r.gif); width:105px;}
#nav0313 a {background: url(images/nav0313.gif); width:105px;}

#nav0314, #nav0314on{background: url(images/nav0314r.gif); width:101px;}
#nav0314 a {background: url(images/nav0314.gif); width:101px;}

#empty2{background: url(images/nav0315.gif); width:106px;}
\
#nav0310 a:hover,#nav0311 a:hover, #nav0312 a:hover, #nav0313 a:hover, #nav0314 a:hover{background:none;}

/* ================================ navproduits ===menu horizontal images================*/
#nav031{clear:both; float:left;}
.nav031{margin:0; padding:0; list-style:none; width:770px;}
.nav031 li {float:left;padding:0; margin:0; height:35px; list-style:none;}
.nav031 li a, #nav031 li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:35px;}


#empty{background:url(images/spacer.gif) #000; width:248px; height:35px;}

#nav0311, #nav0311on{ background:url(images/nav0311r.gif); width:105px;}
#nav0311 a {background: url(images/nav0311.gif);  width:105px;}


#nav0312, #nav0312on{background: url(images/nav0312r.gif); width:105px;}
#nav0312 a {background: url(images/nav0312.gif); width:105px;}

#nav0313, #nav0313on{background: url(images/nav0313r.gif); width:105px;}
#nav0313 a {background: url(images/nav0313.gif); width:105px;}

#nav0314, #nav0314on{background: url(images/nav0314r.gif); width:101px;}
#nav0314 a {background: url(images/nav0314.gif); width:101px;}

#empty2{background: url(images/nav0315.gif); width:106px;}

#nav0310 a:hover,#nav0311 a:hover, #nav0312 a:hover, #nav0313 a:hover, #nav0314 a:hover{background:none;}



/*====================================  navleft  ====menu vertical produits============================*/

#navleft1{width:248px; float:left;}

/*====================================    clients  p04  =========================================*/

#containerp04{clear:both;float:left; height:100%; background-color:#000000; width:770px;}
*html #containerp04{height:auto;}

#p04left{float:left; width:248px; height:281px; background:url(images/empty4.jpg) repeat-x;}
#p04cont0{float:right; width:522px; height:100%;}
#p04cont1{float:right; width:522px; background-color:#fff; height:100%;}
#p04cont2{float:left; background-color:#d7d7d7; width:522px; height:290px;}

/*====================================    clients  p05  =========================================*/

#p05cont0{float:right; width:522px; height:100%; background-color:#d7d7d7; }
#p05cont21{float:left; height:100%;width:522px; }
#p05cont31{float:left; height:100%;width:252px; }
#p05cont41{float:right; height:100%; width:268px;}