/* generated by csscreator.com */ 
/*
---------------------------------------------------------------------------------
Important :
    Ce css ne doit pas être modifié par les développeurs
    Il sert seulement pour le master page
    Pour créer un css personalisé pour le projet à développer, un fichier css nommé Custom.css a été créé.
-------------------------------------------------------------------------------------
*/

a:focus{
    outline:0;
}

table {
	border-collapse: separate;
	/*border-spacing: 0;*/
}

html, body{
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family:Helvetica, Helvetica Neue, Arial;
}

.wgFr{
float:right;
}

.wgBoutton{
 /*   border:1px solid #bbb;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow:0 1px 3px rgba(0,0,0,0.7);
    -moz-box-shadow:0 1px 3px rgba(0,0,0,0.7);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.7);
    
    background-color:#fff;
    
    cursor:pointer;
    
    padding: 0 10px;
    min-width: 100px;
    
    background-image: -moz-linear-gradient(top, #ffffff, #bbbbbbb );
    outline:0;
    text-align:center;*/
    }

.wgBoutton:hover{
  /*  background-color:#eee;*/
}

.wgBoutton:active{
  /*  background-image: -moz-linear-gradient(top, #bbbbbb, #ffffff );
    outline:0;*/
    }

input[type="submit"]{
   /* cursor:pointer;*/
}


/*Fontes*/
h1 {
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
}

h2 {
    font-weight: bold;
    margin: 10px 0;
    padding: 0;
    font-size: 1.2em;
}

h3 {
    font-weight: bold;
    margin: 0;
    padding: 0;
    font-size: 1em;
}

/*Layout général*/
body {
    background: none repeat scroll 0 200px #95ADBF;
    color: #3A3B3D;
    font-family: Arial,Helvetica,Tahoma,sans-serif;
    font-size: 0.8em;
    line-height: 1.3em;
}
/*Layout général/header*/
#etsheader {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 1250px;
}

#etsHeaderContainer {
    padding-top: 0;
    background: none repeat scroll 0 0 #12365E;
    min-width: 1250px;
    height: 48px;
    position:relative;
    z-index:1;
    
    box-shadow: -15px 5px 15px #445566;
    -moz-box-shadow: -15px 5px 15px #445566;
    -webkit-box-shadow: -15px 5px 15px #445566;
}

/*Layout général/bellow header*/
#etsBellowHeader {
    background:#95ADBF url('images/bkg_sec.png') repeat-x;
    height: auto;
    min-height: 712px;
    min-width: 1250px;
}

#etspage {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 1250px;
}

#etsMCContainer {
    background: #FFFFFF;
    min-height: 500px;
    padding-bottom: 20px;
    width: 100%;
}

#etsMCTop {
    /*min-height: 30px;*/
    padding: 0.9em;
    position: relative;
    border-bottom: 1px solid #BBBBBB;
    font-size: 0.9em;
    line-height: 1.2em;
}

.etsMCLeft {
    float: left;
    width: 239px;
}

#etsMCTwoRight {
    float: left;
    width: 753px;
}

.etsMCRight {
    float: right;
    width: 196px;
}

#etsMCContent {
    /*float: left;*/
    margin: 10px 12px 0;
    width: auto;
}

/*Authentification*/
.etsPerLogoAcc{
    left: 30px;
    position: absolute;
    top: 0;
    border-left:transparent;
    border-right:transparent;
    border-top:0px transparent !important;
    border-bottom:transparent;
}

#leftMenu.auth {
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    box-shadow: 5px 5px 6px #666666;
    -moz-box-shadow: 5px 5px 6px #666666;
    -webkit-box-shadow: 5px 5px 6px #666666;
    border: 1px solid #BBBBBB;
    background: none repeat scroll 0 0 #fff;
    left: 30px;
    padding: 10px;
    position: relative;
    top: -38px;
    
    width:231px;
}

.wgLoginContainer div.authTitle{
    border-bottom: 1px solid #BBB;
    padding: 5px 0;
    font-weight:bold;
}

