html, body, div, table, h1, h2, h3, h4, h5, h6, ol, ul, li, form, blockquote {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, ol, ul, li, pre, code {font-size:1em;}
body {background-color:#032b4c; color:#032b4c; font:11px Verdana, Tahoma, sans-serif; height:100%;}
td{vertical-align:top; padding:5px 5px 5px;}	
a img{border:none;}	
a{ text-decoration:none;}
p{margin:10px 20px 5px 10px; text-align:justify;}


.floatleft{float:left;}
.floatright{float:right;}
.clear{clear:both;}
.clearHeight{font-size:1px;}
.alignCenter{text-align:center;}
.alignLenter{text-align:left;}
.produits .boxes{width:472px; margin-left:100px;}

/*Pour que la table ait un seul pixel entre les cellules, le border doit par contre etre applique a la cellule (td) et non a la table	*/
table{border-collapse:collapse;}
/* fin   ============================================ */

/* Links   ============================================ */
a:link, a:visited, a:active{color:#007ac3;text-decoration:none;}
a:hover{color:#007ac3;text-decoration:underline;}

/* Headings   ============================================ */
h1, h2, h3, h4, h5, h6 {padding:5px 10px 5px 10px; color:#7c7b7b;}
h1 a:link, h1 a:hover, h2 a:link, h2 a:hover{color:#007ac3; text-decoration:none;}
h1{font-size:13px;}
h2{font-size:12px; color:#ebdc41;}
h3{font-size:11px; color:#235682; font-weight:bold;}

/* fin Headings   ============================================ */


/* Bullets   ============================================ */
ol{margin:10px 10px 10px 5px; list-style:none;}
ul{margin:10px 10px 10px 10px; list-style:none;}		
li{background:url(img/bullet.gif) no-repeat 25px 4px; margin-top:3px; padding-left:50px; LIST-STYLE-POSITION: outside;}
/* Fin Bullets   ============================================ */

	
/*    Main ================================================================== */
#container1{width:770px; margin:0 auto; text-align:left; background:#fff url(img/bgpage.gif) repeat-y; height:100%; overflow:hidden;}
*html #container1{height:auto;}
#header{float:left; width:770px;}
#header2{float:left; width:770px;}

#logo{width:198px; float:left;}
#logo2{display:none;}
#top{width:572px;float:right;}
#flash{float:right; width:572px; height:130px;}
#container2{float:left; width:770px; height:100%;}
.contact #containerMain{background:url(img/bg_contact.jpg) no-repeat 275px 25px; height:258px;}

#containerMain{float:right; width:572px; height:100%;}
.titre1{font-size:11px; color:#235682; font-weight:bold;}
#titre2, .titre3{display:none;}
.description{float:right; width:572px; height:100%;}
.descr1{width:225px; height:100%;  margin-right:40px; margin-bottom:20px;}
.descr1 img{ margin:5px 10px; border:1px #d7d7d7 solid;}
.descr1 h1{border-bottom:1px #d7d7d7 solid;}
.descr1 p{text-align:left; padding-right:5px;}
*html .descr1 h1{border-bottom:1px #d7d7d7 solid dotted;}
.pdf img{border:none; float:left; width:19px; height:19px; margin:10px;}
.boxes{width:572px; float:right;}
.btn{background-color:#fff;}
.btn2{float:left; width:158px; margin:25px 0 0 5px;}
.box{width:173px; color:#fff; height:100%; background-color:#235682; margin:8px 5px 8px 6px;}
.box p{margin: 5px 10px 10px 10px; text-align:left;}
/*    fin Main ============================================================== */

/*   nav ===menu vertical images================ */

#nav{clear:both; float:left; width:198px; }
.nav{margin:0; padding:0; list-style:none; height:130px}
.nav li {float:left; padding:0; margin:0; height:20px; list-style:none;}
.nav li a, .nav li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:20px;}

#navempty1{background: url(img/navtop.gif) no-repeat ; width:198px; height:23px;}
#navempty2{background: url(img/navbottom.gif) no-repeat; width:198px; height:27px;}

#nav1, #nav1on{ background:url(img/nav01r.gif) no-repeat; width:198px;}
#nav1 a {background: url(img/nav01.gif) no-repeat;  width:198px;}

#nav2, #nav2on{background: url(img/nav02r.gif) no-repeat; width:198px;}
#nav2 a {background: url(img/nav02.gif) no-repeat; width:198px;}

#nav3, #nav3on{background: url(img/nav03r.gif) no-repeat; width:198px;}
#nav3 a {background: url(img/nav03.gif) no-repeat; width:198px;}

#nav4, #nav4on{background: url(img/nav04r.gif) no-repeat; width:198px;}
#nav4 a {background: url(img/nav04.gif) no-repeat; width:198px;}

#nav1 a:hover, #nav2 a:hover, #nav3 a:hover, #nav4 a:hover{background:none;}


/*   sub === menu vertical images================ */

#sub{clear:both; float:left; width:198px; height:100%;}
.sub{margin:0; padding:0; list-style:none;height:100%;}
.sub li {float:left; padding:0; margin:0; height:37px; list-style:none;}
.sub li a, .sub li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:37px;}

#empty1{background:url(img/subtop.gif) no-repeat; width:198px; height:11px; font-size:1px;}
#empty2{background:url(img/subbottom.gif) no-repeat; width:198px; height:26px; font-size:1px;}
#subbg {background: url(img/bg_sub.gif) repeat-y; width:198px; height:118px;}

#sub1, #sub1on{ background:url(img/sub01r.gif) no-repeat; width:198px;}
#sub1 a {background: url(img/sub01.gif) no-repeat; width:198px;}

#sub2, #sub2on{background: url(img/sub02r.gif) no-repeat; width:198px;}
#sub2 a {background: url(img/sub02.gif) no-repeat; width:198px;}

#sub3, #sub3on{background: url(img/sub03r.gif) no-repeat; width:198px;}
#sub3 a {background: url(img/sub03.gif) no-repeat; width:198px;}

#sub4, #sub4on{background: url(img/sub04r.gif) no-repeat; width:198px;}
#sub4 a {background: url(img/sub04.gif) no-repeat; width:198px;}


#sub1 a:hover, #sub2 a:hover, #sub3 a:hover, #sub4 a:hover{background:none;}

/*   sub ===menu vide================ */

#subVide{clear:both; float:left; width:198px; height:100%;}
.subVide{margin:0; padding:0; list-style:none;}
.subVide li {float:left; padding:0; margin:0; height:37px; list-style:none;}
.subVide li a, .subVide li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:37px;}

#videempty1{background: #FFF url(img/subtop.gif) no-repeat; width:198px; height:11px; font-size:1px;}
#videempty2{background: #FFF url(img/subbottom.gif) no-repeat; width:198px; height:26px; font-size:1px;}
#videsubbg2 {background: #FFF url(img/menuvide_02.gif) no-repeat; height:266px; width:198px;}
#videsubbg {background: #FFF url(img/bg_sub.gif) repeat-y; width:198px; height:50px;}

/*    fin sub vide ============================================================== */

/*    nav texte  ==== menu horizontal texte ==================================== */	
#navtxt{clear:both; text-align:center; width:770px; margin:0 auto; height:18px; padding-top:5px; color:#fff; text-transform:uppercase;}
#navtxt ul {margin:0 0 0 0;text-align:center;}
#navtxt li{list-style:none; display:inline; border-right: 1px solid #fff; margin-right: 0.5em; padding-right: 0.75em; padding: 0 6px 0 2px;  font-size:11px; background-image:none; font-size:10px }
#navtxt li a:link, #navtxt li a:visited, #navtxt li a:active{color:#fff;text-decoration:none;}
#navtxt li a:hover{color:#fff; text-decoration:underline;}
#navtxt li.last{border:0;}
/*   Fin nav texte  ======================================== */	


/*  Footer============================================ */
#footer{width:770px; margin: 0 auto; text-align: left; background-color:none; height:100%;}
/*  Fin Footer============================================ */

		
/*  copyright    ========================================= */
#copyright{padding:0; margin:0 auto 0 auto; width:770px; text-align:center; color:#898989; font:9px Tahoma, "Trebuchet MS", sans-serif; background-color:none;}
/*  Fin copyright    ========================================= */