body {
	background-color: #e3edf6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #28587b;
	margin: 0;
	padding: 0;
	text-align: center; /* centre le conteneur dans les navigateurs IE 5.x. Ensuite aligné à gauche dans #container */
}
#contenu_total {
	position: relative;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */ 
	width: 968px;
	background-color: #ffffff;
	border-left: solid 1px #d4dee5;
	border-right: solid 1px #d4dee5;
	text-align: left; /* annule le paramètre text-align: center dans body */
}
#contenu_footer {
	position: relative;
	margin: 0 auto;
	width: 968px;
	background-color: #e3edf6;
	border: 0px;
	text-align: left;
}
#header {
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
}
#banner {
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
}
#menubar {
	position: absolute;
	left: 0px;
	width: 214px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	background-color: #000000; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	/*padding: 0px 0px 0px 0px;*/
}
#mainContent {
	margin-left: 214px;
	padding: 0px;
	background-color: #ffffff;
}
footer {
	padding: 0;
	margin: 0;
	/*width: 968px;*/
	height: 7px;
	background-color: #e3edf6;
}

/* COLONNE GAUCHE MENU -----------------------------------*/
#contentMenu {
	margin: 0px;
	padding: 17px 0px 0px 0px;
	background: #ffffff;
}
table.menu {
	margin: 0px;
	padding: 0px;
	width: 205px;
	border: 0;
}
td.menu {
	margin: 0px;
	padding: 2px;
	border-bottom: dotted 1px #cccccc;
	text-align: left;
}
td.menuProducts {
	margin: 0px;
	padding: 2px;
	border: 0;
}
td.menuProducts2 {
	margin: 0px;
	padding: 2px 2px 2px 12px; /*decalage vers droite des products*/
	border: 0;
}
td.menuProducts3 {
	margin: 0px;
	padding: 2px 2px 7px 12px; /*decalage vers droite des products*/
	border-bottom: dotted 1px #cccccc;
}
td.puce {
	margin: 0px;
	padding: 0px 5px 0px 0px;
	border: 0;
	width: 12px;
	text-align: right;
}
td.puce2 {
	margin: 0px;
	padding: 0px 5px 0px 0px;
	border: 0;
	width: 12px;
	text-align: right;
	vertical-align:top;
}
a.menu {
	font-weight: bold;
	letter-spacing: 1px;
}
a.menu:hover {
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: underline;
}
a.menuProducts {
	font-weight: normal;
}
a.menuProducts:hover {
	font-weight: normal;
	text-decoration: underline;
}

/* COLONNE DROITE TEXTES ---------------------------------*/
#contentPage {
	margin: 0px;
	padding: 23px 35px 23px 35px;
	/*height: 450px; /*ici pour taille min de page*/
	background: #ffffff;
	border-left: solid 1px #d4dee5;
}

/* MISES EN FORME TEXTES ---------------------------------*/
p {
	margin: 0px;
	line-height: 17px;
}
.interligne {
	margin: 0px;
	line-height: 9px;
}
.pageTitle {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 1px;
	color: #ffffff;
}
.SubTitleCapital {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	color: #28587b;
	text-transform : uppercase;
}
.SubTitleUnderline {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	color: #28587b;
	text-transform : uppercase;
	border-bottom: solid 1px #dddddd;
}
.SubTitleCadre {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	color: #28587b;
	border: solid 1px #bed3e8;
	padding: 4px;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #28587b;
	line-height: 25px;
}
.LittleTypo {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	color: #28587b;
	line-height: 13px;
}

/* LES LIENS ---------------------------------------------*/
a {
	color: #28587b;
	text-decoration: none;
}
a:hover {
	color: #4278a1;
	text-decoration: underline;
}
a.UnderLink {
	color: #28587b;
	text-decoration: underline;
}
a.UnderLink:hover {
	color: #4278a1;
	text-decoration: underline;
}

/* LES LISTES PUCES --------------------------------------*/
ul{
	list-style-type:square;
	margin-top: 0px;
	margin-bottom: 0px;
	/*margin-left: 18px;*/
	margin-right: 0px;
	line-height: 17px;
}

/* LES IMAGES --------------------------------------------*/
img {
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
}
.imgFlotRightTop {
	float: right;
	margin-left: 22px;
	margin-bottom: 17px;
	margin-top: 3px;
}
.imgFlotLeftTop {
	float: left;
	margin-right: 22px;
	margin-bottom: 17px;
	margin-top: 3px;
}
.imgFlotRight {
	float: right;
	margin-left: 22px;
	margin-bottom: 15px;
	margin-top: 15px;
}
.imgFlotLeft {
	float: left;
	margin-right: 22px;
	margin-bottom: 15px;
	margin-top: 15px;
}

