/*
.content {FONT-SIZE: 11px; COLOR: #4f4f4f; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif}
.error {FONT-SIZE: 11px; COLOR: #990000; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; font-weight: bold;}
.confirm {FONT-SIZE: 11px; COLOR: #4f4f4f; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; font-weight: bold;}
.black {FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif}
.orange {FONT-SIZE: 11px; COLOR: #ec7c3a; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif}
.content2 {FONT-SIZE: 11px; COLOR: #a6c100; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif}
.content3 {FONT-SIZE: 11px; COLOR: #668fc7; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif}
.footer {FONT-SIZE: 11px; COLOR: #7c7c7c; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif}
.footerwhite {FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif}
.menuleft1 {FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif}
.menuleft2 {FONT-SIZE: 11px; COLOR: #BFBDBD; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif}
.top {FONT-SIZE: 10px; COLOR: #4f4f4f; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif}
.congres1 {FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif}
.congres2 {FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif}
.login {FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif}
.vert {FONT-SIZE: 11px; COLOR: #a6c100; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif}
.bleu {FONT-SIZE: 11px; COLOR: #668fc7; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif}

.path-bleu {FONT-SIZE: 11px; COLOR: #668fc7; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif}

A.congres1 {FONT-SIZE: 12px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.congres1:visited {COLOR: #FFFFFF; TEXT-DECORATION: none}
A.congres1:hover {COLOR: #FFFFFF; TEXT-DECORATION: underline}
A.congres1:active {COLOR: #FFFFFF; TEXT-DECORATION: none}

A.congres2 {FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.congres2:visited {COLOR: #FFFFFF; TEXT-DECORATION: none}
A.congres2:hover {COLOR: #FFFFFF; TEXT-DECORATION: underline}
A.congres2:active {COLOR: #FFFFFF; TEXT-DECORATION: none}

A.congres21 {FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.congres21:visited {COLOR: #FFFFFF; TEXT-DECORATION: none}
A.congres21:hover {COLOR: #8ce74c; TEXT-DECORATION: underline}
A.congres21:active {COLOR: #FFFFFF; TEXT-DECORATION: none}

A.congres22 {FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.congres22:visited {COLOR: #FFFFFF; TEXT-DECORATION: none}
A.congres22:hover {COLOR: #d7541e; TEXT-DECORATION: underline}
A.congres22:active {COLOR: #FFFFFF; TEXT-DECORATION: none}

A.congres23 {FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.congres23:visited {COLOR: #FFFFFF; TEXT-DECORATION: none}
A.congres23:hover {COLOR: #ff0019; TEXT-DECORATION: underline}
A.congres23:active {COLOR: #FFFFFF; TEXT-DECORATION: none}

A.vert {FONT-SIZE: 11px; COLOR: #a6c100; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.vert:visited {COLOR: #a6c100; TEXT-DECORATION: none}
A.vert:hover {COLOR: #a6c100; TEXT-DECORATION: underline}
A.vert:active {COLOR: #a6c100; TEXT-DECORATION: none}

A.bleu {FONT-SIZE: 11px; COLOR: #668fc7; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.bleu:visited {COLOR: #668fc7; TEXT-DECORATION: none}
A.bleu:hover {COLOR: #668fc7; TEXT-DECORATION: underline}
A.bleu:active {COLOR: #668fc7; TEXT-DECORATION: none}

A.orange {FONT-SIZE: 11px; COLOR: #ec7c3a; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.orange:visited {COLOR: #ec7c3a; TEXT-DECORATION: none}
A.orange:hover {COLOR: #ec7c3a; TEXT-DECORATION: underline}
A.orange:active {COLOR: #ec7c3a; TEXT-DECORATION: none}

A.path-bleu {FONT-SIZE: 11px; COLOR: #668fc7; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.path-bleu:visited {COLOR: #668fc7; TEXT-DECORATION: none}
A.path-bleu:hover {COLOR: #668fc7; TEXT-DECORATION: underline}
A.path-bleu:active {COLOR: #668fc7; TEXT-DECORATION: none}

.path-charbon {FONT-SIZE: 11px; COLOR: #484848; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif}

A.path-charbon {FONT-SIZE: 11px; COLOR: #484848; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.path-charbon:visited {COLOR: #484848; TEXT-DECORATION: none}
A.path-charbon:hover {COLOR: #484848; TEXT-DECORATION: underline}
A.path-charbon:active {COLOR: #484848; TEXT-DECORATION: none}

.path-orange {FONT-SIZE: 11px; COLOR: #EA6F27; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif}

A.path-orange {FONT-SIZE: 11px; COLOR: #EA6F27; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.path-orange:visited {COLOR: #EA6F27; TEXT-DECORATION: none}
A.path-orange:hover {COLOR: #EA6F27; TEXT-DECORATION: underline}
A.path-orange:active {COLOR: #EA6F27; TEXT-DECORATION: none}

.path-beige {FONT-SIZE: 11px; COLOR: #BB9800; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif}

A.path-beige {FONT-SIZE: 11px; COLOR: #BB9800; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.path-beige:visited {COLOR: #BB9800; TEXT-DECORATION: none}
A.path-beige:hover {COLOR: #BB9800; TEXT-DECORATION: underline}
A.path-beige:active {COLOR: #BB9800; TEXT-DECORATION: none}

.path-marin {FONT-SIZE: 11px; COLOR: #001235; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif}

A.path-marin {FONT-SIZE: 11px; COLOR: #001235; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.path-marin:visited {COLOR: #001235; TEXT-DECORATION: none}
A.path-marin:hover {COLOR: #001235; TEXT-DECORATION: underline}
A.path-marin:active {COLOR: #001235; TEXT-DECORATION: none}


.path-vert {FONT-SIZE: 11px; COLOR: #9DBB00; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif}

A.path-vert {FONT-SIZE: 11px; COLOR: #9DBB00; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.path-vert:visited {COLOR: #9DBB00; TEXT-DECORATION: none}
A.path-vert:hover {COLOR: #9DBB00; TEXT-DECORATION: underline}
A.path-vert:active {COLOR: #9DBB00; TEXT-DECORATION: none}

.path-vert2 {FONT-SIZE: 11px; COLOR: #3F926F; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif}

A.path-vert2 {FONT-SIZE: 11px; COLOR: #3F926F; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.path-vert2:visited {COLOR: #3F926F; TEXT-DECORATION: none}
A.path-vert2:hover {COLOR: #3F926F; TEXT-DECORATION: underline}
A.path-vert2:active {COLOR: #3F926F; TEXT-DECORATION: none}


.blue {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #9BC5E0; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif}

A.blue {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #9BC5E0; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.blue:visited {COLOR: #9BC5E0; TEXT-DECORATION: none}
A.blue:hover {COLOR: #9BC5E0; TEXT-DECORATION: underline}
A.blue:active {COLOR: #9BC5E0; TEXT-DECORATION: none}

A.menuleft1 {FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Arial, verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.menuleft1:visited {COLOR: #ffffff; TEXT-DECORATION: none}
A.menuleft1:hover {COLOR: #ffffff; TEXT-DECORATION: underline}
A.menuleft1:active {COLOR: #ffffff; TEXT-DECORATION: none}

A.menuleft2 {FONT-SIZE: 11px; COLOR: #BFBDBD; FONT-FAMILY: Arial, verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.menuleft2:visited {COLOR: #BFBDBD; TEXT-DECORATION: none}
A.menuleft2:hover {COLOR: #FFFFFF; TEXT-DECORATION: none}
A.menuleft2:active {COLOR: #BFBDBD; TEXT-DECORATION: none}

A.content {FONT-SIZE: 11px; COLOR: #E0621A; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: underline}
A.content:visited {COLOR: #E0621A; TEXT-DECORATION: underline}
A.content:hover {COLOR: #4f4f4f; TEXT-DECORATION: underline}
A.content:active {COLOR: #E0621A; TEXT-DECORATION: underline}

A.contentsans {FONT-SIZE: 11px; COLOR: #4f4f4f; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.contentsans:visited {COLOR: #4f4f4f; TEXT-DECORATION: none}
A.contentsans:hover {COLOR: #4f4f4f; TEXT-DECORATION: underline}
A.contentsans:active {COLOR: #4f4f4f; TEXT-DECORATION: none}

A.contentavec {FONT-SIZE: 11px; COLOR: #4f4f4f; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: underline}
A.contentavec:visited {COLOR: #4f4f4f; TEXT-DECORATION: underline}
A.contentavec:hover {COLOR: #E0621A; TEXT-DECORATION: underline}
A.contentavec:active {COLOR: #4f4f4f; TEXT-DECORATION: underline}

A.login {FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.login:visited {COLOR: #FFFFFF; TEXT-DECORATION: none}
A.login:hover {COLOR: #FFFFFF; TEXT-DECORATION: underline}
A.login:active {COLOR: #FFFFFF; TEXT-DECORATION: none}

A.black {FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: underline}
A.black:visited {COLOR: #000000; TEXT-DECORATION: underline}
A.black:hover {COLOR: #4f4f4f; TEXT-DECORATION: none}
A.black:active {COLOR: #000000; TEXT-DECORATION: underline}

A.content2 {FONT-SIZE: 11px; COLOR: #a6c100; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.content2:visited {COLOR: #a6c100; TEXT-DECORATION: none}
A.content2:hover {COLOR: #a6c100; TEXT-DECORATION: underline}
A.content2:active {COLOR: #a6c100; TEXT-DECORATION: none}

A.content3 {FONT-SIZE: 11px; COLOR: #668fc7; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.content3:visited {COLOR: #668fc7; TEXT-DECORATION: none}
A.content3:hover {COLOR: #668fc7; TEXT-DECORATION: underline}
A.content3:active {COLOR: #668fc7; TEXT-DECORATION: none}

A.footer {FONT-SIZE: 11px; COLOR: #7c7c7c; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.footer:visited {COLOR: #7c7c7c; TEXT-DECORATION: none}
A.footer:hover {COLOR: #7c7c7c; TEXT-DECORATION: underline}
A.footer:active {COLOR: #7c7c7c; TEXT-DECORATION: none}

A.footerwhite {FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.footerwhite:visited {COLOR: #FFFFFF; TEXT-DECORATION: none}
A.footerwhite:hover {COLOR: #FFFFFF; TEXT-DECORATION: underline}
A.footerwhite:active {COLOR: #FFFFFF; TEXT-DECORATION: none}

A.top {FONT-SIZE: 10px; COLOR: #4f4f4f; FONT-FAMILY: Arial, Verdana, helvetica, sans-serif; TEXT-DECORATION: none}
A.top:visited {COLOR: #4f4f4f; TEXT-DECORATION: none}
A.top:hover {COLOR: #4f4f4f; TEXT-DECORATION: underline}
A.top:active {COLOR: #4f4f4f; TEXT-DECORATION: none}

BODY
{
scrollbar-face-color: #424142;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #424142;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #424142;
scrollbar-track-color: #9C9E9C;
scrollbar-arrow-color: #FFFFFF;
}

.form
	{
		color: #424542;
		font: 11px Verdana;
		background-color: #FFFFFF;
		border-width: 1;
		border-color: #9C9E9C;
		border-style: solid;
	}
		
.button {font-family: Arial, Verdana, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #2E2F2E; background-color: #9C9E9C; border: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}
.buttonover {font-family: Arial, Verdana, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #424542; border: #9C9E9C; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}*/




