body {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#d4d6db;
}

#conteneur {
width: 1030px;
margin: 0 auto;
margin-top:30px;
border:solid 1px #717274;
background-color:#FFFFFF;
text-align:center;
}
#header {
height: 136px;
/*background:url(../images/mep/logo_rosell_fr.jpg) 50% 0 no-repeat;*/
}
#header_login {
height: 136px;
background:url(../images/mep/logo_rosell_fr.jpg) 50% 50% no-repeat;
}
a img{
	border:0;
}
#haut {
height: 45px;
width:850px;
border-top:solid 1px #717274;
border-bottom:solid 1px #717274;
margin:16px 0 0 0;
/*background:url(../images/mep/logo_rosell_petit.jpg) 100% 50% no-repeat;*/
display:inline-block;
}
#centre {
margin:0 90px 0 90px;
min-height:560px;
text-align:left;
}
.centre1{
	background:url(../images/mep/Fonds/volute_bleu.jpg) no-repeat top left;
	min-height:382px;
	height:auto !important;
	height:382px;
	padding-top:10px;
}
.centre1 a{
	text-decoration:none;
	color:#000000;
}

.centre_gris{
	margin-top:-41px;
	height:45px;
	background-color:#d4d6db;
}

h1, h2, h3, h4, h5, h6{ color:#666666; text-transform:uppercase; margin:10px 0;}

h1{font-size:18px;}

a.return{ background:url(../images/mep/back.png) center left no-repeat; padding:3px 50px; }
a:hover.return{ background:url(../images/mep/back.png) center left no-repeat #3FA3ED; }

#pied {
height: 30px;
margin-top:15px;
}

.menuhaut , .menubas {
list-style-type: none;
margin: 0;
padding:0;
}
.menuhaut{
	margin-top:14px;
	margin-left:10px;
}
.menuhaut li , .menubas li, .langues li{
	display: inline;
}

.menuhaut li{
	float:left;
}
.langues ul{
	padding-bottom:0;
	text-align:right;
	margin:15px 90px 15px 0;
}

.menuhaut a.menu{
margin: 0 2px;

color: #717274;
text-decoration: none;
text-transform:uppercase;
font-weight:bold;
}
.menuhaut a:hover {
text-decoration: none;
color:#0b6aaf;
/*background:url(../images/mep/puce_rouge.gif) 0 50% no-repeat;*/
}
.menubas a{
	margin: 0 2px;
	padding-left:14px;
	color: #717274;
	text-decoration: none;
	background:url(../images/mep/puce_rouge.gif) 0 50% no-repeat;
	font-size:0.8em;
}












.menuhaut2 {
	position: relative;
	height: 29px;
	width: 100%;
	background: url("bg.gif") no-repeat top;
	margin: 10px 0;
	padding-left:0;
}
.menuhaut2 li {
	float: left;
	list-style: none;
}
.menuhaut2 li.back {
	background: url("../../../images/mep/menu/lava2.gif") no-repeat right -30px;
	width: 9px; height: 30px;
	z-index: 8;
	position: absolute;
}
.menuhaut2 li.back_invisible {
	display:none;
}
.menuhaut2 li.back .left {
	background: url("../../../images/mep/menu/lava2.gif") no-repeat top left;
	height: 30px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}
.menuhaut2 li a.menu {
	/*font: bold 14px arial;*/
	text-decoration: none;
	color: #717274;
	outline: none;
	text-align: center;
	top: 4px;
	text-transform: uppercase;
	z-index: 1000;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	font-size:20px;
	font-weight:bold;
	margin:0 8px !important;
	margin:0 4px;
}
.menuhaut2 li a:hover, .menuhaut2 li a:active, .menuhaut2 li a:visited {
	border: none;
}























#bandeau{display:inline; width:682px; height:96px; }

.langues{color:#666; text-align:right; margin:0 15px 15px 0;}

.langues a{
	color: red;
	text-decoration: none;
	
}
.langues a:hover{
	color:#0b6aaf;
}
.langues a.langue_selectionnee{
	background:url(../images/mep/puce_rouge.gif) 0 50% no-repeat;
}
.menubas a:hover{
	color:#0b6aaf;
}
#phrase_bas{
	margin: 0 auto;
	color:#6f7072;
	margin-bottom:15px;
	height:30px;
	width:1030px;
	font-size:0.8em;
	text-align:center;
}
p {margin: 0 0 10px 0;}
#ariane{
	padding-left:15px;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
	padding-top:14px;
}
.ssMenu{
	position: absolute;
	display:none;
	/*margin-left:-125px;*/
	margin-top:15px;
}
.ssMenu li:first-child{
	border-top:solid 1px #717274;
}
.ssMenu li{
	text-transform:capitalize;
	border-bottom:solid 1px #717274;
	border-left:solid 1px #717274;
	border-right:solid 1px #717274;
	width: 130px;
	display:block;
	clear:both;
	background-color:#FFFFFF;
	text-align:left;
}
.ssMenu a{
	display:block;
	font-size:0.9em;
	padding:5px 5px 5px 20px;
	color:#717274;
	text-transform:uppercase;
	text-decoration:none;
}
.ssMenu a:hover{
	background:#116aaf;
	color:#FFFFFF;
}
.cadreBleu{
	padding:10px;
	margin-bottom:15px;
	background-color:#116aaf;
	display:inline;
	color:#FFFFFF;
	font-weight:bold;
}
.titreSouligne{
	border-bottom:solid 1px #116aaf;
	text-transform:uppercase;
	color:#116aaf;
	font-weight:bold;
	padding:20px 0 3px 15px;
	padding-left:15px;
}
.cadre{
	border:solid 1px #116aaf;
	padding:10px;
	background:#e4e8f3;
	-moz-border-radius:0 4px 4px 4px;
}
.cadre2{
	border:solid 1px #116aaf;
	padding:10px;
	background:url(../images/mep/fond_tab_lignes.png) top left;
	-moz-border-radius:4px 4px 4px 4px;
	margin-top:30px;
}
.cadre_links{
	padding: 10px;
}
.cartouche{
	padding:10px;
	background-color:#116aaf;
	display:inline-block;
	color:#FFFFFF;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:0;
	-moz-border-radius:4px 4px 0 0;
}
.cursor{
cursor:pointer;
}
.submit{
	margin-left:auto;
	margin-top:15px;
}
#shadowbox_content ,#shadowbox_loading{
	color:#000;
	background-color:#fff;
}
#shadowbox_loading_indicator{
	background-color:#116aaf;
}
.arborescence_admin li{
list-style-type:none;
}
li img.modifier{
	margin-right:-3px;
}
.tablo_offres{
	width:100%;
	border-collapse:collapse;
}
.tablo_offres .tablo_titres{
	background:#116aaf url(../../images/mep/th-offre.jpg) repeat-x;
	color:#FFFFFF;
	height:28px;
}
.tablo_offres .tablo_lignes{
	height:30px;
	border-bottom:solid 1px #116AAF;
}
.tablo_offres .tablo_ligne_blanche{
	background-color:#FFFFFF;
}
.tablo_offres .tablo_contenu{
	margin:-2px -1px 0 -1px;
	padding:5px 0 5px 0;
	border-bottom:solid 1px #000000;
	padding-left:10px;
}
.tablo_offres .tablo_contenu img{
	margin-right:5px;
}
ul.candidat{
	margin-top:-12px;
	padding-left:25px;
	list-style-type:none;
}

