html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body {line-height:auto}
ol, ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';content:none}:focus {outline:0}
ins {text-decoration:none}
del {text-decoration:line-through}
table {
	border-collapse:collapse;border-spacing:0}
body {
	margin:auto;padding:0px;font-size:11px;font-family:Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;color:#1E1E1E;text-align:justify;line-height:18px}
a{outline:none}:focus{-moz-outline-style:none}
a, a:visited, a:link{
	color:#9BC3FF;text-decoration:none}
a:hover{
	color:#F29D14;text-decoration:none}
#body {
	background:url(img/fondpage.gif) repeat-y;margin:0 auto;width:960px;padding:0 14px}
#page {background:url(img/fondheader.jpg) no-repeat right 70px}
#header {
	height:230px;position:relative}
#header ul {
	background:#363636 url(img/menubg.gif) repeat-x;height:70px}
#header li {
	height:70px;float:left}
#header ul a {
	float:left;color:#fff;font-family:Georgia, "Times New Roman", Times, serif;font-size:15px;height:30px;display:block;padding:40px 15px 0 15px;text-decoration:none}
#header .select a {background:url(img/selectmenu.jpg) repeat-x}
#header li a:hover {background:url(img/hovermenu.jpg) repeat-x}
#header #translation {
	position:absolute;top:40px;right:20px}
#header #logo {
	position:absolute;top:115px;left:20px}
#header #loading {
	position:absolute;top:165px;left:240px}
.clear {clear:both}
#middle {
	margin-bottom:30px;clear:both;overflow:auto}
#content {
	width:630px;float:left;margin:0 20px}
.separateurcontent {
	margin:25px 0;height:14px;background:url(img/vaguepleine.gif) center no-repeat}
#sidebar {
	width:270px;float:left}