@charset "utf-8";

/* reinitialisation ------------------------------- On -- */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background-image: transparent;
}
/* table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background-image: transparent;
}*/

/* se souvenir de definir les focus ! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* Les tables ont encore besoin de 'cellspacing="0"' dans le code xhtml */
/*table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}*/
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* reinitialisation ------------------------------- Off - */

/* balises generales ------------------------------- On -- */
body {
	font-family:Tahoma, "Trebuchet MS", Arial, sans-serif;
	font-size: 62.5%;
	color: #000000;
}
h1, h2, h3, h4, h5, h6, p, ul {
	line-height:1.2em;
	color:#000;
}
h1 {
    font-size:2em;
	text-transform:uppercase;
}
h2 {
    font-size:1.3em;
	font-weight:bold;
}
h3 {
    font-size:2em;
	text-transform:uppercase;
}
h4 {
    font-size:1.1em;
	font-weight:bold;
}
h5 {
    font-size:1.1em;
	font-weight:bold;
}
h6 {
    font-size:1.1em;
	font-weight:bold;
}
p {
	font-size:1.1em;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
ul {
	font-size:1.1em;
	list-style-type:disc;
	padding:0 12px;
}
ul li ul {
	font-size:1em;
}
a img {
    border:0;
}
a, a:active, a:visited {
    color:#000;
    text-decoration:underline;
}
a:hover {
    color:#416fa4;
    text-decoration:underline;
}
hr {
    border: 0;
    width: 100%;
    color: #ccc;
    background-color: #ccc;
    height: 1px;
}
/* balises generales ------------------------------- Off - */

/* formulaires ------------------------------- On - */
form, input, textarea {
    font-family: 'Trebuchet MS', 'Arial', 'Sans-serif';
    font-size: 1em;
    margin: 0;
    padding:0;
	color:#000;
}
form {
    margin: 0 0 10px 0;
}
input {
    margin:1px 0;
	padding:2px 3px 2px 3px;
    border:1px solid #7e9db9;
    background-color:#FFF;
}
select {
	margin:1px 0;
}
.case {
    border:0;
	background:none;
}
textarea {
    padding:2px;
    border:1px solid #7e9db9;
}

/* de pat --------------- On */
/*
#login-box {
	width:100%;
	height: 20px;
	border: 1px solid #7f9db9;
}
.login-box {	
}
.mot-de-passe-oublie {
	color:#000000;
	font-size:10px;
}
#mot-de-passe-oublie {
}
*/
.button, .buttonover {
	padding:1px;
	background-color:#f5f6f1;
	border-color: #7e9db9;
	background-image:url(/grafx/boutons/bg-bouton.jpg);
}
.buttonover {
	border: 1px solid #81b7ff;
}
/*
#bouton-connexion {
	padding-top: 10px;
}
.bouton-connexion {
	background-color:#f5f6f1;
	border: 1px solid #7e9db9;
	background-image:url/grafx/boutons/bg-bouton.jpg);
}
input, textarea, select{
	border: 1px solid  #7e9db9; !important;
}
input[type=checkbox]  {
	border: 0px; !important;
}
*/
/* de pat --------------- Off */

/* formulaires ------------------------------- Off - */


/* formater les tables du centre ------------ on */
#centre p table {
	font-size:1em;
	line-height:1.2em;
}
#centre table {
	font-size:1.2em;
	line-height:1.2em;
}
table table {
	font-size:1em;
}
#centre table .content {
	font-size:1em;
	line-height:1.2em;
}
/* formater les tables du centre ------------ off */

