/* html + body toutes pages */

html, body {
	color: #515151;
	margin: 0;
	padding: 0;
	border: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/commun/bkgrnd.gif);
	background-repeat:repeat-y;
	background-position: center;
	background-attachment: fixed
	}

#xiti {
	margin: 0;
	padding: 0;
	display: none
	}
	
/* textes + liens toutes pages */	

span {
	margin: 0;
	padding: 0
	}

p {
	text-align: justify;
	margin: 0;
	padding: 0
	}

.p-padding-10 {
	padding: 10px
	}
	
.align-left {
	text-align: left
	}

.align-right {
	text-align: right
	}
	
.align-center {
	text-align: center
	}
	
.align-justify {
	text-align:justify
	}
	
.comm-italic {
	font-size: 10px;
	font-style: italic
	}

.comm-small {
	font-size: 10px
	}
	
h1 {
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0 5px 10px;
	border-bottom: 1px solid #00b053;
	margin: 0 1px 10px 0;
	}

h2 {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #515151;
	margin: 0;
	padding: 3px 0 3px 10px;
	border-bottom: 1px solid #00b053
	}
	
h2 a:link, h2 a:hover, h2 a:visited, h2 a:active {
	color: #FFF;
	text-decoration: none
	}
	
h3 {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 3px 0 5px 10px;
	border-bottom: 1px solid #a7a7a7
	}
	
.titre {
	color: #515151;
	font-weight: bold;
	padding-bottom: 6px
	}

.gras-vert {
	color: #00b053;
	font-weight: bold
	}
	
a:link, a:visited, a:active {
	color: #00b053;
	text-decoration: underline
	}

a:hover { 
	color:#00CC00;
	text-decoration: underline
	}




/* images */

img {
	border:0
	}

.img-bordure-textdroite {
	border: 1px solid #515151;
	margin-right: 10px;
	float: left
}

.galerie {
	vertical-align: top;
	border: 1px solid #515151;
	margin: 15px 15px 0 0
	}

/* Mise en page templates */

#page {
	margin: 0 auto;
	width: 768px;
	padding-bottom: 1px;
	padding-left: 1px;
	}
html>body #page {
	padding-left: 0px
	}
	
#headercentre {
	float: left;
	width: 616px;
	}

#banner {
	margin-top: 1px
	}
	
#headerdroite {
	float: right;
	width: 147px;
	margin-top: 10px
	}

#centre {
	float: left;
	width: 606px
	}

#centre-avec-gauche {
	float: left;
	width: 430px
	}
	
#gauche {
	float: left;
	width: 176px;
	padding: 0;
	margin: 0;
	}

#droite {
	float: right;
	width: 147px;
	padding: 0;
	margin-top: 10px;
	color: #757575;
	text-align: left
	}
	
#footer {
	position: relative;
	width: 768px;
	height: 71px;
	margin: 0 auto;
	padding-left: 1px
	}
html>body #footer {
	padding-left: 0px
	}

.ligne {
	margin: 0;
	padding: 0;
	clear: both;
	}

hr {
	clear: both;
	visibility: hidden
	}


/* mise en page spéciale 1 niveau de navigation */

#centre-avec-gauche-1niv {
	float: left;
	margin-top: -21px;
	width: 430px
	}
	
#centre-1niv {
	float: left;
	margin-top: -21px;
	width: 606px
	}

#gauche-1niv {
	float: left;
	width: 176px;
	padding: 0;
	margin: -21px 0 0 0
	}

#droite-1niv {
	float: right;
	width: 147px;
	padding: 0;
	margin-top: -11px;
	color: #757575;
	text-align: left
	}

/* colonne de droite (contenus) */
	
#droite p,
#droite-1niv p {
	width: 135px;
	text-align: left
	}

#droite a:link, #droite a:visited, #droite a:active,
#droite-1niv a:link, #droite-1niv a:visited, #droite-1niv a:active {
	color: #3366cc;
	text-decoration: none;
	}

#droite a:hover,
#droite-1niv a:hover {
	color: #003192;
	text-decoration: none
	}
	
#droite input,
#droite-1niv input {
	font-size: 10px;
	}
	

/* accroches, sous-accroches, blocs */	

.accroche-full-blanc {
	float: left;
	width: 605px;
	color: #515151;
	margin: 1px 1px 0 0;
	padding: 0
	}

