@charset "utf-8";
/* CSS Document */
a {
	text-decoration: none;
	outline: 0;
}

a, img, fieldset {  border: none; margin:0px; padding:0px; }

* { padding:0; margin:0;}

td { vertical-align:top;}

body { 
	/*background: url(../images/bodyBg.jpg) repeat; */
	font-size: 12px; 
	color: #424242; 
	font-family: Arial,Helvetica,sans-serif;
	font-size:12px; 
	position: relative;
}

html, body {
    margin:0!important;
    padding:0!important;
    height:100%!important;
}

#barre_haut{
	height: 36px;
	width:1024px;
	background-color:transparent;
	color: #eeeeee;
	margin-bottom:0px;
	
}
#barre_haut .img_user img { float:left; width:24px; height:20px; text-align:left; padding-top:8px; padding-left:8px; }
#barre_haut .nom_user { float:left; width:160px; height:36px; line-height:36px; text-align:left; padding-left:8px; }
#barre_haut .menu_haut { width:100%; height:100%; display:block; font-size:12px; }
#barre_haut .menu_haut_taille{ height:36px; line-height:36px; }
#barre_haut .menu_haut a{ color:#FFFFFF; display:block; border-style:solid; border-color:#4C4C4C; border-width:0px 0px 0px 0px; }
#barre_haut .menu_haut a:hover{ /*background-color:#8B7175!important;*/ color:#eee; display:block; }
#barre_haut .menu_haut span{ padding:0px 5px 0px 5px; }
#barre_haut .menu_haut img{ vertical-align:middle; }

#barre_haut_v2_login { 
	height: 36px;
	display: block;
	position: fixed;
	/*background-color: #66B0EA;
    background: -moz-linear-gradient(top,#3B82C4,#54A1E6);
    background: -ms-linear-gradient(top,#3B82C4,#54A1E6);
	background: -webkit-gradient(linear,0 0,0 100%,from(#3B82C4),to(#54A1E6));
    background: -webkit-linear-gradient(top,#3B82C4,#54A1E6);
    background: -o-linear-gradient(top,#3B82C4 0,#54A1E6 100%);
    background: linear-gradient(top,#3B82C4 0,#54A1E6 0);                               
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3B82C4',endColorstr='#54a1e6',GradientType=0);*/
	width: 100%;
	color: #eeeeee; 
	/*border-bottom: 1px solid #fff;*/
	z-index: 999;
}