/* positionnement et fond ------------------------------- On -- */
#conteneur {
	position:relative;
	width:1000px;
	margin:0 auto;
	z-index:2;
}
#bande-principale { /* de pat */
	position:absolute;
	width: 100%;
	height:125px;
	top:0;
	left:0;
	background-image:url(/grafx/bande-principale.jpg);
	background-position:top;
	background-repeat:repeat-x;	
	z-index:1;
}
#bande-secondaire {	/* de pat */
	position:absolute;
	width: 100%;
	height:42px;
	top: 132px;
	left:0;
	background-image:url(/grafx/employeurs/bande-secondaire.jpg);
	background-position:top;
	background-repeat:repeat-x;	
	z-index:1;
}
/*#lignes-fond {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:174px;
	background-image:url(/grafx/lignes-du-fond.png);
	background-position:left top;
	background-repeat:repeat-x;	
	z-index:0;
}*/
#contenu { /* de pat */
	position:absolute;
	top:232px;
	left:0;
}
/* positionnement et fond ------------------------------- Off - */

/* entete ------------------------------- On -- */
/*#entete {
	position:relative;
	width:1000px;
	height:174px;
	overflow:hidden;
}*/
#entete { /* de pat */
	position:relative;
	height:232px;
}
#logo { /* de pat */
	position:absolute;
	display:block;
	top:0;
	left:12px;
}
#quickmenu { /* de pat */
	text-align:right;
	width:739px;
	height:20px;
	padding-top: 12px;
	display:block;
	background-color:#FFFFFF;
	position:absolute;
	top:0px;
	left: 261px;
}
a.quickmenu { /* de pat */
	color:#999999;
	text-decoration:none;
}
a.quickmenu:hover { /* de pat */
	color:#416fa4;
	text-decoration:none;
}
#quickmenu-separateurs { /* de pat */
	color:#999999;
	font-size:11px;
	padding-left: 4px;
	padding-right: 4px;
}
#pub-bannieres { /* de pat */
	position:absolute;
	top:35px;
	left: 248px;
	width:742px;
	height: 90px;
	padding-right: 10px;
	text-align:right;
	background-color: #FFFFFF;
}
#slogan { /* de pat */
	top: 132px;
	left:261px;
	font-size:17px;
	position:absolute;
}
#bande-sous-menu{ /* de pat */
	position: absolute;
	width: 100%;
	height:4px;
	top: 225px;
	padding: 1px;
	background-image:url(/grafx/point-ligne.png);
	background-repeat:repeat-x;
	z-index:3;
}
/* entete ------------------------------- Off - */