.accroche-full-clair {
	float: left;
	width: 605px;
	color: #515151;
	background-color: #e8e8e8;
	margin: 1px 1px 0 0;
	padding: 0
	}
	
.accroche-full-fonce {
	float: left;
	width: 605px;
	color: #FFF;
	background-color: #757575;
	margin: 1px 1px 0 0;
	padding: 0
	}

.accroche-interm {
	float: left;
	width: 429px;
	color: #FFF;
	background-color: #757575;
	margin: 1px 1px 0 0;
	padding: 0
	}

.accroche-interm-clair {
	float: left;
	width: 429px;
	color: #515151;
	background-color: #e8e8e8;
	margin: 1px 1px 0 0;
	padding: 0
	}

.accroche-interm-clair h2 {
	border-top: 1px solid #fff
	}

.accroche-demi-clair {
	float: left;
	width: 302px;
	color: #515151;
	background-color: #e8e8e8;
	margin: 1px 1px 0 0;
	padding: 0
	}

.accroche-demi-fonce {
	float: left;
	width: 302px;
	color: #FFF;
	background-color: #757575;
	margin: 1px 1px 0 0;
	padding: 0
	}

.accroche-full-blanc p,
.accroche-full-clair p,
.accroche-full-fonce p,
.accroche-demi-clair p,
.accroche-demi-fonce p {
	padding: 10px;
	}

.accroche-full-fonce a:link, .accroche-full-fonce a:visited, .accroche-full-fonce a:active,
.accroche-demi-fonce a:link, .accroche-demi-fonce a:visited, .accroche-demi-fonce a:active {
	color: #63f0a5;
	}
	
.accroche-full-fonce a:hover,
.accroche-demi-fonce a:hover {
	color: #99ff8b;
	}
	
.bloc-gris-interm {
	float: left;
	width: 429px;
	background-color: #e8e8e8;
	margin: 20px 1px 0 0;
	}
	
.bloc-gris-demi {
	float: left;
	width: 302px;
	background-color: #e8e8e8;
	margin: 20px 1px 0 0;
	}

.bloc-gris-small {
	float: left;
	width: 214px;
	background-color: #e8e8e8;
	margin: 20px 1px 0 0;
	}
	
.bloc-gris-small-2 {
	float: left;
	width: 214px;
	background-color: #e8e8e8;
	margin: 1px 1px 0 0;
	}
	
.bloc-blanc-full {
	float: left;
	width: 605px;
	margin: 20px 1px 0 0;
	}

.bloc-blanc-interm,
.bloc-blanc-2tiers {
	float: left;
	width: 429px;
	margin: 20px 1px 0 0;
	}

.bloc-blanc-demi {
	float: left;
	width: 302px;
	margin: 20px 1px 0 0;
	}
	
.bloc-blanc-small {
	float: left;
	width: 214px;
	margin: 20px 1px 0 0;
	}
	
.bloc-blanc-1tier {
	float: left;
	width: 175px;
	margin: 20px 1px 0 0;
	}
	
.bloc-gris-demi p,
.bloc-gris-small p,
.bloc-gris-small-2 p,
.bloc-blanc-full p,
.bloc-blanc-interm p,
.bloc-blanc-2tiers p,
.bloc-blanc-demi p,
.bloc-blanc-small p,
.bloc-blanc-1tier p {
	padding: 10px;
	}
	
.bloc-table-demi {
	float: left;
	width: 302px;
	padding: 0;
	margin: 20px 1px 0 0
	}
	
.bloc-table-demi .col {
	border-bottom: 1px solid #e8e8e8;
	padding-left: 5px;
	}

.bloc-table-demi .col-minimale {
	border-bottom: 1px solid #e8e8e8;
	padding-left: 10px;
	width: 1%;
	white-space: nowrap;
	}

.bloc-table-demi .col1 {
	border-bottom: 1px solid #e8e8e8;
	padding-left: 10px;
	width: 70px
	}
	
.bloc-table-demi .col2 {
	border-bottom: 1px solid #e8e8e8;
	width: 100px;
	text-align: right;
	}
	
.bloc-table-demi .col3 {
	border-bottom: 1px solid #e8e8e8;
	width: 60px;
	text-align: right;
	padding-right: 20px
	}
	
