/* CSS Document */
body, div, h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
body{background:#000000 url(img/bg02.jpg) top center no-repeat; font:11px Arial, Helvetica, sans-serif; color:#cdcdcd;}
img{display:block;}
a img{border:none;}	
p{margin: 5px 10px 8px 10px; text-align:justify;}
/**html p{float:left; display:inline;}
*/
.floatLeft{float:left;}
.floatRight{float:right;}
.clearBoth{clear:both;}
.paddingTop{ padding-top:5px;}
.titre1{font-weight:bold;}
.titre2{font-weight:bold; color:#ffffff;}
.titre3{font-weight:bold; color:#f43353;}
.titre4{padding-left:300px; padding-top:10px;}
.titre5 {font-weight:bold; color:#f43353; font-size:13px;}
.titre5 a:link,.titre5 a:visited, .titre5 a:active{font-weight:bold; color:#f43353; font-size:13px;}
.imgDemers{ float:left; padding:5px 10px 10px 10px;}

/* Links   ============================================ */
a:link, a:visited, a:active{color:#ffffff; text-decoration:none;}
a:hover{color:#b7b7b7; text-decoration:underline;}
.linkOther a:hover{color:#01c097; text-decoration:underline;}
.linkOther a:link, .linkOther a:visited, .linkOther a:active{color:#01c097; text-decoration:none;}

/* Bullets   ============================================ */
ol{margin:10px 10px 10px 5px; list-style:none;}
ul{margin:10px 10px 10px 10px; list-style:none;}		
li{background:url(fr/img/antivirus17.gif) no-repeat 25px 4px; margin-top:3px; padding-left:15px; LIST-STYLE-POSITION: outside;}

/* Headings   ============================================ */
h1, h2, h3, h4, h5, h6 {padding:4px 10px 0 10px; color:#ffffff; font-family:tahoma, Tahoma, Verdana, sans-serif;}
h1 {font-size:11px;}
h2 {font-size:10px; color:#b7b7b7;}
h3 {font-size:12px; padding-top:10px; padding-bottom:10px;}
h4 {font-size:11px; color:#f43353;}
h1 a:link, h1 a:visited, h1 a:active{text-decoration:none;}
h1 a:hover{text-decoration:none; color:#FFFFFF;}
#container1{width:960px; margin:0 auto; height:100%;}
#container2, #logo, #accLeft{float:left; width:242px;}
#container3{float:left; width:718px; height:100%;}
#header{float:left; width:718px; height:274px;}
#contFlash{float:left; width:718px; height:180px;}
#mainAcc{float:left; width:718px; background:url(img/bg3.gif) repeat-y; }
#mainAcc01{float:left; width:244px; height:100%;}
#mainAcc01 img{width:244px;}
#mainAcc01 p{padding:10px 5px;}
.mainAccLiens{float:left; width:118px;}		
.mainAccLiens p{ text-align:left; font-size:10px;} 

.titresAll{float:left; width:718px;}
#mainAcc02{float:right; width:474px;}
#mainAcc03{clear:both; float:left; width:718px;}
#mainAll{float:right; width:474px;}

#accLeftContent{float:left; width:202px; padding-left:40px; color:#b7b7b7; text-align:left;}
#accLeftContent p, .accLeftPrix p{text-align:left;}
#accLeft2{float:left; width:242px;}
.accLeftPrix{float:left; width:242px; color:#b7b7b7; text-align:left;}
.accLeftPrix img{float:left; width:60px; padding:5px 0 10px 50px;}
.accLeftPrixText{float:left; width:116px; font-size:10px; padding-right:10px;}

#mainContes{float:left; width:655px; background:url(img/boxcontes.gif) repeat-y; height:100%;}
#bottomContes{float:left; width:960px;}

.boxContes2{float:left; width:315px; height:100%;padding:10px 0 10px 8px;}
.boxProdAutres{float:left; width:140px; height:100%; padding:10px 10px 10px 8px;}
.boxProdAutresMain{float:left; width:140px; background-color:#393a3a; height:100%;}
.boxProdAutresMain img{float:left; width:140px;}
.boxProdAutresMain h1{float:left; padding-bottom:5px; height:40px;}
.boxContesMain{float:left; width:315px; background-color:#393a3a; height:205px;}
.boxContesMain img{float:left; width:131px;}
.boxContesMain p{float:right; width:160px; margin-right:10px; text-align:left;}
*html .boxContesMain p{display:inline;}
.boxContesMain .caption{float:left; width:100px;}
.boxContesMain .caption p{clear:both; float:left; width:110px; margin:0; margin:5px 3px 3px 4px;}

.boxContesMain h1{float:right; width:160px;}
.boxContesTop2, .boxContesBottom2{float:left; width:315px;}

.boxPrix{float:left; width:638px; height:100%; padding:10px 0 0 8px;}
.boxPrixMain{float:left; width:638px; background-color:#393a3a;}
.boxPrixMain img{float:left; width:273px;}
.boxPrixMain p{float:right; width:344px;}
*html .boxPrixMain p{display:inline;}

.boxPrixMain h1{float:right; width:344px;}
.boxPrixTop{float:left; width:638px;}
.boxPrixBottom{float:left; width:638px;}

.boxMain{float:left; width:638px; background-color:#393a3a; height:100%;}
.boxContact{float:left; width:260px;}
.boxContact2{float:left; width:180px;}

/*  nav ===menu horizontal images================ */
#navMain{float:left; width:718px;}
.navMain {margin:0; padding:0; list-style:none; width:718px;}
.navMain li {float:left; padding:0; margin:0; height:37px; list-style: none;}
.navMain li a, .navMain li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:37px;}

#nav01, #nav01on { background:url(img/nav01.gif) 0 37px; width:72px;}
#nav01 a {background: url(img/nav01.gif); width:72px;}
#nav02, #nav02on {background: url(img/nav02.gif) 0 37px; width:127px;}
#nav02 a {background: url(img/nav02.gif); width:127px;}
#nav03, #nav03on {background: url(img/nav03.gif) 0 37px; width:122px;}
#nav03 a {background: url(img/nav03.gif); width:122px;}
#nav04, #nav04on {background: url(img/nav04.gif) 0 37px; width:132px;}
#nav04 a {background: url(img/nav04.gif); width:132px;}
#nav05, #nav05on {background: url(img/nav05.gif) 0 37px; width:83px;}
#nav05 a {background: url(img/nav05.gif); width:83px;}
#langen{background: url(img/langen.jpg) 0 37px; width:182px;}
#langen a {background: url(img/langen.jpg); width:182px;}

#nav06, #nav06on { background:url(img/nav01en.gif) 0 37px; width:72px;}
#nav06 a {background: url(img/nav01en.gif); width:72px;}
#nav07, #nav07on {background: url(img/nav02en.gif) 0 37px; width:86px;}
#nav07 a {background: url(img/nav02en.gif); width:86px;}
#nav08, #nav08on {background: url(img/nav03en.gif) 0 37px; width:134px;}
#nav08 a {background: url(img/nav03en.gif); width:134px;}
#nav09, #nav09on {background: url(img/nav04en.gif) 0 37px; width:161px;}
#nav09 a {background: url(img/nav04en.gif); width:161px;}
#nav10, #nav10on {background: url(img/nav05en.gif) 0 37px; width:83px;}
#nav10 a {background: url(img/nav05en.gif); width:83px;}
#langfr{background: url(img/langfr.jpg) 0 37px; width:182px;}
#langfr a {background: url(img/langfr.jpg); width:182px;}

#nav01 a:hover, #nav02 a:hover, #nav03 a:hover, #nav04 a:hover, #langen a:hover, #nav05 a:hover, #nav06 a:hover, #nav07 a:hover, #nav08 a:hover, #nav09 a:hover, #nav10 a:hover, #langfr a:hover {background:none;}

/*  contes nav ===menu vertical images================ */
#contesnav{float:left; width:242px;}
.contesnav {margin:0; padding:0; list-style:none; width:242px;}
.contesnav li {float:left; padding:0; margin:0; height:31px; list-style: none;}
.contesnav li a, .contesnav li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:31px;}

#contesnav01, #contesnav01on { background:url(img/contesnav01.jpg) 242px 0; width:242px;}
#contesnav01 a {background: url(img/contesnav01.jpg); width:242px;}
#contesnav02, #contesnav02on {background: url(img/contesnav02.jpg) 242px 0; width:242px;}
#contesnav02 a {background: url(img/contesnav02.jpg); width:242px;}
#contesnav03, #contesnav03on {background: url(img/contesnav03.jpg) 242px 0; width:242px;}
#contesnav03 a {background: url(img/contesnav03.jpg); width:242px;}
#contesnav04, #contesnav04on {background: url(img/contesnav04.jpg) 242px 0; width:242px;}
#contesnav04 a {background: url(img/contesnav04.jpg); width:242px;}
#contesnav05, #contesnav05on {background: url(img/contesnav05.jpg) 242px 0; width:242px;}
#contesnav05 a {background: url(img/contesnav05.jpg); width:242px;}
#contesnav06, #contesnav06on {background: url(img/contesnav06.jpg) 242px 0; width:242px;}
#contesnav06 a {background: url(img/contesnav06.jpg); width:242px;}
#contenavempty{ float:left; }

#contesnav07, #contesnav07on { background:url(img/contesnav01en.jpg) 242px 0; width:242px;}
#contesnav07 a {background: url(img/contesnav01en.jpg); width:242px;}
#contesnav08, #contesnav08on {background: url(img/contesnav02en.jpg) 242px 0; width:242px;}
#contesnav08 a {background: url(img/contesnav02en.jpg); width:242px;}
#contesnav09, #contesnav09on {background: url(img/contesnav03en.jpg) 242px 0; width:242px;}
#contesnav09 a {background: url(img/contesnav03en.jpg); width:242px;}
#contesnav10, #contesnav10on {background: url(img/contesnav04en.jpg) 242px 0; width:242px;}
#contesnav10 a {background: url(img/contesnav04en.jpg); width:242px;}
#contesnav11, #contesnav11on {background: url(img/contesnav05en.jpg) 242px 0; width:242px;}
#contesnav11 a {background: url(img/contesnav05en.jpg); width:242px;}
#contesnav12, #contesnav12on {background: url(img/contesnav06en.jpg) 242px 0; width:242px;}
#contesnav12 a {background: url(img/contesnav06en.jpg); width:242px;}

#contesnav01 a:hover, #contesnav02 a:hover, #contesnav03 a:hover, #contesnav04 a:hover, #contesnav05 a:hover, #contesnav06 a:hover, #contesnav07 a:hover, #contesnav08 a:hover, #contesnav09 a:hover, #contesnav10 a:hover, #contesnav11 a:hover, #contesnav12 a:hover{background:none;}

/*  Footer============================================ */
#footer{ clear:both; width:710px; margin:0 auto; background: url(fr/img/footer.gif) no-repeat; text-align:center;  padding-left:250px; font-size:9px;padding-bottom:10px;}
/*  Fin Footer============================================ */
		
/*  copyright    =========================================*/
#copyright{color:#808080; padding-top:3px; display: block;} 
/*  Fin copyright    ========================================= */