/* menu ------------------------------- On -- */
/*.menu-box, .menu-box2 {
	position:relative;
	display:block;
	width:100%;
	margin:0;
	padding:0;
	list-style-type:none;
	background-color:#fff;
}*/
.menu-box, .menu-box2 {
	width: 989px;
	height:43px;	
	top: 174px;
	left: 12px;
	position:absolute;
	background-color:#FFFFFF;
	border: 0px solid #000;
	z-index:9996;
}
.menu-box ul, .menu-box2 ul {
	position:relative;
	display:block;
	width:100%;
	height:42px;
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:1.2em;
}
.menu-box ul li, .menu-box2 ul li  {
	margin:0;
	padding:12px 0 15px 0;
	float:left;
}
.menu-box ul #connexion {
	padding-right:10px;
	background-image:url(/grafx/fond-g-employeurs.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}
.menu-box2 ul #connexion {
	padding-right:10px;
	background-image:url(/grafx/fond-g-employeurs2.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}
.menu-box ul #employeurs {
	position:relative;
	background-image:url(/grafx/fond-employeurs.jpg);
	background-position:center top;
	background-repeat:repeat-x;
}
.menu-box2 ul #employeurs {
	position:relative;
	background-image:url(/grafx/fond-employeurs2.jpg);
	background-position:center top;
	background-repeat:repeat-x;
}
.menu-box ul #contact {
	background-image:url(/grafx/fond-d-employeurs.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.menu-box2 ul #contact {
	background-image:url(/grafx/fond-d-employeurs2.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.menu-box ul li a, .menu-box2 ul li a {
	border-left:1px dotted #000;
	margin:3px 0 3px 9px;
	padding:3px 0 3px 9px;
	text-decoration:none;
	color:#000;
}
.menu-box ul #connexion a, .menu-box2 ul #connexion a {
}
.menu-box ul #employeurs div {
	position:absolute;
	display:block;
	top:-18px;
	left:50%;
	width:12px;
	height:23px;
	margin:0 0 0 -6px;
	padding:0;
	background-image:url(/grafx/3fleches-employeurs.png);
	background-position:center center;
	background-repeat:no-repeat;
}
.menu-box2 ul #employeurs div {
	position:absolute;
	display:block;
	top:-18px;
	left:50%;
	width:12px;
	height:23px;
	margin:0 0 0 -6px;
	padding:0;
	background-image:url(/grafx/3fleches-employeurs2.png);
	background-position:center center;
	background-repeat:no-repeat;
}
.menu-box ul #employeurs a, .menu-box2 ul #employeurs a {
	color:#fff;
	border-left:1px dotted #37587e;
	border-right:1px dotted #37587e;
	margin:3px 1px;
	padding:3px 6px 3px 8px;
}
.menu-box ul #contact a {
	border-left:0px dotted #000;
	padding:3px 0 3px 23px;
	background-image:url(/grafx/icone-contact.jpg);
	background-position:left center;
	background-repeat:no-repeat;
}
.menu-box2 ul #contact a {
	border-left:0px dotted #000;
	padding:3px 0 3px 23px;
	background-image:url(/grafx/icone-contact2.jpg);
	background-position:left center;
	background-repeat:no-repeat;
}
.menu-box ul li a:hover, .menu-box2 ul li a:hover {
	text-decoration:underline;
}
/* menu ------------------------------- Off - */
/* sous-menu ------------------------------- On -- */
.menu-box ul li ul, .menu-box2 ul li ul {
	position:absolute;
	display:block;
	left:-999em;
	width:240px;
	height:auto;
	margin:15px 0 0 0;
	padding:0 4px;
	z-index:9999;
	background-color:#fff;
	font-size:1em;
}
.menu-box ul li:hover ul, .menu-box2 ul li:hover ul, .menu-box ul li.sfhover ul, .menu-box2 ul li.sfhover ul {
	left:auto;
}
.menu-box ul li ul li, .menu-box2 ul li ul li {
	float:none;
	margin:0 5px;
	padding:5px 0;
	border-left:1px dotted #000;
}
.menu-box ul li ul li a, .menu-box2 ul li ul li a {
	display:block;
	border:0px dotted #000;
	margin:0 10px;
	padding:0;
}
.menu-box ul li ul li a span, .menu-box2 ul li ul li a span {
	font-size:0.8em;
	color:#acacac;
}
/* sous-menu ------------------------------- Off - */