#conteneur_haut{ 
	height: 36px;
    width: 100%;
	/*background-color:#02719A;*/
	background-color: #285171;
    background: -moz-linear-gradient(top,#285171,#638CA9);
    background: -ms-linear-gradient(top,#285171,#638CA9);
	background: -webkit-gradient(linear,0 0,0 100%,from(#285171),to(#638CA9));
    background: -webkit-linear-gradient(top,#285171,#638CA9);
    background: -o-linear-gradient(top,#285171 0,#638CA9 100%);
    background: linear-gradient(top,#285171 0,#638CA9 0);                               
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#285171',endColorstr='#638CA9',GradientType=0);
    margin-bottom: 0px;
}

#barre_haut_v2_login .menu_haut_v2{
	width:980px;
	height:100%;
	margin:auto;
	font-size:11px;
}
#barre_haut_v2_login .menu_haut_taille_v2{ height:36px; line-height:36px; }
#barre_haut_v2_login .menu_haut_v2 a{ color:#FFFFFF; display:block; border-style:solid; border-color:#4C4C4C; border-width:0px 0px 0px 1px; }
#barre_haut_v2_login .menu_haut_v2 a:hover{ background-color:#212121; display:block; }
#barre_haut_v2_login .menu_haut_v2 span{ padding:0px 5px 0px 5px; }
#barre_haut_v2_login .menu_haut_v2 img{ vertical-align:middle; }


#contenu{ width:1100px; }
.logo {
	padding-bottom:20px;
	height:130px;
	text-align:center;
}

.enTete{
	background: #efefef url(../images/leftNavBg.png) repeat-x;
	border-style:solid;
    border-width:1px 1px 0px 1px;
	border-color:#d5d5d5;
	-moz-border-radius:4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0px 0px;
	-khtml-border-radius:4px 4px 0px 0px;
	border-radius:4px 4px 0px 0px;
	height: 38px;
	text-align:left;
	line-height:38px;
}
.enTete p{
	font-size:15px;
	padding-left:30px;
	margin-left:10px;
	color:#3C3F44;
	background-image:url(../images/iLogin.jpg);
	background-repeat:no-repeat;
}

.loginContenu{
	border-style:solid;
    border-width:1px;
	border-color:#d5d5d5;
	background-color:#fafafa;
	-moz-border-radius:0px 0px 4px 4px;
	-webkit-border-radius:0px 0px 4px 4px;
	-khtml-border-radius:0px 0px 4px 4px;
	border-radius:0px 0px 4px 4px;
	text-align:left;
	padding:15px;
}
.loginContenu label{ font-size:13px; width:200px; height:18px; line-height:18px; display:block; }
.loginContenu input { font-size:13px; line-height:13px; width:256px; height:22px; display:block; margin-bottom:8px; }
.loginContenu textarea{ font-size:13px; width:491px; height:66px; display:block; margin-bottom:8px; }

/*style du formulaire*/
.champ input,textarea { border-style:solid; border-width:1px; border-color:#d5d5d5; padding:0px 5px 0px 5px }
.champ input:hover, input:focus, textarea:hover, textarea:focus  { background-color:#F2F2F2; } /*8ECBED*/
#formRecherche input,#formRecherche textarea { 
    font-size: 12px;
    height: 20px;
    line-height: 12px;
    margin: 0 5px 0 0;
    border-color: #D5D5D5;
    border-style: solid;
    border-width: 1px;
    padding: 0 5px;
}
#formRecherche .dhxcombo_input {border:none!important}
#formRecherche .dhxcombo_dhx_web {display: inline-block!important;margin-top:-8px;}
/*style des boutons*/
#bouton1{
	cursor: pointer;
	padding-bottom:3px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	border-style:solid;
	border-width:1px;
	border-color:#4F5A68;
	background-image:url(../images/bouton.png);
	background-repeat:repeat-x;
	color:#ffffff;
}
#bouton1:hover {background-position: 0 -24px; }
#bouton1:active{ background-position: 0 -48px; }
#bouton2{
	cursor: pointer;
	padding-bottom:3px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	border-style:solid;
	border-width:1px;
	border-color:#306873;
	background-image:url(../images/bouton1.png);
	background-repeat:repeat-x;
	color:#ffffff;
}
#bouton2:hover { background-position: 0 -24px; }
#bouton2:active{ background-position: 0 -48px; }


/*style pour le formulaire*/
.floatForm label{ font-size:13px; width:280px; height:18px; line-height:18px; display:block; }
.floatForm input { font-size:13px; line-height:13px; width:280px; height:22px; display:block; margin-bottom:8px; }
.floatForm textarea{ font-size:13px; width:280px; height:90px; display:block; margin-bottom:8px; }


/*barre bas v1*/
#barre_bas{
	
	/*background-color: #66B0EA;
    background: -moz-linear-gradient(top,#3B82C4,#54A1E6);
    background: -ms-linear-gradient(top,#3B82C4,#54A1E6);
	background: -webkit-gradient(linear,0 0,0 100%,from(#3B82C4),to(#54A1E6));
    background: -webkit-linear-gradient(top,#3B82C4,#54A1E6);
    background: -o-linear-gradient(top,#3B82C4 0,#54A1E6 100%);
    background: linear-gradient(top,#3B82C4 0,#54A1E6 0);                               
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3B82C4',endColorstr='#54a1e6',GradientType=0);
	bottom: 0;*/
    clear: both;
    color: #FFF;
    width: 100%;
	height:36px;
	position:fixed;
	margin-top:40px;
}
#barre_bas span{
	color: #222;
    display: block;
    font-size: 12px;
	line-height:36px;
}
#barre_bas span a{
	color:#222;
}
#barre_bas span a:hover{
	color:#333;
}

/*barre bas v2*/
#barre_bas_v2{
	background-color: #3B4D61;
	bottom: 0;
    clear: both;
    color: #EEEEEE;
    width: 100%;
	height:36px;
	margin-top:30px;
	text-align:center;
}
#barre_bas_v2 span{ color: #999999; font-size: 12px; line-height:36px; }
#barre_bas_v2 span a{ color:#FFFFFF; }
#barre_bas_v2 span a:hover{ color:#B04443; }

