body
{
	background: #f7f8fa;
	font: 14px/1.4 Open Sans, Helvetica, Verdana, Arial, sans-serif;
	font-family: Open Sans, Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
}

.encart_login{
	background:url('/images/cadre_login.png') center center transparent;
	width: 422px;
	height: 410px;
	margin: auto;
}
.encart_passeoublier{
	background:url('/images/cadre_login.png') center center transparent;
	width: 422px;
	height: 410px;
	margin: auto;
}

.encart_login_bo{
	background:url('/images/cadre_login_bo.png') center center transparent;
	width: 422px;
	height: 410px;
	margin: auto;
}
.encart_login_remix{
	background:url('/images/cadre_login_remix.png') center center transparent;
	width: 422px;
	height: 410px;
	margin: auto;
}

.encart_login_spv{
	background:url('/images/cadre_login_spv.png') center center transparent; 
	width: 422px;
	height: 410px;
	margin: auto;
}

.encart_login_solugerm{ 
	background:url('/images/cadre_login_solugerm.png') center center transparent; 
	width: 422px;
	height: 410px;
	margin: auto;
}

.encart_login_remix_us{
	background:url('/images/cadre_login_remix.png') center center transparent;
	width: 422px;
	height: 410px;
	margin: auto;
}

.encart_login_o2{
	background:url('/images/cadre_login_o2.png') center center transparent;
	width: 422px;
	height: 410px;
	margin: auto;
}

.encart_login_panda{
	background:url('/images/cadre_login_panda.png') center center transparent;
	width: 422px;
	height: 410px;
	margin: auto;
}

.encart_login_mys{
	background:url('/images/cadre_login_mys.png') center center transparent;
	width: 422px;
	height: 410px;
	margin: auto;
}

.englobe_entete
{
	width: 100%;
  height: 63px;
  background-color: #3c3c3c;
  position: fixed;
  top: 0;
  z-index: 1;
  border-top: 3px solid #BAAC94;
}

.entete
{
	position:fixed;
	width:1082px;
	height:63px;
	left:0;
	right:0;
	top:3px;
	margin:0 auto;
	z-index: 10;
	background:none !important;
	background-color:#3c3c3c;
	box-shadow: 0px 0px 0px #aaa !important;
}

.entete .choix_langue
{
	float:right;
	width:70px;
	height:53px;
	background-color:#3c3c3c;
	color:#FFF;
	padding:5px;
	text-align:center;
}

.entete .choix_langue .change_langue{  
  cursor:pointer;
  opacity:0.5;
}

.entete .choix_langue .change_langue:hover{  
  opacity:1;
}

.entete .infos_user
{
	float:right;
	background:url('/images/name_login.png') left center no-repeat transparent;
	padding:0;
	width:197px;
	height:63px;
	border:0;
	border-left:1px solid #BAAC94;
}

.entete .logo
{
	font-size:30px;
	font-weight:bold;
	float:left;
	padding:0;
	color:#0073EC;
	background:#3c3c3c;
}

.entete .menu {
	background-color:#3c3c3c;
	height:63px;	
}

.entete .menu ul
{
	list-style:none;
	padding:0;
	margin:0;
	padding-top:0;
}
.entete .menu ul li
{
	list-style:none;
	padding: 0 8px 0 2px;
	margin:0;
	display:inline-block;
	border-right:1px solid #BAAC94;
	opacity:0.5;
}

.entete .menu ul li a, .entete .menu ul li.actif a{
	color:#FFFFFF;
	padding:0;
	font-size:10px;
	line-height:10px;
}

.entete .menu ul li.actif
{
	opacity:1;
	border:0;
  border-right:1px solid #BAAC94;
  border-radius: 0; 
}

.entete .menu ul li:hover{ opacity:1; }
.entete .menu ul li:active{ opacity:0.7; }
                                         