/* trois blocs du milieu ------------------------------- On -- */
#gauche, #centre, #droite {
	position:relative;
	height:auto;
	z-index:2;
}
/* bloc de gauche ------------------------------- Off - */

/* bloc de gauche ------------------------------- On -- */
#gauche {
	float:left;
	width:256px;
}
#gauche .boite img {
	border:0px solid #000;
	text-align:center;
	margin:0 auto;
}
#gauche .boite table {
	width:208px;
	margin:0;
}
#gauche .boite td {
	text-align:center;
}
/* bloc de gauche ------------------------------- Off - */

/* bloc du centre ------------------------------- On -- */
#centre {
	float:left;
	width:476px;
	/*margin-right:268px;
	margin-left:256px;*/
}
/* bloc de gauche ------------------------------- Off - */

/* bloc de droite ------------------------------- On -- */
#droite {
	float:left;
	width:268px;
}
/* bloc de gauche ------------------------------- Off - */

/* contenu des boites au fond blanc ------------------------------- On -- */

.fond {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	filter:alpha(opacity=50); /* Pour Internet Explorer */
	-moz-opacity:0.50;	/* Pour Mozilla */
	opacity: 0.50;	/* Pour les standards CSS3 */
	z-index:3;
}
.fond-invisible {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:none;
	z-index:3;
}
.boite {
	position:relative;
	margin:12px;
	padding:12px 12px 6px 12px;
	background-color:#fff;	
	z-index:4;
}
#centre .boite {
	margin:0px 12px 12px 12px;
}
.boite h3 {
	margin:0;
	padding:0;
	color:#000;
	text-transform:uppercase;
}
.boite p, .boite ul, .boite h6 {
	margin:5px 0;
}
.boite p img {
	display:block;
	background-color:#ccc;
}
.boite .details {
	text-align:right;
}
.boite .details a {
	padding:0 0 0 18px;
	color:#000;
}
.retour {
	clear:both;
}