/*style du menu droite*/
.teteContentRight{
	width:100%;
	background-color: none;
	height:26px;
	line-height:26px;
	text-align:left;
}
.teteContentRight p { color:#000; font-size:12px; padding-left:5px; }

#menuGauche { width:180px; }
#menuGauche .teteMenu{
	background: #efefef url(../images/leftMenuIn.png) repeat-x;
	border-style:solid;
        border-width:1px 1px 0px 1px;
	border-color:#d5d5d5;
	-moz-border-radius:4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0px 0px;
	-khtml-border-radius:4px 4px 0px 0px;
	border-radius:4px 4px 0px 0px;
	height:8px;
	text-align:left;
	line-height:8px;
}
#menuGauche .piedMenu{
	background: #efefef url(../images/leftMenuIn.png) repeat-x;
	border-style:solid;
        border-width:1px 1px 1px 1px;
	border-color:#d5d5d5;
	-moz-border-radius:0px 0px 4px 4px;
	-webkit-border-radius:0px 0px 4px 4px;
	-khtml-border-radius:0px 0px 4px 4px;
	border-radius:0px 0px 4px 4px;
	height: 10px;
	text-align:left;
	line-height:34px;
}
#menuGauche .contentMenu{
	border-style:solid;
    border-width:0px 1px 0px 1px;
	border-color:#d5d5d5;
	padding:0px 1px 0px 1px;
}
#menuGauche .contentMenu ul { width:100%; }

#contenuSite { width:100%; vertical-align:top; margin-top:10px; }
#contenuSite .teteContenuS {
	background: #efefef url(../images/leftMenuIn.png) repeat-x;
	border-style:solid;
    border-width:1px 1px 1px 1px;
	border-color:#d5d5d5;
	-moz-border-radius:4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0px 0px;
	-khtml-border-radius:4px 4px 0px 0px;
	border-radius:4px 4px 0px 0px;
	height:34px;
	text-align:left;
	line-height:34px;
}
#contenuSite .piedContenuS {
	background: #efefef url(../images/leftMenuIn.png) repeat-x;
	border-style:solid;
    border-width:1px 1px 1px 1px;
	border-color:#d5d5d5;
	-moz-border-radius:0px 0px 4px 4px;
	-webkit-border-radius:0px 0px 4px 4px;
	-khtml-border-radius:0px 0px 4px 4px;
	border-radius:0px 0px 4px 4px;
	height: 34px;
	text-align:left;
	line-height:33px;
}
#contenuSite .piedContenuS1 {
	background: #efefef url(../images/leftMenuIn.png) repeat-x;
	border-style:solid;
    border-width:0px 1px 1px 1px;
	border-color:#d5d5d5;
	-moz-border-radius:0px 0px 4px 4px;
	-webkit-border-radius:0px 0px 4px 4px;
	-khtml-border-radius:0px 0px 4px 4px;
	border-radius:0px 0px 4px 4px;
	height: 6px;
	text-align:left;
	line-height:33px;
}
#contenuSite .milieuContenuS { 
	border-style:solid;
    border-width:0px 1px 0px 1px;
	border-color:#d5d5d5;
	padding:0px 1px 0px 1px;
}


#contenuSite1 { width:100%; vertical-align:top; margin-top:10px; }
#contenuSite1 .teteContenuS {
	background: #efefef url(../images/leftMenuIn.png) repeat-x;
	border-style:solid;
    border-width:1px 1px 1px 1px;
	border-color:#d5d5d5;
	-moz-border-radius:4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0px 0px;
	-khtml-border-radius:4px 4px 0px 0px;
	border-radius:4px 4px 0px 0px;
	height:34px;
	text-align:left;
	line-height:34px;
}
#contenuSite1 .piedContenuS {
	background: #efefef url(../images/leftMenuIn.png) repeat-x;
	border-style:solid;
    border-width:1px 1px 1px 1px;
	border-color:#d5d5d5;
	-moz-border-radius:0px 0px 4px 4px;
	-webkit-border-radius:0px 0px 4px 4px;
	-khtml-border-radius:0px 0px 4px 4px;
	border-radius:0px 0px 4px 4px;
	height: 34px;
	text-align:left;
	line-height:33px;
}
#contenuSite1 .milieuContenuS { 
	border-style:solid;
    border-width:0px 1px 0px 1px;
	border-color:#d5d5d5;
	padding:0px 1px 0px 1px;
}


.error404{
	border-style:solid;
    border-width:1px;
	border-color:#d5d5d5;
	background-color:#fafafa;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	text-align:left;
	padding:15px;
}