.wgLoginContainer div.authSection{
    padding: 5px 0;
}
.wgLoginContainer{
    /*text-align:center;
    padding:20px;
    width:300px;
    
    margin-right:auto;
    margin-left:auto;
    position: relative;
    top: -50px;
    background:#fff;
    
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-bottom:10px;*/
}



/*Menu onglet horizontal*/
.AspNet-Menu-Horizontal{
    /*position:relative;*/
}   
.AspNet-Menu-Horizontal ul a{
    color:inherit;
    text-decoration:none;
    padding:5px;
    display:block;
}

.AspNet-Menu-Horizontal ul{
    margin:0;
    position:absolute;
    bottom:0;
    padding:0;
}

.AspNet-Menu-Horizontal ul li{
    display: block;
    float:left;
    list-style: none outside none;
    
    border-left:1px solid #bbb;
    border-top:1px solid #bbb;
    border-right:1px solid #bbb;
    border-top-left-radius:10px;
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    border-top-right-radius:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
    background-color:#eee;
   /* box-shadow:inset 0px 0px 12px #555;
    -moz-box-shadow:inset 0px 0px 12px #555;
    -webkit-box-shadow:inset 0px 0px 12px #555;*/
    
    padding:0px;
    margin:5px 5px 0 5px;
    
    position:relative;
    bottom:0;
}