.info-centree {
	float: left;
	width: 100%;
	margin: 20px 0 0 -10px
	}

.info-centree p {
	text-align: center;
	}


/* listes à puces */

ul {
	padding: 0;
	margin: 0
	}

.liste-simple-puces li,
.liste-simple-puces-align-left li {
	background: url(images/commun/puce_grise_6x6.gif) no-repeat;
	background-position: 0 4px;
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0 10px 10px 15px;
	}

.liste-simple li,
.liste-simple-align-left li {
	list-style-type: none;
	padding: 10px 10px 0 10px
	}

.liste-simple li,
.liste-simple-puces li {
	text-align: justify;
	}
	
.liste-simple-align-left li,
.liste-simple-puces-align-left li {
	text-align: left;
	}
	
.liste-simple2 li {
	list-style-type: none;
	padding: 5px 0 0 10px;
	text-align: left
	}

.liste-simple-dernier {
	margin-bottom: 15px
	}

.doubleListe{
	display: block;
	margin: -13px 0 0 60px;
	text-decoration: none;
	}

.liste-pdf {
	display: block;
	background: url(images/commun/ico_download_pdf.gif) no-repeat;
	list-style-type: none;
	padding: 3px 0 0 25px;
	margin: 5px 10px 10px 10px;
	text-align: justify;
	height: 20px;
	}

.liste-wma {
	display: block;
	background: url(images/commun/ico_wma.gif) no-repeat;
	list-style-type: none;
	padding: 3px 0 0 25px;
	margin: 5px 10px 10px 10px;
	text-align: justify;
	height: 20px;
	}
	
.liste-real {
	display: block;
	background: url(images/commun/ico_real.gif) no-repeat;
	list-style-type: none;
	padding: 3px 0 0 25px;
	margin: 5px 10px 10px 10px;
	text-align: justify;
	height: 20px;
	}
	
.liste-img {
	display: block;
	background: url(images/commun/ico_img.gif) no-repeat;
	list-style-type: none;
	padding: 3px 0 0 25px;
	margin: 5px 10px 10px 10px;
	text-align: justify;
	height: 20px;
	}

.liste-xls {
	display: block;
	background: url(images/commun/ico_xls.gif) no-repeat;
	list-style-type: none;
	padding: 3px 0 0 25px;
	margin: 5px 10px 10px 10px;
	text-align: justify;
	height: 20px;
	}

a.liste-produit:link, a.liste-produit:visited, a.liste-produit:active {
	text-decoration: none;
	}

a.liste-produit:hover {
	text-decoration: underline;
	}


/* tableaux */

.tabSimple,
.tab-contenu-small,
.tab-noborder,
.tab-formulaire {
	margin: 5px 0 10px 0;
	width: 429px;
	/*margin: 5px 0 10px -1px;
	padding-left: 1px;
	width: 100%;*/
	}

.tabSimple td {
	border-bottom: 1px solid #e8e8e8;
	padding: 2px 10px 2px 10px;
	}

.tab-contenu-small td {
	font-size: 9px;
	border-bottom: 1px solid #e8e8e8;
	padding: 2px 10px 2px 10px;
	}

.tab-noborder td {
	padding: 2px 10px 2px 10px;
	}
	
.tab-formulaire td {
	padding: 5px 10px 5px 10px;
	}

.tabSimple-align-right {
	text-align: right
	}

.tabSimple-align-center {
	text-align: center
	}
	
.tabSimple-align-left {
	text-align: left
	}

.firstligne {
	background-color: #d9d9d9;
	font-weight: bold;
	border-top: 1px solid #515151
	}
	
.lastligne {
	border-bottom: 1px solid #515151
	}
	
.tab-ligne-e8e8e8 {
	background-color: #e8e8e8
	}


/* navigation interne 3e niveau */

.nav-interne {
	margin: 0 9px 0 9px
	}

.langues {
	text-align: right
	}

/* éléments de formulaire */

form {
	padding: 0;
	margin: 0;
	}

.bcvnet {
	padding-left: 10px
	}

input,
select,
textarea {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #515151;
	}
	
.readonly {
	background: transparent;
	border: 0;
	text-align:center;
	
	}
	
.total {
	font-weight: bold
	}
	
.transparent {
	background: transparent;
	border: 1px solid #A5ACB2
	}
	
.formcentre {
	text-align: center
	}