@charset "UTF-8";
/* CSS Document */



/* BALISE HTML */
body {
	margin: 0;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #939494;
	background:#FFFFFF;
}
TD {
	vertical-align: top;
	text-align: left;
	border: 0;
}

A {
	text-decoration: none;
	color: #005EA4;
	cursor: pointer;
}
A:hover {
	text-decoration: underline;
}
A IMG {
	border: 0;
}

P, FORM {
	margin: 0;
	padding: 0;
}

H1 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 16px;
	font-weight: normal;
}
H2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;	
	color: #86A000;
}
#conseil {
	margin: 0 0 14px 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;	
	color: #005EA4;
}
input, textarea {
	border: 1px solid #9EC2E7;
	width: 100%;
	background: url(../_images/fond_input.gif) left top no-repeat;
}
/* ############################### Menu ############################### */
 /* DEFAULTS */
ul.navlist li a,ul.subnavlist li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	margin-left: 5px;
}

div.navcontainer {
	background: #fff;
	padding: 0;
}

/* NAV LIST */
ul.navlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.navlist li {
	display: inline;
}

ul.navlist li a {
	color: #8C8D8D;
	display: block;
	background:url(../_images/puce_menu.gif) top left no-repeat;
	padding: 2px 0 2px 30px;	
	border-top: solid 1px #fff;
}

ul.navlist li a:hover {
	background:  url(../_images/puce_menu_vert.gif) top left no-repeat;
	color: #86A000;
}

ul.navlist li a.current {
	color: #C0001A;
	background: url(../_images/puce_menu_rouge.gif) top left no-repeat;
}

/* SUB NAV LIST */
ul.subnavlist {
	margin: 0;
	list-style-type: none;
	padding: 0;
}

ul.subnavlist li {
	display: inline;
}

ul.subnavlist li a {
	display: block;
	color: #005EA4;
	font-size: 12px;
	background:none;
	padding	: 0 0 0 30px;
	border-top: solid 1px #fff;
	height: auto;
}

ul.subnavlist li a:hover {
	background: url(images/cnr.png) top left no-repeat;
}

ul.navlist li a.subcurrent {
	color: #999;
	background: #ddd;
}

ul.navlist li a.suvcurrent:hover {
	background: #ddd;
}
DIV#pict {
	text-align: center;
	margin-top: 15px;
}



/* ############################### TITRE ############################### */
TABLE#haut_page {
	width: 764px;
	height: 132px;
	margin-bottom: 25px;
}
TD#titre {
	background: url(../_images/fond_hautpage.jpg) top left no-repeat;
}
DIV#logo {
	float: left;
	margin-top: 9px;
	margin-left: 34px;
	position: absolute;
}
#pays_en  A {
	float: right;
	margin-top: 45px;
	background: url(../_images/drapeau_en_off.gif) left no-repeat;
	
}
#pays_en  A:hover {
	float: right;
	margin-top: 45px;
	background: url(../_images/drapeau_en_on.gif) left no-repeat;
	
}
#pays_fr  A {
	float: right;
	margin-top: 45px;
	background: url(../_images/drapeau_fr_off.gif) left no-repeat;
	
}
#pays_fr  A:hover {
	float: right;
	margin-top: 45px;
	background: url(../_images/drapeau_fr_on.gif) left no-repeat;
}
DIV#navi {
	float: right;
	margin-top: 100px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
DIV#navi A.accueil {
	color: #9EC2E7;
	text-decoration: none;
	padding-left: 12px;
	background: url(../_images/puce_accueil_off.gif) left no-repeat;
}
DIV#navi A:hover.accueil {
	color: #C0001A;
	background: url(../_images/puce_accueil_on.gif) left no-repeat;
}
DIV#navi A.contact {
	color: #9EC2E7;
	text-decoration: none;
	padding-left: 12px;
	background: url(../_images/puce_contact_off.gif) left no-repeat;
}
DIV#navi A:hover.contact {
	color: #C0001A;
	background: url(../_images/puce_contact_on.gif) left no-repeat;
}




/* ############################### COLLONE ############################### */
TD#col_gauche {
	width: 170px;
	border-right: 1px solid #D4E4EC;
	padding: 0px 10px 5px 0;
}
TD#col_centre {
	/*width: 396px;*/
	padding: 0px 10px 5px 10px;
}
TD#col_droite {
	width: 171px;
	border-left	: 1px solid #D4E4EC;
	padding	: 0px 0px 5px 10px;
}
TABLE#general {
	border-bottom: 1px solid #D4E4EC;
	margin-bottom: 5px;
	width: 764px;
}
ul#menudroite {
	margin: 0;
	padding: 0;
}

ul#menudroite li {
	display: inline;
}

ul#menudroite li a {
	display: block;
	color: #005EA4;
	font-size: 12px;
	padding: 0 0 0 10px;
	height: auto;
}

/* ############################### BAS ############################### */
.bas {
    font-size: 10px;
	color: #BABBBB;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 764px;
}
.bas A {
	color: #9EC2E7;
	text-decoration: none;
}
.bas A:hover  {
	color: #005EA4;
}
#menu_bas {
	text-align: right;
}



