
body { background:#EBEBEB; margin:0; padding:0;height:100%;}

* {
	font: 12px arial, verdana, sans-serif;
}

b { font-weight:bold;}

form { display:inline;padding:0px;margin:00px; }
a {color:#000;text-decoration:none;font-weight:bold;}

/* Global
-----------------------------------------------------------------*/
.clearer {clear:both; margin:0; padding:0; height:1px; overflow:hidden;}
.clear{clear:both; }
.leftImg { float:left; margin-right:3px; }

/* Smart
-----------------------------------------------------------------*/
.bFile, .bLink {text-align:right;}
.imgLeft .bImage {float:left;}
.imgRight .bImage {float:right;}
.imgTop .bImage {text-align:center;}

/* Site
-----------------------------------------------------------------*/
#container{ 
 	background:#fff;
	background:#1c4083; 
	width:951px;
	height:70%;
	margin:0 auto 10px;  	
	border-bottom:10px #EBEBEB solid; 
	display:block;
}
#header{
 	background:#1c4083 url('../images/banner.jpg') no-repeat top right; 
	 display:block; 
	 width:951px; 
	 height:166px; 
}
#header #logo {
 	margin-top:10px;
	margin-left:120px;
}
#header #head-links{right:10px; position:absolute; top:90px; }
#header #info{width:315px; height:143px; overflow:hidden; position:absolute; right:0; top:45px; font-size:0.7em;}
#header #info ul{list-style-type:none; margin-left:-30px; _margin-left:10px; .margin-left:10px; margin-top:7px; text-align:right; padding-right:40px;}
#header #info ul li {background : url('../images/topNavLink.gif') bottom center no-repeat;}
#header #info ul li a{color:#fff; text-decoration:none; font-family: Arial, verdana; }
#dt{color:#D9E06D;font-weight:bold;font-size:13px;margin-right:100px;}

.error { color:#F00;font-weight:bold;padding:0px;margin:0px; }
.success { color:#0B9B04;font-weight:bold;padding:0px 15px;margin:0px; }

/* Pages */
#content{
 	margin:0 25px;
	display:block; 
	height:100%; 
	background:#fff;
	padding:5px 12px;	
}
#content .col1{ 	padding:0 10px;float:left; width:45%; margin:0; min-height:1px;  overflow:hidden; }
#content .col2{
 	padding:0 10px;
 	float:left; 
	width:45%; 
	margin:0 2px; 
	min-height:1px;  
	height :500px;
	overflow:hidden; 
	background : url('../images/col_separateur.gif') top left no-repeat;
}
#content .col2 p{_margin-left:5px; margin-top:10px; }

.contentModal {
	padding:5px 10px;
}

.blueBorderBox {
	border :1px solid #1c4083;
}

/* Footer */
#footer{
 	display:block; 
	width:901px;
	height:27px; 
	text-align:left;
}
#footer p{
 	font-size:0.7em; 
	font-family:arial,verdana; 
	position:absolute; 
	bottom:0; 
	margin:0 25px;
	bottom:10px; 
}

/********* TITRES ***********/
h1 {
	color : #ff9933;
	font-family: arial, verdana, sans-serif;	
	padding:0px;
	margin:0px;
	padding-left:10px;	
	margin-top:10px;
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
	background: url('../images/h1.gif') left no-repeat;
}
h2 {
	color : #1c4083;
	font-family: arial, verdana, sans-serif;	
	padding:0px;
	margin:0px;
	padding-top:10px;
	padding-left:10px;	
	padding-bottom:2px;
	margin-bottom:15px;
	font-size:13px;
	font-weight:bold;
	background: url('../images/h2.gif') bottom left no-repeat;	
}
h2 a {
	color : #1c4083;
	text-decoration:none;
	font-weight:100;
}
h2 a:hover {
	color:#333;
}
h3, h4 {
	font-weight:bold;
	padding-left:10px;
}
h4 {
	width:30%;
	text-decoration:none;	
	/*background : transparent url('/base-clients/common/images/b_add.jpg') right no-repeat;*/
}
h4{cursor:pointer;}
p {padding:0px;margin:0px;padding-left:10px; }
table {padding-left:10px; }
/********* END TITRES *******/

/********* 2 COLS ***********/
.contentcol{width:287px; float:left; margin-bottom:25px; overflow:hidden; }
.first{margin-right:18px; }
/********* END 2 COLS ********/


/* Dropdown Menus */ 	
#header { position:relative; }
/*-- Etat inactif */
/*---- niveau 1 */
div#nav1 {
 	padding:0;
/*	margin:0 175px;*/
	height:150px;
	margin: 0 25px;
 	position:absolute; 
	bottom:0; 
	width:901px; 
	height:22px;
	background: #efedde;
}
ul#nav2, ul#nav2 * { 
 	margin:0; 
	padding:0; 
	list-style:none; 
	border:none; 
}
ul#nav2 { 
	height:20px;
 	margin:0 175px;
	bottom:0; 
	background:#efedde url('../images/menu_separateur.gif') top left repeat-x;
}
ul#nav2 li { 
 	float:left; 
	width:90px; 
	height:20px; 
	border:1px solid #efedde;	
	margin:0 5px;
	}
ul#nav2 li a { 
 	display:block; 
	line-height:20px; 
	text-align:center; 
	color:#000; 
	text-decoration:none; 
	font-weight:bold; 
	font-family:arial, verdana, sans-serif; 
	font-size:12px; 		
	}
