#container {
	height: 100%;
	position: relative;
}
#body {
   padding: 0;
   background: #EFEAE6 url("../img/degrade_fond.jpg") repeat-x top;
}

* html div#container {
	height: 100%; /* fix IE 5.5, 6 and 7 */
}
html:first-child body {
	height: 100%; /* fix opera 9.22 and 7.10 */
}
a {
	font-weight: bold;
	text-decoration: none;
	color: #819BA7
}
a:hover {
	text-decoration: none;
	color: #EE9723;
}

/* element generaux */
html {
   margin:0;
   padding:0;
   height:100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet MS',Verdana,Arial,Sans-serif;
	font-size: 13px;
	color: #333;
	height: 100%;
}
img {
	border-width: 0;
}
* {
	font-size: 13px;
}
.centrage {
	position: relative;
	text-align: center ; /* centre texte (+ boite ou table sous IE seul) */
	margin: auto; /* centre boite ou table, sauf sous IE */
}

.message-val {
	color: #C06B46;
}

.vertical-top {
	vertical-align: text-top;
}

/* header */
.header1 {
	background: #304C62;
	position: relative;
	border-width: 0;
	padding: 0;
}
.header2 {
	width: 1009px;
}
.header-ombre-gauche {
	padding-left: 27px;
	background: #143E56 url('../img/header_ombre_gauche.jpg') no-repeat top left;
}
.header-ombre-droite {
	padding-right: 27px;
	background: #143E56 url('../img/header_ombre_droite.jpg') no-repeat top right;
}

/* menu */
.menu1 {
	position: relative;
	border-width: 0;
	padding: 0;
}
.menu2 {
	width: 955px;
	padding: 0;
}
.menu_arrondi {
	width: 368px;
	height: 75px;
	background: url(../img/arrondi.jpg) no-repeat;
	float: left;
	padding: 0;
	margin: 0;
}
.menu_gauche {
	width: 31px;
	height: 75px;
	background: url(../img/menu_gauche.jpg) no-repeat;
	float: left;
	padding: 0;
	margin: 0;
}
.menu_droite {
	width: 26px;
	height: 75px;
	background: url(../img/menu_droite.jpg) no-repeat;
	float: left;
	padding: 0;
	margin: 0;
}
.menu_bouton_on {
	width: 128px;
	height: 75px;
	background: url(../img/menu_bout_on.jpg) no-repeat;
	float: left;
	padding: 0;
	margin: 0;
}
.menu_bouton_on h1 {
	width: 100%;
	font-size: 16px;
	padding: 40px 0 0 0;
	margin: 0;
}
.menu_bouton_off {
	width: 128px;
	height: 75px;
	background: url(../img/menu_bout_off.jpg) no-repeat;
	float: left;
	padding: 0;
	margin: 0;
}
.menu_bouton_off h1 {
	width: 100%;
	font-size: 16px;
	padding: 40px 0 0 0;
	margin: 0;
	cursor: pointer;
    cursor: hand; /* ie 5.5 */
}
.menu_bouton_off a {
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: black;
}
.menu_bouton_off a:hover {
	text-decoration: none;
	color: #EE9723;
}
.menu_arrondi-11 {
	width: 6px;
	height: 75px;
	background: url(../img/arrondi-11.jpg) no-repeat;
	float: left;
	padding: 0;
	margin: 0;
}
.menu_arrondi-09 {
	width: 6px;
	height: 75px;
	background: url(../img/arrondi-09.jpg) repeat-x;
	float: left;
	padding: 0;
	margin: 0;
}
.menu_droite_temp {
	width: 160px;
	height: 75px;
	background: url(../img/menu_droite_temp.jpg) no-repeat;
	float: left;
	padding: 0;
	margin: 0;
}

