/* Éléments généraux */
html, body, form, map {
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	background-color: #ffffff;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	background: #5a7296 url(../img/arriere_plan.gif) repeat-y 50% 0;
}
input, textarea {
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #000000;
}

/* Entête */
h1 {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 127px;
	background-color: #48638a;
	font-size: 15px;
	line-height: 17px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #ad0000;
}
h1 span {
	position: absolute;
	display: block;
	top: 0;
	left: 50%;
	margin: 0 0 0 -375px;
	padding: 0;
	width: 750px;
	height: 127px;
	background-color: #01265d;
}
h1 img {
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
	float: left;
}
h1 strong {
	position: absolute;
	top: 8px;
	left: 429px;
	margin: 0;
	padding: 0;
	width: 300px;
	text-align: right;
	font-weight: normal;
}
h1 em {
	position: absolute;
	bottom: 10px;
	left: 122px;
	display: block;
	width: 400px;
	height: auto;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #01265d;
}
label.quitter {
	position: absolute;
	display: block;
	top: 142px;
	left: 563px;
	border: 0;
	margin: 0;
	padding: 0;
	width: 160px;
	text-align: left;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #01265d;
}
label.quitter a {
	display: block;
	float: right;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	color: #bf7411;
}
label.quitter a:hover {
	text-decoration: none;
}

/* Menu de gauche */
div#menu {
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 101px;
	background-image: url(../img/menu_fin.gif);
	background-repeat: no-repeat;
	background-position: top left;
	border-left: 1px solid #01265d;
}
div#menu ul {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 2px solid #8d9db6;
	border-right: 1px solid #01265d;
	width: 100px;
	background-color: #4d678e;
}
div#menu ul li {
	display: block;
	margin: 0;
	padding: 0;
	color: #ffffff;
	border-bottom: 1px solid #8d9db6;
	cursor: pointer;
}
div#menu ul li.alt1 {
	border-bottom: 2px solid #8d9db6;
}
div#menu ul li.alt2 {
	border-bottom: 1px solid #99a8be;
	background-color: #7388a6;
}
div#menu ul li.alt3 {
	border-bottom: 2px solid #8d9db6;
	background-color: #7388a6;
}
div#menu ul li a {
	display: block;
	width: 90px;
	margin: 0;
	padding: 4px 5px;
	text-decoration: none;
	color: #ffffff;
}
div#menu ul li a:hover {
	background-color: #bf7411;
}
div#menu span {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	width: 101px;
	height: 52px;
	background: url(../img/menu_fin.gif) no-repeat -1px 0;
}


/* Sous-menu */
div#hidden {
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -375px;
}
div.sousmenu {
	position: absolute;
	top: 300px;
	left: 103px;
	display: none;
	background: #01265d url(../img/sousmenu_coin_bas.gif) no-repeat bottom left;
}
div.sousmenu div.wrap {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 0 0 7px;
	background: url(../img/sousmenu_coin_haut.gif) no-repeat top left;
}
div.sousmenu div.wrap div {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	border: 1px solid #01265d;
	background-color: #bfc9d6;
}
div.sousmenu a {
	position: relative;
	display: block;
	margin: 0;
	padding: 4px 8px;
	color: #01265d;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
	border-bottom: 1px solid #e1e5ec;
	width: 200px;
}
div.sousmenu a.alt {
	border: 0;
}
div.sousmenu a:hover {
	color: #ffffff;
	background-color: #bf7411;
}


/* Contenu */
div#contenu {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 750px;
}
h2 {
	margin: 0;
	padding: 16px 0 0 0;
	font-size: 17px;
	line-height: 19px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #01265d;
}
h2 span {
	display: block;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #01265d;
}
h3 {
	margin: 0;
	padding: 16px 0 0 0;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #000000;
	clear: both;
}
p {
	position: relative;
	display: block;
	margin: 0;
	padding: 8px 0 0 0;
}

/* Colonne de gauche accueil */
div.gauche1 {
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0 4px 16px 20px;
	width: 256px;
	text-align: justify;
	line-height: 16px;
}