.liens-haut {
	list-style-type:none;
	padding:0;
}
.est {
	float:right;
	margin:0 0 0 10px;
}
.ouest {
	float:left;
	margin:0 10px 0 0;
}
.ligne{
	border-bottom:1px dotted #000;
	padding:4px 0 0 0;
}
.bandeau {
	padding:4px 8px;
}
#centre h5 {
	padding:0 0 5px 0;
	border-bottom:1px dotted #000;
}
.liens-bas {
	display:block;
	list-style-type:none;
	margin:10px 0;
	padding:8px 0 10px 0;
	border-top:1px dotted #000;
}
.liens-bas li {
	float:left;
}
#centre .haut-de-page {
	margin:15px 0 0 0;
	padding:8px 0 10px 0;
	border-top:1px dotted #000;
	text-align:right;
}
#centre .haut-de-page span {
	display:block;
	margin:7px 0 -10px 0;
	font-size:2em;
}
#centre .haut-de-page a {
	display:block;
	float:right;
}
/* contenu des boites au fond blanc ------------------------------- Off - */

/* définition des couleurs ------------------------------- On -- */
/* Orange */
.orange h3 {
	color:#ea7c37;
}
.orange {
	background-image:url(/grafx/trait-boite-orange.png);
	background-position:12px 0;
	background-repeat:no-repeat;
}
.orange .details a {
	background-image:url(/grafx/puce/puce-detail-orange.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
.orange p a:hover {
	color:#ea7c37;
}
.fdorange, .orange .bandeau {
	background-color:#ea7c37;	
}
.txt-orange, .txt-orange a {
	color:#ea7c37;
}
.txt-orange a:hover {
	color:#000;
}
/* Vert */
.vert {
	background-image:url(/grafx/trait-boite-vert.png);
	background-position:12px 0;
	background-repeat:no-repeat;
}
.vert .details a {
	background-image:url(/grafx/puce/puce-detail-vert.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
.vert p a:hover {
	color:#a6c201;
}
.fdvert, .vert .bandeau {
	background-color:#a6c201;	
}
.txt-vert, .txt-vert a {
	color:#a6c201;
}
.txt-vert a:hover {
	color:#000;
}
/* Noir */
.noir {
	background-image:url(/grafx/trait-boite-noir.png);
	background-position:12px 0;
	background-repeat:no-repeat;
}
.noir .details a {
	background-image:url(/grafx/puce/puce-detail-noir.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
.noir p a:hover {
	color:#416fa4;
}
.fdnoir {
	background-color:#000;	
}
.noir .liens-haut li a {
	color:#416fa4;
}
.noir .liens-haut li a:hover {
	color:#000;
}
.noir .liens-bas li {
	color:#416fa4;
	margin:0 4px 0 0;
}
.noir .liens-bas li a {
	color:#000;
}
.noir .liens-bas li a:hover {
	color:#a6c201;
}
.noir .bandeau {
	color:#a0b7d1;
	background-color:#000;	
}
.noir h5 {
	color:#416fa4;
}
.noir h5 a {
	color:#416fa4;
	text-decoration:none;
}
.noir .haut-de-page {
	color:#416fa4;
}
.noir .haut-de-page a {
	color:#000;
}
.noir .haut-de-page a:hover {
	color:#416fa4;
}
/* Bleu */
.bleu {
	background-image:url(/grafx/trait-boite-bleu.png);
	background-position:12px 0;
	background-repeat:no-repeat;
}
.bleu .details a {
	background-image:url(/grafx/puce/puce-detail-bleu.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
.bleu p a:hover {
	color:#416fa4;
}
.fdbleu, .bleu .bandeau {
	background-color:#416fa4;	
}
.txt-bleu, .txt-bleu a {
	color:#416fa4;
}
.txt-bleu a:hover {
	color:#000;
}
/* définition des couleurs ------------------------------- Off - */

/* pied de page ------------------------------- On -- */
#bas-de-page { /* de pat */
	position:relative;
	clear:both;
	top: 15px;
	width: 99%;
	height: 45px;
	padding: 3px;
	border: 1px dotted #000000;
	border-right: 0px dashed #00FF00;
	border-left: 0px dashed #00FF00;
}
#bas-de-page-menu { /* de pat */
	display:block;
	background-color: #FFFF00;
}
#bas-de-page-boutons { /* de pat */
	margin-top: 9px;
	height:27px;
	display:block;
	float:left;
	padding-right: 15px;
	padding-left: 15px;
	border-right: 1px dotted #000000;
}
a.bas-de-page-boutons { /* de pat */
	color:#000000;
	text-decoration:none;
}
a.bas-de-page-boutons:hover { /* de pat */
	color:#416fa4;
	text-decoration:none;
}
#copyright { /* de pat */
	color:#002343;
	text-align:center;
	padding: 20px;
	display:block;
	clear:both;
}
#webdesign-activis { /* de pat */
	text-align:right;
}
/* pied de page ------------------------------- Off - */