/* --- GÉNÉRAL --- */
html, body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 margin: 0;
 padding: 0;
 background: white url(images/bgbody3.jpg) top left repeat-y;
}
html {
 font-size: 100%;
 color:#444;
}
body  {font-size: 11px;}

body a {color:#013241}
body a:hover {color:#000}

/* input, textarea {border:1px solid #A7A6AA} */

div#main {
 left:0;
 position:relative;
 padding-left:451px;
 min-height:1182px;
 height:auto!important;height:1182px;
 background: transparent url(images/tresse-droite.jpg) 416px 0px no-repeat;
 background: transparent ;
}

div#menu {
 z-index:2;
 position:absolute;
 width: 165px;
 height: 100%;
 background: white url(images/tresse-gauche.jpg) top left no-repeat;
 background: transparent;
}

div#menu a {
 display:block;
 text-align:right;
 margin: 0;
 border-bottom: 1px solid #ddd ;
}

div#menu a:hover {
 background:#F1BE15;
 border-right:8px solid #127183;
 border-bottom: 1px solid white ;
}

div#menu a:hover img {
 margin-right:-8px;
}

div#menu span {
 display:block;
 text-align:right;
 margin: 0;
 background:#F1BE15;
 border-right:8px solid #127183;
 border-bottom: 1px solid white ;
}

div#menu span img {
 margin-right:-8px;
}

div#logo a{
 text-align:left;
 border:0
}

div#logo a:hover{
 background:transparent;
 margin: 0;
 border:0;
}

div#logos p{
 width:145px;text-align:right;margin-top:10px;
}

div#logos a{
 text-align:right;
 border:0;
}

div#logos a:hover{
 background:transparent;
 border:0;
}

div#logos a:hover img{
 margin-right:0px;
}

p#logo-onu {
 margin-top:40px!important;
}

p#logo-onu a {
 background:transparent url(images/logo-global.jpg) top right no-repeat;
}

p#logo-onu a:hover {
 background:transparent url(images/logo-global-over.jpg) top right no-repeat;
}

p#logo-prisme a {
 background:transparent url(images/logo-prisme.jpg) top right no-repeat;
}

p#logo-prisme a:hover {
 background:transparent url(images/logo-prisme-over.jpg) top right no-repeat;
}

div#hautpage {
 color:#127183;
 padding:2px 2px 0 2px;
 width:900px;
 margin-left:415px;
 z-index:10;
 text-align:right;
 position:absolute;
 top:0;
 right:0;
}

div#hautpage a {
 text-decoration:none;
 color:#127183;
}

div#hautpage a:hover {
 color:#F1BE15;
}

#hautpage label {
 font-weight:bold;
}

.keywords {
 width:71px;
 font-size:10px;
 line-height:10px;
 border:0;
 margin:0;
 padding:0;
 background:transparent;
}

div#inputkeywords {
 position:absolute;
 top:2px;
 right:24px;
 width:67px;
 height:12px;
 border:1px dashed #127183;
}

.ok {
 display:inline;
 width:18px;
 height:17px;
 padding:0px 2px;
 font-size:12px;
 background:transparent url(images/bouton-ok.gif) top no-repeat;
}

#hautpage p {
 font-weight:bold;
}

#hautpage p span {
 font-weight:normal;
}

#hautpage p a, #hautpage p span a {
 font-weight:normal;
 text-decoration:none;
 color: #127183;
 line-height:20px;
 background: transparent url(images/puce1-right.gif) no-repeat right center; 
 padding:0px 12px 0 0px;
}

#hautpage p span a {
 background: transparent url(images/puce1l-right.gif) no-repeat right center; 
}

#hautpage p a:hover {
 background: transparent url(images/puce1-right-over.gif) no-repeat right center; 
}

#hautpage p span a:hover {
 background: transparent url(images/puce1l-right-over.gif) no-repeat right center; 
}

div#trait-degrade-bleu {
 margin: -118px 4px 118px 341px;
 padding:0;
 line-height:1px;
 font-size:1px;
 height:1px;
 background: #89B9C2 url(images/trait-degrade-bleu.gif) left no-repeat;
}

div#visuelmenu {
 overflow:hidden;
 position:absolute;
 margin-left: 165px;
 width: 251px;
 height:auto!important; height:1182px;
 min-height: 1182px;
 background: transparent url(images/visuel-menu-0.jpg) top no-repeat;
}

div#main img {
}

div#main p {
 line-height:120%;
 margin:0  8px 8px 16px;
}

h2 {
 margin:0 0 16px 0;
 font-size:130%;
 font-weight:bold;
 padding-left:8px;
 border-left:8px solid #F1BE15;
 border-bottom: 0px solid #F1BE15;
 color: #127183;
 background-color:white;
}