/*affiche les cours de devises ainsi que la date du jour*/
.iconeHaut{
	border-style:solid;
    border-width:1px;
	border-color:#d5d5d5;
	background-color:#fafafa;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	text-align:left;
	height:40px;
	float:right;
	margin-left:10px;
	margin-top:5px;
	background-repeat:no-repeat;
	background-position:left;
	width:126px;
}
.iconeHaut p{ line-height:40px; padding-left:40px; font-size:15px; font-weight:bold; color:#B04443; }

/*message et information style*/
.nNote { clear: both; margin:0px; width: 100%; text-align:left; }
.nNote strong { margin-right: 5px; }
.nNote p { font-size: 12px; padding: 10px 25px 10px 54px; margin: 0px; color: #565656; }
.nMessage p { font-size: 11px; }
.nWarning { background: #ffe9ad url(../images/notification/exclamation.png) no-repeat 15px center; border: 1px solid #eac572; color: #826200; }
.nSuccess { background: #effeb9 url(../images/notification/accept.png) no-repeat 15px center; border: 1px solid #c1d779; color: #3C5A01; }
.nFailure { background: #fccac1 url(../images/notification/error.png) no-repeat 15px center; border: 1px solid #e18b7c; color: #AC260F; }
.nInformation { background: #d1e4f3 url(../images/notification/information.png) no-repeat 15px center; border: 1px solid #99c4ea; color: #235685; }
.nQuestion { background: #d1e4f3 url(../images/notification/question.png) no-repeat 15px center; border: 1px solid #99c4ea; color: #235685; }
.nDelete{ background: #FFA5A5 url(../images/notification/delete.png) no-repeat 15px center; border: 1px solid #FF6666; color: #235685; }

.content_nDelete { font-size:12px; padding: 10px 25px 10px 54px; margin: 0px; text-align:left; }
.content_nDelete p { padding-bottom:5px; padding-top:5px; }
.content_nDelete form { margin-top:10px; }
.button_nDelete { width:80px; height:24px; float:inherit; margin-right:5px; }

/*element pout les tableaux*/
.teteTable { width:490px; float:left; }
.teteTable p{
	font-size:13px;
	padding-left:30px;
	margin-left:10px;
	color:#3C3F44;
	background-image:url(../images/iTable.jpg);
	background-repeat:no-repeat;
}
.teteTable p.contacticon{
	background:url(../images/icone/contact.png) no-repeat left center transparent!important;
}

.teteTable p.actionicon{
	background:url(../images/icone/action.png) no-repeat left center transparent!important;
}

.teteTable p.bookicon{
	background:url(../images/icone/book.png) no-repeat left center transparent!important;
}

.teteTable p.prospecticon{
	background:url(../images/icone/category.png) no-repeat left center transparent!important;
}

.teteTable p.agendaicon{
	background:url(../images/icone/calendar.png) no-repeat left center transparent!important;
}

.teteTable2 { width:350px; float:right;}
.teteTable2 p {
	font-size:13px;
	margin-right:10px;
	color:#B04443;
	text-align:right;
}

.teteForm { width:350px; float:left; }
.teteForm p{
	font-size:13px;
	padding-left:30px;
	margin-left:10px;
	color:#3C3F44;
	background-image:url(../images/iForm.jpg);
	background-repeat:no-repeat;
}

.teteForm p.ficheicon{
	background:url(../images/icone/project.png) no-repeat left center transparent!important;
}

.teteRecherche{ float:right; width:280px; font-size:12px; color:#666666; }
.teteRecherche input { 
	font-size:13px;
	line-height:13px;
	width:188px;
	height:20px;
	color:#666666;
	border-style:solid;
	border-width:1px;
	border-color:#d5d5d5;
	padding:0px 5px 0px 10px;
	background-image:url(../images/icoReche.png);
	background-repeat:no-repeat;
	background-position:right;
}
.teteRecherche input:hover, input:focus { background-color:#F2F2F2; }

.teteSelectionListeLabel { width:115px; float:right; font-size:12px; color:#666666; }
.teteSelectionListe{ float:right; width:206px; font-size:12px; color:#666666; }
.teteSelectionListe select {
	font-size:12px;
	line-height:12px;
	width:200px;
	height:22px;
	color:#666666;
	border-style:solid;
	border-width:1px;
	border-color:#d5d5d5;
}

.piedLabelTable { width:100px; float:left; padding-left:10px; font-size:12px; color:#666666; }
.piedTable { width:100px; float:left; padding-left:2px; font-size:12px; color:#666666; }
.piedTable select {
	font-size:13px;
	line-height:13px;
	width:55px;
	height:20px;
	color:#666666;
	border-style:solid;
	border-width:1px;
	border-color:#d5d5d5;
}

.numeroterTable { width:240px; float:right; text-align:right; margin-right:5px; }
.ajouteraction { width:140px; float:right; text-align:left; margin-right:5px; }
.mouvement { width:150px;}
.ajouteraction a { color: #525A66; font-weight:bold; padding-left:18px; }
.ajouteraction a:hover { color: #B04443;}
.pageTable {  }
.pageTable li { display: inline; margin: 0 1px; color:#666666; font-size: 11px; font-weight:bold; }
.pageTable li a { 
	height:22px;
	padding:3px 8px;
	text-decoration:none;
	color:#666666;
	font-weight:bold;
	border:1px solid #d5d5d5;
	font-size: 11px;
}
.pageTable li a:hover { background: #d5d5d5; }
.pageTable li .active { color: #E9E9E9; border-color: #d5d5d5; background:#687282; }
.pageTable li .active:hover { background: #687282; }

/*element des tableaux*/
.menuTableaux{
	float:inherit;
	width:99%;
	text-align:right;
	margin-top:10px;
	height:16px;
	line-height:16px;
}
.menuTableaux p{
	float:right;
	margin-left:20px;
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
	font-size:12px;
	font-weight:bold;
}
.menuTableaux a{ color:#525A66; text-decoration:none; }
.menuTableaux a:hover{ color:#B04443; }

/*design du tableaux*/
#tableauContent { width:100%; padding-bottom:10px; }
#tableauContent table thead tr th {
	text-align:left;
	font-size:12px;
	font-weight:bold;
	color:#3E747E;
	height:28px;
	vertical-align: middle;
	border-bottom: 1px solid #d5d5d5;
}
#tableauContent table tbody tr td{
	text-align:left;
	font-size:12px;
	font-weight:normal;
	height:25px;
	vertical-align: middle;
	border-bottom: 1px solid #D8D8D8;
}

#tableauContent table tbody tr:nth-child(2n+1) td{ background-color: #EDEDED; }
#tableauContent table tbody tr:hover td{ background-color: #E5EEFF; color:#B04443; }
#tableauContent table tbody tr td img{ padding-right:5px; }
/*#tableauContent table tbody tr td img:hover{ cursor:pointer; opacity:0.5; filter: alpha(opacity=50); }*/

/*style pour les formulaires de saisie*/
#formulaireContent { width:100%; vertical-align:top; }
#formulaireContent .partie_titre { 
	text-align:left;
	height:28px;
	line-height:28px;
	background: #efefef url(../images/leftMenuIn.png) repeat-x;
	border-style:solid;
    border-width:0px 0px 1px 0px;
	border-color:#d5d5d5;
	font-weight:bold;
	font-size:12px;
	color:#B04443;
}
#formulaireContent .partie_titre p { margin-left:10px; }
#formulaireContent .barre_trait { border-width:1px 0px 1px 0px; }
#formulaireContent .trait_separation { 
	border-width:1px 0px 0px 0px;
	border-color:#d5d5d5;
	border-style:solid;
}
#formulaireContent .partie_contenu { padding:10px 10px 5px 10px; }
#formulaireContent .groupe_champ { margin-bottom:8px; text-align:left; }
#formulaireContent .groupe_champ p {
	float:left;
	text-align:right;
	margin-right:5px;
	height:22px;
	line-height:22px;
	font-size:12px;
	font-family: Arial,Helvetica,sans-serif;
}
.largeur_p1 p { width:220px; }

#formulaireContent .partie_contenu input { 
	font-size:12px;
	line-height:12px;
	height:20px;
	margin-right:10px;
	font-family: Arial,Helvetica,sans-serif;
	margin:0px 5px 0px 0px;
}
#formulaireContent .partie_contenu textarea{ 
	font-size:12px;
	font-family: Arial,Helvetica,sans-serif;
	margin:0px 5px 0px 0px;
}
#formulaireContent .partie_contenu select { 
	font-size:12px;
	height:22px;
	color:#666666;
	border-style:solid;
	border-width:1px;
	border-color:#d5d5d5;
	font-family: Arial,Helvetica,sans-serif;
	margin:0px 5px 0px 0px;
}
.style_checkbox {
	height:24px;
	margin-left:135px;
	width:300px;
	line-height:17px;
	margin-bottom:0px;
	text-align:left;
}
.style_combo_date {
	height:24px;
	margin-left:135px;
	width:400px;
	line-height:17px;
	margin-bottom:0px;
	text-align:left;
}

.button_style_contenu { width:80px; height:24px; float:inherit; margin-right:1px; }

.groupe_champ a{
	background-color:#444;
	color:#FFF;
	padding:3px 7px;
}

.groupe_champ a:hover{
	background-color:#063;
}

#liste-participant table {
	border:none;
}

#liste-participant th {
	border:1px solid #333;
	padding: 2px;
	color:#063;
}

#liste-participant td {
	border:1px solid #333;
	padding: 2px;
}

#liste-president table {
	border:none;
}

#liste-president th {
	border:1px solid #333;
	padding: 2px;
	color:#063;
}

#liste-president td {
	border:1px solid #333;
	padding: 2px;
}

#liste-cible table {
	border:none;
}

#liste-cible th {
	border:1px solid #333;
	padding: 2px;
	color:#063;
}

#liste-cible td {
	border:1px solid #333;
	padding: 2px;
}

#recapy table {
	border:none;
}

#recapy th {
	border:1px solid #063;
	padding: 2px;
	color:#063;
	text-align: center!important;
}

#recapy td {
	border:1px solid #fff;
	padding: 2px;
	text-align: center!important;
}


#recherchevalid {
	background-color:#444;
	color:#FFF;
	border:none;
	padding:2px 3px;
	margin-left:5px;
}

#recherchevalid:hover {
	background-color:#063;
	color:#FFF;
}

