html, body, div, p, 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;}
html{ background:#c8c0a2 url(img/bgpage2.jpg) top center no-repeat;}
body{color:#767471; font:11px Tahoma, Verdana, sans-serif; height:100%; line-height:1.3em}

/* Removes Firefox imposed outline */
a { outline: none; }	

a img{border:none;}	
.titre1{ font-weight:bold;}
.floatLeft{float:left; width:auto;}
.floatRight{float:right; width:auto;}
p{margin: 5px 85px 15px 30px; text-align:justify;}
img{display:block;}
.clearBoth{clear:both;}

/* Links dashed  ============================================ */
a:link, a:visited, a:active{color:#767471; text-decoration:none; width:100px/auto; display: inline/block;}
.lienpages{color:#8ba0ab; font-size:13px;}
.lien a:hover{color:#8ba0ab; border-bottom:1px dashed #5a7380; width:100px/auto; display: inline/block;}

/* Headings   ============================================ */
h1, h2, h3, h4, h5, h6 {padding:5px 85px 10px 30px; color:#767471; font-size:11px; }
h2{font-size:13px; padding-top:20px; padding-bottom:15px;}
h3{font-size:16px; padding-bottom:15px; text-align:center;}

/* lists   ============================================ */
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;}
#leftAll ul, #leftPortfolio ul{margin:85px 10px 0px 130px; list-style:none;  min-height:170px; height:auto !important; height:170px;}		
#leftAll li, #leftPortfolio li{padding-left:25px; list-style:none; line-height:1.3em; font-weight: bold;}
*html #leftAll li, #leftPortfolio li{padding-left:15px;}
#leftAll a:link, #leftAll a:visited, #leftAll a:active, #leftPortfolio a:link, #leftPortfolio a:visited, #leftPortfolio a:active{color:#767471; text-decoration:none; width:100px/auto; display: inline/block;}
#leftAll a:hover, #leftAll .on a, #leftPortfolio a:hover, #leftPortfolio .on a{color:#8ba0ab; border-bottom:1px dashed #5a7380; width:100px/auto; display: inline/block;}

/*    Main ================================================================== */
#container1{width:960px; margin:0 auto; text-align:left; height:100%;/* overflow:hidden; */}
*html #container1{height:auto;}
#header{float:left; width:960px;}
#container2{ float:left; width:960px; background:url(img/bgmain.jpg) repeat-y; height:100%}
#leftAll{ float:left; width:360px; background:url(img/design_web03.jpg) top right no-repeat;  min-height:259px; height:auto !important; height:259px;}
*html #leftAll{ height:auto; }
#leftPortfolio{ float:left; width:360px; background:url(img/portfolio_nav.jpg) top right no-repeat;  min-height:259px; height:auto !important; height:259px;}
#massacreAnimal{ width:218px; float:right; padding-top:4px;}
#mainAccueil{ float:right; width:600px; }
#mainAll{ float:right; width:600px; background:url(img/bgmain2.jpg) no-repeat;  min-height:320px; height:auto !important; height:320px;}
#thumbAccueil{float:left; width:179px;}
#thumbAccueil2{float:left; width:182px;}
#thumbAccueil3{float:right; width:239px;}
.thumb{ width:165px; float:left; padding:10px 6px 6px 10px;}
.thumb img{float:left;}
.thumb p{float:left; margin: 5px 15px 0 18px; text-align:left; font-weight:bold;  width:auto;}
*html .thumb p{ display:inline;}
#titres{ float:left; width:600px; height:70px; background:url(img/titres.jpg) no-repeat;}
#pages{float:right; width:200px; padding-top:50px; text-align:right; padding-right:64px; font-weight:bold;}
#pages a{font-weight:bold}
#pdf{float:right; width:90px; padding-right:300px;}
#logo{float:left; width:360px; background:url(img/conception_web_logofr.jpg) no-repeat;}
/*  navMain ==================================================== */
#navMain{float:left; width:960px; height:64px; }
.navMain {float:left;margin:0; padding:0; list-style:none; width:960px; height:64px; }
.navMain li {float:left; padding:0; margin:0; height:64px; list-style:none; width:auto;}
.navMain li a, .navMain li a:visited {float:left; padding:0; margin:0; display:block; text-decoration:none; height:64px; width:auto;}

#lang{float:left; background: url(img/design_web_langen.jpg); width:360px;}
#nav01, #nav01on {background: url(img/design_web_nav01.jpg) 0 64px ; width:138px;}
#nav01 a {background: url(img/design_web_nav01.jpg); width:138px;}
#nav02, #nav02on {background: url(img/design_web_nav02.jpg) 0 64px; width:151px;}
#nav02 a {background: url(img/design_web_nav02.jpg); width:151px;}
#nav03, #nav03on { background:url(img/design_web_nav03.jpg) 0 64px; width:112px;}
#nav03 a {background: url(img/design_web_nav03.jpg); width:112px;}
#empty01{float:left;background: url(img/design_web_nav00.jpg); width:121px; height:64px;}
#empty02{float:left;background: url(img/design_web_nav04.jpg); width:78px; height:64px;}
#nav01 a:hover, #nav02 a:hover, #nav03 a:hover{background:none;}

/*  Footer============================================ */
#footer{ clear:both; width:910px;  margin:0 auto; background:url(img/design_web06.jpg) no-repeat; height:36px; font-size:10px; text-align:center; padding-top:80px; padding-left:50px;}
#copyright{text-align:center; padding-left:75px;}