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

* {
	margin:0;
	padding:0;
}
body {
	background:#FFFFFF;
	font-size:11px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
fieldset{
	width: 40%;
	border-width: 2px;
	float: left;
	margin-right: 5%;
}
legend{
	font-size: 16px;
	margin-left: 10px;
}
#page {
	background:#FFFFFF url(../images/bg-page.gif) repeat-y scroll 0 0;
	width:984px;
	margin:0 auto;
	text-align:justify;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à l'entête */
/* -------------------------------------------------------------------------------------------- */

#header {
	background:#FFFFFF url(../images/bg-page.gif) repeat-y 0 0;
	position:absolute;
	width:980px;
	padding:0 2px;
	height:135px;
	top:0;
}
#header h1,
#header h2 {
	position:absolute;
	left:120px;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-weight:normal;
}
	#header h1 {
		top:15px;
		font-size:26px;
	}
	#header h2 {
		top:45px;
		font-size:13px;
	}
#header a.logo {
	position:absolute;
	left:10px;
	top:10px;
}
#header a.logo img {
	border:none;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au bloc #TOOLS */
/* -------------------------------------------------------------------------------------------- */

#tools {
	position:absolute;
	right:2px;
	top:0;
	padding:5px;
}
#tools li {
	list-style:none;
	display:inline;
	padding:0 5px;
}
#tools a {
	color:#515151;
	font-size:10px;
	text-decoration:none;
}




/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au bloc #LOCATION */
/* -------------------------------------------------------------------------------------------- */

#location {
	position:absolute;
	width:980px;
	margin:0;
	height:30px;
	top:105px;
	text-align:left;
	background-color:#F4F4F4;
	font-size:10px;
}

#location p.info {
	position:absolute;
	height:20px;
	padding:10px 5px 0;
	left:180px;
	color:#515151;
}
#location ul.icons {
	position:absolute;
	width:150px;
	height:20px;
	padding:5px 5px 0;
	right:0;
	text-align:right;
}
#location ul.icons li {
	display:inline;
	padding:0;
}
#location a img {
	border:none;
	outline:none;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables à la navigation */
/* -------------------------------------------------------------------------------------------- */

#navigation {
	position:absolute;
	z-index:100;
	width:980px;
	margin:0;
	height:25px;
	top:80px;
	text-align:left;
}

#navigation #menu {
	position:absolute;
	top:0;
	left:8px;
	height:25px;
}

#navigation li {
	display:block;
	float:left;
	list-style:none;
}

#navigation a {
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	/*float:left;*/
	padding:5px 10px;
	color:#79797B;
	margin-right:1px;
}
	#navigation li.highlight a {
		background-color:#F4F4F4;
	}
#navigation a:hover {
	border:1px solid #DDDDDD;
}

#navigation li ul {
	position:absolute;
	z-index:5000;
	width:200px;
	left:-999em;
	text-align:left;
	top:23px;
	border-top:1px solid #DDDDDD;
	background-color:#FFFFFF;
}
#navigation li:hover ul, #navigation li.sfhover ul {
	left:auto;
}
#navigation li:hover a, #navigation li.sfhover a {
	border:1px solid #DDDDDD;
}
#navigation li ul li {
	background-image:none;
	width:200px;
	padding:0;
	text-align:left;
}
#navigation li ul li a, #navigation li:hover ul li a, #navigation li.sfhover ul li a, #navigation li.highlight ul li a {
	width:180px;
	padding:5px 9px;
	display:block;
	font-weight:normal;
	text-transform:none;
	border:solid #DDDDDD;
	background-color:#FFFFFF;
	border-width:0 1px 1px;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au contenu */
/* -------------------------------------------------------------------------------------------- */

#global {
	color:#515151;
	padding:145px 2px 20px;
	min-height:250px;
	height:auto;
}
#global.layoutDouble {
}

/* -------------------------------------------------------------------------------------------- */
/* BOX MODELS */

.col140 {
	width:140px;
	text-align:left;
}
.col140.petit {
	width:20px;
	text-align:left;
}
.col140.moyen {
	width:100px;
	text-align:left;
}
.col280 {
	width:280px;
	text-align:left;
}
.col350 {
	width:350px;
}
.col770 {
	width:832px;
}
.col770.gros{
	width: 954px;
}
.col140,
.col280,
.col350,
.col770 {
	float:left;
}

#global .borderBlock {
	margin:5px 10px;
	border:1px solid #D8D8D8;
}

/* -------------------------------------------------------------------------------------------- */

#global p,
#global ul,
#global ol,
#global form,
#global dl,
#global blockquote,
#global h1,
#global h2,
#global h3,
#global h4,
#global h5,
#global h6,
#global .swf {
	padding:5px 10px;
}