#rechercheliste {
	background-color:#FF9500;
	color:#FFF;
	border:none;
	padding:2px 3px;
	margin-left:5px;
}

#rechercheliste:hover {
	background-color:#6492CE;
	color:#FFF;
}

#liste-documentr table {
	border:none;
}

#liste-documentr th {
	border:1px solid #333;
	padding: 2px;
	color:#063;
}

#liste-documentr td {
	border:1px solid #333;
	padding: 2px;
}

#liste-documentt table {
	border:none;
}

#liste-documentt th {
	border:1px solid #333;
	padding: 2px;
	color:#063;
}

#liste-documentt td {
	border:1px solid #333;
	padding: 2px;
}

#liste-interv table {
	border:none;
}

#liste-interv th {
	border:1px solid #333;
	padding: 2px;
	color:#063;
}

#liste-interv td {
	border:1px solid #333;
	padding: 2px;
}

.bulle {
width: 289px;
padding: 10px;
display: none;
position: absolute;
background-color: #3B4D61;
overflow: hidden;
z-index: 500;
background-color: rgba(50, 69, 89, 0.8);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

.bg {
color: #FFF!important;
}

#cloud1 {top: 0px; left: 0px;}


.btnmultirecherche {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7!important;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7!important;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7!important;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) )!important;
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% )!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5')!important;
	background-color:#79bbff!important;
	-webkit-border-top-left-radius:5px!important;
	-moz-border-radius-topleft:5px!important;
	border-top-left-radius:5px!important;
	-webkit-border-top-right-radius:5px!important;
	-moz-border-radius-topright:5px!important;
	border-top-right-radius:5px!important;
	-webkit-border-bottom-right-radius:5px!important;
	-moz-border-radius-bottomright:5px!important;
	border-bottom-right-radius:5px!important;
	-webkit-border-bottom-left-radius:5px!important;
	-moz-border-radius-bottomleft:5px!important;
	border-bottom-left-radius:5px!important;
	text-indent:0!important;
	border:1px solid #84bbf3!important;
	display:inline-block!important;
	color:#ffffff!important;
	font-family:Arial!important;
	font-size:12px!important;
	font-weight:normal!important;
	font-style:normal!important;
	height:28px!important;
	line-height:28px!important;
	width:100px!important;
	text-decoration:none!important;
	text-align:center!important;
	text-shadow:1px 1px 0px #528ecc!important;
}
.btnmultirecherche:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) )!important;
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% )!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff')!important;
	background-color:#378de5!important;
}
.btnmultirecherche:active {
	position:relative!important;
	top:1px!important;
}


