body { 	background-attachment: fixed;
	background-image: url(http://www.humanis.org/images/fond-nuance.jpg); color: black; margin-left: auto; margin-right: auto; width: 949px; font-family: Verdana, sans-serif; font-size: 11px;}
#header { background: url('/skins/default/images/visuels/head.jpg') top left no-repeat;
height: 155px; width: 949px; display: block; }
#headertext { visibility: hidden;}
#hroot { position: absolute; }
#headerlinks a { position: absolute; display: block; width: 30px; height: 20px; border:none;}
a#hroot { width: 550px; height: 150px; top: 15px; margin-left: 10px;}
#hlfr { top: 140px; margin-left: 870px; }
#hlen { top: 140px; margin-left: 892px; }
#hlde { top: 140px; margin-left: 915px; }
#hlct { top: 27px; margin-left: 900px;}
#headerlinks a .htxt { display: none;}
#leftmenu { background-color: #537485; width: 144px; float: left; min-height: 690px; _height: 690px; }
#pagebody { width: 949px; margin-top: 0px; }

#mainmenu a { display: block; text-decoration: none; text-align: right; color: #F7FFFF; font-weight: bold; font-size: 11px; margin: 0px 10px 2px 5px; padding: 3px; border-bottom: 2px solid #9CAFBE; font-family: Verdana, sans-serif;}

#leftbkmat { display: block;  margin: 0px; background-color: #527485; margin-top: 10px;}
/* #leftbkmat a:hover { text-transform: uppercase; color: #E98308; text-decoration: none; display: block; } */
#leftbkmat img { border: none; }

#tdmc { display: block; margin: 0; margin-top: 10px; }
#tdmc img { border: none; }

#agepi { display: block; margin: 0; background-color: #527485; margin-top: 10px; }
/* #agepi a:hover { text-transform: uppercase; color: #E98308; text-decoration: none; display: block; } */
#agepi img { border: none; }

#boiteoutils { margin-top: 10px; background-color: #ADBEC8; padding-bottom: 8px; }
#boiteoutils h1 img { float: left; margin-right: -15px}
#boiteoutils h1 { background-color: #ADBEC8; color: #0C4096; font-size:17px; font-family: Arial, sans-serif; font-weight: bold; line-height: 19px;   text-align: center; padding-top: 8px; padding-bottom: 4px; padding-left: 5px; margin: 0px; height: 19px;}
#boiteoutils a { display: block; color: #2963c2; padding: 4px 10px 4px 25px; font-family: Verdana, sans-serif; font-weight: bold; text-decoration: none; line-height: 11px; font-size: 11px;}
#boiteoutils a:hover { color: #0C4096; }
#boiteoutils a:before { content:'- '; margin-left: -15px;}

#acces { margin-top: 10px; border-top: 0px solid #9CAFBE; }
#acces a { display: block; color: #EEFFFF; padding:4px 10px 4px 25px; font-family: Verdana, sans-serif; font-weight: bold; text-decoration: none; line-height: 11px; font-size: 11px; }
#acces a:before { content:'> '; margin-left:-15px;}

#mainpage { background-color: #FDE686; margin-left: 149px; margin-right: 149px; height: 690px;}

#contents { color: black; padding: 10px; padding-top: 0px; overflow: auto; height: 650px;}

#contents h1 { background-color:#0C4096; color:#F7F2DC; font-family: Arial, sans-serif; font-weight: bolder;  text-transform: uppercase; font-size: 13px; margin: 10px 0px 10px 0px; padding: 2px; text-align: center; }
#contents h2 { font-family: Arial,Verdana, sans-serif; color: #E96708; font-size: 13px; font-weight: bolder;text-transform: uppercase;  }
#contents h3 { font-family: Arial, sans-serif; color: #0C4096; font-size: 11px; text-align: left; font-weight: bolder;text-transform: uppercase;}




#contents a { color: #E96708; text-decoration: none;}
#contents a:hover { color: #E96708;  text-decoration: underline;}
#contents a:visited { color: #E96708;}

#contents ul { margin-left: 0px; padding-left: 15px;}
#contents li { padding-left: 5px; margin-bottom: 6px; line-height: 13px;}
#navlink { color:#385969; font-weight: bold; margin: 0px; text-align: right; margin-bottom: 5px; padding-right: 30px; border-bottom: 1px dotted #527485; background-color: #FABE1C;  font-variant: small-caps;}
#navlink a {color:#385969; text-decoration: none; }
#navlink a:visited {color:#385969; text-decoration: none; }
#navlink a:hover {  text-decoration: underline;}
#navlink p.altnav { background-color: transparent; color: white; margin-top: -15px; margin-bottom: 0px; margin-left: 10px; text-align: left; }
#navlink p.altnav a { color: white;}

#rightmenu { background-color: #527485; width: 144px; float: right; min-height: 690px; _height: 690px;}

#rightnav { background-color: #527485; height: 40px; vertical-align: center; color: black; text-align: center; font-size: 12px; font-weight: bold; padding: 8px; margin: 3px 3px 8px 3px; }
#rightnav h1 { font-size: 13px; color: #000000;}
#rightnav img { float: left; }
#rightnav p a { color:#0C4096;}

#fairedon { margin-left: 6px; }

#rightpagemenu { margin-top: 0; padding: 5px; padding-left: 10px;}
#rightpagemenu, #rightpagemenu a { font-size: 11px; color: white; font-weight: bold; }
#rightmenu a { text-decoration: none;}
#rightmenu a:hover { text-decoration: underline;}

#rightcontact { background-color: #527485; color:#FFFFFF; text-align: center;  padding: 4px; margin: 8px 3px 3px 3px;}
#rightcontact img { float: left; margin-right: 5px; height: 65px;}
#rightcontact h2 { color:#E96708; font-size: 14px; font-weight: bold;  }
#rightcontact p { line-height: 12px;}
#rightcontact a {color:#FFFFFF;}




#contents .wikimtable {  padding: 0px 0px 0px 0px; margin-left: 15px; margin-right: 15px; }
.wikimtable td { padding: 10px; margin: 0px; border: 1px solid white;  vertical-align: top; width: 50%; }
#contents .wikimtable h1 {  margin: -9px -9px 8px -9px; padding: 2px;  }
#contents .wikimtable h2 { text-align: center; color: #0C4096;}
#contents .wikimtable h3 { color: #385969; }
#contents .wikimtable h1 a, #contents .wikimtable h2 a, #contents .wikimtable h3 a, #contents .wikimtable a:visited , #contents .wikimtable li a:visited ,#contents .wikimtable a ,#contents .wikimtable li a {color: #0C4096; }

#contents .wikimtable p { font-size: 11px; }
.wt00, .wt02, .wt04, .wt06, .wt08, .wt11, .wt13, .wt20, .wt22, .wt24, .wt31, .wt33 { background-color: #FABF1D;border: 10px solid #FABF1D; }


#footer { margin: 2px 0px 0px 0px; font-size: 9px; text-align: center; border-top: 2px solid #FABE1C; padding: 1px; color: grey;}
#footer p { font-size: 9px; margin: 1px;}
#administration { text-align: center;}

.wikiimg_floatright { float: right;margin: 10px; }
.wikiimg_floatleft { float: left;margin: 10px; }
.wikiimg_centered { display: block; margin-left: auto; margin-right: auto; text-align: center; margin-top: 10px; margin-bottom: 10px;}
table.wikitable { border: 1px solid #000000;  margin-left: 15px; margin-right: 15px;}
table.wikitable td { border: 1px solid #AAAAAA; padding: 4px;}

img { border: none; }

/* class wsm_forms/wsm_forms */
.autowsm_form { border: 2px solid black;  width: 70%; margin-left: 40px}
.autowsm_form td { border-bottom: 1px solid grey;  padding-left: 6px; padding-right: 7px;}
td.autowsmForm_title { text-align: center; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; color: black; background-color: lightgrey; border-bottom: 4px double grey; }
td.autowsmForm_subtitle { text-align: center; font-family: Verdana, sans-serif; font-size: 11px;  color: black; background-color: lightgrey; }
.autowsm_form input, .autowsm_form select, .autowsm_form textarea {font-family: Verdana, sans-serif; font-size: 9px; color: black;  }
.autowsm_form_error { color: red; background-color: yellow; }
/* success / error messages */
.success{ color: blue;}
.error { color: red;}
/* tables pour administration */
.admintable { }
.admintable thead { }
.admintable td { }
/* 0950647088 */

.lolhr { height: 2px; color: #537485; background-color: #537485; width: 85%; border: none; margin-top: -2px; margin-bottom: -2px; }

/* --- teste pour page mediatheque --- */
#encart {
	font-style: normal;
	padding-right: 3px;
	padding-left: 3px;
	width: 80%;
	border: thin solid #000000;
}
/* --- Fin de teste mediatheque --- */

/* page général */
.fond-gris-clair {background-color:#e5e5e5;}
.cl {clear:both; display: block;}
.gras {font-weight: bold;}
.text-courant {line-height: 18px; padding:0; margin:0;}
.float-gauche {float:left;}
.float-droite {float:right;}
.bordure-blanche {border:solid #FFF 5px;}
img.float-gauche {float:left; margin: 3px 20px 10px 13px; border:solid #FFF 5px;}
.img-border {border:solid #FFF 5px; margin:5px 10px 5px 0px; float:left;}

/* page magasin informatique */
#conteneur-mag{background-color:#fde686; border:solid #FFF 1px;}
#entete-mag {clear:both;}
#mag-logo {float:left; margin:0px 0px 15px 70px;}
#mag-info {float:left;}

/* page animation */
div#entete-animation #encart-gauche p.info-contact-animation {color:#787777; font-size:14px; font-family: arial; font-weight:bold;}

div#conteneur-evenement {margin:0;padding:0;}
#entete-animation{postion:relative; background-color:#FFF;}

#entete-animation .float-gauche {
float:left;
}
#entete-animation .float-droite {
float:right;
}
#entete-animation div#encart-droite p.text-courant{line-height: 18px; padding:0; margin:0 5px 10px;}
div#encart-gauche {float:left; background-color:#e5e5e5; padding:15px; width:240px; height: 265px;;}
div#encart-droite {float:right; background-color:#FFF; padding:15px; width:240px; height: 265px;;}
div#evenement-annuels {background-color:#fde686; width:270px; height: 425px; margin: 20px 0 0;}
div#evenement-ponctuels {background-color:#fde686; width:270px; height: 425px; margin: 20px 0 0;}
#conteneur-evenement #evenement-annuels h3,#conteneur-evenement #evenement-ponctuels h3 {background-color: #8FA8E2; color: #FFFFFF; font-family: trebuchet MS;font-size: 19px; font-weight: bold; height: 15px; line-height: 15px; margin: 0; padding: 10px;}
#evenement-annuels ul li, #evenement-ponctuels  ul li {margin-left: 15px;}

/* page autre-manifestation*/

div#autre-manif-presentation h2.ss-titre {font-weight: bold; font-size:14px; }
div#autre-manif-presentation a.liens{color:#E96708; text-decoration: none; font-weight:bold;}
div#autre-manif-presentation a:hover.liens{color:#E96708; text-decoration: underline; font-weight:bold;}

div#autre-manif-presentation ul {list-style-image:url(/images/icones/page_white_acrobat.png);}
div#autre-manif-presentation li {padding:0; margin:0;}

/* page-focus-du-mois */
div#conteneur-focus h2 img.image-entete{margin-top:15px;}
div#conteneur-focus {background-color:#FDE686;}
div#conteneur-focus div#entete-focus {background-color:#FDE686;}
div#conteneur-focus div#contenu-focus {background-color:#FFF; background-color: #FFFFFF; margin: -120px 0 0 10px; padding: 150px 20px 20px;}
div#conteneur-focus div#contenu-focus {font-family: trebucher MS,sans-serif; color:#797979; font-size:15px;}
div#conteneur-focus div#entete-focus  div.cadre-diapo{height: 344px; width: 447px; position: relative; left: 85px; background-image: url("/focus/fond-panorama.png");}
img.diaporama-focus {margin: 21px 26px 31px;}
div#focus-gauche {float:left; background-image: url("/focus/carte-afrique.png");background-repeat: no-repeat; background-position: 165px 100px;}
div#focus-droit {padding-left: 300px;}
div#contenu-focus div#focus-droit h2.titre-focus-d {font-size:18px; font-family: trebucher MS,sans-serif; color:#8aa8f6; font-weight:bold;}
div#contenu-focus div#focus-gauche h2.titre-focus {font-family: trebucher MS,sans-serif; font-size: 18px; color:#535353; font-weight:bold;}
div#contenu-focus div#focus-gauche li {line-height: 20px; margin-bottom: 6px;padding-left: 0px;}
div#contenu-focus div#focus-gauche ul.liste-infos {line-height:20px; list-style: none outside none; padding: 0;}
div#contenu-focus div#focus-gauche ul.liste-contact {margin-top:30px; list-style: none outside none; padding: 0;}
div#contenu-focus div#focus-gauche ul.liste-liens {margin-top:30px; list-style-image:url(/focus/puce.png);}
div#contenu-focus div#focus-gauche ul.liste-liens  li a {color:#8AA8F6; font-weight:bold; text-decoration:none;}
div#contenu-focus div#focus-gauche ul.liste-liens  li a:hover {color:#8AA8F6; font-weight:bold; text-decoration:underline;}
div#conteneur-focus div#contenu-focus p {margin: 16px 0 30px 0;}

/* Page accueil encart focus*/

div#accueil-focus {background-image: url("/focus/perso-focus.jpg");background-repeat: no-repeat; background-position: 8px 0px; width:250px; height:300px;}

/* menu navigation droit */
#rightmenu #rightcontact{position: absloute;}