/* Colonne de gauche pages */
div.gauche2 {
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 16px 20px;
	width: 422px;
	text-align: justify;
}
div.gauche2 a {
	color: #01265d;
}
div.gauche2 a:hover {
	color: #bf7411;
}
div.gauche2 table {
	border: 0;
	margin: 10px 0 0 -4px;
	width: 423px;
	border-collapse: separate;
	border-spacing: 4px;
}
div.gauche2 th {
	border: 1px solid #01265d;
	margin: 0;
	padding: 4px;
	color: #01265d;
	background-color: #d1d8e2;
	font-weight: bold;
}
div.gauche2 td {
	border: 1px solid #01265d;
	margin: 0;
	padding: 2px 4px 2px 4px;
	vertical-align: top;
	font-size: 11px;
	line-height: 13px;
}
tr.sansbordure td {
	border: 0;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.justify {
	text-align: justify;
}
a.modules {
	display: block;
	float: right;
	font-weight: normal;
}


/* Gestion */
p.formation {
	text-align: left;
	border-bottom: 1px solid #ecede2;
	padding: 8px 0 3px 0;
}
p.formation span {
	position: absolute;
	top: 3px;
	right: 0;
}
p.formation span img {
	border: 0;
	margin: 0;
	padding: 0 3px 0 0;
}

/* Nous joindre */
div.gauche2 p em {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	font-style: normal;
	color: #ad0000;
}
div.gauche2 p span {
	display: block;
	clear: both;
	margin: 0;
	padding: 4px 0 0 0;
}
div.gauche2 p span label {
	display: block;
	width: 75px;
	float: left;
}
div.gauche2 p span label.telephone {
	width: 85px;
}
div.gauche2 p span input, div.gauche2 p span textarea {
	display: block;
	float: left;
	margin: 0 auto;
}
label.block {
	font-weight: bold;
	display: block;
	float: none;
	clear: both;
}


/* Listes */
ul.compact {
	margin: 0 0 0 15px;
	padding: 0;
	list-style-position: outside;
	list-style-image: url(../img/point.gif);
	text-align: left;
}
ul.compact li {
	padding: 8px 0 0 0;
	margin: 0;
}
ol.compact {
	padding: 0;
	margin: 0;
	list-style-position: inside;
	text-align: left;
}
ol.compact li {
	padding: 2px 0 2px 0;
	margin: 0;
}

/* Colonne de droite */
h3.droite {
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 360px;
	clear: none;
}
h3.droite img {
	display: block;
	margin: 0 0 0 3px;
	padding: 0;
	width: 360px;
}
div.droite {
	position: relative;
	display: block;
	float: left;
	border: 0;
	margin: 0;
	padding: 43px 20px 20px 20px;
	width: 160px;
}


/* Citation notre mission */
div.droite em {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	font-style: normal;
	color: #01265d;
}
div.droite em span {
	display: block;
	margin: 0;
	padding: 8px 0 0 0;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	font-style: normal;
	text-align: right;
}


/* Boutons de droite */
ul#boutons {
	position: relative;
	display: block;
	float: left;
	border: 0;
	margin: 0;
	padding: 43px 20px 20px 20px;
	width: 160px;
	list-style: none;
}
ul#boutons li {
	position: relative;
	display: block;
	cursor: pointer;
	border: 1px solid #01265d;
	margin: 0 0 6px 0;
	padding: 0;
	height: 24px;
	line-height: 24px;
	background-color: #ebeef2;
	text-align: center;
}
ul#boutons li a {
	display: block;
	width: 158px;
	font-weight: bold;
	color: #01265d;
	text-decoration: none;
}
ul#boutons li a:hover, ul#boutons li a.o {
	color: #ffffff;
	background-color: #bf7411;
}
ul#boutons li.alt1 {
	margin: 16px 0 6px 0;
	background-color: #d1d8e2;
}
ul#boutons li.alt2 {
	background-color: #d1d8e2;
}
ul#boutons li.alt3 {
	background-color: #d1d8e2;
}
ul#boutons li.alt3 a {
	background-color: #d1d8e2;
	color: #ad0000;
}
ul#boutons li.alt3 a:hover, ul#boutons li.alt3 a.o {
	color: #ffffff;
	background-color: #bf7411;
}

/* Morceau de puzzle colonne de droite */
div.visuel_page {
	position: absolute;
	display: block;
	top: 26px;
	right: -240px;
	margin: 16px 0 0 0;
	padding: 0 20px 0 20px;
	width: 195px;
	height: 234px;
	background-image: url(../img/visuel_page.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}


/* Pied de page */
div#pieddepage {
	position: relative;
	display: block;
	top: 0;
	margin: 0 0 0 0;
	padding: 0;
	width: 100%;
	clear: both;
	text-align: left;
}
div#pieddepage span {
	position: absolute;
	top: 7px;
	left: 0;
	display: block;
	width: 100%;
	height: 7px;
	line-height: 7px;
	border-top: 1px solid #01265d;
	border-bottom: 1px solid #01265d;
	background-color: #ffffff;
}
div#pieddepage table {
	position: relative;
	display: block;
	height: 23px;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 500;
	width: 578px;
	margin: 0 auto;
	border-collapse: collapse;
}
div#pieddepage td {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
}
div#pieddepage td img {
	display: block;
	margin: 0;
	padding: 0;
}
div#pieddepage strong {
	display: block;
	border-top: 1px solid #01265d;
	border-bottom: 1px solid #01265d;
	background-color: #fff;
	width: 500px;
	height: 21px;
	line-height: 20px;
	font-weight: bold;
	color: #01265d;
	margin: 0;
	padding: 0;
}
div#pieddepage em {
	font-style: normal;
	color: #ad0000;
}
div#pieddepage td p {
	display: block;
	margin: 0;
	padding: 5px 0 20px 0;
	font-size: 11px;
	line-height: 13px;
	color: #01265d;
	text-align: center;
}
/*Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam 
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat 
volutpat.  Ut wisi enim ad minim veniam, quis nostrud exerci tation 
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo 
consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate 
velit esse molestie consequat, vel illum dolore eu feugiat nulla 
facilisis at vero eros et accumsan et iusto odio dignissim qui 
blandit praesent luptatum zzril delenit augue duis dolore te feugait 
nulla facilisi.  Lorem ipsum dolor sit amet, consectetuer adipiscing 
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna 
aliquam erat volutpat.  Ut wisi enim ad minim veniam, quis nostrud 
exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea 
commodo consequat. Duis autem vel eum iriure dolor in hendrerit in 
vulputate velit esse molestie consequat, vel illum dolore eu feugiat 
nulla facilisis at vero eros et accumsan et iusto odio dignissim qui 
blandit praesent luptatum zzril delenit augue duis dolore te feugait 
nulla facilisi.*/