.btnokrecherche {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7!important;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7!important;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7!important;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) )!important;
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% )!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5')!important;
	background-color:#79bbff!important;
	-webkit-border-top-left-radius:6px!important;
	-moz-border-radius-topleft:6px!important;
	border-top-left-radius:6px!important;
	-webkit-border-top-right-radius:6px!important;
	-moz-border-radius-topright:6px!important;
	border-top-right-radius:6px!important;
	-webkit-border-bottom-right-radius:6px!important;
	-moz-border-radius-bottomright:6px!important;
	border-bottom-right-radius:6px!important;
	-webkit-border-bottom-left-radius:6px!important;
	-moz-border-radius-bottomleft:6px!important;
	border-bottom-left-radius:6px!important;
	text-indent:0!important;
	border:1px solid #84bbf3!important;
	display:inline-block!important;
	color:#ffffff!important;
	font-family:Arial!important;
	font-size:13px!important;
	font-weight:normal!important;
	font-style:normal!important;
	height:25px!important;
	line-height:25px!important;
	width:40px!important;
	text-decoration:none!important;
	text-align:center!important;
	text-shadow:1px 1px 0px #528ecc!important;
}
.btnokrecherche:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) )!important;
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% )!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff')!important;
	background-color:#378de5!important;
}.btnokrecherche:active {
	position:relative!important;
	top:1px!important;
}