h2 a {
 color: #127183;
 text-decoration:none
}

h3 {
 margin:0 0 16px 0;
 font-size:120%;
 font-weight:normal;
 padding-left:16px;
 margin-right:8px;
 color: #127183;
 background-color:white;
 line-height:120%;
}

h3 a {
 color: #127183;
 text-decoration:underline;
 
}

h4 {
 margin:32px 0 0px 0;
 line-height:120%;
 font-size:100%;
 font-weight:bold;
 padding-left:16px;
 margin-left:16px;
 color: #127183;
 background-color:white;
 background: transparent url(images/puce2.gif) no-repeat left 0px; 
}

h4 a {
 color: #0FBADA;
 text-decoration:none;
 background: transparent; 
}

h4 span {
 display: block;
 font-weight:normal;
}

h5 {
 margin:-12px 0 16px 0;
 font-size:130%;
 font-weight:bold;
 padding:24px 0 0 16px;
 color: #127183;
 border-bottom: 0px dashed #F1BE15;
 background: transparent url(images/puce3.gif) no-repeat left 12px; 
}

.sousmenu {
 margin-top:-8px;font-size:100%;line-height:150%;
}

.sousmenu a, .sousmenu span {
 color:#127183;border-left:4px solid #0FBADA;font-weight:bold;text-decoration:none;padding-left:4px;
}

.sousmenu a:hover, .sousmenu span {
 border-color:black;
}

.sousmenu span {color:black;}

.sousrub {
 width:200px;
 min-height:220px;
 height:auto!important;height:220px;
 float:left;
 margin-right:20px;
 margin-top:16px;
}

ul {
 margin:8px 0;
 list-style-type:square;
}

li {
 line-height:120%;
 margin:0px 0 0px 32px;
}

.cadre {
 width:42%;
 float:left;
 margin: 0 35px 48px 0;
}

.cadre p {
 margin:8px 0 8px 16px!important;
}

.cadre img {
 float:left;
 margin:2px 8px 2px 0;
 border-left:4px solid #127183;
}

a.puce1 {
 display:block;
 text-decoration:none;
 color: #127183;
 line-height:12px;
 background: transparent url(images/puce1.gif) no-repeat left 0px; 
 padding:0px 0 0px 12px;
}

a.puce1:hover {
 background: transparent url(images/puce1-over.gif) no-repeat left 0px; 
}

a.mail {
 display:block;
 color: #999;
 text-decoration:none;
 line-height:120%;
 background: transparent url(images/mail.gif) no-repeat center left; 
 padding:0px 0 0px 20px;
}

a.top {
 font-size:90%;
 background:transparent url(images/top.gif) no-repeat center left;
 padding-left:16px;
 margin-top:16px;
 text-decoration:none;
 color:#999;
 display:block;
 text-align:left;
}

a.top:hover {
 background:transparent url(images/top-over.gif) no-repeat center left;
}

a.liendelete {
 text-decoration:none;
 color: #999;
 line-height:12px;
 background: transparent url(images/delete.gif) no-repeat left center; 
 padding:0px 0 0px 12px;
}

a.liendelete:hover {
 color: black;
 background: transparent url(images/delete-over.gif) no-repeat left center; 
}

a.lienupdate {
 text-decoration:none;
 color: #999;
 line-height:12px;
 background: transparent url(images/update.gif) no-repeat left center; 
 padding:0px 0 0px 12px;
}

a.lienupdate:hover {
 color: black;
 background: transparent url(images/update-over.gif) no-repeat left center; 
}

a.lieninsert {
 text-decoration:none;
 color: #999;
 line-height:12px;
 background: transparent url(images/insert.gif) no-repeat left center; 
 padding:0px 0 0px 12px;
}

a.lieninsert:hover {
 color: black;
 background: transparent url(images/insert-over.gif) no-repeat left center; 
}

a.lienapercu {
 text-decoration:none;
 color: #999;
 line-height:12px;
 background: transparent url(images/apercu.gif) no-repeat left center; 
 padding:0px 0 0px 12px;
}

a.lienapercu:hover {
 color: black;
 background: transparent url(images/apercu-over.gif) no-repeat left center; 
}

a.article {
 display:block;
 text-decoration:none;
 color: #127183;
 line-height:12px;
 background: transparent url(images/article.gif) no-repeat left 0px; 
 padding:0px 0 0px 16px;
}

a.article:hover {
 background: transparent url(images/article-over.gif) no-repeat left 0px; 
}

#cadrelogin {
 width:216px;
 padding:14px 4px 4px  4px;
 background:#eee url(images/bgcadrelogin.jpg);
 margin:8px 0 0 0px;
 border:1px dashed #127183;
}