#global table {
	margin:5px 10px;
}
#global form,
#global input,
#global textarea,
#global select,
#global option,
#global blockquote,
#global table,
#global tr,
#global th,
#global td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#global h2 {
	font-size:17px;
	background:url(../images/bg-h2.gif) repeat-x 0 100%;
	margin:10px;
	padding:0 0 15px;
}
#global h3 {
	font-size:15px;
}

#global h4 {
	font-size:11px;
}
	#global .borderBlock h4 {
		font-size:11px;
		background:url(../images/bg-h2.gif) repeat-x 0 100%;
		margin:10px 0 10px;
		padding:0 10px 20px;
	}
	#global h4 span.contrast {
		background-color:#333333;
		color:#FFFFFF;
		padding:2px 5px;
	}
#global h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:normal;
	color:#821980;
}

#global p.alert {
	background:url(../images/bg-p-alert.gif) repeat 0 0;
	border:1px solid #ACACAC;
	margin:5px 10px;
}

#global p.gAlert {
    background: url("../images/bg-alert.gif") no-repeat scroll 0 center #DC002E;
    color: #FFFFFF;
    font-weight: bold;
    margin: 5px 10px;
    padding-bottom: 8px;
    padding-left: 35px;
    padding-top: 8px;
}

#global ul {
}

#global li {
	list-style:none;
	background:url(../images/bg-li.gif) no-repeat 0 4px;
	padding:0 0 5px 15px;
}

#global a {
	color:#0066CC;
	outline:none;
}
#global a.bt {
	padding:2px 5px 2px 20px;
	text-decoration:none;
}
#global a:hover {
	color:#006699;
}

#global a img {
	border:none;
}

#global .col770 form.messenger {
	width:750px;
}
#global .col770 form.messenger.grand {
	width:826px;
}
#global .col770 form.messenger.tresgrand {
	width: 920px;
}

#global .col770 .stylePaysTab {
	width: 26px;
}
#global .col770 .styleLangueTab {
	width: 50px;
}
#global .col770 .styleMarqueTab {
	width: 42px;
	text-align: center;
}
#global .col770 .styleDoprTab {
	width: 48px;
}
#global .col770 .styleRsTab {
	width: 98px;
}
#global .col770 .styleClientTab {
	width: 162px;
}

#global .col770 span[id*=triangleClient_] {
	float: right;
 	color: #000000;
    position: static;
    text-decoration: none;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    width: 10px;
    visibility: hidden;
    margin-top: 12px;
}
#global .col770 span[id*=triangleClient_].gauche {
	background-image: url("../images/triangle_gauche.png");
}
#global .col770 span[id*=triangleClient_].bas {
	background-image: url("../images/triangle_bas.png");
}

#global .col770 span[id*=libClient] {
	display: block;
	width: 151px;
	width: 120px;
	float: left;
	clear: both;
}

#global .col770 .choixAdminSelect {
	min-width: 55px;
}


#global .col330 form.messenger {
	width:310px;
}
#global form.messenger fieldset {
	border:none;
	margin-bottom:10px;
}
#global form.messenger legend {
	padding:0 2px;
	font-weight:bold;
	color:#515151;
}
#global form.messenger fieldset fieldset legend {
	padding:0 0 5px;
	font-weight:normal;
}

#global .choixClient{
	max-height: 86px;
	min-height: 50px;
	border: 1px solid black;
	padding: 1px;
	position: absolute;
	display: inline;
	overflow-x: hidden;
	overflow-y: scroll;
	max-width: 180px;
	min-width: 140px;
}

/*\*//*/ #global form.messenger legend { display: inline-block; } /* IE Mac legend fix */
#global form.messenger ol {
	margin:0;
	padding:0;
}
#global form.messenger fieldset li {
	padding:5px 0;
	background-image:none;
}
#global form.messenger label {
	display:inline-block;
	vertical-align:top;
	width:140px;
}
#global .col770 form.messenger label {
	width:270px;
}
#global .col330 form.messenger label {
	width:140px;
}
#global form.messenger label img {
	margin-bottom:-3px;
}
#global form.messenger p {
	padding:5px 0;
}
#global form.messenger p.alert {
	padding:5px 10px;
	margin:20px 0;
}

#global form.messenger em {
	font-weight:bold;
	font-style:normal;
	color:#FF0000;
}
#global form.messenger input, #global form.messenger textarea {
	padding:1px;
}
#global form.messenger input, #global form.messenger textarea, #global form.messenger select {
	border:1px solid #D8D8D8;
}
#global form.messenger input.radio, #global form.messenger input.checkbox {
	border:none;
}
#global .col770 form.messenger input.text {
	width:350px;
}
#global .col330 form.messenger input.text {
	width:160px;
}
#global form.messenger input.submit {
	padding:5px;
}
#global form.messenger input.submit:hover {
	background-color:#E1FAFF;
	cursor:pointer;
}
#global form.messenger select {
	padding:0;
}
	#global .col330 form.messenger select {
		width:165px;
	}
