@charset "ISO-8859-13";
/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #E4F4F8;
	background-image: url(../pictures/bandeau.jpg);
	background-repeat: repeat-x;
}
#container {
	width: 790px;
	margin: auto;
}
#header {
	height: 130px;
	margin: 0px;
	background-image: url(../pictures/header.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#header a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
	text-decoration : none;
}
#header a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FF6600;
	text-decoration: none;
}
.tdheader {
	border: thin dashed #4DA3D2;
	padding: 0px;
	margin: 0px;
}
dl, dt, dd, ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#menu {
	position: absolute;
	top: 130px;
	height: 30px;
	z-index:100;
	width: 790px; /* precision pour Opera*/
}
div#menu div {
	float: left;
	width: 10.5em;
	cursor: pointer;
	text-align: center;
	color:#003366;
	height: 30px;
}
div#menu A, div#menu .title {
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	display: block;
	height: 20px;
	border: none;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
}
div#menu A:hover {
	background-color: #FFCC66;
}

div#menu ul.submenu {
	display: none;
	border-left-width: 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #99C5E0;
	background-repeat: repeat-x;
	background-position: bottom;
	background-image: url(images/menu-droit/content_bottom.jpg);
	background-color: #FFFFFF;
}
div#menu2 ul.submenu {
	width: 150px;
}
div#menu3 ul.submenu {
	width: 170px;
}
div#menu4 ul.submenu {
	width: 120px;
}
div#menu ul.submenu li {
	text-align: left;
	margin-left: 5px;
	font-size:12px;
	padding-bottom: 5px;
}
div#menu ul.submenu a {
	font-weight: normal;
}
div#menu ul.submenu li:hover {
	background-color: #FFCC66;
}

#contenu {
	background-image: url(../pictures/fond-contenu.jpg);
	background-repeat: repeat-y;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
	top: 30px;
	width:790px;
}
#gauche {
	width:770px;
	float:left;
}
/* ------------------- onglets ------------------------- */