/*---- niveau 2 */
ul#nav2 li ul { 
 	position:absolute; 
 	z-index:10000;	
	background-color:#efedde;
	border:1px solid #8a867a; 
	border-top-color: #efedde;
	margin:-1px;
}
ul#nav2 li ul li { float:none; width:auto; height:auto; background-color:#fff;padding:0;margin:0;margin-left:25px;}
ul#nav2 li ul li a {line-height:20px;border:1px solid #efedde;text-align:left; text-transform:none; font-weight:normal; padding-left:5px;margin-left:-1px;}
*-- Etat actif */
#nav2 li a{background:#efedde;border:1px solid #efedde;}
#nav2 li a:hover {background:#fff;border-color: #8a867a;}

ul#nav2 li.active { background-color:#fff; border:1px solid #8a867a;}

ul#nav2 li ul li a:hover, ul#nav2 li ul li.sfhover, ul#nav2 li ul li.active { background-color:#efedde;border:1px solid #efedde;border-top-color: #fff; }

a.main:hover{ background:none;  }
/********* END NAV *************/


/************ LIST ************/
.limitHeight { height:305px;overflow:auto;overflow-x:hidden;padding-right:18px; }
.listLabel { height:305px;overflow:auto;overflow-x:hidden;padding-right:18px; }
.list { width:845px;border:1px solid #1c4083;margin-bottom:10px; }
.smallList {border:1px solid #1c4083;/*padding-left:10px;width:100%;margin-bottom:10px; */margin:10px;width:95%;}
.list th, .smallList th { text-align:left;padding:3px;font-weight:bold;border-bottom:1px solid #aaa; }
.list td, .smallList td { border-bottom:1px solid #ddd;padding:1px 3px;border-right:1px solid #aaa;  }
.rows td { background-color:#eee; }

#critereSelection tr {
	vertical-align:top;
}

/* Page de login (/customers) */
#login { color:#FFF; }
#login #lef { padding:37px 0 0 40px;width:165px;text-align:center; }
#login h2 { margin:0 0 10px;padding:11px 0 0 39px;line-height:13px;font-size:11px;font-weight:normal;
			text-align:left;color:#FFF;background:none;}
#login #rig h2 {margin:45px 0 15px;}
#login .message {margin:0 0 15px;color:#FCBA59;}
#login .message a { font-weight:bold;color:#FCBA59;}
#login p {margin:0 0 8px;}
#login label {margin:0 0 4px;color:#B6C4DE;display:block;}
#login input {border:1px solid #FFF;background-color:#C8D6F0;text-align:center;}
#login input#OK {border:none;}
#login form {margin:0 0 18px;}
#login .leftPhrase {padding:16px 0 15px;color:#B6C4DE;}
#login .leftPhrase a {font-weight:bold;text-decoration:underline;color:#B6C4DE;}
#login .leftPhrase a :hover{color:#FFF;}
#login #rig {padding:0;width:605px;border-top:1px solid #839ECF;background:none;}
#login h1 {margin:45px 0 15px;padding:0 0 0 160px;background:none;}
#login #scrollDiv {padding:0 50px 0 160px;height:404px;overflow:auto;}
.letterItem {color:#FFF;}
.letterItem td {padding:2px 0 0;}
.letterItem .lef {padding:2px 13px 0 11px;width:1%;}
#centralElmt {width:60%;margin:0 auto;text-align:center;}
#centralElmt a {color:#FFF;}
#centralElmt a:hover {text-decoration:underline;}
#login .btn {border:none;background:none;cursor:pointer;font-weight:bold;color:#B6C4DE;}



/* Commun a toutes les pages */
#right_column{
	background : transparent url('../images/col_separateur.gif') no-repeat;
}
#display_form_edit{
	margin-left:15px;
}
.blueBorder{
	margin-left:20px;
	height:250px;
	border:1px solid #1C4083;
	/*position:relative;
	top:20px;*/
}

/* Page de recherche */
.search th {
	text-align:left;
	font-weight:bold;
	font-size:12px;
}
.search td {
	font-size:12px;
	padding-top:1px;
	padding-bottom:1px;
}

.openSelectMultiple {
	border:1px solid #1C4083;
	background-color:#fff;	
	width:250px;
	cursor:pointer;
	padding:0px 2px;
	background:url('../images/selectMultiple.jpg') bottom right no-repeat;
}

.selectMultiple {
	/*position:absolute;*/
	background-color:#eee;
	display:none;
	border:1px solid #1c4083;
	border-top:none;
	height:80px;
	overflow:auto;
	overflow-x:hidden;
	padding-right:20px;	
	width:234px;
}

.toHighlight {
	background-color:#aaa;
}
/*#displayOngletsChamp .appJS_onglets_div {
	height:100px;
	border:1px solid #1C4083;
	padding: 5px;
	padding-top:-5px;
}*/
/*#listOnglet li{
	border:1px solid #1C4083;
	margin-right:2px;
}
#listOnglet li.active{
	border-bottom:1px solid white;
	background-color:white;
}*/
.isSubscription {
	color:#600;
}


input , select{
	border:1px solid #1C4083;
	background-color:white;
	/*color: #1c4083;*/
}
.openSelectMultiple input {
	border:0;
}
.openSelectMultiple p{
	width:100%;
}
select {
	width:250px;
}
em {font-style:italic}

.bouton {color : #1C4083;}