html {width:100%; height:100%;}
body.mrd {border:0px solid #000000; width:100%; height:100%; margin:0px; padding:0px; color:#6d6d6d; font:13px Trebuchet MS, Verdana, Arial; background-color:#ffffff; background-image:url(/images/background.jpg); background-repeat:repeat-x;}
form {margin:0px;}
td {color:#000000; font:11px Trebuchet MS, Verdana, Arial;}
.field {background-color:#ffffff; color:#000000; padding-left:2px; height:16px; font:normal 11px/1.1 Trebuchet MS, Trebuchet MS, Verdana, Arial; border:#000000 solid 1px; cursor:text; width:140px; background-image:url(/images/degrad.jpg);}
.tfield {background-color:#ffffff; color:#000000; padding-left:2px; height:48px; font:normal 11px/1.1 Trebuchet MS, Trebuchet MS, Verdana, Arial; border:#000000 solid 1px; cursor:text; width:140px; background-image:url(/images/degrad-area.jpg);}
.phfield {background-color:#ffffff; color:#000000; padding-left:2px; height:18px; font:normal 11px/1.1 Trebuchet MS, Trebuchet MS, Verdana, Arial; border:#000000 solid 1px; cursor:text; width:240px; background-image:url(/images/degrad.jpg);}
.sfield {background-color:#ffffff; color:#000000; padding-left:2px; height:20px; font:normal 11px/1.1 Trebuchet MS, Trebuchet MS, Verdana, Arial; border:#000000 solid 1px; width:140px;}
.mfield {background-color:#ffffff; color:#000000; padding-left:2px; font:normal 11px/1.1 Trebuchet MS, Trebuchet MS, Verdana, Arial; border:#000000 solid 1px; width:140px;}
.ofield {background-color:#ffffff; color:#000000; padding-left:2px; height:14px; font:normal 11px/1.1 Trebuchet MS, Trebuchet MS, Verdana, Arial;}
table.zero {border:0px solid #000000; margin:0px; padding:0px; border-collapse:collapse;}
table.zero tr {border:0px solid #000000; margin:0px; padding:0px; border-collapse:collapse;}
table.zero tr td {border:0px solid #000000; margin:0px; padding:0px; border-collapse:collapse; vertical-align:top;}
a {color:#22638C; text-decoration: none;}
#mainbloc {text-align:left; margin:0px; padding:0px; border:0px solid #000000; width:900px; min-height:800px;}
#logo {float:left; padding:0px; margin:0px; border:0px solid #000000; width:258px; height:206px; background-image:url(/images/logo.jpg);}
#menubloc {float:left; padding:0px; margin:26px 0px 136px 0px; border:0px solid #000000; width:642px; height:43px;}
#menubloc div.menu {float:right; padding:14px 20px; margin:0px; border:0px solid #000000; height:15px; font:normal 14px Trebuchet MS, Verdana, Arial;}
#menubloc div.menu2 {float:right; text-align:center; padding:7px 20px; margin:0px; border:0px solid #000000; height:29px; font:normal 14px/1.1 Trebuchet MS, Verdana, Arial;}
.menuoff {color:#666; background-color:#ffffff;}
.menuover {color:#ffffff; background-color:#006da2;}
.menusel {color:#ffffff; background-color:#006da2;}
#title {float:left; clear:both; padding:0px; margin:-80px 0px 0px 0px; border:0px solid #000000; width:900px; height:80px;}
#title #q1 {float:left; padding:0px; margin:0px 0px 0px 0px; border:0px solid #000000; width:32px; height:80px; background-image:url(/images/q1.jpg); background-repeat:no-repeat;}
#title #text {float:left; padding:15px 0px 0px 0px; margin:0px 0px 0px 0px; border:0px solid #000000; height:65px; color:#666; font:normal 42px Trebuchet MS, Verdana, Arial;}
#title #q2 {float:left; padding:0px; margin:0px 0px 0px 0px; border:0px solid #000000; width:32px; height:80px; background-image:url(/images/q2.jpg); background-repeat:no-repeat;}
#mainimg {float:left; padding:0px; margin:0px; border:0px solid #000000; width:662px; height:267px;}
#mainimg .img {padding:0px; margin:0px; border:0px solid #000000; width:662px; height:267px;}
#descimg {float:left; padding:0px 0px 0px 16px; margin:56px 0px 24px 16px; border:0px solid #000000; width:202px; height:187px; border-left:1px solid #c0c0c0;}
#descimg h1 {font-family: Trebuchet MS, Verdana, Arial; font-size:20px; color:#fff; font-style: normal; font-weight: normal; margin:0px 0px 0px 0px;}
#descimg .ul01{ margin:15px 0px 0px 0px; padding:0px 0px 4px 0px; width:190px;}
#descimg .ul01 li {list-style-type: disc; padding:8px 0px 0px 0px; margin-bottom:4px; text-align:left; list-style-position: inside; color:#fff;}
#work {float:left; padding:0px; margin:24px 0px 0px 0px; border:0px solid #000000; width:662px; min-height:300px;}
#work2 {float:left; padding:0px 0px 0px 16px; margin:24px 0px 24px 16px; border:0px solid #000000; width:202px; min-height:100px; border-left:1px solid #666;}
#workpart {float:left; padding:0px 0px 0px 16px; margin:0px; border:0px solid #000000; width:235px; min-height:100px;}
#bottom {width: 100%; height: 151px; background-image: url(/images/bottom.jpg); background-repeat: repeat-x; background-position: center top; clear: both; float: none; margin-top:20px;}
#bottom_content {margin: 0px auto; position: relative; width: 900px; height: 151px;}
div.bottom_bloc {float:left; margin:24px 20px 24px 0px; padding:0px 20px 0px 0px; width:259px; height:108px; border:0px solid #666666; border-right:1px solid #666666; font:normal 13px/1.1 Trebuchet MS, Verdana, Arial; color:#666666;}
div.bottom_bloc h1 {font:normal 22px/1.1 Trebuchet MS, Verdana, Arial; color:#666666; margin:8px 0px;}
.clearfix:after {content: ; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
div.bloclogo {float:left; height:60px;}
div.bloclogo img {float:left; width:60px; height:60px}
div.bloclogo div {float:left; height:48px; padding-top:12px; font:normal 26px/1.1 Trebuchet MS, Verdana, Arial; color:#666;}
#content {float:left; width:662px; border:0px solid #000000; padding:0px 22px 0px 0px;}
div.news_content {clear:both; margin:0px 0px 32px 0px; padding:0px;}
div.news_content h1 {font-family: Trebuchet MS, Verdana, Arial; font-size:22px; color:#666; font-style:normal; font-weight:normal; margin:15px 0px 20px 0px;}
div.news_content h2 {font-family: Trebuchet MS, Verdana, Arial; font-size:14px; color:#014284; font-style: normal; font-weight: bold; margin:20px 0px 0px 0px;}
div.news_content img { margin: 0pt auto; display: block;}
div.hr {border-bottom:1px solid #666; width:662px; margin:4px 0px 10px 0px; padding:0px;}
div.photo {position:absolute; display:; left:-600px; top:0px; border:1px solid #000000; background-color:#ffffff; width:240px; text-align:center; vertical-align:middle; padding:4px;}
span.noir {border :1px dotted #000000; background-color:#000000; color:#ffffff; padding:0px 2px 0px 2px; font-weight:bold;}
span.cyan {border :1px dotted #000000; background-color:#00ffff; padding:0px 2px 0px 2px; font-weight:bold;}
span.cyancl {border :1px dotted #000000; background-color:#80ffff; padding:0px 2px 0px 2px; font-weight:bold;}
span.magenta {border :1px dotted #000000; background-color:#ff00ff; padding:0px 2px 0px 2px; font-weight:bold;}
span.magentacl {border :1px dotted #000000; background-color:#ff80ff; padding:0px 2px 0px 2px; font-weight:bold;}
span.jaune {border :1px dotted #000000; background-color:#ffff00; padding:0px 2px 0px 2px; font-weight:bold;}
span.rouge {border :1px dotted #000000; background-color:#ff0000; padding:0px 2px 0px 2px; font-weight:bold;}
span.couleur {border :1px dotted #000000; background-image:url(/eproc-v2/images/couleur.jpg); padding:0px 2px 0px 2px; font-weight:bold;}
div.bloclogo {float:left; height:60px;}
div.bloclogo img {float:left; width:60px; height:60px}
div.bloclogo div {float:left; height:48px; padding-top:12px; font:normal 26px/1.1 Trebuchet MS, Verdana, Arial; color:#666;}
div.blocauth {float:left; width:202px;}