#cadrelogin h2 {
 padding:0;
 font-size:12px;
 line-height:16px;
 text-align:left;
 margin:-24px 0 0 11px;
 position:absolute;
 background:transparent;
 border:0
}

#cadrelogin h2 span {
 background:#127183;
 color:white;
 padding:0 8px 0 22px;
 background:white;
 background:white url(images/user.gif) no-repeat 8px center;
 color:#127183;
 border:1px solid #aaa	;
}

#cadrelogin label {
 padding-right:4px;
 font-weight:bold;
 text-align:right;
 display:block;
 float:left;
 width:89px;
}

#cadrelogin input {
 width:75px;
 margin-top:-2px;
 padding:0;
 font-size:10px;
}

a.lien1 {
 display:block;
 text-align:right;
 font-size:90%;
 margin-bottom:20px;
}

#lignebas {
}

#lignebas a {
 margin-left:-5px;
 font-weight:bold;
}

#basdepage {
 clear:both;
 margin-top:20px;
 text-align:right;
 padding-right:4px;
 right:0;
 /* margin:1182px 0 0 0; */
 position:relative;
 bottom:0;
}

/* ---------------------- sitemap ---------------------- */
/*
#sitemap div {
 min-width:140px;
 width:auto!important;width:140px;

 min-height:90px;
 height:auto!important;height:90px;

 border-left:1px dashed #ccc;
 float:left;
 margin-right:20px;
 margin-bottom:20px;
}
 */

#sitemap div {
 float:left;
 margin-right:20px;
 margin-bottom:20px;
 width:45%;
}

#sitemap h2 {
 margin-bottom:32px;
}

#sitemap h4 {
 margin-bottom:8px;
 margin-top:24px;
 background: transparent url(images/puce2.gif) no-repeat left 0px; 
}

#sitemap h4 a {
 text-decoration:none;
 background: transparent; 
}

#sitemap a {
 color: #127183;
 text-decoration:none
}

#sitemap a.puce1 {
 color: #127183;
}

#sitemap a:hover {
 color: black;
}

#sitemap p a {
 margin-left:16px;
}
/* -------------------- fin sitemap -------------------- */


/* ---------------------- faq ---------------------- */
#faq h2 {
 margin-bottom:32px;
}

#faq div {
 margin:0 0 24px 16px;
 font-weight:bold;
}

#faq div p {
 margin:4px 0 0 0;
 font-weight:normal;
}


/* -------------------- fin sitemap -------------------- */


/* ---------------------- la SETT ---------------------- */
#carte {
 margin-left:16px;
 width:450px;
 border:1px dashed #aaa;
}

#cartelegende1, #cartelegende2, #cartelegende3 {
 color:black;
 padding:8px;
 width:200px;
 position:absolute;
 background:#eee;
 border:1px solid #aaa;
}

#cartelegende1 {
 z-index:1;
 margin:-260px 0 0 80px;
}

#cartelegende2 {
 z-index:1;
 margin:-130px 0 0 0px;
}

#cartelegende3 {
 z-index:2;
 margin:-380px 0 0 260px;
}

#cartelegende1 p, #cartelegende2 p, #cartelegende3 p {
 margin-left:0!important;
 border-left:6px solid #F1BE15;
 padding-left:8px;
 font-weight:bold;
}

#cartetrait1, #cartetrait2, #cartetrait3 {
 position:absolute;
 background:transparent;
 border-right:1px solid #888;
}

#cartetrait1 {
 width:63px;
 height:82px;
 margin:-220px 0 0 298px;
 border-top:1px solid #888;
}

#cartetrait2 {
 width:43px;
 height:9px;
 margin:-120px 0 0 218px;
 border-top:1px solid #888;
}

#cartetrait3 {
 width:1px;
 height:205px;
 margin:-350px 0 0 398px;
}

/* -------------------- fin la SETT -------------------- */

/* ---------------------- formulaires contact / moncompte ---------------------- */

#contactform, #moncompte form, form.cnxform {
 clear:both;
 padding-top:16px;
}

#moncompte form, .cnxform form {
 width:534px;
}

#contactform fieldset, #moncompte form fieldset, form.cnxform fieldset {
 margin-left:32px;
 padding-left:8px;
 margin-top:16px;
 border-left:1px dashed #ccc;
}

#contactform p, #moncompte form p, form.cnxform p {
 width: 300px;
 margin: 1px!important;
 padding-left: 90px; /*width of left column containing the label elements*/
 height: 1%;
}

#moncompte form p, form.cnxform p {
 padding-left: 140px; /*width of left column containing the label elements*/
 width: 350px;
}

