body {
font:12px Arial, sans-serif;
color:#999;
background:#fff;
text-align:center;
margin:0;
padding:0;
}

body.home {
background:url(../img/all/bg_flash.jpg) left 86px repeat-x;
}

body.home #inside {
margin-bottom:26px;
}

a {
color:#34A6DC;
font-weight:700;
text-decoration:none;
vertical-align:middle;
}

form {
display:inline;
margin:0;
padding:0;
}

h1,h2,h3,h4 {
color:#34A6DC;
font-weight:400;
margin:0;
padding:0;
}

h1 {
font-size:24px;
text-transform:uppercase;
}

h2 {
font-size:18px;
}

h2 small {
color:#34A6DC;
display:block;
font-size:14px;
line-height:14px;
position:relative;
top:-23px;
}

h3 {
font-size:14px;
}

h4 {
font-size:12px;
}

p {
margin:0 0 10px;
padding:0;
}

p.border {
padding-top:5px;
padding-bottom:5px;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}

img {
vertical-align:middle;
border:0;
}

input.t {
color:#34A6DC;
border:0;
height:18px;
vertical-align:middle;
text-align:right;
font:16px Arial, sans-serif;
background:transparent;
font-weight:700;
width:350px;
padding:4px 14px;
}

.ajax-loading {
background:url(../img/ajax_loading.gif) center 50px no-repeat;
}

.bold {
font-weight:700;
}

.block {
display:block;
}
.bleu{
	color:#33A5DC;
}
.pointer {
cursor:pointer;
}

.erreur {
background:#F6D3D3 url(../img/ico_err.gif) no-repeat scroll 13px 13px;
border:1px solid red;
font-size:14px;
line-height:24px;
min-height:25px;
margin-bottom:5px;
padding:5pt 35px;
}

.alert,.info {
background:#f6f0d3 url(../img/ico_bell.gif) no-repeat scroll 13px 13px;
border:1px solid #dbb769;
font-size:14px;
line-height:24px;
margin-bottom:5px;
min-height:25px;
padding:5pt 35px;
}

.valid {
background:#d6f6d3 url(../img/ico_valid.gif) no-repeat scroll 13px 13px;
border:1px solid #7fd679;
font-size:14px;
line-height:24px;
margin-bottom:5px;
min-height:25px;
padding:5pt 35px;
}

.couleur1 {
color:#34A6DC !important;
}

.fr {
float:right;
}

#articles img.fl {
margin:0 10px 0 0;
}

#articles img.fr {
margin:0 0 0 10px;
}

.l {
text-align:left;
}

.r {
text-align:right;
}

.justify {
text-align:justify;
}

.small {
font-size:0.9em;
}

.spacer,.clear {
height:1px;
clear:both;
}

hr.spacer {
border:0;
height:1px;
clear:both;
}

#page {
width:960px;
margin:0 auto;
}

#header {
background:url(../img/all/menu_bg.jpg) top left repeat-x;
position:relative;
height:86px;
overflow:hidden;
}

#header-inside {
width:960px;
text-align:left;
margin:0 auto;
}

#logout {
position:absolute;
margin:3px 22px;
}

#logo {
position:absolute;
z-index:10;
}

#logo img {
vertical-align:top;
}

#lang {
position:absolute;
z-index:30;
margin-left:85px;
margin-top:55px;
color:#34A6DC;
}
#lang span{
	font-size:80%;
	margin:0 5px;
}
#fr #lang a#tfr,#de #lang a#tde {
font-weight:bold;
}

#nav {
display:none;
margin:3px 22px;
}

#nav ul li,#nav ul {
display:inline;
margin:0;
padding:0;
}

#menu {
width:660px;
z-index:1;
text-transform:uppercase;
text-align:left;
position:absolute;
margin-left:260px;
}

#menu .inside {
margin-left:34px;
text-align:right;
}

#menu ul {
display:inline;
float:right;
margin:0;
padding:0;
}

#menu ul li {
color:#fff;
text-align:center;
display:block;
float:left;
height:52px;
list-style:none;
width:auto;
padding-right:4px;
margin-left:40px;
}

#menu ul li.first {
background:none;
}

#menu ul li.niveau1 {
font-size:16px;
}