h1 {
	margin-bottom:10px;font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;color:#97C1FF;line-height:21px;font-weight:normal}
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;color:#97C1FF;line-height:18px;font-weight:normal}
h3 {
	font-family:Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;font-size:11px;color:#97C1FF;line-height:18px;font-weight:normal}
.separateursidebarre {
	margin:15px 0;height:13px;background:url(img/vaguevide.gif) center no-repeat}
.coteblog {margin-bottom:10px}
.fonddate {
	padding:2px 0 0 3px;float:left;width:33px;height:50px;margin:0 10px 10px 0;background:url(img/fonddate.jpg) repeat-x top}
.fonddate span {
	display:block;color:#fff;font-size:24px;line-height:19px}
.fonddate span.yeardate {
	font-size:11px;line-height:9px}
.rssvign{margin-left:10px}
.work {
	overflow:hidden;margin-bottom:20px}
.work .imglien img, .ficheclientreferences img, .ficheapropos img, .sidebarfiche img {
	float:left;border:5px solid #E4E4E4}
.work a:hover img {border-color:#F29D14}
.workcontent {margin-left:150px}
a.voirfiche {float:right}
.navwork{
	margin-top:10px;text-align:center;font-size:14px;color:#97C1FF;font-family:Georgia, "Times New Roman", Times, serif}
.citationclientreferences {
	width:142px;height:38px;margin-left:90px;background:url(img/fondclientreferences.gif) no-repeat;padding:7px 15px;font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;color:#6d6d6d}
.idclientreferences{
	margin-top:15px;margin-left:100px;color:#9bc3ff;font-family:Georgia, "Times New Roman", Times, serif}
.texteclientreferences{
	margin-top:10px;float:left;color:#6d6d6d}
.subtitle {
	color:#7c7c7c;margin-top:-10px;margin-bottom:20px}
#contentModal {
    width:420px;float:left;margin:10px}
#sidebarModal {
    width:250px;float:right;margin-right:20px}
#sidebarModal .navfiche {
    margin-top:10px;margin-right:-10px}
.navfiche {
	color:#7c7c7c;float:right;margin-bottom:10px;margin-right:10px}
.navfiche span {float:left}
.navfiche a {
	display:block;float:left;margin-left:6px;overflow:hidden;line-height:10em;background:url(img/fichenav.gif) no-repeat;width:13px;height:13px}
.navfiche #next {background-position:-13px 0}
.navfiche #close {background-position:-26px 0}
.navfiche #back:hover {background-position:0 -13px}
.navfiche #next:hover {background-position:-13px -13px}
.navfiche #close:hover {background-position:-26px -13px}
#middle .navfiche {margin-top:50px}
#middle #close {display:none}
.sidebarfiche img {float:none}
.sidebarfiche ul {margin-top:10px}
.sidebarfiche li {
	padding-left:25px;margin-bottom:5px}
.sidebarfiche .fichesite {
	background:url(img/urlfiche.jpg) no-repeat 0 2px;color:#F29D14}
.sidebarfiche .fichesite a {color:#F29D14}
.sidebarfiche .fichesite a:hover,.sidebarfiche ul .ficheclient a:hover {text-decoration:underline}
.sidebarfiche ul .ficheclient {
	background:url(img/clientfiche.jpg) no-repeat 0 2px;color:#c2d009}
.sidebarfiche ul .ficheclient a {color:#c2d009}
.sidebarfiche ul .fichedate {
	background:url(img/datefiche.jpg) no-repeat 0 2px;color:#9BC3FF}
.sidebarfiche ul .fichetechno {
	background:url(img/technofiche.jpg) no-repeat 0 2px;color:#c08de2}
.savoirplus {
	overflow:hidden;margin-top:20px;margin-bottom:30px}
.savoirplus span {
	display:block;float:left;text-align:center;width:100px}
.savoirplus div {
	margin-left:110px;line-height:25px}
.ficheapropos img {margin-right:15px}
.cv {margin-top:20px}
.cv img {
	float:left;margin-right:10px}
.linkcv {line-height:21px}
.linkcv span {font-size:9px}
#contactForm li {
	width:315px;float:left}
#contactForm label {display:block}
#contactForm label span, .mentionscontact span {color:#9BC3FF}
#contactForm .inputcontact {
	margin-bottom:5px;width:270px;height:15px;border:solid 1px #dbdbdb;font-size:11px;padding:2px 3px 0 3px}
#contactForm .inputfocus {
	background-color:#ebebeb;border:solid 1px #888}
#contactForm .inputerror {
	background-color:#efac98;border:solid 1px #888}
#contactForm .wide {width:585px}
#contactForm #message {
	width:585px;height:200px}
#typecapatcha {display:none}
#contactForm .submit {
	margin-top:10px;margin-right:36px;padding:2px 3px;float:right;width:57px;border:solid 1px #dbdbdb;font-size:11px;text-align:center;background-color:#fff;color:#97C1FF;cursor:pointer}
.coordonneescontact {
	margin-bottom:15px;position:relative;overflow:hidden;width:270px}
.coordonneescontact span {
	display:block;width:20px;float:left;text-align:center;margin-right:8px;padding-top:3px}
.coordonneescontact label {
	width:100px;display:block;float:left}
.coordonneescontact p {
	display:block;position:absolute;right:10px;width:150px}
#lastcoord {height:70px}
.sitemap li {
	margin-left:20px;color:#999999;margin-bottom:10px}
.sitemap li a {
	font-family:Georgia,"Times New Roman",Times,serif;font-size:14px;font-weight:normal;line-height:18px;padding-left:10px;width:180px;display:block;float:left;background:url(img/listeBlue.gif) no-repeat 0 2px}
.sitemap li a:hover {background-image:url(img/listeOrange.gif)}
#footer {
	background:#363636 url(img/menubg.gif) repeat-x;height:70px;position:relative}
#footer div {
	position:absolute;top:10px;left:10px;background:url(img/nfooter.jpg) no-repeat;padding-left:50px;font-size:9px;line-height:11px;color:#fff}
#footer span {
	font-weight:bold;color:#97C1FF}
#footer ul {
	position:absolute;bottom:15px;right:20px}
#footer li {
	float:left;color:#fff;padding:0 2px;font-size:10px}
#footer li a {
	color:#fff;text-decoration:none}
#footer li #rss {color:#F29D14}
#footer li a:hover {text-decoration:underline}
#subfooter {
	background:url(img/subfooter.gif) no-repeat;margin:0 auto;width:988px;height:20px}
div#nyroModalFull {
	font-size:12px;color:#777}
div#nyroModalLoading {
	border:4px solid #777;width:150px;height:150px;text-indent:-9999em;background:#fff url(nyroModal/ajaxLoader.gif) no-repeat;background-position:center}
div#nyroModalLoading.error {
	border:4px solid #f66;line-height:20px;padding:20px;width:300px;height:100px;text-indent:0;background:#fff}
div#nyroModalWrapper {
	background:#fff;border:4px solid #777}
a#closeBut {
	position:absolute;display:block;top:-13px;right:-13px;width:12px;height:12px;text-indent:-9999em;background:url(nyroModal/close.gif) no-repeat;outline:0}
h1#nyroModalTitle {
	margin:0;padding:0;position:absolute;top:-22px;left:5px;font-size:12px;color:#ddd}
div#nyroModalContent {overflow:auto}
div.wrapper div#nyroModalContent {padding:5px}
div.wrapperImg div#nyroModalContent {
	position:relative;overflow:hidden;text-align:center}
div.wrapperImg img {vertical-align:baseline}
div.wrapperImg div#nyroModalContent div {
	position:absolute;bottom:0;left:0;background:black;padding:10px;margin:10px;border:1px white dotted;overflow:hidden;opacity:0.2;filter:alpha(opacity=20)}
div.wrapperImg div#nyroModalContent div:hover {
	opacity:0.5;filter:alpha(opacity=50);cursor:help}
a.nyroModalPrev, a.nyroModalNext {
	z-index:105;outline:none;position:absolute;top:0;height:100%;width:40%;cursor:pointer;text-indent:-9999em;background:left 20% no-repeat;background-image:url(data:image/gif;base64,AAAA)}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
	height:60%;width:20%}
a.nyroModalPrev {left:0}
a.nyroModalPrev:hover {background-image:url(nyroModal/prev.gif)}
a.nyroModalNext {
	right:0;background-position:right 20%}
a.nyroModalNext:hover {background-image:url(nyroModal/next.gif)}