.btnokrecherche1 {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7!important;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7!important;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7!important;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) )!important;
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% )!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5')!important;
	background-color:#79bbff!important;
	-webkit-border-top-left-radius:6px!important;
	-moz-border-radius-topleft:6px!important;
	border-top-left-radius:6px!important;
	-webkit-border-top-right-radius:6px!important;
	-moz-border-radius-topright:6px!important;
	border-top-right-radius:6px!important;
	-webkit-border-bottom-right-radius:6px!important;
	-moz-border-radius-bottomright:6px!important;
	border-bottom-right-radius:6px!important;
	-webkit-border-bottom-left-radius:6px!important;
	-moz-border-radius-bottomleft:6px!important;
	border-bottom-left-radius:6px!important;
	text-indent:0!important;
	border:1px solid #84bbf3!important;
	display:inline-block!important;
	color:#ffffff!important;
	font-family:Arial!important;
	font-size:13px!important;
	font-weight:normal!important;
	font-style:normal!important;
	height:30px!important;
	line-height:25px!important;
	width:100px!important;
	text-decoration:none!important;
	text-align:center!important;
	text-shadow:1px 1px 0px #528ecc!important;
	margin-top:5px!important;
}
.btnokrecherche1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) )!important;
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% )!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff')!important;
	background-color:#378de5!important;
}.btnokrecherche1:active {
	position:relative!important;
	top:1px!important;
}


/* ********************************************* */
/* Dual Select */

.dualselect {
	position: relative;
}

.dualselect:before, .dualselect:after {
	display: table;
	content: '';
}

.dualselect:after {
	clear: both;
}