#menu ul li.niveau1 span {
font-size:16px;
font-size:14px;
font-weight:bold;
padding-top:10px;
border-top:4px solid #36A8DC;
display:block;
height:18px;
overflow:hidden;
}
/*
#menu_11 span {
width:87px;
text-indent:-500px;
background:url(../img/all/menu_wagner.jpg) left 10px no-repeat;
}

#menu_10 span {
text-indent:-500px;
width:54px;
background:url(../img/all/menu_vue.jpg) left 10px no-repeat;
}

#menu_12 span {
width:121px;
text-indent:-500px;
background:url(../img/all/menu_operation.jpg) left 10px no-repeat;
}

#menu_13 span {
text-indent:-500px;
width:154px;
background:url(../img/all/menu_lunettes.jpg) left 10px no-repeat;
}
*/

#menu ul li.active span {
border-top:4px solid #3ABDF9;
}

#menu ul li.niveau1 a {
font-size:16px;
color:#FFF;
font-weight:400;
display:block;
text-shadow:0 0 4px #1D536D;
font:inherit;
}

#menu ul li a:hover {
color:inherit;
}

#menu ul li.niveau2 {
display:none;
opacity:0;
white-space:nowrap;
font-size:12px;
}

#menu ul li.active {
background:url(../img/all/menu_coche.jpg) center bottom no-repeat;
}

#menu ul li#menu_fin {
float:none;
clear:both;
margin-left:0;
position:absolute;
text-align:center;
margin-top:55px;
z-index:9999;
display:block;
}

#menu ul li#menu_fin a {
padding-left:25px;
}

#menu ul li.niveau2 a {
color:#2D8BB7;
}

#menu ul li.niveau2 a:hover,#menu ul li.niveau2 a.active {
color:#74AE23;
}

#center {
text-align:left;
clear:both;
}

#tri_ref {
margin-top:10px;
width:520px;
height:29px;
float:left;
background:url(../img/all/tri_ref.png) left bottom no-repeat;
}

#tri_ref span {
padding-top:5px;
}

#tri_ref .fl {
margin-left:17px;
}

#tri_ref .fr {
margin-right:17px;
}

#thematiques {
margin-top:18px;
margin-left:44px;
font-size:12px;
font-weight:blod;
color:#666;
width:300px;
}

#thematiques a {
color:#666;
}

#thematiques a.active {
color:#00A4FD;
}

#pagination {
margin-top:10px;
width:100px;
text-align:right;
}

#pagination span {
display:block;
width:13px;
height:19px;
float:right;
margin-left:3px;
background:url(../img/all/ico_page.png) left bottom no-repeat;
}

#pagination span.active {
background:url(../img/all/ico_page_active.png) left bottom no-repeat;
}

#center .cinside {
clear:both;
text-align:left;
padding-top:0;
min-height:450px;
margin:0;
}

#center .col1 {
width:671px;
float:left;
}

#center .col1-adjRub {
margin-left:42px;
height:54px;
line-height:54px;
background:url(../img/all/content_ssRub_bg.jpg) top left repeat-x;
}

#center .col1-adjRub-inside {
padding-left:20px;
background:url(../img/all/content_ssRub.jpg) top left no-repeat;
}

#center .col1-adjRub-inside h3 {
display:inline;
margin-right:20px;
white-space:nowrap;
}

#center .col1-adjRub-inside h3 a {
font-size:12px;
color:#35A7DC;
position:relative;
z-index:10;
}

#center .col1-adjRub-inside div.background {
color:#fff;
background:#35A7DC;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
height:20px;
z-index:8;
position:absolute;
visibility:hidden;
text-align:center;
margin-top:18px;
}

#center .col1-ssRub {
margin-left:-7px;
}

#center .col1-ssRub-inside .page_preview {
background:url(../img/all/content_altRub_bg.jpg) top left repeat-x;
}

#center .col1-ssRub-inside h3 {
background:url(../img/all/content_altRub.jpg) top left no-repeat;
height:83px;
line-height:83px;
padding-left:40px;
}

#center .col1-ssRub-inside h3 a {
padding-left:35px;
background:url(../img/all/arrow_n.gif) left 22px no-repeat;
font-size:16px;
display:block;
width:100%;
height:100%;
color:#35A7DC;
position:relative;
z-index:10;
}