/* LES TABLEAUX ------------------------------------------*/
table {
	border: 0px;
}
td {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}
td.alignTopLeft {
	vertical-align: top;
	text-align: left;
}
td.alignTopRight {
	vertical-align: top;
	text-align: right;
}
td.alignTopMiddle {
	vertical-align: top;
	text-align: center;
}
table.large {
	width: 968px;
	border: 0px;
	padding: 0px;
}
table.formulaire {
	width: 680px;
	border: 0px;
}
table.formulaire td{
	padding: 2px 0px 2px 0px;
}
td.headerLeft {
	margin: 0px;
	padding: 0px;
	border: 0;
	text-align: left;
	vertical-align: top;
	background: #FFFFFF;
}
td.headerRight {
	margin: 0px;
	padding: 0px;
	border: 0;
	text-align: right;
	vertical-align: top;
	background: #FFFFFF;
}
td.bannerTitle {
	margin: 0px;
	padding: 8px 0px 0px 34px;
	border: 0;
	width: 713px;
	text-align: left;
	background: #FFFFFF url(../images/banner_right.jpg) no-repeat;
}
td.bannerLeft {
	margin: 0px;
	padding: 0px;
	border: 0;
	width: 165px;
	text-align: left;
	vertical-align: top;
	background: #FFFFFF;
}

/* LES ELEMENTS FORMULAIRES ------------------------------*/
input {
	border-right: #bed3e8 1px solid;
	border-top: #bed3e8 1px solid;
	border-left: #bed3e8 1px solid;
	border-bottom: #bed3e8 1px solid;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4278a1;
	cursor: pointer;
}
textarea {
	border-right:#bed3e8 1px solid;
	border-top: #bed3e8 1px solid;
	border-left: #bed3e8 1px solid;
	border-bottom: #bed3e8 1px solid;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4278a1;
}
select {
	border-right: #bed3e8 1px solid;
	border-top: #bed3e8 1px solid;
	border-left: #bed3e8 1px solid;
	border-bottom: #bed3e8 1px solid;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4278a1;
}
button {
	background-color: #e5ecf4;
}
.formu {
	margin: 0px;
	line-height: 15px;
}


/*
------------- RAPPEL COULEURS --------------------------
#e3edf6 = gris: color bakground body
#d4dee5 = gris: color 3 bords verticals
#28587b = bleu: color texte body
#bed3e8 = bleu clair: champs formulaire, cadre subtitle


------------- NEW --------------------------*/
.imar {
	color: #999999;
	font-size: 90%;
	padding-left:30px;
	vertical-align:bottom;
	width:320px;
}
.imar2 {
	color: #999999;
	font-size: 90%; text-align:right;
	vertical-align:bottom;}
.imar1 {
	color: #999999;
	font-size: 90%;
	padding-left:30px;
	vertical-align:bottom;
}
.imal {
	color: #999999;
	font-size: 90%;
	padding-right:90px;
	vertical-align:bottom;
	width:300px;
}
.imal2 { margin-right:20px;
}
.small {
	color: #999999;
	font-size: 90%;}
/*
h2 {
	font-weight: normal;
	color: #28587b;
	border-bottom: solid 1px #dddddd;
	font-size: 140%;
}*/
h1 {
	font-weight: normal;
	font-size: 160%;
	color:#F8B333;
	margin-top: 0px;
}
h2 {
	font-weight: normal;
	border-top: solid 2px #F8B333;
	font-size: 140%;
	padding-bottom:4px;
	margin-bottom:4px;
	margin-top: 20px;
	padding-top: 4px;
	margin-right:50px;
}
h3 {
	font-size: 110%;
	margin-top: 20px;
	padding-top: 4px;
	margin-bottom:4px;
}
/*
------------- home --------------------------
*/
.news {
	font-size: 110%;
	color: #F8B333;
}
#contenu_total #mainContent #contentPage #home {
	background-image: url(../images/home.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:363px;
}
#contenu_total #mainContent #contentPage #home td{
	padding-left: 390px;
	vertical-align: bottom;
}
#contenu_total #mainContent #contentPage #home h2 {
	font-weight: normal;
	color: #F8B333;
	font-size: 160%;
	border-bottom: none 1px #dddddd;
	padding-bottom:0px; margin-bottom:0px;
}
#contenu_total #mainContent #contentPage #home p {
	padding: 12px;
	background-color: #F8B333;
	color:#FFFFFF; width:200px;
	font-size: 110%;
}
#contenu_total #mainContent #contentPage #home2 {
	background-image: url(../images/products.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:322px;
}
#contenu_total #mainContent #contentPage #home2 td{
	padding-left: 369px;
	vertical-align: bottom;
}
#contenu_total #mainContent #contentPage #home2 h2 {
	font-weight: normal;
	color: #F8B333;
	font-size: 160%;
	border-bottom: none 1px #dddddd;
	padding-bottom:1px; margin-bottom:1px;
}
#contenu_total #mainContent #contentPage #home2 p {
	padding: 12px;
	background-color: #F8B333;
	color:#FFFFFF; width:200px;
	font-size: 110%;
}
#contenu_total #mainContent #contentPage #home2 h2 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.p_home {
	text-align: justify;
	width: 591px;
	padding-top: 20px;
}
.p_page {
	text-align: justify;
	padding-right:50px;
}
.table_page {
	text-align: justify;
	margin-right:50px;
}
.list_v {
	list-style-image: url(../images/checked.gif);
}
.list_bullet { list-style: disc; line-height:1.8;
}
/*------------- dose-admin --------------------------
*/
#dose_admin {
	color: #999999;
	font-size: 90%;
	vertical-align:top;
	text-align: justify;
	width: 633px;}
#dose_admin td{
	vertical-align:top;}
.midtd { 	padding: 0px 15px 0px 15px;}
#mainContent a.red {
	padding: 2px 0 10px 0;
	font-weight: bold;
	color: #F30;
}
.news  a {
	text-decoration: underline;
}