.bleu{
	color:#116aaf;
}
.puce_bleue{
	background:url(../images/mep/puce_rouge.gif) no-repeat;
}
.test{
	color:#FF0000;
}
#ok{
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	padding:1px 0 1px 0;
}

#reset{
	background-color:#116AAF;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	padding:1px 0 1px 0;
}
.connexion{
	margin-top:90px;
}
/*******************************************************Pagination*******************************/
.pager{
	margin:10px 0;
	padding:0;
	text-align:center;
	list-style-type:none;
}

.pager li{float:left; margin:2px 2px 0 0; cursor:pointer;}
  
.pager li a{ display:block; color:#fff; outline:none;}
.pager li a:hover{ display:block;}

.pager li.active a{
	display:block; padding: 4px; font-weight:bold;
}

.formLabelBlock label{display:inline-block; width:150px; vertical-align:top;}

/*******************************************************Tri des tableaux*******************************/




.formFleches form{display:inline;}




.table{width:100%; border-collapse:collapse; margin:15px 0;}
.table th{ border-bottom:1px solid #116AAF; padding:5px 0;}
.highlight td{padding:1px;}




.sortable thead th{
	padding-left: 14px;
	cursor:pointer;
}
.sortable thead th:hover{
	text-decoration:underline;
}
th.sorted-asc {
  background: url('../images/mep/fleche_haut.gif') no-repeat 0 50%;
}
th.sorted-desc {
  background: url('../images/mep/fleche_bas.gif') no-repeat 0 50%;
}

.loading{
	background:url(../images/mep/loading.gif) center no-repeat;
}


.centre1 .bouton{ background-color:#116AAF; border:1px solid #CCCCCC; padding:3px 20px; color:#FFF; }
.centre1 .bouton-hover{background-color:#3FA3ED;}

.centre1 .boutonFiltre{ background:transparent url(../images/mep/btnFilter.png) top left no-repeat; height:25px; border:none; width:107px; cursor:pointer; margin-top:15px;}
.centre1 .boutonReset{ background:transparent url(../images/mep/btnReset.png) top left no-repeat; height:25px; border:none; width:107px; cursor:pointer;}
.centre1 .boutonFiltre:hover{ background:transparent url(../images/mep/btnFilter_hover.png) top left no-repeat;}
.centre1 .boutonReset:hover{ background:transparent url(../images/mep/btnReset_hover.png) top left no-repeat;}
.boutonAdd{ background:transparent url(../images/mep/btnAdd.png) top left no-repeat; height:25px; border:none; width:107px; cursor:pointer; margin-top:15px;}
.centre1 .boutonAdd:hover{ background:transparent url(../images/mep/btnAdd_hover.png) top left no-repeat;}

a.dp-choose-date {
	/*float: left;*/
	width: 16px;
	height: 16px;
	padding: 0;
	margin: -15px 0 0 148px;
	display: inline;
	text-indent: -2000px;
	overflow: hidden;
	 background-color:#999999;

	background: url(../images/mep/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
a.news_lien_pdf{
	background:url(../images/mep/pdf.png) top left no-repeat;
	height:16px;
	padding-left:20px;
	display:inline-block;
	color:#3d8aae;
	font-weight:bold;
	text-decoration:none;
}
#bulle{position:absolute;visibility:hidden;font-size:12px; text-align:center; background-color:#000000;}
#bulle img{padding:0 15px 15px 15px;}



/*******************************************************autocompletion des input*******************************/


.suggestionsBox {
	position: relative;
	margin: 10px 0px 0px 120px;
	width: 200px;
	background-color: #212427;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #000;	
	color: #fff;
}

.suggestionList {
	margin: 0px;
	padding: 0px;
}

ul.liste{
	margin:0 0;
	padding:0 0;
	list-style-type:none;
}
.suggestionList li {
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;
}

.suggestionList li:hover {
	background-color: #659CD8;
}


#consoleMailing{ height:250px; overflow:auto;}











/*******************************************************Select Multiple*******************************/

.multipleSelectBoxControl span{	/* Labels above select boxes*/
	font-family:arial;
	font-size:11px;
	font-weight:bold;
}
.multipleSelectBoxControl div option{	/* Select box layout */
	font-family:arial;

}

.multipleSelectBoxControl div select{	
	height:100%;
}
.multipleSelectBoxControl input{	/* Small butons */
	width:25px;	
}

.multipleSelectBoxControl div{
	float:left;
}

/*********************************************select Multiple recherche ****************************/

	.multiSelect {
		width: 9.9em;
		font-family: Arial, Helvetica, sans-serif;
		position: relative;
		height: 22px;
		padding: 0;
		margin: -.05em 0 0 0;
		border: 0;
	}
	.multiSelect .title {
		background-color: #fff;
		border: 1px solid #7f9db9;
		padding: 0;
		margin: 0;
		cursor: default;
		min-width: 9.8em;
	}
	.multiSelect div.title {
		position: absolute;
		z-index: 104;
		width:192px;
	}
	.multiSelect div.title-open {
		border-bottom: 1px solid #fff;
	}
	.multiSelect .title {
		font-size: .8em;
		height: 1.3em;
		line-height: 1.2em;
		overflow: hidden;
		padding: .3em 1.1em .1em .5em;
		background: white url(../images/mep/multiselect.gif) no-repeat top right;
	}
	.multiSelect .title:hover {
		background: white url(../images/mep/multiselect-hover.gif) no-repeat top right;
	}
	.multiSelectContent {
		position: absolute;
		z-index: 106;
		min-height: 1em;
		background: #e9f3f8;
		padding: .1em;
		display: block;
		font-size: 75%;
		margin-top: -1px;
		border: 1px solid #999;
		width:210px;
	}
	.collapsed {
		display: none;
	}
	.multiSelectContent ul {
		overflow: auto;
		min-height: 1em;
		min-width: 20em;
		margin: 0;
		padding: 0;
	}
	.multiSelectContent li {
		cursor: pointer;
		cursor: hand;
		margin: 0 0 .2em 0;
		list-style:none;
	}
	.multiSelectContent li:hover {
		background: #ddd;
	}
	.arc90_multiselect {
		width: 12.5em;
		height: 1.35em;
		visibility: hidden;  
	}
	.a9selectall {
		border-bottom: 1px solid #ccc;
	}
	.pagination li span.gauche{display:inline-block; background:url(../images/mep/paginationG.gif) top left no-repeat; height:25px;}
	.pagination li span.droite{display:inline-block; background:url(../images/mep/paginationD.gif) top left no-repeat; height:25px;}
	.pagination li span.corps{display:inline-block; background:url(../images/mep/paginationC.gif) top left repeat-x; height:25px;}
	.pagination li span.corps input{ background:none; border:none; cursor:pointer; line-height:25px; height:25px; color:#FFFFFF; font-size:11px; padding:0 4px; width:27px;}
	
	.pagination li.active span.gauche{display:inline-block; background:url(../images/mep/paginationG_active.gif) top left no-repeat; height:25px;}
	.pagination li.active span.droite{display:inline-block; background:url(../images/mep/paginationD_active.gif) top left no-repeat; height:25px;}
	.pagination li.active span.corps{display:inline-block; background:url(../images/mep/paginationC_active.gif) top left repeat-x; height:25px;}
	.pagination li.active span.corps input{ font-weight:bolnd;}
	
	.addContact{ height:50px; width:213px; background:url(../images/mep/btn_addContact.png) top left no-repeat; display:inline-block;}
	.addContact:hover{background:url(../images/mep/btn_addContact_hover.png) top left no-repeat;}
	
	.addCommercial{ height:50px; width:213px; background:url(../images/mep/btn_addCommercial.png) top left no-repeat; display:inline-block; margin-bottom:20px;}
	.addCommercial:hover{background:url(../images/mep/btn_addCommercial_hover.png) top left no-repeat;}
	
	.addMailing{ height:50px; width:213px; background:url(../images/mep/btn_addMailing.png) top left no-repeat; display:inline-block; margin-bottom:20px;}
	.addMailing:hover{background:url(../images/mep/btn_addMailing_hover.png) top left no-repeat;}
		
	.select_filtre{width:210px;}
	.inputTexteFiltre{ margin-left:3px; width:205px;}
	.filtreDroite{float:right; margin-right:70px;}
	.tabContacts td{ padding:0 5px;}
	div.oubliPass{ background:url(../images/mep/oubliPass.jpg) top left no-repeat; width:216px; height:48px;}
	a.account{ background:url(../images/mep/btnAccount.png) top left no-repeat; height:25px; width:107px; display:inline-block; line-height:25px; color:#ffffff; font-weight:bold; text-align:center;}
	
	
	
	
	
	
	
	
	
	
	/*           Les links          */
	
.linkList li{ font-size:16px; margin:15px 0;}