#center .col1-ssRub-inside div.background {
color:#fff;
background:#35A7DC;
-moz-border-radius:4px;
border-radius:4px;
height:18px;
z-index:8;
position:absolute;
visibility:hidden;
text-align:center;
margin-top:-34px;
}

#center .col1-titre {
margin-left:42px;
height:81px;
line-height:81px;
background:url(../img/all/content_top_bg.jpg) top left repeat-x;
}

#center .col1-titre-inside {
padding-left:20px;
background:url(../img/all/content_top.jpg) top left no-repeat;
}

#center .col1-shad-bg {
clear:both;
margin-left:42px;
background:url(../img/all/content_shad_bg.jpg) top left repeat-y;
}

#center .col1-shad-top {
background:url(../img/all/content_shad_top.jpg) top left no-repeat;
}

#center .col1-shad-bot {
background:url(../img/all/content_shad_bot.jpg) bottom left no-repeat;
padding-bottom:26px;
padding-left:7px;
}

#center .col1-inside {
min-height:564px;
background:url(../img/all/content_bg.jpg) bottom left repeat-x;
}

#center .col2 {
width:289px;
float:right;
}

#footer {
text-align:left;
height:62px;
line-height:62px;
vertical-align:middle;
background:url(../img/all/footer_bg.jpg) 250px bottom no-repeat;
margin-bottom:100px;
position:relative;
top:-26px;
}

#footer .inside {
margin:0 0 0 70px;
}

#footer a {
font-weight:600;
color:#999;
}
#de #footer {background-position:150px bottom;}
#fr #footer a#lfr,#de #footer a#lde {
font-weight:600;
color:#34A6DC !important;
}
#footer a.couleur1 {
margin-left:15px;
font-weight:700;
}

.mail .inside {
margin:0 34px;
}

#articles .sep {
background:url(../img/all/hr_sep.jpg) repeat-x scroll left top transparent;
clear:both;
height:11px;
margin:20px 0;
}

#articles .article-titre {
background:url(../img/all/content_titArt_bg.jpg) left top repeat-x;
height:77px;
line-height:77px;
margin-left:-7px;
}

#articles .article-titre-inside {
background:url(../img/all/content_titArt.jpg) left top no-repeat;
}

#articles .article-titre h2 {
background:url(../img/all/arrow_n.gif) left 22px no-repeat;
padding-left:35px;
font-size:16px;
margin-left:20px;
text-transform:uppercase;
white-space:nowrap;
}

#articles .article h2 {
font-size:16px;
color:#666;
font-weight:700;
margin-bottom:20px;
}

#articles .article h2.bulle {
color:#fff;
background:#35A7DC;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
height:18px;
z-index:8;
display:inline-block;
padding:5px 10px;
}

#articles .article h3 {
font-size:12px;
color:#666;
font-weight:700;
margin-bottom:20px;
}

#articles .article {
clear:both;
padding:20px 40px;
}

#articles .date {
float:right;
color:#CCC;
display:none;
}

#articles .date span {
color:#666;
font-weight:700;
display:block;
}

#articles .texte {
font-size:12px;
margin:18px 0 7px;
padding:9px 0;
}

#articles a.website {
display:block;
font-size:11px;
margin:15px 0;
}

#articles .tags {
color:#00a4fd;
font-family:Lucida Sans, Arial;
font-size:12px;
font-weight:400;
}

#articles .tags a {
font-weight:400;
}

#plugin_paginationArt {
clear:both;
float:right;
margin:20px 20px 0;
}

#plugin_paginationArt .page {
text-align:center;
width:43px;
height:55px;
background:url(../img/all/paginationArt/onglet_off.gif) center bottom no-repeat;
font-size:14px;
color:#379FC7;
text-shadow:0 0 3px #D7E9F1;
float:left;
}

#plugin_paginationArt .page span {
margin-top:20px;
display:block;
}

#plugin_paginationArt .active {
background:url(../img/all/paginationArt/onglet_on.gif) center bottom no-repeat;
font-size:16px;
color:#fff;
text-shadow:0 0 3px #309AD1;
}

#plugin_paginationArt .active span {
margin-top:10px;
}