li.menu_accueil{
	width:50px;
	vertical-align: top;
	background:url('/images/menu_accueil.png') center 8px no-repeat #3c3c3c !important;
	/*background-position-y: 8px !important;	*/
	padding: 0 8px !important;
}

li.menu_accueil_bo{
	width:50px;
	vertical-align: top;
	background:url('/images/menu_accueil_bo.png') center 8px no-repeat #3c3c3c !important;
	/*background-position-y: 8px !important;	*/
	padding: 0 8px !important;
}

li.infos{
	width:80px;
	vertical-align: top;
	background:url('/images/menu_infos.png') center 6px no-repeat #3c3c3c !important;
	/*background-position-y: 6px !important;*/	
} 

li.garantie{
    width:50px;
	vertical-align: top;
	background:url('/images/guarantee.png') center 6px no-repeat #3c3c3c !important;
	/*background-position-y: 6px !important;*/
} 

li.commande{
	width:65px;
	vertical-align: top;
	background:url('/images/menu_commande.png') center 6px no-repeat #3c3c3c !important;
	/*background-position-y: 6px !important;	*/
}

li.historique{
	width:90px;
	vertical-align: top;
	background:url('/images/menu_facture.png') center 8px no-repeat #3c3c3c !important;
	/*background-position-y: 8px !important;*/	
}

li.contact{
	width:60px;
	vertical-align: top;
	background:url('/images/menu_contact.png') center 10px no-repeat #3c3c3c !important;
	/*background-position-y: 10px !important;	*/
}
  
li.download{
	width:95px;
	vertical-align: top;
	background:url('/images/menu_download.png') center 8px no-repeat #3c3c3c !important;
	/*background-position-y: 8px !important;*/	
}


a, a:hover, a:visited, a:focus
{
  color:#BAAC94; 
  text-decoration: none;
}

a.logout
{
  color:#0073EC; 
  text-decoration: none;
}

a.logout span
{
 text-decoration:underline;
}
a.logout:hover span
{
 text-decoration:none;
}

h1
{
	color: #3c3c3c;
  font-size: 18px;
  margin: 0;
  text-transform: uppercase;
  text-decoration: none;
}

h3
{
	font-size: 14px;
	color:##BAAC94;
	font-weight:bold;
  margin: 0;
  text-decoration: none;
}

.corps
{
	width:1082px;
	margin:0 auto;
	background:none !important;
	/*background:url('images/logo.jpg') left center no-repeat #3c3c3c;	*/
	box-shadow: 0px 0px 0px #aaa !important;
}

.corps .zone_auth
{

	background: url("/images/degrad_1.png") repeat-x scroll 0 0 #ffffff;
	box-shadow: 0 0 12px #AAAAAA;
	margin:50px;
	padding:20px;
	width: 300px;
}



table.tableau_listetfoot td {
	padding:10px;
}


table thead .span_ico_tri
{
	display:inline-block;
	width:16px;
	height:16px;
	float:left;
	margin:4px;
	opacity:0;
}

.tri_selection
{
	text-decoration:underline;
}

.tri_asc, .tri_desc
{
	cursor:pointer;
}
.tri_asc .span_ico_tri,.tri_asc:hover .span_ico_tri
{
	background: url(/images/sort-ascend.png) no-repeat center center transparent;
}

.tri_desc .span_ico_tri, .tri_desc:hover .span_ico_tri
{
	background: url(/images/sort-descend.png) no-repeat center center transparent;
}


.tri_asc:hover .span_ico_tri,
.tri_desc:hover .span_ico_tri
{
	opacity: 1;

}

.tri_selection .span_ico_tri
{
	opacity: 1;
}


.tri_asc.tri_selection:hover .span_ico_tri
{

	background: url(/images/sort-descend.png) no-repeat center center transparent !important;
}

.tri_desc.tri_selection:hover .span_ico_tri
{

	background: url(/images/sort-ascend.png) no-repeat center center transparent !important;
}



.flash
{
	padding: 10px;
}