.AspNet-Menu-Horizontal ul li:hover{
    background-color:#fff;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}

.AspNet-Menu-Horizontal ul li.AspNet-Menu-Selected{
    position:relative; 
    bottom:-1px;
    
    background-color:#fff;
    box-shadow:-2px -4px 4px #aaa;
    -moz-box-shadow:-2px -4px 4px #aaa;
    -webkit-box-shadow:-2px -4px 4px #aaa;
    
    font-weight:bold;
}

.AspNet-Menu-HorizontalContenu{
 border:1px solid #bbb;
}

/*Menu gauche*/
ul#menuElem
{
	border-right:2px solid #fff;
	margin:0;
	padding:0 5px 0 0;
	background:none !important;
	background:#F0F0F0;
}

ul#menuElem a
{
	text-decoration:none;
	color:#3A3B3D;
	display:block;
	/*width:100%;*/
	height:100%;
	padding-left:25px;
}

ul#menuElem LI
{
	border-bottom:1px solid #bbb;
	list-style:none;
	display:block;
	clear:both;
	margin:0 10px 0 0;
	line-height:normal !important;
	line-height:1.9em;
}

ul#menuElem>LI>a
{
	padding-top:5px;
	padding-bottom:5px;
}

ul#menuElem LI.CMSListMenuHighlightedLI, ul#menuElem LI.CMSListMenuHighlightedLI UL LI.CMSListMenuHighlightedLI
{
	background:url('images/bgRepY.png') repeat-y -245px 0 #fff !important;
	background:none #F0F0F0;
}

ul#menuElem LI UL LI:hover, ul#menuElem LI:hover
{
	background:url(images/'bgRepY.png') repeat-y -650px 0 #fff !important;
	background:none #F0F0F0;
}

ul#menuElem LI.CMSListMenuHighlightedLI UL
{
	background:url('images/bgRepY.png') repeat-y 0 0 #fff !important;
	background:none #F0F0F0;
}

ul#menuElem LI UL
{
	list-style-type:none;
	background:#fff;
	/*display:none;*/
	clear:both;
	margin:0;
	padding:0;
}

ul#menuElem LI UL LI
{
	border:none;
	min-height:1.3em;
	line-height:1.3em;
	margin:0;
	padding:2px 0 2px 30px;
}
ul#menuElem LI UL LI a
{
	background:url('images/sprites.png') no-repeat 0 -440px transparent;
	padding-left:12px;
	display:block;
}

ul#menuElem a.togglerBack
{
	background:url('images/sprites.png') no-repeat 5px -44px transparent;
}

ul#menuElem a.toggledBack
{
	background:url('images/sprites.png') no-repeat 5px -95px transparent;
}

/*Grille*/
div.etsTableauDonneesTitre
{
	padding-bottom:5px;
}

table.etsTableauDonnees
{
	border-collapse:collapse;
}

table.etsTableauDonnees td
{
	color:#3A3B3D;
	font-size:13px;
	border:2px solid #fff;
	padding:2px;
}

table.etsTableauDonnees tr:nth-child(odd), table.etsTableauDonnees .etsTableauDonneesTDEven   { background-color:#E9EEF2; }

table.etsTableauDonnees th, .etsTableauDonneesF td{
	background-color:#758AA2;
	color:#fff;
	font-size:1.05em;
	font-weight:bold;
	border:2px solid #fff;
	padding:2px;
}

table.etsTableauDonnees th a, .etsTableauDonneesF td a{
color:#fff;
}

table.etsTableauDonnees tr.ligneSelectionnee{
	background-color:#11ccff;
}

/*Table sorter*/
th.header { 
    background-image: url('images/bg.gif');     
    cursor: pointer; 
    background-repeat: no-repeat; 
    background-position: center right; 
    padding-right: 20px !important; 
} 
th.headerSortUp { 
    background-image: url('images/asc.gif');
}
th.headerSortDown { 
    background-image: url('images/desc.gif');
}

/*scollableTable*/

.scollableTable {
    position: relative;
}

.scollableTable>div {
    overflow: auto;
}

.scollableTable table  th {
    text-align: left;
    vertical-align: top;
}

.scollableTable table  td {
    vertical-align: top;
}

/*Début messages*/
.erreur{
color: #A52222;
font-weight:bold;
}

.wbMessageErreur, .wbMessageConfirmation, .wbMessageAvertissement, .wbMessageGenerique, .wbMessage1, .wbMessage2, .wbMessage3, .wbMessage{
border-width:2px;
border-style: solid;
margin:0px;
padding-top:20px !important;
padding-right:20px;
padding-bottom:20px !important;
padding-left:60px !important;
display:block;
/*width:100%;*/
text-align:center;
background-color:Transparent !important;
background-repeat:no-repeat !important;
background-position:10px center !important;

border-bottom-left-radius:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;

box-shadow:-5px 5px 10px #888;
-moz-box-shadow:-5px 5px 10px #888;
-webkit-box-shadow:-5px 5px 10px #888;
}

.wbMessageErreur, .wbMessage1{border-color:#7E0404 !important;color: #7E0404 !important;background-color:#EDC8C8 !important;background-image: url('images/wgErreur.png') !important}
.wbMessageConfirmation, .wbMessage2{border-color:#007D01 !important;color: #007D01 !important;background-color:#BFE9BF !important;background-image: url('images/wgConfirmation.png') !important}
.wbMessageAvertissement, .wbMessage3{border-color:#937F2B !important;color: #937F2B !important;background-color:#FFEA97 !important;background-image: url('images/wgAvertissement.png') !important}
.wbMessageGenerique, .wbMessage{border-color:black !important;color: black !important;background-color:#fff !important;}
/*Fin messages*/

.wgMenuPrincipal a, .wgMenuPrincipal a:visited{
    color:#222222;
}
 
/*Début mise en page*/
#pagewidth{ 
 width:1250px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:70px; 
 width:100%;
 background-color: #fff;
 border:solid thin black ;
 background-color:  #336699;
 /* background-color:#8F86FF; */
} 
 
#leftcol{
 width:200px; 
 float:left; 
 position:   relative;
/* background-color:#8FB0E0;*/
 /* #8FB0B0;*/
 
 }
 
#twocols.True{
 width:792px; 
 float:left; 
 position:relative; 
  }
 
#rightcol{
 max-width :200px; 
 float: right; 
 position: relative; 
 /*background-color:#cbd3d7;*/
  
 /*#8FB0E0;*/
 }
 
#maincol{background-color: #FFFFFF;  
 }
 
 #maincol.True{
 float: left; 
 display:inline; 
 position: relative; 
 /*min-width:772px;*/
 overflow: auto;
 }
 

 
#footer{
 height:100px;
 clear:both;
 } 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
 .etsMenu{
 z-index: 998;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

.ui-widget{
    z-index:1000;
}