body, h1, h2, h3, p, ul, li, a, select, textarea, input, address {
margin:0;
padding:0;
font-family:Georgia;
color:#3D3D3D;
}
body, textarea, input, select {
font-size:12px;
}
small {
font-size:12px;
}
ul {
list-style-type:none;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a img {
border:none;
}
hr, .clear {
clear:both;
height:1px;
border:0;
border-top:1px dotted black;
}
.none {
display:none;
border:0;
}
.clear {
border:0;
}
html {

}
body {
text-align:center;
background:white url(/img/html.gif) repeat-x top left;
}

.text {
margin:40px 0 0 350px;
padding:0 0 0 0;
position:relative;
background:#3d3d3d url(/img/text.gif) repeat-y top right;
}
.text a, .aim a {
text-decoration:underline;
}
.text a:hover, .aim a:hover {
text-decoration:none;
}
.text h1, .aim h1 {
font-size:1.5em;
font-weight:normal;
position:relative;
margin-top:-37px;
letter-spacing:-0.02em;
position:absolute;
z-index:4;
}
.text h2 {
color:#FF8900;
padding:0 20px 20px 20px;
font-size:1.5em;
font-weight:normal;
line-height:18px;
}
.aim h1 {
margin-top:-35px;
color:#FF8900;
}
.text strong, .text a, .aim a, .text ul li, .text b, .text form, legend, label, .text fieldset , .text em{
color:white;
}
#at_email label{
color:black;
}
.text dfn, .aim dfn {
cursor:help;
color:white;
border:none;
font-style:normal;
}
body .text dfn b {
font-weight:normal;
color:#FF8900;
}
.text p, .aim p, .overlay p, .aim address {
line-height:17px;
width:565px;
color:white;
padding:0 18px 9px 18px;
}
.text ul {
padding-bottom:9px;
}
.text ul li, .aim ul li  {
color:white;
width:535px;
line-height:17px;
padding-left:25px;
background:transparent url(/img/cross.png) no-repeat 15px 5px;
}
.text .actualite {
width:500px;
color:white;
padding:1em 20px;
}
.text_header {
display:none;
background:#3D3D3D url(/img/text_header.gif) no-repeat top right;
height:20px;
}
.text_footer {
display:none;
background:#FFF url(/img/text_footer.gif) no-repeat top left;
height:66px;
}
.pagination a, .actualite a {
text-decoration:none;
}
.text .actualite b {
color:#FF8900;
}
.text .pagination strong a {
color:#FF8900;
}
.text .actualite a.next {
text-decoration:underline;
}
.text .actualite a.next:hover {
text-decoration:none;
}
.aim {
width:565px;
margin:50px 0 0 385px;
padding:18px 0 45px 0;
position:relative;
background:#FF8900 url(/img/aim_footer.png) no-repeat bottom left;
color:white;
}
.aim p {
width:505px;
}
.aim address {
padding-top:0;
font-style:normal;
}
.aim h2{
background:transparent url(/img/aim.png) no-repeat;
width:100%;
height:30px;
text-indent:-999em;
overflow:hidden;
margin:-32px 0 0 -1px;
padding:1px 1px 0 0;
position:absolute;
z-index:1;
}
.aim ul {
padding:7px 0 15px 0;
}
#tools {
position:absolute;
right:50px;
top:200px;
z-index:10;
}
#tools li {
float:left;
margin-left:10px;
}

#increase, #print {
text-indent:-9999em;
overflow:hidden;
display:block;
width:16px;
height:18px;
background:transparent url(/img/tools.png) no-repeat bottom left;
}
#print {
width:15px;
background-position:bottom right;
}
#header {
padding:32px 0 30px 0;
border-bottom:1px dotted #3D3D3D;
background:white url(/img/html.gif) repeat-x top left;
}
#header h1 {
float:left;
}
#header h1 a {
display:block;
text-indent:-999em;
overflow:hidden;
background:transparent url(/img/generation_internet.png) no-repeat bottom left;
width:396px;
height:75px;
color:white;
float:left;
}
#pitch {
margin-top:35px !important;
margin-top:0;
height:34px;
float:right;
}
#navigation {
height:42px;
background:transparent url(/img/menu.gif) no-repeat bottom left;
}

