* {
margin: 0;
padding: 0;
border: 0;
font-family: verdana, sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
text-decoration: none;
}

a {
color : #000;
}

a:hover {
text-decoration : underline;
}

strong {
	font-weight: bold;
}

ul , li {
list-style-type : square !important;
}

body {
background : #fff url(../../../share/pixmaps/website/backgrey.png) fixed repeat-x;
}

#menu {
float : left;
width : 195px;
height : 400px;
}

#maincontent {
position : absolute;
top : 0;
right : 10px;
left : 200px;
background : #fff url(../../../share/pixmaps/website/back.main.gif) top left repeat-y;
}

#footer {
position : absolute;
bottom : 0;
left : 0;
width : 195px;
}

#shadow {
width : 100%;
height : 20px;
position : absolute;
bottom : -20px;
left : 0;
}
#shadow #cornerright {
position : absolute;
bottom : 0;
right : 0;
_right : -20px;
width : 20px;
height : 20px;
background : transparent url(../../../share/pixmaps/website/corner.right.gif) bottom right no-repeat;
}
#shadow #cornerleft {
position : absolute;
bottom : 0;
left : 0;
width : 20px;
height : 20px;
background : transparent url(../../../share/pixmaps/website/corner.left.gif) bottom right no-repeat;
}
#shadow #middle {
background-color : #fff;
height : 20px;
margin-left : 20px;
}
div[id=shadow] div[id=middle] {
margin-right : 20px;
}

/* EXTRA : NEWS - CALENDAR */
#extra4 {
display : none;
position : absolute;
background-color : #fff;
top : 55px;
left : 220px;
width : 350px;
margin : 5px;
border : 1px dotted #ccc;
}
#extra4 .close {
float : right;
padding : 2px;
margin-left : 5px;
border-left : 1px dotted #ccc;
border-bottom : 1px dotted #ccc;
}
#extra4 .close a {
font-style : italic;
font-size : 0.9em;
}
#extra4 .close a:hover {
color : red;
text-decoration : none !important;
}
#extra4 h2 {
padding : 0 5px 5px;
font-weight : bold;
text-decoration : underline;
}
#extra4 .content {
padding : 0 5px 10px 55px;
text-align : justify;
}
#extra4 #switchbtn {
float : right;
padding : 2px;
border-top : 1px dotted #ccc;
border-left : 1px dotted #ccc;
}
#extra4 #switchbtn a {
font-style : italic;
font-size : 0.9em;
}
#extra4 #switchbtn a:hover {
color : red;
text-decoration : none !important;
}
#extra4 #subscribe {
border-top : 1px dotted #ccc;
padding-top : 10px;
}
#extra4 #subscribe label {
float : left;
width : 90px;
text-align : right;
padding-right : 10px;
color : #888;
}
#extra4 #subscribe input , #extra4 #subscribe textarea {
border : 1px solid #000;
width : 200px;
padding-left : 5px;
}
#extra4 #subscribe button {
margin-top : 5px;
width : 320px;
text-align : center;
}
#extranews , #extracal , #autoeval {
background-color : #fff;
background-position : 5px bottom;
background-repeat : no-repeat;
}
#extranews {
background-image : url(../../../share/pixmaps/website/back.news.png);
}
#extracal {
background-image : url(../../../share/pixmaps/website/back.cal.png);
}
#autoeval {
background-image : url(../../../share/pixmaps/website/back.eval.png);
}

/* MENU */
#menu {
padding-top : 15px;
position : relative;
background-image : url(../../../share/pixmaps/website/menu.gif);
background-position : 0 130px;
background-repeat : no-repeat;
}

#menu #accueil {
background : transparent url(../../../share/pixmaps/website/logo.gif) top left no-repeat;
text-indent : -5000px;
width : 161px;
height : 100px;
position : relative;
left : 50%;
margin-left : -80px;
margin-bottom : 20px;
}
#menu a , #menu #services {
display : block;
margin : 0 9px 0 6px;
text-indent : -5000px;
}
#menu #asso , #menu #services , #menu #docs , #menu #legislation , #menu #links , #menu #mforum , #menu #faq {
height : 25px;
}
#menu #ccaa , #menu #csst , #menu #prevention , #menu #icose {
height : 20px;
}

#menu a:hover {
background-image : url(../../../share/pixmaps/website/menu.gif);
}
#menu a#asso:hover {
background-position : -196px -5px;
}
#menu a#ccaa:hover {
background-position : -196px -55px;
}
#menu a#csst:hover {
background-position : -196px -75px;
}
#menu a#prevention:hover {
background-position : -196px -95px;
}
#menu a#icose:hover {
background-position : -196px -115px;
}
#menu a#docs:hover {
background-position : -196px -135px;
}
#menu a#legislation:hover {
background-position : -196px -160px;
}
#menu a#links:hover {
background-position : -196px -185px;
}
#menu a#mforum:hover {
background-position : -196px -210px;
}
#menu a#faq:hover {
background-position : -196px -235px;
}

/* QUICKBAR */
#quickbar {
margin-right : 10px;
}
#quickbar li {
display : inline;
float : right;
background : transparent url(../../../share/pixmaps/website/square.gif) center left no-repeat;
line-height : 0.9em;
margin-top : 2px;
padding-left : 10px;
margin-left : 15px;
}
#quickbar li a {
color : #888;
font-size : 0.9em;
}