#contactform input, #contactform textarea, #contactform select {
 font-size:100%;
 width:130px
}

#moncompte form input, #moncompte form textarea, #moncompte form select, form.cnxform input, form.cnxform textarea, form.cnxform select {
 font-size:100%;
 width:180px
}

#contactform select, #moncompte form select, form.cnxform select {
 width:auto;
}

#contactform label {
 float: left;
 margin-left: -90px; /*width of left column*/
 width: 80px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

#moncompte form label, form.cnxform label {
 float: left;
 margin-left: -140px; /*width of left column*/
 width: 130px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.formnotes {width:30px;display:block;float:left}

/* ---------------------- fin formulaires contact / moncompte ---------------------- */

/* ---------------------- formulaire competencesform, demandepersonnelform, bonheuresform ---------------------- */
form#competencesform, form#demandepersonnelform, form#bonheuresform  {
 width:95%;
}

form#competencesform fieldset, form#demandepersonnelform fieldset, form#bonheuresform fieldset {
 margin: 16px 0;
}

form#competencesform fieldset p, form#demandepersonnelform fieldset p, form#bonheuresform fieldset p {
 padding:2px 16px;
}

form#competencesform fieldset p span, form#demandepersonnelform fieldset p span, form#bonheuresform fieldset p span {
 font-weight:bold;display:block;float:left;width:150px;
}

form#competencesform fieldset table, form#demandepersonnelform fieldset table, form#bonheuresform fieldset table {
 margin-left:16px;
}

form#competencesform fieldset table td, form#demandepersonnelform fieldset table td, form#bonheuresform fieldset table td {
 padding-right:4px;
}

form#competencesform input, form#demandepersonnelform input, form#bonheuresform input, form#bonheuresform textarea {
 font-size:100%;
}

form#competencesform label, form#demandepersonnelform label, form#bonheuresform label {
 float: left;
 width: 30%!important; width: 28%;
}

/* ---------------------- fin formulaire competencesform, demandepersonnelform, bonheuresform ---------------------- */

/* ---------------------- google search ---------------------- */

#result * { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; line-height:120%;}
#result a { color:black; }
#result .gs-title * {
 display:block;
 border:0;
 color: #127183;
 line-height:12px;
 background: transparent url(images/puce1.gif) no-repeat left 0px; 
 padding:0px 0 0px 12px;
 color:#127183;
 font-weight:bold;
}
#result div.gs-title, #result .gs-title a { text-decoration: none; }
#result .gs-title a:hover {
 color:black;
 background: transparent url(images/puce1-over.gif) no-repeat left 0px; 
}
#result div.gs-visibleUrl.gs-visibleUrl-long { display:block; color:#0FBADA; }
#result div.gs-visibleUrl.gs-visibleUrl-short { display:none;}

/* ---------------------- fin google search ---------------------- */


/* ---------------------- class articleform ---------------------- */
form.articleform {
 background:#efefef;
 border:1px dashed #CCCCCC;
 margin:16px 0 0 44px!important;
 width:410px!important;
 padding: 8px 14px!important;
}

form.articleform fieldset {
 padding: 0!important;
 margin:0!important;
 border:0!important;
}

form.articleform p, .articleform p  {
 width: auto;
 margin: auto!important;
 padding: 0!important;
 height: 1%;
}

.articleform input, .articleform textarea, .articleform select {
 font-size:100%;
 width:400px!important;
 margin: auto!important;
}

/* ---------------------- fin class articleform ---------------------- */

#galerie {
 margin:32px 0 0 16px;
}

#galerie a span {
 margin:0 4px 4px 0;display:block;float:left;padding:0;width:70px;height:70px;background:white url(images/cache-dia.gif) no-repeat;
}

#galerie a span img {
 margin:3px;
 border:0px solid #ccc;
 opacity: 0.7;
}

#galerie a:hover span img {
 opacity: 1;
}

.icone32 {
 margin-bottom:16px;
 float:left;
 padding-top:36px;
 text-align:center;
 display:block;
 background:transparent url(images/icones/32/___.gif) no-repeat center top;
 width:100px;
 text-decoration:none;
 
}

#flashsecu {
 z-index:2;
 top:0;
 right:0px;
 width:496px;
 height:459px;
 padding:0;
 position:absolute;
 background:transparent url(images/flash-secu-bg.png) no-repeat !important;
 background: url(no-image);
}

#flashsecu div {
 padding: 210px 10px 0 160px;
 line-height:120%;
}

#flashsecu div h2 {
 margin:0 0 16px 0;
 font-size:130%;
 font-weight:bold;
 padding-left:8px;
 border-left:2px solid #127183;
 color: #127183;
 background-color:transparent;
}