#tabbed_box_1 {
	margin: 0px auto 0px auto;
	width:185px;
}
.tabbed_area {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-image: url(../pictures/fond-menu-gauche.jpg);
	background-repeat: repeat-x;
}
ul.tabs, ul.tabsfiche, ul.tabsmail {
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-bottom:6px;
}
ul.tabs li,ul.tabsfiche li, ul.tabsmail li {
	list-style:none;
	display:inline;
}
ul.tabs li a, ul.tabsfiche li a, ul.tabsmail li a {
	background-color:#0089ce;
	color:#FFFFFF;
	padding:8px 14px 8px 14px;
	text-decoration:none;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	background-repeat:repeat-x;
	background-position:bottom;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #006599;
	border-right-color: #006599;
	border-left-color: #006599;
}
ul.tabs li a:hover, ul.tabsfiche li a:hover, ul.tabsmail li a:hover {
	background-color:#99C5E0;
	border-color:#0996CE;
}
ul.tabs li a.active, ul.tabsfiche li a.active, ul.tabsmail li a.active {
	background-color:#ffffff;
	color:#282e32;
	border:1px solid #99C5E0;
	border-bottom: 0px solid #ffffff;
	background-image:url(../images/menu-droit/tab_on.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
#content_2, #content_3, #fiche_2, #fiche_3, #fichem_2 {
	display:none;
}
/* ------------------- menudroit ------------------------- */
#droit {
	background-color:#F5F5F5;
	clear:right;
	float:right;
	margin-right:-170px;
	margin-top:0px;
	width:180px;
}
.content {
	background-color:#ffffff;
	padding:10px;
	border:1px solid #99C5E0;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/menu-droit/content_bottom.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
.content ul {
	margin:0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.content ul li {
	list-style:none;
	border-bottom:1px solid #d6dde0;
	padding-top:15px;
	padding-bottom:15px;
	font-size:13px;
}
.content ul li:last-child {
	border-bottom:none;
}
.content ul li a {
	text-decoration:none;
	color:#3e4346;
}
.content ul li a small {
	color:#006699;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	top:0px;
}
.content ul li a:hover {
	color:#a59c83;
}
.content ul li a:hover small {
	color:#baae8e;
}

.content ul li.important {
	background-color: #E4F4F8;
}
/* ---- BAS --- */

#bas {
	position: relative;
	padding-top: 10px;
	color: #0069A2;
	width: 790px;
	top: 30px;
	height: 10px;
	background-image: url(../pictures/bas.jpg);
	background-repeat: no-repeat;
}
#footer {
	background-color: #E4F4F8;
	padding-top: 50px;
	color: #0069A2;
	margin-bottom: 20px;
	margin:auto;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* ------------------- fiches ------------------------- */

ul.tabsfiche {
	margin-left: 7px;
}
ul.tabsfiche li a.active {
	background-color: #E4F4F8;
}

/* ------------------- styles ------------------------- */
p {
	margin-top: 0px;
	margin-bottom: 0px;
}
h1 {
	font-size: 1.3em;
	color: #0066CC;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 23px;
	font-weight: bold;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #99C5E0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 5px;
	font-variant: small-caps;
	text-transform: capitalize;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #99C5E0;
	width: 720px;
}

h2 {
	font-size: 1.2em;
	color: #006699;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 23px;
	font-weight: bold;
	}

h3 {
	font-size: 1em;
	color: #006699;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 23px;
	font-weight: bold;
	}

fieldset {
	background-color: #E5F4F7;
	padding: 10px;
	border: 1px solid #A7C4E4;
	width: 735px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 7px;
}
fieldset fieldset {
	background-color: #FFFFFF;
	width: 60%;
	margin-right: 20%;
	margin-left: 20%;
}
.pbleuclair {
	color: #CDECFA;
}
.pheader12 {
	font-size: 12px
}
/* ------------------- tableau ------------------------- */

.titretab {
	font-size: 13px;
	font-weight: bold;
	color: #003366;
}
.soustitretab {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #003366;
}
.tabstat {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.solidefin, .solidefinblanc {
	border: 1px solid #9DC8D8;
	margin-left: 7px;
	padding: 5px;
	background-color: #E4F4F8;
}
.solidefinblanc {
	background-color: #FFFFFF;
	background-image:url(../images/menu-droit/content_bottom.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

TABLE.listfoot {
	MARGIN-LEFT: 5%;
	WIDTH: 90%
}
TABLE.listfoot TD.next {
	font-size: 11px;
	TEXT-ALIGN: right
}
TABLE.list {
	width: 720px;
}
TABLE.list TD.center {
	font-size: 11px;
	TEXT-ALIGN: center
}
TABLE.list TD.right {
	font-size: 11px;
	TEXT-ALIGN: right
}
TABLE.list TH {
	FONT-WEIGHT: bold;
	COLOR: #333333;
	BORDER-BOTTOM: white 1px solid;
	TEXT-ALIGN: left;
	font-size: 11px;
	padding-bottom: 7px;
}
TABLE.list TR.even {
	font-size: 11px;
	COLOR: black;
}
TABLE.list TR.uneven {
	font-size: 11px;
	COLOR: #333333;
	BACKGROUND-COLOR: #FFFFFF;
}
TABLE.listfoot TD.prev {
	font-size: 11px;
	TEXT-ALIGN: left
}
TABLE.list .img {
	MARGIN-LEFT: 1em;
	TEXT-ALIGN: right
}
TABLE.list A {
	COLOR: black;
	TEXT-DECORATION: none
}
TABLE.list TH.A {
	TEXT-DECORATION: none
}

TABLE.fiche {
	BORDER: thin;
	BACKGROUND-POSITION: center top;
	WIDTH: 100%;
}
TABLE.fiche TD.label {
	FONT-WEIGHT: bolder;
	FONT-SIZE: small;
	width: 15%;
}
TABLE.fiche TD.buttons {
	TEXT-ALIGN: center
}
TABLE.fiche TD.title {
	font-size: 1.2em;
	color: #006699;
	padding-top: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	font-weight: bold;
}
TABLE.fiche TD.value {
	FONT-SIZE: small;
	COLOR: black;
	width: 200px;
}
TABLE.list A:hover {
	COLOR: black;
	BACKGROUND-COLOR: #FFCD71;
	TEXT-DECORATION: underline;
	font-size: 11px;
}
TABLE.list TR.hover {
	font-size: 11px;
	BACKGROUND-COLOR: #FFCD71
}
#tabstat {
	PADDING-RIGHT: 1em;
	PADDING-LEFT: 1em;
	MARGIN-LEFT: 10%;
	WIDTH: 80%
}
.stat {
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	BORDER-LEFT: medium none;
	WIDTH: 13em;
	BORDER-BOTTOM: medium none
}
.stat TD.label {
	PADDING-LEFT: 1em;
	FONT-WEIGHT: bolder;
	FONT-SIZE: small;
	BORDER-BOTTOM: blue thin
}
.stat TD.value {
	FONT-SIZE: small;
	COLOR: black;
	BORDER-BOTTOM: blue thin
}
.stat TD.title {
	PADDING-RIGHT: 1em;
	PADDING-LEFT: 1em;
	FONT-WEIGHT: bolder;
	FONT-SIZE: small;
	COLOR: navy;
	BORDER-BOTTOM: blue thin solid;
	TEXT-ALIGN: left
}
#statbottom {
	MARGIN-TOP: 1em;
	WIDTH: 100%
}
#stattop1 {
	MARGIN-TOP: 2em;
	WIDTH: 100%
}
#stattop2 {
	MARGIN-TOP: 2em;
	WIDTH: 100%
}
.erreur {
	FONT-WEIGHT: bolder;
	COLOR: red;
	TEXT-ALIGN: center
}
.succes {
	FONT-WEIGHT: bolder;
	COLOR: green;
	TEXT-ALIGN: center
}
TABLE.list INPUT.readonly {
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	BORDER-LEFT: medium none;
	COLOR: green;
	BORDER-BOTTOM: medium none;
	BACKGROUND-COLOR: transparent
}
TABLE.list INPUT.total {
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	FONT-WEIGHT: bolder;
	BORDER-LEFT: medium none;
	BORDER-BOTTOM: medium none;
	BACKGROUND-COLOR: transparent
}
TABLE.minifiche {
	PADDING-RIGHT: 10%;
	PADDING-LEFT: 10%;
	MARGIN-BOTTOM: 1em;
	PADDING-BOTTOM: 8px;
	WIDTH: 95%;
	PADDING-TOP: 8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
TABLE.minifiche TD.label {
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	FONT-WEIGHT: bolder;
	FONT-SIZE: small;
	BORDER-LEFT: medium none;
	MARGIN-RIGHT: 1em;
	BORDER-BOTTOM: medium none
}
TABLE.minifiche TD.value {
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	FONT-SIZE: small;
	BORDER-LEFT: medium none;
	COLOR: black;
	BORDER-BOTTOM: medium none
}
TABLE.minifiche TD.buttons {
	PADDING-TOP: 1em;
	TEXT-ALIGN: center
}
TABLE.list TR.total {
	COLOR: #000000;
	font-weight: bold;
}
TABLE.list TH.center {
	FONT-WEIGHT: bolder;
	COLOR: black;
	BORDER-BOTTOM: white 1px groove;
	TEXT-ALIGN: center
}
TABLE.fiche DIV.white {
	BORDER-RIGHT: thin;
	PADDING-RIGHT: 5px;
	BORDER-TOP: thin;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	MARGIN: 5px 100px;
	BORDER-LEFT: thin;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: thin;
	BACKGROUND-COLOR: white
}
TABLE.fiche TD.notes {
	COLOR: blue;
	BACKGROUND-COLOR: white
}
.notes {
	BORDER-RIGHT: 1px inset;
	PADDING-RIGHT: 1em;
	BORDER-TOP: 1px inset;
	PADDING-LEFT: 1em;
	MARGIN: 1em 1em 1em 7%;
	OVERFLOW: auto;
	BORDER-LEFT: 1px inset;
	WIDTH: 70%;
	BORDER-BOTTOM: 1px inset;
	BACKGROUND-COLOR: #e0ffff;
	TEXT-ALIGN: justify
}
.notes OL {
	LIST-STYLE-TYPE: none
}
.notes .example {
	PADDING-LEFT: 1em;
	TEXT-INDENT: 1em;
	FONT-STYLE: italic
}
.notes H2 {
	FONT-WEIGHT: lighter;
	FONT-SIZE: large;
	COLOR: black;
	TEXT-ALIGN: center
}
.red {
	COLOR: red
}
#header .small {
	FONT-SIZE: smaller
}
table.fiche .customfields {
	OVERFLOW: auto;
	HEIGHT: 25em
}

.versionpaiement
{
	background-color: beige;
	padding: 10px;
	border: 1px solid #A7C4E4;
/*	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
*/	width: 90%;
}