/* RIGHT PANEL */
.rhpanel {
float : right;
clear : right;
position : relative;
width : 215px;
border : 1px dotted #ccc;
margin : 30px 10px 10px;
padding : 10px 5px 5px;
text-align : justify;
}
.rhpanel h1 {
background-repeat : no-repeat;
background-position : top left;
height : 20px;
width : 200px;
text-indent : -5000px;
position : absolute;
top : -15px;
}
.rhpanel h2 {
font-style : italic;
font-size : 0.9em;
color : #aaa;
text-align : right;
}
.rhpanel li {
list-style-position : inside;
list-style-type : square;
}
.rhpanel dt {
font-size : 0.9em;
font-style : italic;
color : #888;
border-bottom : 1px dotted #ccc;
}
.rhpanel dd {
margin-bottom : 10px;
padding-left : 12px;
}

/* CONTENT */
#maincontent {
padding : 5px 10px;
}
#mainbody {
margin : 10px 260px 0 10px;
text-align : justify;
}
#mainbody dt {
background : transparent url(../../../share/pixmaps/website/zebra.png) bottom left no-repeat;
padding-left : 40px;
height : 20px;
display : block;
margin-bottom : 5px;
}
#mainbody dd {
padding-left : 25px;
padding-bottom : 5px;
border-bottom : 1px dotted #ccc;
margin-bottom : 15px;
}

/* PIED DE PAGE */
#footer ul {
display : block;
text-align : center;
}
#footer li {
display : inline;
padding : 0 20px;
}
#footer li a {
font-size : 0.8em;
color : #888;
}
#footer li a:hover {
color : #5c5c5c;
}

/* GESTION DES TITRES */
#tophead {
display : block;
text-indent : -5000px;
height : 25px;
margin : 0 10px;
border-bottom : 1px solid #5c5c5c;
background-position : bottom right;
background-repeat : no-repeat;
}
#logo #tophead , #association #tophead {
background-image : url(../../../share/pixmaps/website/title.cicat.png);
}
#geodreux #tophead {
background-image : url(../../../share/pixmaps/website/title.dreux.png);
}
#geochartres #tophead {
background-image : url(../../../share/pixmaps/website/title.chartres.png);
}
#geonogent #tophead {
background-image : url(../../../share/pixmaps/website/title.nogent.png);
}
#geochateaudun #tophead {
background-image : url(../../../share/pixmaps/website/title.chateaudun.png);
}
#ccaa #tophead {
background-image : url(../../../share/pixmaps/website/title.ccaa.png);
}
#csst #tophead {
background-image : url(../../../share/pixmaps/website/title.csst.png);
}
#prevention #tophead {
background-image : url(../../../share/pixmaps/website/title.prevention.png);
}
#icose #tophead {
background-image : url(../../../share/pixmaps/website/title.icose.png);
}
#docs #tophead {
background-image : url(../../../share/pixmaps/website/title.docs.png);
}
#legis #tophead {
background-image : url(../../../share/pixmaps/website/title.legislation.png);
}
#faq #tophead {
background-image : url(../../../share/pixmaps/website/title.faq.png);
}
#links #tophead {
background-image : url(../../../share/pixmaps/website/title.links.png);
}
#legals #tophead {
background-image : url(../../../share/pixmaps/website/title.legals.png);
}
#emplois #tophead {
background-image : url(../../../share/pixmaps/website/title.emplois.png);
}

/* GESTION DES RH PANEL */
#rhnews h1 {
background-image : url(../../../share/pixmaps/website/rh.news.gif);
}
#rhdocs h1 {
background-image : url(../../../share/pixmaps/website/rh.docs.gif);
}
#rhcalendar h1 {
background-image : url(../../../share/pixmaps/website/rh.calendar.gif);
}
#rhCCAA h1 {
background-image : url(../../../share/pixmaps/website/rh.ccaa.gif);
}
#rhCSST h1 {
background-image : url(../../../share/pixmaps/website/rh.csst.gif);
}
#rhPrevention h1 {
background-image : url(../../../share/pixmaps/website/rh.prevention.gif);
}
#rhICOSE h1 {
background-image : url(../../../share/pixmaps/website/rh.icose.gif);
}
#rhASSO h1 {
background-image : url(../../../share/pixmaps/website/rh.asso.gif);
}
#rheval h1 {
background-image : url(../../../share/pixmaps/website/rh.eval.gif);
}
#rhthemes h1 {
background-image : url(../../../share/pixmaps/website/rh.themes.gif);
}
#rhforum h1 {
background-image : url(../../../share/pixmaps/website/rh.forum.gif);
}
#rhcat h1 {
background-image : url(../../../share/pixmaps/website/rh.cats.gif);
}

/* PAGE : LOGO */
#logo img {
position : relative;
left : 35%;
margin : 130px 0;
}

/* LISTES */
.refs , .refs a {
font-size : 0.9em;
color : #5c5c5c;
font-style : italic;
margin-top : 5px;
}
.refs a {
font-size : 1em !important;
}

/* FAQ */
#faq li {
list-style-type : decimal !important;
}
#faq #rhthemes li {
list-style-type : square !important;
}
.question {
font-weight : bold;
}

/* Questionnaire */
#autoeval h1 {
width : 100%;
font-weight : bold;
font-size : 1.1em;
color : #3384de;
margin-bottom : 5px;
}
#autoeval p {
text-align : justify;
color : #888;
font-style : italic;
margin : 8px 0;
}
#autoeval form {
padding-top : 25px;
}
#autoeval form label {
width : 180px;
padding-right : 8px;
text-align : right;
margin-left : 20px;
float : left;
}
#autoeval form input {
margin : 2px 0 3px;
}
#autoeval button {
text-align : right;
padding-right : 40px;
background : transparent url(../../../share/pixmaps/website/zebra.png) center right no-repeat;
color : #1174e7;
display : block;
width : 100%;
margin-top : 20px;
font-weight : bold;
}
#autoeval li {
list-style-position : inside;
color : #888;
}