#navigation a.navigation {
display:block;
height:42px;
text-indent:-999em;
overflow:hidden;
}
#navigation a.navigation:hover, #navigation .active a.navigation, #navigation .current a.navigation {
background:transparent url(/img/menu.gif) no-repeat top left;
}
#navigation li {
float:left;
display:block;
}

#ac {
width:98px;
}
#se {
width:104px;
}
#we {
width:144px;
}
#te {
width:200px;
}
#st {
width:111px;
}
#po {
width:104px;
}
#de {
width:92px;
}
#co {
width:91px;
}
#se a.navigation:hover, #se.active a.navigation, #se.current a.navigation {
background-position:-98px 0;
}
#we a.navigation:hover, #we.active a.navigation, #we.current a.navigation {
background-position:-202px 0;
}
#te a.navigation:hover, #te.active a.navigation, #te.current a.navigation {
background-position:-346px 0;
}
#st a.navigation:hover, #st.active a.navigation, #st.current a.navigation {
background-position:-546px 0;
}
#po a.navigation:hover, #po.active a.navigation, #po.current a.navigation {
background-position:-657px 0;
}
#de a.navigation:hover, #de.active a.navigation, #de.current a.navigation {
background-position:-761px 0;
}
#co a.navigation:hover, #co.active a.navigation, #co.current a.navigation {
background-position:-853px 0;
}

#navigation .subnavigation {
background:#7A8183 url(/img/menu-bottom.gif) no-repeat top left;
min-width:150px;
padding:5px;
margin-top:-6px;
padding-top:6px;
position:absolute;
z-index:10000;
display:none;
}
#navigation .subnavigation li {
height:auto;
float:none;
padding:5px;
border-bottom:1px dotted #FFF;
}
#navigation .subnavigation li.last {
border:0;
}
#navigation .subnavigation li a {
color:#FFF;
}
#navigation .subnavigation li a:hover, #navigation .subnavigation li.current a {
color:#FF8900;
text-decoration: none;

}
#navigation #se .subnavigation {
background-position:42px 0;
}
#navigation #we .subnavigation {
background-position:67px 0;
}
#navigation #te .subnavigation {
background-position:92px 0;
}
#navigation #st .subnavigation {
background-position:49px 0;
}


#wrapper {
text-align:left;
width:955px;
margin:0 auto;
padding:0 20px 81px 20px;
background:transparent url(/img/wrapper.gif) no-repeat bottom center;
position:relative;
}
#content {
clear:both;
}




#access-client {
background:transparent url(/img/access.png);
width:78px;
height:79px;
display:block;
overflow:hidden;
text-indent:-999em;
position:absolute;
bottom:10px;
right:10px;
margin:0;
}
#webdesign {
margin:0;
position:absolute;
bottom:10px;
left:10px;
}

#sub-footer {
margin:0 auto;
width:1000px;
text-align:center;
}
#footer-container {
position:relative;
width:100%;
background-color:#3E393E;
padding-top:20px;
}
#who, #why, #questions, #follow {
float:left;
width:222px;
height:100px;
border-right:1px #787878 solid;
padding:10px;
text-align:left;
}
#why {
width:250px;
}
#questions {
width:210px;
}
#follow {
border:none;
}
#who li, #why li, #questions li {
background:transparent url(/img/cross.png) no-repeat 0 10px;
padding:5px 0 0 10px;
}
#who h3, #why h3, #questions h3, #follow h3,
#who a, #why a, #questions a, #follow a {
color:#FFF;
font-weight:normal;
}
#follow a {
display:block;
text-indent:-999em;
overflow:hidden;
background:transparent url(/img/follow.gif) no-repeat 0 0;
width:34px;
height:33px;
}
#follow ul {
padding-top:10px;
}
#follow ul li {
float:left;
margin-right:8px;
}
#follow a#twitter {
background-position:-39px 0;
}
#follow a#flickr {
background-position:-79px 0;
}
#follow a#blog {
background-position:-119px 0;
}
#follow a#newsletter {
background-position:-158px 0;
}

#footer , #footer a{
color:#acabad;
font-family:Arial;
font-size:11px;
line-height:16px;
}
p#footer {
clear:left;
height: auto;
min-height:120px;
_height:120px;
margin:0;
padding:0;

}
#footer b {
color:#605960;
}
#footer .white {
font-family:Georgia;
color:white;
font-size:14px;
display:block;
line-height:22px;
font-weight:bold;
padding:9px 0 0 0;
}