/* layout page */
.page-boite {
	width: 1009px;
	text-align: left;
	background: white;
}
.page-ombre-gauche {
	padding-left: 27px;
	background: url('../img/ombre_gauche.jpg') no-repeat top left;
}
.page-ombre-droite {
	padding-right: 27px;
	background: url('../img/ombre_droite.jpg') no-repeat top right;
}
.page-ombre-gauche-infinie {
	background: url('../img/ombre_gauche_infinie.jpg') repeat-y left;
}
.page-ombre-droite-infinie {
	background: url('../img/ombre_droite_infinie.jpg') repeat-y right;
}

/* layout colonne gauche */
.west-column {
	bottom: 0;
	float: left;
	background: #E6E4E5 url('../img/arrondi_colonne_gauche.jpg') no-repeat left top;
	width: 275px;
	padding: 30px 0 0 0;
	margin: 0;
}
.west-column-table {
	width: 100%;
	padding: 20px 0 0 0;
}
.west-column-table form {
	padding: 0;
	margin: 0;
}

/* boite d'affichage navigation gauche */
.navbox1 {
	padding: 0 0 6px 0;
	margin: 0 0 15px 13px;
	width: 241px;
	background: white url("../img/module_gauche_bas.jpg") no-repeat right bottom;
}
.navbox2 {
	padding: 8px 0 0 10px;
	background: url("../img/module_gauche_haut.jpg") no-repeat left top;
}
.navbox3 {
	border: 0;
	width: 229px;/*IE*/
	max-width: 215px;/*Firefox*/
	padding-left: 12px;
}
.navbox2>.navbox3 {
	border-bottom-width: 0;
}
.navbox3 a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #999999
}
.navbox3 a:hover {
	text-decoration: none;
	color: #EE9723;
}
.navbox3 ul {
	padding-left: 0;
	margin-bottom: 5px;
	margin-left: 0px;
	list-style: none;
}
.navbox3 li {
	margin: 0 0 .25em;
	padding: 0 0 0 15px;
	background: url("../img/puce_orange.png") no-repeat -1px 0.5em;
	line-height: 1.7em;
}
.navbox3-title {
	padding-bottom: 15px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
}
.navbox3-recherche {
	margin-top: 5px;
	border: 0;
	height: 25px;
	background: url('../img/fond_champ_recherche.jpg') no-repeat;
	font-size: 13px;
	width: 190px;
}

/* carte */
.carte-boite {
	width: 200px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
}


/* layout colonne centrale */
.layout-center-column {
	float: left;
	width: 630px;
	margin-left: 30px;
	padding-top: 5px;
}
	
/* footer */
#footer {
	position: relative;
	bottom: 0;
	width: 100%;
	height: 30px;   /* height of the footer */
	background: #304C62;
}
.footer-centrage {
	position: relative;
	width: 955px;
	height: 30px;
	background: #143E56;
	color: #CAE972;
}
.footer-centrage a {
	color: #CAE972;
	text-decoration: none;
}
.footer-centrage a:hover {
	color: #EE9723;
	text-decoration: none;
}

/* boite d'affichage 1 zone de travail */
.box1_bg {
	background: #EFF4DD url("../img/boite_b_g.jpg") 0 100% no-repeat;
}
.box1_bd {
	background: url("../img/boite_b_d.jpg") 100% 100% no-repeat;
}
.box1_hg {
	background: url("../img/boite_h_g.jpg") 0 0 no-repeat;
}
.box1_hd {
	background: url("../img/boite_h_d.jpg") 100% 0 no-repeat;
	padding: 10px;
}
.box1 {
	border: 0;
	padding: 0 15px 0 15px;
}
.box1_hg table {
	width: 100%;
}
.box-centrage {
	width: 100% ;
	text-align: left;
}
.box-header {
	height: 30px;
	font-size: 18px;
	font-weight: bold;
	color: #A3C21F;
	text-align: left;
}

/* boite d'affichage 2 zone de travail */
.box2 {
}
.box2-titre {
	font-size: 20px;
	font-weight: bold;
	color: #A3C21F;
}

