@charset "utf-8";
/* CSS Document */
@import url(../standard/portal/front/modeles.css);
@import url(../standard/portal/front/style.css);

/*********#E6727B======>#00adb1***********/
header {
background-color: #00adb1;
}
#search-panel { background: #00adb1 }

.panel-front > .x-panel-header span, h2   { color: #00adb1}

/*********#ad565e======>#00726f***********/

.connectBox  { background: #00726f ;}

/*** Surcharge JGrowl afin de ne plus couper
     les mots dans la fenêtre de notification ***/
.jGrowl-notification {
    word-break: keep-all !important; /* Anciennement word-break. Invalide depuis CSS 3.0*/ 
}

/*********Default***********/
.btn-default {
	background-color: #00726f ;
	border-color: #00726f ;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	background-color: #00726f;
	border-color: #00726f;
}

h1 {
	color:#F2F0F1;
}

#logon-form h1 {
	color:#333;
}

#textfield, .clean-text-field {
    color: #00726f;
}

.tt-suggestion.tt-cursor {
  background-color: #00726f;
}

#globalScenarioMobile{
	background-color:#268987;	
}

#globalScenarioMobile .active, #globalScenarioMobile .active:hover, #globalScenarioMobile .active:focus {
    background-color: #3FABAE;
}

#globalScenarioMobile > li > a:hover, #globalScenarioMobile > li > a:focus {
	background-color: #60C3C3;
    color: #ffffff;
}


/******************Responsive devices*******************/

/* Full HD · width: 1920px */
@media (min-width: 1920px) {
}

/* Kindle landscape · width: 1024px */
/* iPad landscape · width: 1024px */


@media (min-width: 1024px) {
}

@media (max-width: 1024px) {
}

@media (max-width: 800px) {
}
@media (min-width: 769px) {

}
/* iPad portrait  width: 768px */
@media (min-width: 768px) {
header {
    border-top: 10px solid #00726f;
}
header.header-compact {
    border-top: none;
}
.header-compact .top_bar {
    background: #00726F;
}
#ermes_main_menu li.LEVEL1 {background-color: #76c7d1;
border-top: 7px solid #abdadf;  }
#ermes_main_menu li.LEVEL1 > a {}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus, #ermes_main_menu li.LEVEL1 a:hover {
        background-color: #abdadf;
    }

.btn-account {
background-color: #00726f;

}
}

@media (max-width: 768px) {



}

/* iPhone 6 Plump landscape · width: 736px */
@media (max-width: 736px) {


}

/* Kindle portrait · width: 600px */
/* Android (Nexus 4) landscape · width: 600px */

@media (max-width: 600px) {

}

/* iPhone 5 Retina regardless of IOS version */
/* iPhone 5 landscape · width: 568px */

@media (max-width: 568px) {
}
/*iPhone 3+4 landscape · width: 480px*/

@media (max-width: 480px) {

}
/*iPhone 6 Plump portrait · width: 414px*/
@media (max-width: 414px) {


}
/*Android (Nexus 4) portrait · width: 384px*/


@media (max-width: 384px) {

}

/*Crappy Android landscape · width: 320px*/
/*iPhone 5 portrait · width: 320px*/
/*iPhone 3+4 portrait · width: 320px*/

@media (max-width: 320px) {

}
/*Crappy Android portrait · width: 240px*/

@media (max-width: 240px) {
}