#human-detail {
display:none;
position:absolute;
bottom:0;
z-index:10000;
cursor:pointer;
}
#human {
padding:5px;
background-color:#FF8900;
color:white;
width:80px;
text-align:center;
}
#humans {
padding:47px 0 0 40px;
width:879px;
height:184px;
background:transparent url(/agence-web-nantes/web-agency.jpg) no-repeat;
}
#humans h3 {
display:none;
}
#gilles, #guillaume, #anne, #albin, #romain, #maxime, #elodie, #lorraine {
display:block;
height:184px;
width:110px;
text-indent:-999em;
overflow:hidden;
float:left;
cursor:pointer;
}
#gilles:hover, #guillaume:hover, #anne:hover, #albin:hover, #romain:hover, #maxime:hover, #elodie:hover, #lorraine:hover {
background:transparent url(/agence-web-nantes/web-agency.jpg) no-repeat bottom left;
}
#gilles {

}
#guillaume {

}
#anne {
width:90px;
}
#albin {

}
#romain {
width:100px;
}
#maxime {

}
#elodie {
width:90px;
}
#lorraine {

}


#gilles:hover {
background-position: -40px -278px;
}
#guillaume:hover {
background-position: -150px -278px;
}
#anne:hover {
background-position: -260px -278px;
}
#albin:hover {
background-position: -350px -278px;
}
#romain:hover {
background-position: -460px -278px;
}
#maxime:hover {
background-position: -560px -278px;
}
#elodie:hover {
background-position: -670px -278px;
}
#lorraine:hover {
background-position: -760px -278px;
}


#partners {
margin-left:30px;
}
#portfolio, #illustration {

float:left;
text-align:center;
}
#illustration, #portfolio  {
width:373px;
margin-left:-25px;
}
#illustration #news {
text-align:center;
}
.rss {
padding:0 0 2px 20px;
background:transparent url(/img/rss.png) no-repeat;
}
#illustration li {
margin:5px 0;
}
#illustration  a img {
border:none;
}
#clients  {
text-align:right;
}
#end {
margin-top:40px;
clear:left;
height:270px;
}
#end li {
width:280px;
float:left;
margin-right:55px;
}
#end li.last {
margin-right:0;
}
#end h3 {
font-size:18px;
color:white;
background-color:#3D3D3D;
padding:3px 28px;
}

#certification {
text-align:center;
padding:10px;
}
#certification img {
text-align:center;
margin:15px;
}
ul#actus li{
float:none;
border-bottom:1px dotted black;
padding:8px 0;
}
ul#actus li span, .text span.date {
color:#FF8900;
}
.more {
display:block;
text-align:right;
margin-right:20px;
}
.more a {
color:#FF8900;
}
.more b {
color:black;
}
a:hover.more b {
text-decoration:none;
}
p.more a {
color:white;
}
a.all {
font-size:11px;
clear:left;
color:white;
display:block;
padding-left:10px;
background:#FF8900 url(/img/cross.png) no-repeat 5px 6px;
padding:3px 5px 3px 18px;
width:120px;
margin:5px 0 0 135px;
}


.text form ul {
margin:0;
padding:0;
}
.text form ul li {
background:none;
float:left;
padding:0;
margin:0 5px 3px 0;
width:auto;
}
.text form p{
width:520px;
}
form fieldset {
width:540px;
margin:10px;
border:0;
border-top:1px dotted #FF8900;
}
form input {
vertical-align:middle;
}
form input.focus {
background-color:#EEE;
border-color:#FF8900;
}
form label {
display:block;
float:left;
width:160px;
text-align:right;
margin-right:2px;
}

form input.submit {
background:transparent url(/img/submit.png) no-repeat;
width:94px;
height:29px;
border:0;
color:white;
font-weight:bold;
}
form ul.choix li {
float:none;
margin-left:190px;
width:361px;
}
form .choix label {
display:inline;
float:none;
width:auto;
color:white;
}
form ul.choix.inline li {
float:left;
margin-left:0;
width:auto;
}
form p {
clear:left;
}
form .civilite {
float:left;
padding:0 10px;
}
form span.required {
color:#FF8900;
}
form .error {
color:#FF8900;
}
form p.error {
margin:0 0 0 160px;
padding:0;
font-size:11px;

}
form input.error, form textarea.error {
color:#FF8900;
border:1px solid #FF8900;
}
form p.required {
text-align:right;
font-size:10px;
line-height:10px;
}
form p.required small {
font-size:10px;
line-height:10px;
color:gray;
}
form input, form textarea {
border:1px solid gray;
padding:1px;
}