/* boite d'affichage zone de travail (avec onglet) */
.box2-tab {
	background: url("../img/head_content2.gif") no-repeat left top;
}
.box2-tab>.box3 {
	border-bottom-width: 0;
}
.box-tab-title {
	height: 35px;
	margin-left: 10px;
	padding-top: 5px;
	font-size: 18px;
	font-weight: normal;
}

/* boite d'affichage infos dans inscription */
.box4_bg {
	background: #EFF4DD url("../img/box4_b_g.jpg") 0 100% no-repeat;
}
.box4_bd {
	background: url("../img/box4_b_d.jpg") 100% 100% no-repeat;
}
.box4_hg {
	background: url("../img/box4_h_g.jpg") 0 0 no-repeat;
}
.box4_hd {
	background: url("../img/box4_h_d.jpg") 100% 0 no-repeat;
	padding: 10px;
}
.box4-title {
	/*height: 30px;*/
	font-size: 14px;
	font-weight: bold;
	color: #A3C21F;
	text-align: left;
	padding-left: 10px;
}
.box4-content {
	margin-left: 20px;
}

/* catalogue */
.catalogue-image {
	width: 20px;
}
.catalogue-libelle {
}
a.catalogue-link {
	font-size: 15px;
	font-style: normal;
	line-height: 16px;
	color: #143E56;
	font-weight: bold;
	text-decoration: none;
	padding-left: 0px;
}
a.catalogue-link:hover {
	font-size: 15px; 
	font-style: normal; 
	line-height: 16px; 
	color: #EE9723; 
	font-weight: bold; 
	text-decoration: none; 
}

/* accueil */
.accueil-box {
	color: #999999
}
.accueil-box ul {
	padding-left: 0;
	margin-left: 50px;
	list-style: none;
}
.accueil-box li {
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 .25em;
	padding: 0 0 0 25px;
	background: url("../img/puce_orange.jpg") no-repeat -10px 0em;
	line-height: 1.7em;
}

.info-box {
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: -15px;
}
.info-box ul {
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	list-style: none;
    height: 54px;
	width: 300px;
}
.info-box li {
	display: block;
	position: relative;
	background: none;
	padding: 0;
	margin: 0;
	line-height: 18px;
	height: 18px;
	width: 100%;
	overflow: hidden;
	float: left;
	clear: left;
}

/*  liste produit  */
.prodlst-title {
	font-size: 20px;
	font-weight: bold;
	color: #A3C21F;
	padding-top: 20px;
	margin-bottom: 5px;
}
.prodlst1 {
	margin-left:-15px;
}
.prodlst1-row {
	font-weight: bold;
	height: 30px;
}
.prodlst1-column1 {
	padding: 0;
	margin: 0;
}
.prodlst1-column2 {
}
.prodlst1-title {
	font-size: 16px;
	padding: 0;
	margin: 0;
}
.prodlst2 {
	width: 100%;
	border-collapse: collapse;
	border-width: 0;
	color: #143E56;
}
.prodlst2 a {
	text-decoration: none;
	color: #143E56;
}
.prodlst2 tr.over {
	background: rgb(250, 247, 184);/*#EE9723;*/
    color: #143E56;
    cursor: pointer;
    cursor: hand; /* ie 5.5 */

}
.prodlst2-odd-row {
	background-color: #EFF4DD;
}
.prodlst2-odd-row td {
	padding: 6px 0 6px 0;
}
.prodlst2-even-row {
	background-color: white;
}
.prodlst2-even-row td {
	padding: 6px 0 6px 0;
}
.prodlst2-column1 {
	padding-left: 0px;
	vertical-align: middle;
	width: 480px;
}
.prodlst2-column2 {
	vertical-align: middle;
	text-align: center;
	width: 60px;
}
.prodlst2-column3 {
	vertical-align: middle;
	width: 50px;
}
.prodlst-centrage {
	width: 100%;
	text-align: left;
}
.prodlst-legende-centrage {
	width: 40%;
	text-align: left;
}
.prodlst-scroll-centrage {
	width: 20%;
	text-align: center;
}