.dualselect .left, .dualselect .right {
	width: 50%;

	float: left;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.dualselect .left {
	padding-right: 25px;
}
	

.dualselect .right {
	padding-left: 25px;
}

.dualselect input, .dualselect select {
	width: 100%;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.dualselect input, .dualselect input.valid {
	margin-bottom: -1px;
	border-radius: 3px 3px 0 0;
}

.dualselect select {
	padding: 5px;
	padding-top: 0;
	height: 150px!important;
	border: 1px solid #a0a0a0;
	border-top: none;
	border-radius: 0 0 3px 3px;
}

.dualselect.small select {
	height: 100px;
}

.dualselect.medium select {
	height: 300px;
}

.dualselect.large select {
	height: 500px;
}

.dualselect input:focus + select {
	border: 1px solid #5695db;
	border-top: none;
}

.dualselect .buttons {
	position: absolute;
	top: 35px;
	left: 50%;
	margin-left: -25px;
	width: 50px;
}

.dualselect .buttons a {
	width: 80%;
	margin: 0 10%;
	
	border-bottom-width: 0px;
	border-radius: 0;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	
	text-align: center;
}

.dualselect .buttons a:first-child {
	border-radius: 3px 3px 0 0;
}

.dualselect .buttons a:last-child {
	border-radius: 0 0 3px 3px;
	border-bottom-width: 1px;
}





/* Blue flat button */
button.flat, input[type=button].flat, input[type=submit].flat, a.button.flat {
	border: 1px solid #225ca8;
	box-shadow: none;
	
	background: #5a98e3; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVhOThlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjdhYzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #5a98e3 0%, #3f7ac6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a98e3), color-stop(100%,#3f7ac6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5a98e3 0%,#3f7ac6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5a98e3 0%,#3f7ac6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5a98e3 0%,#3f7ac6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5a98e3 0%,#3f7ac6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a98e3', endColorstr='#3f7ac6',GradientType=0 ); /* IE6-8 */

	color: #fff;
	text-shadow: 0 1px #000;
        cursor: pointer;
}

button.flat:hover, input[type=button].flat:hover, input[type=submit].flat:hover, a.button.flat:hover {
	background: #75b3fd; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1YjNmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MzgzZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #75b3fd 0%, #4383d6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#75b3fd), color-stop(100%,#4383d6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #75b3fd 0%,#4383d6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #75b3fd 0%,#4383d6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #75b3fd 0%,#4383d6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #75b3fd 0%,#4383d6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75b3fd', endColorstr='#4383d6',GradientType=0 ); /* IE6-8 */
}

button.flat:hover:active, input[type=button].flat:hover:active, input[type=submit].flat:hover:active, a.button.flat:hover:active {
	box-shadow: inset 0 2px 3px rgba(0,0,0,0.45);
}

/* Blue button:disabled + Flat:disabled */
button:disabled, input[type=button]:disabled, input[type=submit]:disabled, a.button.disabled:not(.ui-spinner-button),
button.flat:disabled, input[type=button].flat:disabled, input[type=submit].flat:disabled, a.button.flat.disabled:not(.ui-spinner-button),
button:disabled:active, input[type=button]:disabled:active, input[type=submit]:disabled:active, a.button.disabled:active:not(.ui-spinner-button),
button.flat:disabled:active, input[type=button].flat:disabled:active, input[type=submit].flat:disabled:active, a.button.flat.disabled:active:not(.ui-spinner-button) {
	cursor: default;

	border: 1px solid #a2afbe;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);

	background: #d4d9df; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDlkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWRkZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #d4d9df 0%, #d5dde9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d9df), color-stop(100%,#d5dde9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d4d9df 0%,#d5dde9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d4d9df 0%,#d5dde9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d4d9df 0%,#d5dde9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d4d9df 0%,#d5dde9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d9df', endColorstr='#d5dde9',GradientType=0 ); /* IE6-8 */
	
	color: #96a3b4;
	text-shadow: 0 1px 0 #fff;
}



/********************SLIDER**************************************/



.ui-sliderDemo{
	margin-bottom:30px;
}

.slider,
.dateSlider{
	width:100%;
	margin:20px auto;
	padding-top:20px;
}
.tick{
	border-left:1px solid black;
	position:absolute;
	top:0;
	height:20px;
	text-align:right;
}
.sliderZone dl input{
	text-align:right;
	margin-left:5px;
	margin-right:0;
	width:200px;	
}
.sliderZone img{
	vertical-align:middle;
}

.sliderZone dl{
	margin-bottom:50px;
}

.sliderZone{
	height:30px;
	margin-top:30px;
}

pre{
	overflow:auto;
	margin-right:400px;
}
pre code{
	tab-interval:  2pt;
	display:block;
	border-width:1px 1px 1px 15px;
	border-style:solid;
	border-color:#CCC;
	color:#444;
	padding:5px 10px;
	margin:0 5px;
	font-family:Consolas, Monaco, Arial, Helvetica, sans-serif;
	font-size:12px;
}

pre code .comment{
	color:#5e7f5f;
}

dt{
	font-weight:bold;
	float:left;
	clear:left;
	width:150px;
	margin-bottom:2px;
}

dt+dd{
	margin-top:2px;
}

dd{
	padding-left:15px;
	margin-left:0;
	margin-left:150px;
}

.wrapper{
	width:100%;
	float:left;
}

.logZone{
	margin-right:400px;
}

.options{
	width:400px;
	float:left;
	margin-left:-400px;
}

input[type=number]{
	width:3em;
}

.options form{
	margin:0 10px;
}

.log{
	height: 140px;
	overflow: auto;
	background-color:#555;
	font-family:Consolas Courrier "Courrier New" Monospace;
	color: #DDD;
	padding: 5px;
	list-style-type:none;
}

.log p{
	margin:0;
	padding: 0;
}

#themeSelector{
	width:100%;
	height:100px;
	position: relative
}

#themeSelector dt,
#themeSelector dd{
	position: absolute;
	width:120px;
	text-align:center;
	margin:0 5px;
	cursor: pointer;
	border:3px solid transparent;
}

#themeSelector dt{
	bottom:0;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
}

#themeSelector dd{
	top:0;
	padding: 0;
	-moz-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
}

#themeSelector .iThing{
	left:130px;
}

#themeSelector .selected{
}

#themeSelector dd.selected{
	border-color:#68a1d6;
	border-bottom-color:transparent;
}

#themeSelector dt.selected{
	border-color:#68a1d6;
	border-top-color:transparent;
}

.ajouter {cursor:pointer;}
.supprimer {cursor:pointer;}





ul.dropdown                         { position: relative;list-style:none;background:none;font-size:13px;line-height:24px;padding-top:4px;z-index:9999;}
ul.dropdown li                      { float: left; zoom: 1; background: none;list-style:none; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 10px; border-right: 1px solid #333;
	 								  color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background:#436C8B; color: black; position: relative; }
ul.dropdown li.hover a              { color: #333; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background:#436C8B; color: #000; 
									  border-top: 0px solid #ccc; float: none; text-align:left;line-height:24px;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

#contenuSite input[type=reset]:focus,#contenuSite input[type=submit]:focus {
  background:none;
  background-color:#0ab21b;
}