#dfn {
padding:5px;
background-color:white;
border:1px solid gray;
width:200px;
}

.valid, span.error {
display:inline;
padding-left:4px;
vertical-align:bottom;
}
img.error {
padding:0;
margin:0;
}
#ok {
margin-top:2em;
}


.overlay {
background-image:url(/img/overlay_bg.png);
display:none;
padding:25px 35px 35px 35px;
width:620px;
height:350px;
z-index:1000;
}
.overlay div.close {
background-image:url(/img/overlay_close.png);
position:absolute;
right:10px;
top:0px;
cursor:pointer;
height:35px;
width:35px;
}
.overlay form .civilite {
padding:0;
width:178px;
margin-right:4px;
}
.overlay form ul {
height:22px;
}
body .overlay form p {
width:550px;
}
body .overlay form ul {
width:540px;
}

#access {
float:left;
}
#access br {
clear:left;
}
#access label {
text-align:center;
display:block;
float:left;
}
#access label img{
display:block;
margin:5px;
}
#map {
width:370px;
height:370px;
margin-top:50px;
}
#nav_map {
margin-left:420px;
}
#nav_map a {
margin:0 5px;
}
#nav_map p {
margin-bottom:1em;
}
#nav_map a img {
background-color:white;
}
#nav_map a  img.selected {
background-color:#3D3D3D;
}

#stages {
position:absolute;
right:0;
top:0;
margin:10px 0 0 0;
width:193px
}
#stage, #recrutement {
width:193px;
height:61px;
overflow:hidden;
text-indent:-999em;
display:block;
background:transparent url(/img/stage_recrutement.gif) no-repeat;
background-position:0 -61px;
}
#recrutement {
margin-top:10px;
background-position:0 0;
}


#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
margin-top:100px;
}
#jquery-lightbox a img {
border: none;
position: relative;
}
#lightbox-container-image-box {
position: relative;
background-color: #252829;
width: 250px;
height: 250px;
margin: 0 auto;
border:solid 2px black
}
#lightbox-container-image {
padding: 10px;

}
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav {
left: 0;
}
#lightbox-nav a {
outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
width:40%;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
width:40%;
}
#lightbox-container-image-data-box {
font: 10px Georgia, Helvetica, sans-serif;
background-color: #000;
margin: 0 auto;
line-height: 1.4em;
overflow: hidden;
width: 100%;
padding: 0 12px;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption {
font-weight: bold;
}
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
width: 36px;
height:36px;
position:absolute;
top:-24px;
right:-24px;
padding-bottom: 0.7em;
}
#references-index {
position:absolute;
top:150px;
left:30px;
z-index:2000;
}

.addthis_toolbox {
margin:10px 0;
float:right;
}

/***sumo***/
body{background:#000 url('bg-sumo-small.jpg') no-repeat bottom center;}
#wrapper{background:#fff;}
#header{margin-left:-20px;width:995px;}
#navigation{margin-left:20px;}
#header h1{margin-left:20px;}
#portfolio{margin-left:-15px;}
#footer-container {position:relative;margin:0 auto;background:#3E393E;width:995px;}
#sub-footer {float:left;display:block;}
#illustration, #portfolio  {
margin-left:-20px;
}



#feedback-widget{
width:340px;
position:fixed;
top:200px;
right:-310px;
z-index:999;
}
#feedback-button{
display:block;
background:transparent url(feedback.png) no-repeat right top;
width:30px;
height:171px;
float:left;
text-indent:-999em;
overflow:hidden;
margin-top:10px;
}
#feedback-widget.closed  #feedback-button{
background-position:left top;
}
#feedback-button:hover{
text-decoration:none;
}
#feedback-area{
background-color: #CCC;
border-radius: 0 0 0 25px;
-moz-border-radius: 0 0 0 25px;
-webkit-border-radius: 0 0 0 25px;
box-shadow: 24px 0px 25px #333;
-moz-box-shadow: 24px 0px 25px #333;
-webkit-box-shadow: 24px 0px 25px #333;
width:278px;
float:left;
padding:10px;
}
#feedback-area label {
width:auto;
color:#333;
}
#feedback-email {

}
#feedback-comment {
width:276px;
margin:0 0 10px 0;
height:130px;
}