/* detail produit */
.prodet-title-col1 {
	width: 60px;
}
.prodet-title-col2 {
	text-align: left;
}
.prodet-title {
	font-size: 20px;
	color:#143E56;
}
.prodet-title a {
	font-size: 20px;
	text-decoration: none;
	color: #143E56
}
.prodet-title a:hover {
	text-decoration: none;
	color: #EE9723;
}
.prodet-box-centrage {
	width: 520px ;
	text-align: left;
}
.prodet-smallbox-header1 {
	width: 9px;
}
.prodet-smallbox-header2 {
	background: url("../img/module_produit_centre.jpg") repeat-x 0em;
	color: white;
	font-weight: bold;
	font-size: 14px;
}
.prodet-smallbox-header3 {
	width: 9px;
}
.prodet-misc-col {
	vertical-align: top;
}
.prodet-link a {
	font-weight: bold;
	text-decoration: none;
	color: #999999
}
.prodet-link a:hover {
	text-decoration: none;
	color: #EE9723;
}

/* detail produit - inscription */
.prodins-form1-col {
	vertical-align: top;
}
.prodins-form2-header {
	text-align: left;
	font-weight: bold;
}
.prodins-form2-col1 {
	width: 1px;
	padding: 0 15px 0 0;
	margin: 0;
}
.prodins-form2-col2 {
}
.prodins-form3-col1 {
	vertical-align: top;
	width: 92px;
}
.prodins-form3-col2 {
	vertical-align: top;
}
.prodins-form-title {
	font-size: 14px;
	font-weight: bold;
}
.prodins-form-title-col1 {
	width: 10px;
}
.prodins-form-title-col2 {
}
.prodins-recap-part {
	padding-top: 5px;
	margin-top: 0;
}
.prodins-recap-part-item {
	list-style-image: url("../img/puce1.gif");
}
.prodins-nav {
	margin-top: 20px;
}
.prodins-nav td {
	width: 200px;
	text-align: center;
}

/* programme de formation */
.prog-title1 {
	padding-left: 0;
	margin-left: 5px;
	list-style: none;
}
.prog-title1 li {
	margin: 0 0 0.9em;
	padding: 0 0 0 12px;
	background: url("../img/puce2.gif") no-repeat 0px .50em;
	line-height: 1.7em;
}
.prog-title1 h3 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: rgb(20, 62, 86);
}
.prog-title2 {
	padding-left: 0;
	margin-left: 0px;
	list-style: none;
}
.prog-title2 li {
	margin: 0 0 .25em;
	padding: 0 0 0 12px;
	background: url("../img/puce1.gif") no-repeat 2px .45em;
	line-height: 1.2em;
}


/* compte client */
.compteclient-nav {
	width: 200px;
	text-align: center;
}
.clientins-form-col1 {
	vertical-align: top;
	width: 90px;
}
.clientins-form-col2 {
	vertical-align: top;
}
.clientins-form-title-col1 {
	width: 10px;
}
.clientins-form-title-col2 {
}
.clientins-form-title {
	font-size: 14px;
	font-weight: bold;
}

/* contact */
.contact-header {
	text-align: left;
	font-size: 14px;
}

/* informations */
.informations-header {
	text-align: left;
	font-size: 14px;
}

/* mentions légales */
.mentionslegales-header {
	text-align: left;
	font-size: 14px;
}

/* HTML saisie en ligne par syntaxe wiki */
.wiki ul  {
	padding-left: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	list-style: none;
}
.wiki li {
	background: url("../img/puce2.gif") no-repeat 2px .45em;
	margin: 0 0 .25em;
	padding: 0 0 0 12px;
	line-height: 1.2em;
}
.wiki p {
	margin: 0;
	padding: 10px 0 0 0;
}