.flash .flash_info
{
	background: url(/images/Circle-Info.png) 5px center no-repeat #D2FFC1;

}

.flash .flash_erreur
{
	background: url(/images/warning.png) 5px center no-repeat #FFECDD;
}

.flash .flash_element
{
	border: 1px solid #DDDDDD;
	padding: 10px 10px 10px 47px;
	margin:5px;
	box-shadow: 0 0 10px #c0c0c0;
	cursor: pointer;
}

 


 

.global_flash
{
	position: fixed;
	top: 75px;
	right: 0;
	width: 400px;
	z-index: 5000;
}


.autocomplete-suggestion
{
	cursor: pointer;
}


.global_box
{
	box-shadow: 0 0 10px #c0c0c0;
  
}

.btn_valider{
	background: #BAAC94;
  color:#FFFFFF;
}

.styleTable { border-collapse: separate; }
.styleTable TD { font-weight: normal !important; padding: .4em; border-top-width: 0px !important; }
.styleTable TH { text-align: center; padding: .8em .4em; }
.styleTable TD.first, .styleTable TH.first { border-left-width: 0px !important; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
	border: 1px solid #f6f1eb;
	background: #BAAC94;
	font-weight: bold;
	color: #ffffff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	border: 1px solid #f6f1eb;
	background: #BAAC94;
	font-weight: bold !important;
	color: #ffffff;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #f6f1eb;
	background: #BAAC94;
	font-weight: bold !important;
	color: #ffffff;
}

.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-button{
	position:inherit;
	
}

.ui-tabs {
    position: inherit;
    
}

.ui-tabs .ui-tabs-nav li {
    position: inherit;
}

.ui-widget {
	font-family: Open Sans,Helvetica,Arial,sans-serif !important;
	font-size: 1.1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Open Sans,Helvetica,Arial,sans-serif !important;
	font-size: 1em;
}

.ui-button, .title_container{
	background-color: #baac94;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.ui-button:active, .title_container:active{
	background-color: #aa9d89;
	color:#d5cfc4;
}

.ui-button:hover, .title_container:hover{
	/*border: 1px solid #BAAC94;
	background: #f6f1eb;
	font-weight: bold !important;
	color: #BAAC94;*/
	background-color: #9a8b73;
}

.ui-button-text, .ui-button-text a{
	background-color: transparent !important;
}

.recherche_histo{
	background: url("/images/btn_rechercher.png") no-repeat scroll center 3px #BAAC94;
  height: 50px;
  padding-top: 25px !important;
  width: 152px;
}

.recherche_last{
	height: 50px;
  width: 152px;
}

:focus { outline:none }

.englobe_footer{	
	background-color: #828282;
  height: 140px;
  bottom: 0;
  width: 100%;  
}

.englobe_footer_accueil{	
	background-color: #828282;
  height: 220px;
  bottom: 0;
  width: 100%;  
}

.footer{	
	width:1082px;
	height:100px;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
	background-color:#828282;
	color:#FFFFFF;
	padding:25px 15px 15px 15px;
}

.footer table td{
	vertical-align:center;
}

.footer a{	
	color:#FFFFFF;
	text-decoration:none;
}

.even{
 background-color:#f7fbfc;
}

.odd{
 background-color:#f2f5f6;
}

.cell_entete
{
padding:4px;
background-color:#FFFFFF;
color:#BAAC94;
font-weight:bold;    
}

.b_t
{
border-top: 1px solid #e6e9ea !important; 
}
.b_l
{
border-left: 1px solid #e6e9ea !important; 
}
.b_b
{
border-bottom: 1px solid #e6e9ea !important; 
}
.b_r
{
border-right: 1px solid #e6e9ea !important; 
}

ul.menu li div {
	padding-top: 30px !important;
	padding-bottom: 21px;
	height: 10px !important;
}

ul.menu li:nth-child(1) div{
	height: 10px !important;
}  