#global form.messenger select,
#global form.messenger option {
	color:#515151;
}


#global table.data {
	background-color:#CDCDCD;
	margin:5px 10px;
}

#global table.data thead{
	text-align: center;
}
	#global div.center table.data {
		margin:5px auto;
	}
	#global .col660 table.data {
		width:640px;
	}
#global table.data caption {
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}
#global table.data th {
	background-color:#DBDBDB;
	border:1px solid #FFFFFF;
	padding:4px;
}
	#global table.data th.sortable {
		padding-left:20px;
		position:relative;
	}
#global table.data th.sortable a.sortIcon {
	position:absolute;
	left:4px;
	top:9px;
}
#global table.data td {
	color:#3D3D3D;
	padding:4px;
	background-color:#FFFFFF;
	vertical-align:top;
}
	#global table.data tr.odd td {
		background-color:#F3F3F3;
	}
#global table.data td strong.stateValid,
#global table.data td strong.stateAlert {
	color:#FFFFFF;
	display:block;
	text-align:center;
}
	#global table.data td strong.stateValid {
		background-color:#339900;
	}
	#global table.data td strong.stateAlert {
		background-color:#990000;
	}

#global table.innerForm td {
	color:#3D3D3D;
	padding:4px;
	vertical-align:top;
}


select#temporisation {
	min-width: 76px;
}

#global td[id*=typeClient_] {
	text-align: left;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au chemin de navigation */
/* -------------------------------------------------------------------------------------------- */

#global #wire {
	font-size:10px;
	padding:0 10px;
	color:#999999;
}
#global #wire li {
	background:url(../images/bg-wire-li.gif) no-repeat 0 6px;
	padding-left:10px;
	padding-right:5px;
	display:inline;
}
#global #wire li a,
#global #wire li a:hover {
	color:#999999;
	text-decoration:underline;
}
#global #wire li a:hover {
	color:#666666;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au pied de page */
/* -------------------------------------------------------------------------------------------- */

#footer {
	font-size:10px;
	text-align:left;
	position:relative;
	color:#515151;
	background:url(../images/bg-footer.png) no-repeat 0 100%;
	margin-bottom:10px;
}
#footer p {
	padding:5px 10px;
	font-size:9px;
}
#footer a {
	color:#515151;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}

/* -------------------------------------------------------------------------------------------- */
/* Style pour les options d'admin */
/* -------------------------------------------------------------------------------------------- */

.choixAdmin{
	width: 55%;
	margin-left: 24%;
}

.choixAdmin select{
	margin-bottom: 4%;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles génériques */
/* -------------------------------------------------------------------------------------------- */

.spacer {
	width:100%;
	clear:both;
	font-size:1px;
	height:1px;
}
.img-right {
	float:right;
	padding:0 0 5px 10px;
}
.img-left {
	float:left;
	padding:0 10px 5px 0;
}
.center {
	text-align:center !important;
}
.right {
	text-align:right !important;
}
.left {
	text-align:left !important;
}

.legendFichier{
	font-style: italic;
	font-size: 10px;
}

select option{
	width: 100;
}

.espaceGauche{
	margin-left: 2%;
}

.help{
	background-image: url("../images/buttons/help.gif");
	background-repeat: no-repeat;
	padding-top: 2px;
	cursor: pointer;
}

.divForm{
    float: left;
    width: 81%;
}

.clear{
	clear: both;
}

span.info{
    position:relative;
    z-index:24;
    color:#000;
    text-decoration:none
}

span.info:hover{z-index:25;}

span.info span{display: none}

span.info:hover span{
/*le contenu de la balise span ne
sera visible que pour l'état a:hover */
	display:block;
	position:absolute;
	top:2em; left:2em; width:15em;
	border:1px solid #CC3333;
	color:#CC3366;
	text-align: justify;
	font-weight:none;
	padding:1px;
	background-color: #FF9999;
}

.messageErreur{
	border:1px solid #CC3333;
	color:#CC3366;
	visibility: hidden;
}

.messageErreur.visible{
	visibility: visible;
}

.messageErreur.gros{
	font-size: 16px;
    text-align: center;
}

.messageErreur.moyen{
	font-size: 15px;
    text-align: center;
}

/* -------------------------------------------------------------------------------------------- */
/* colorbox */
/* -------------------------------------------------------------------------------------------- */