#pageNav_suiv {
background:url(../img/all/paginationArt/languette_n.jpg) right top no-repeat;
width:31px;
height:42px;
position:absolute;
margin-left:588px;
margin-top:250px;
}

#pageNav_prev {
background:url(../img/all/paginationArt/languette_p.jpg) right top no-repeat;
width:30px;
height:42px;
position:absolute;
margin-left:-5px;
margin-top:250px;
}

body.contact #articles h1 {
margin:0;
margin-left:20px;
}
#add_contact{
	margin-left:180px;
margin-bottom:20px;
	}
#f_contact {
background:url(../img/all/form/contact_bg.png) no-repeat bottom left;
display:block;
padding-top:35px;
margin-left:20px;
}

.cinside .field {
clear:both;
padding-left:29px;
margin-bottom:14px;
font-size:20px;
color:#999;
}

.cinside .field label {
font-size:12px;
font-family:arial;
color:#33a5dc;
display:block;
text-align:right;
vertical-align:top;
width:140px;
float:left;
font-weight:600;
margin:0 10px 0 0;
padding:0;
}

.cinside .field span {
display:block;
float:left;
}

.cinside .field span.form_input {
width:350px;
position:relative;
height:48px;
margin:0;
background:url(../img/all/form/contact_input.png) no-repeat top right;
}

.cinside .field span.form_tarea {
width:350px;
height:143px;
background:url(../img/all/form/contact_txt.png) no-repeat top left;
}

body.contact  .field textarea , body.contact  .field input.t {
color:#666;
display:block;
border:none;
position:absolute;
vertical-align:middle;
text-align:left;
font:16px Arial, sans-serif;
font-weight:400;
background:transparent;
margin:0;
width:320px;
padding:8px 14px;
}

body.contact .cinside .field input.t {
height:35px;
}

body.contact .cinside .field textarea {
height:120px;
}

#plugin_ajax_suiv {
background:#fff;
height:350px;
position:absolute;
width:60px;
top:100px;
margin-left:954px;
}

#plugin_ajax_prec {
background:#fff;
height:350px;
width:60px;
position:absolute;
top:100px;
margin-left:-80px;
}

#plugin_realisations .image img,#plugin_realisations .image canvas {
width:90px;
}

.tip {
background:#fff;
font-family:tahoma, arial;
width:180px;
}

.tip-top {
background:#fff;
height:21px;
width:180px;
}

.tip-title {
color:#656565;
font-weight:700;
font-size:14px;
padding:5px 10px;
}

.tip-text {
font-size:12px;
color:#000;
padding:5px 10px;
}

.tip-bottom {
background:#fff;
clear:both;
height:7px;
}

#login-form .login_box {
text-align:left;
width:563px;
margin:0 auto;
padding:50px 0;
}

#login-form .login_top {
width:563px;
height:98px;
background:url(../img/all/login/login_top.jpg) top left no-repeat;
}

#login-form .id {
width:563px;
height:59px;
background:url(../img/all/login/login_identifiant.jpg) top left no-repeat;
}

#login-form .mdp {
width:563px;
height:71px;
background:url(../img/all/login/login_mdp.jpg) top left no-repeat;
}

#login-form label {
position:absolute;
width:140px;
text-align:right;
margin-top:25px;
font-size:12px;
font-family:arial;
color:#33A5DC;
}

#login-form input.t {
position:absolute;
width:320px;
text-align:left;
margin-top:20px;
margin-left:155px;
}

#login-form div.submit {
width:563px;
height:58px;
background:url(../img/all/login/login_submit.jpg) top left no-repeat;
}

#login-form div.submit input.submit {
display:block;
width:100%;
background:none;
border:0;
height:100%;
overflow:hidden;
padding-left:800px;
}

#login-form .login_bot {
width:563px;
height:49px;
background:url(../img/all/login/login_bot.jpg) top left no-repeat;
}

.invisible,#menu ul li.niveau3,#plugin_paginationArt .pageNav,#plugin_realisations {
display:none;
}

.fl,#center .cinside object,#center .col1-adjRub-inside .page_preview {
float:left;
}

.c,#login-form {
text-align:center;
}

#center .col1-adjRub-inside h3.current a,#center .col1-ssRub-inside h3.current a {
color:#fff;
}