/* ############################### Actuaites ############################### */
H3 {
	color: #86A000;
	padding: 0;
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
H3 A {
	color: #86A000;
	text-decoration: none;
	display: block;
}
H3 A:hover {
	text-decoration: underline;
}
.fiche {
	color: #005EA4;
	padding: 0;
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
.fiche A {
	color: #005EA4;
	text-decoration: none;
}
.fiche A:hover {
	text-decoration: underline;
}
H3#reference {
	color: #86A000;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
H3#reference A {
	color: #86A000;
	text-decoration: none;
}
H3#reference A:hover {
	text-decoration: underline;
}
H4 {
	padding: 0 0 14px 0;
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	color: #BABBBB;
}
H4 A {
	text-decoration: none;
	color: #BABBBB;
	display: block;
}
H4 A:hover {
	text-decoration: none;
	color: #939494;
}
.photo_right A {
	padding-left: 4px;
	float: right;
}
.photo_left A {
	padding-right: 4px;
	float: left;
}
.photo_left2 {
	vertical-align: middle;
	text-align: left;
	padding-right: 10px;
}
.titre_droite {
	text-align: left;
	margin-bottom: 15px;
}
.TxT {
	text-align: justify;
}
.TxT P {
	margin-bottom: 10px;
}
.TxT IMG {
	margin-left: 5px;
	margin-bottom: 5px;
}
.hautpaage {
	color: #005EA4;
	margin: 0;
	list-style-type: none;
	font-size: 12px;
	float: left;
}
.hautpaage a {
	color: #005EA4;
	display: block;
	background: #fff url(../_images/puce_menu.gif) top left no-repeat;
	margin: 0 0 0 10px;
	list-style-type: none;
	padding: 2px 0 2px 30px;
	text-decoration: none;
}

.hautpaage a:hover {
	background:  url(../_images/puce_menu_vert.gif) top left no-repeat;
	color: #86A000;
}
#page {
	text-align: right;
	margin-top: 15px;
}
#photolire {
	vertical-align: inherit;
	margin: 4px;
}



/* ############################### ACCUEIL ############################### */
.vert {
	color: #86A000;
	font-size: 12px;
}
.vert A {
	color: #86A000;
	font-size: 12px;
}
.vert A:hover {
	color: #86A000;
}
.bleu {
	color: #005EA4;
	font-size: 12px;
}
.small{
	font-size: 10px;
}

.lien_accu {
	text-align: right;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-right: 15px;
	background: url(../_images/puce_plus.gif) right no-repeat;
}

.rouge {
	color: #C0001A;
}
.boutton{
	width: inherit;
}
.warning2 {
    margin: 0.5em 0 0.5em 0;
    border: 0.1em solid #CC0000;
    background-image: url(../_images/puce_alert.gif);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding: 10px 10px 10px 36px;
    color: #CC0000;
    background-color: #FFFFCC;
}

.glossaire{
	margin-bottom:10px;
}

.glossaire h3{
	font-size:14px;
}

.glossaire p{
	padding-left:15px;
	margin-top:5px;
}

/* FORMATIONS */
.formationAcc,
.formationPage {
	clear: both;
	padding: 6px 9px 9px;
	position: relative;
	margin-top: 10px;
	width: 363px;
}
.formationPage {
	width: 554px;
}
.formationAcc h3,
.formationPage h3 {
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	margin: 0;
	padding: 0 0 7px;
	line-height: 14px;
}
.formationAcc ul,
.formationPage ul {
	margin: 0 0 0 15px;
	padding: 0;
}
.formationAcc li,
.formationPage li {
	color: white;
	font-size: 11px;
	line-height: 15px;
}
.formationAcc li a,
.formationPage li a {
	color: #727272;
	text-decoration: underline;
	display: block;
}
.formationAcc .fermebas,
.formationPage .fermebas {
	width: 381px;
	height: 0;
	padding-top: 9px;
	display: block;
	position: absolute;
	bottom: 0;
	overflow: hidden;
	left: 0;
}
.formationPage .fermebas {
	width: 572px;
}

.form_qualite {
	background: #c1dff2 url(../_images/background-formation_acc.png) 0 0;
}
.formationPage.form_qualite {
	background: #c1dff2 url(../_images/background-formation_page.png) 0 0;
}
.form_qualite h3 {
	color: #00a3de;
}
.form_qualite li a:hover {
	color: #00a3de;
}
.form_qualite .fermebas {
	background: url(../_images/background-formation_acc.png) 0 -291px;	
}
.formationPage.form_qualite .fermebas {
	background: url(../_images/background-formation_page.png) 0 -291px;	
}

.form_management {
	background: #ffe0c4 url(../_images/background-formation_acc.png) -381px 0;
}
.formationPage.form_management {
	background: #ffe0c4 url(../_images/background-formation_page.png) -572px 0;
}
.form_management h3 {
	color: #ee8027;
}
.form_management li a:hover {
	color: #ee8027;
}
.form_management .fermebas {
	background: url(../_images/background-formation_acc.png) -381px -291px;	
}
.formationPage.form_management .fermebas {
	background: url(../_images/background-formation_page.png) -572px -291px;	
}

.form_securite_personnes {
	background: #d5f4e3 url(../_images/background-formation_acc.png) -762px 0;
}
.formationPage.form_securite_personnes {
	background: #d5f4e3 url(../_images/background-formation_page.png) -1144px 0;
}
.form_securite_personnes h3 {
	color: #7eb35d;
}
.form_securite_personnes li a:hover {
	color: #7eb35d;
}
.form_securite_personnes .fermebas {
	background: url(../_images/background-formation_acc.png) -762px -291px;	
}
.formationPage.form_securite_personnes .fermebas {
	background: url(../_images/background-formation_page.png) -1144px -291px;	
}


.formationFiche {
}
.formationFiche h3 {
	font-size: 12px;
	padding-bottom: 0;
	margin-bottom: 0;
}
.formationFiche ul {
	margin-top: 0;
	padding-top: 0;
}
.formationFiche p {
	margin-bottom:1em;
}

.ficheForm_qualite h2,
.ficheForm_qualite h3 {
	color: #00a3de;
}

.ficheForm_management h2,
.ficheForm_management h3 {
	color: #ee8027;
}

.ficheForm_securite_personnes h2,
.ficheForm_securite_personnes h3 {
	color: #7eb35d;
}