body, h1, h2, h3, p, ul, li, a, select, textarea, input {
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 {
background:white url(/img/html.png) repeat-x top left;
}
body {
text-align:center;
/*background:transparent url(/img/body.png) repeat-x bottom 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:#3D3D3D url(/img/text_footer.gif) no-repeat bottom left;
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-top:23px;
border-bottom:1px dotted #3D3D3D;
background:white url(/img/html.png) 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;
}
#header ul {
margin:0 0 0 590px;
}
#header ul li {
float:left;
margin:2px 0 2px 19px;
padding:0 19px 0 0;
border-right:1px solid #808080;
}
#header ul li.last {
border:0;
}
#pitch {
margin-top:20px !important;
margin-top:0;
float:right;
}
a#ac, a#re, a#de, a#co {
background:transparent url(/img/menu.png) no-repeat top left;
display:block;
height:12px;
width:39px;
text-indent:-999em;
overflow:hidden;
font-size:8px;
}
a#re {
background-position:-39px 0px;
width:66px;
}
a#de {
background-position:-105px 0px;
width:33px;
}
a#co {
background-position:top right;
width:46px;
}
a#ac:hover, a#ac.selected {
background-position:bottom left;
}
a#re:hover, a#re.selected {
background-position:-39px -12px;
}
a#de:hover, a#de.selected {
background-position:-105px -12px;
}
a#co:hover, a#co.selected {
background-position:bottom right;
}

#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;
}
#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;
background-color:#3E393E;
}
#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;
}
#partners {
margin-left:30px;
}
#portfolio, #illustration {
margin-top:10px;
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;
}
#navigation {
background:transparent url(/img/navigation.jpg) no-repeat bottom right;
height:260px;
padding-top:38px;
border-bottom:1px dotted black;
}
#navigation  li {
float:left;
width:200px;
}
#navigation li ul li, #clients a  {
width:auto;
float:none;
padding-left:10px;
background:transparent url(/img/cross.png) no-repeat 0 -105px;
}
#navigation li#te {
width:230px;
}
#navigation li#me {
width:150px;
}
#navigation li#no {
width:150px;
}
#navigation a.selected, #navigation a:hover, #clients a:hover {
color:#FF8900;
text-decoration:none;
}
#so h3, #we h3, #te h3, #me h3, #no h3 {
height:15px;
width:103px;
text-indent:-999em;
overflow:hidden;
background:white url(/img/navigation.png) no-repeat left top;
margin-bottom:20px;
}
#we h3 {
background-position:-103px 0;
width:141px;
}
#te h3 {
background-position:-244px 0;
width:207px;
}
#me h3 {
background-position:-451px 0;
width:111px;
}
#no h3 {
background-position:top right;
width:90px;
}

#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:20px;
}
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;
}


#access-client {
background:transparent url(/img/access.png);
width:78px;
height:79px;
display:block;
overflow:hidden;
text-indent:-999em;
position:absolute;
bottom:10px;
right:60px;
margin:0 0 -80px 0;
}
#webdesign {
margin:0 0 -135px 0;
position:absolute;
bottom:10px;
left:10px;
}
#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_button{
display:none;
position:absolute;
bottom:0;
right:20px;
}