*{padding:0;margin:0;}
html{font-size:12px;}
body{font-size:0.8em;}
html,body{height:100%;width:100%;}
img{border:none;}
strong{color:#84b719;}
body{background:url(../img/bg-body.gif) repeat-x;font-family:verdana,Arial;color:#333333;}
p{text-align:justify;font-size:1.6em;margin-bottom:10px;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
h1{color:#84b719;font-size:2.2em;margin-bottom:10px;margin-top:40px;}
h1 a:hover{text-decoration:none;}
.bt_top{bottom:5px;position:relative;right:5px;text-align:right;}
a.linkgreen{text-decoration:underline;color:#84b719;}
a.linkgreen:hover{text-decoration:none;color:#84b719;}

#quickAccess{position:absolute;}

#header{position:relative;margin:auto;height:118px;width:962px;background:url(../img/bg-header.gif) bottom repeat-x;}
#header #slogan{position:absolute;top:10px;right:5px;font-size:1.2em;color:#ffffff;}
#header h1{ font-size:3em;margin:0;}
#header h1 a{ color:#ffffff;}
#header ul .pageFocus{background:url(../img/menu.gif) left top no-repeat;color:#84b719;font-size:1.4em;text-align:center;}
#header ul .pageFocus.margin0{background:url(../img/menu.gif) left bottom no-repeat;}
#header ul .pageFocus div{padding:8px 0;line-height:1em;}
#header ul{position:absolute;bottom:0px;right:-1px;width:565px;list-style:none;overflow:hidden;}
#header ul li{float:left ;width:97px;height:29px;margin-right:20px;color:#ffffff;}
#header ul li a {display:block;background:url(../img/menu.gif) right top no-repeat;color:#ffffff;font-size:1.4em;line-height:1em;padding:8px 0;text-align:center;text-decoration:none;}	
#header ul li a:hover, #content #header ul li a:focus, #content #header ul li a:active {background: url(../img/menu.gif) left top no-repeat;color:#84b719;text-decoration:none;}
#header ul li.margin0 a, #content #header ul li.margin0  a:focus, #content #header ul li.margin0  a:active {background: url(../img/menu.gif) right bottom no-repeat;}
#header ul li.margin0 a:hover, #content #header ul li.margin0 a:focus, #content #header ul li.margin0 a:active {background: url(../img/menu.gif) left bottom no-repeat;}
#header ul .margin0{margin:0;}

#content{position:relative;margin:auto;height:auto;overflow:hidden;width:900px;border:1px solid #84b719;border-top:0;padding: 0 30px;}

#footer .margin0{margin-right:0;}
#footer{clear:left;position:relative;margin:auto;width:900px;height:128px;font-size:1.2em;color:#333333;margin-top:10px;padding:0 30px;}
#footer dl dd a { color:#333333;text-decoration:none; }
#footer dl dd a:hover { text-decoration:underline; }
#footer dl{float:left;margin: 15px 62px 0 0;}
#footer dl dt{font-size:1.4em;}

#content dl{float:left;width:250px;text-align:justify;margin:0 75px 20px 0;font-size:1.2em;}
#content dl dt,#content dl h1 {font-size:1.4em;color:#84b719;font-weight:bold;margin:10px;}
#content dl dd h1 {margin-left:0;}
#content dl dd {margin:10px;height:270px;}
#content dl dd .savoirPlus{display:block;text-align:right;margin:5px 0 5px 0;color:#84b719;text-decoration:underline;}
#content dl dd .savoirPlus:hover{text-decoration:none;}
#content .box{border:dotted 1px #84b719;border-left:none;border-right:none;}
#content .box a{ color:#84b719; }
#content .box a:hover{ text-decoration:none; }
#content .margin0{margin-right:0;}

#developpeur-web-index #content #description{text-align:justify;margin:20px 0 40px 0;font-size:1.6em;}
#developpeur-web-index #content #description a{text-decoration:none;}
#developpeur-web-index #content #presentation{border:1px solid #84b719;}
#developpeur-web-presentation p{line-height:20px;}
#developpeur-web-presentation p.first{float:left;height:450px;margin-right:100px;}
#developpeur-web-presentation #identity{float:left;margin:0 10px 10px 0;}
#developpeur-web-presentation em{ text-decoration:underline;font-style:italic;}
#developpeur-web-presentation a em{ text-decoration:none;}
#developpeur-web-presentation .arrow.right {float: right;margin-right: 0;}
#developpeur-web-presentation .arrow {display: inline-block;list-style-type: none;margin: 8% 2% 2% 0;padding: 0;width: 30%;}
#developpeur-web-presentation .arrow li {background-image: url("../img/arrow.png");background-position: 0 8px;background-repeat: no-repeat;line-height: 22px;list-style-type: none;margin: 0;padding: 0 0 0 20px;font-size:1.4em;}

#developpeur-web-realisation #realisation_content{position:relative;height:380px;width:100%;}
#developpeur-web-realisation #principale {width: 454px;position:absolute;top:0;right:10px;}
#developpeur-web-realisation #flipBox {margin: 0 auto;height: 280px;}
#developpeur-web-realisation .grande_image {position: relative;}
#developpeur-web-realisation .grande_image img {padding: 5px;border: 2px solid #84b719;width:440px;height:280px;}
#developpeur-web-realisation #debut,#developpeur-web-realisation .grande_image span {position: absolute;top: 240px;left: 5px;font-size: 1.2em;padding: 5px 10px 5px 10px;background-color: white;color: #333333;font-style: italic;opacity: 0.7;filter : alpha(opacity=70);clear: left;}
#developpeur-web-realisation div.miniatures {margin-top: 35px;margin-bottom:20px;text-align:center;}
#developpeur-web-realisation div.miniatures a{border:none;text-decoration:none;}
#developpeur-web-realisation div.miniatures img {padding: 3px;border: 2px solid #84b719;width:100px;height:67px;}
#developpeur-web-realisation #parent1 li .title{text-transform:uppercase;width:100%;text-align:left;font-size:1.6em;}
#developpeur-web-realisation #parent1 li .date{width:100%;text-align:left;font-style:italic;font-size:1.2em;}
#developpeur-web-realisation #parent1 li .company{font-size:1.2em;}
#developpeur-web-realisation #parent1 li .description{width:100%;text-align:left;font-size:1.6em;}

#developpeur-web-contact label{width:150px;display:block;float:left;font-size:1.4em;}
#developpeur-web-contact input{border:1px solid #84b719;width:200px;height:18px;background-color:#F8FCFA;margin-bottom:10px;}
#developpeur-web-contact input#sujet{width:748px;margin-bottom:10px;}
#developpeur-web-contact textarea{width:748px;height:250px;border:1px solid #84b719;background-color:#F8FCFA;margin-bottom:10px;}
#developpeur-web-contact input#envoyer{ margin:0 0 10px 800px;width:100px;color:#ffffff;background-color:#84b719;height:22px;font-size:1.4em;cursor:pointer;}
#developpeur-web-contact p{font-size:1.4em;}
#developpeur-web-contact p#erreur{color:#F5A2A2;font-size:1.2em;}
#developpeur-web-contact .bgColorError{background-color:#FADEDE;}
#developpeur-web-contact #content a{text-decoration:underline;color:#000000;}
#developpeur-web-contact a:hover{text-decoration:none;}
#developpeur-web-contact #content a#skype{position:absolute;top:75px;left:320px;height:65px;width:150px;display:block;text-decoration:none;}
#developpeur-web-contact #content a#skype img{ border: none;margin-top:5px; }
#developpeur-web-contact #content a#skype span{ position:absolute;top:0;left:8px;display:block;color:#84b719; }

#developpeur-web-accessibilite #content ul{ margin-left:14px;margin-bottom:10px; }
#developpeur-web-accessibilite #content ul li{ font-size:1.4em; }
#developpeur-web-accessibilite table{ margin-bottom:10px; }
#developpeur-web-accessibilite table tr th, table tr td{ font-size:1.4em; }
#developpeur-web-accessibilite .centre{ text-align:center; }

#developpeur-web-google-map #map{width:900px;height:488px;margin: 15px 0;}
#developpeur-web-google-map #presentation{border:1px solid #84b719;}
#developpeur-web-google-map #content dl {margin-right:74px;}
#developpeur-web-google-map #content dl.margin0 {margin-right:0;}
#developpeur-web-google-map .directions {width:900px;}
#developpeur-web-google-map .directions td{vertical-align:top;}
#developpeur-web-google-map .directions .tdTitle{background-color:#EEEEEE;text-align:center;}
#developpeur-web-google-map .directions .tdTaille1{width:280px;}
#developpeur-web-google-map .directions .tdTaille2{width:610px;}
#developpeur-web-google-map #map #fromAddress,#developpeur-web-google-map #map #toAddress{ border:1px solid #84b719; }

#developpeur-web-sitemap #content ul{ margin-left:14px; }
#developpeur-web-sitemap #content ul li{ font-size:1.4em; }
#developpeur-web-sitemap #content ul li a{ color:#333333;text-decoration:underline; }
#developpeur-web-sitemap #content ul li a:hover{ color:#333333;text-decoration:none; }
#developpeur-web-sitemap #content ul li ul li a{ font-size:0.6em; }
#developpeur-web-sitemap #correcteur{ width:1px;height:120px;}

#developpeur-web-google-map table tr td{font-size:1em;}