/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #b6b7bc;
    font-size: .80em;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
   
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 1200px;
    background-color: #fff;
    margin: 0px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
     min-height: 200px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    /*background-color:#5D7B9D;*/
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}






        .div1
        {
            padding-top:5px;
        }
        .divInfo
        {
            margin:10px;
            padding:10px;
            border-color: GrayText;
            border-width: 1px;
            border-style: solid;
            width:760px;
        }
        H3
        {
            margin-top: -10px;
        }


        ul {
             padding:0;
             margin:0;
             list-style-type:none;
             margin-bottom:15px;
        }
        .ulBouton li 
        {
            float:left; /*pour IE*/
            background-color:#3A4F63; 
            padding:10px 15px 10px 15px;
        }
.DivDroiteFloat
{
    float: right;
    width: 380px;
    margin-left: 10px;
    min-height: 800px;
}
.DivGauche
{
    padding-left: 5px;
}


   .FooterStyle{
            text-align:center;
            background-color:#5D7B9D;
           color:white;

        }
        .Top10{
            margin-top:10px;
        }
        .Border{
            border-width:1px; 
            margin:10px; 
            padding:10px; 
            border-style:solid; 
            border-color:darkgrey; 
        }
        .Centre {
            text-align:center;
        }
        .divMaster{
            border-color:#dddddd;
            border-width:2px 0px 0px 0px;
            border-style:solid;    
           margin-top:-2px;
           z-index:1;
        }


        .ulOnglet {
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

        .ulOnglet li {
            float: left;
        }
        .ulOnglet li  a {
            text-decoration:none;
            border-color:#dddddd;
            border-width:2px 2px 0px 2px;
            border-style:solid;    
            color:#3A4F63;
            padding: 2px 20px 2px 20px;
            display: block;
            text-decoration:none;
           z-index:2;
           margin:0px 1px 0px 0px;
           border-top-left-radius :3px;
           border-top-right-radius:3px;
        }

        .ulOngletRecherche {
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
            margin-left:10px;
        }

        .ulOngletRecherche li {
            float: left;
        }
        .ulOngletRecherche li  a {
            text-decoration:none;
            border-color:black;
            border-width:1px 1px 0px 1px;
            border-style:solid;    
            color:#3A4F63;
            padding: 2px 20px 2px 20px;
            display: block;
            text-decoration:none;
           z-index:2;
        }
        .inactive {
            background-color: #dddddd;
        }
       
       .Rechercheinactive a{
            color:white;
        }
        .Rechercheinactive {
            background-color: #3A4F63;
            color:white;
        }
        .Rechercheactive{            
           background-color:whitesmoke;
            color: #3A4F63;
            font-weight:500;
        }

        .active{
            background-color:white;
            font-weight:500;
        }
        .displayBlock{
            display:block;
        }

#divQuart{
    line-height:2.5em; 
    display:block; 
}
.divUl{
    padding:1px 10px 1px 10px;
}
#divRecherche{
    padding-top:10px;
   
}
.Droite{
    text-align: right;
}

.MarginLeft15{
     margin-left:15px;
}
.MarginRight15{
     margin-right:15px;
}

.whiteSmokePlus{
    background-color:whitesmoke; 
    border-style:solid; 
    border-width:1px; 
    border-color:black; 
    margin:-1px 10px 10px 10px; 
    padding:10px; 
    min-height:450px;
}
.Boutons1{
    line-height:2.5em; 
    margin-left:10px; 
    margin-right:10px; 
    text-align:right; 
    background-color:whitesmoke
}


 /* style pour le menu  déroulant*/     
.hideSkiplink ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.hideSkiplink li {
    float: left;
}

.hideSkiplink li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #BFCBD6;
    color:#CC6600;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #3A4F63;
   
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color:#BFCBD6;}
.dropdown-content .BlueBackground:hover {background-color: #3A4F63; color:white;}

.dropdown:hover .dropdown-content {
    display: block;
}
#MainContent_lnkResultat{
    color:white;
}
#MainContent_lnkResultat:hover{
    color:#CC6600;
}
#MainContent_lnkResultat1{
    color:white;
}
#MainContent_lnkResultat1:hover{
    color:#CC6600;
}
#MainContent_lnkResultat{
    color:#3A4F63;
}
#MainContent_lnkRecherche{
    color:white;
}
#MainContent_lnkRecherche:hover{
    color:#CC6600;
}
select {
    padding: 1px;
}

#dcDefault
{
    left:230px;
    top:105px;
    background-color:white;
}

        .thisClass{
            font-size:large;
             position:relative;
            margin-left:auto;
            margin-right:auto;
            color:#3A4F63;
            width:180px;
            margin-top:25px;
        }
         a .thisClass:hover{
            color:white;
            background-color:#3A4F63;
           
        }
        a{
            text-decoration:none;
        }

        #MainDefault{
            padding-top:25px; 
            padding-bottom:25px; 
            position:relative; 
            margin-left:auto; 
            margin-right:auto; 
            text-align:center; 
            width:300px;
        }


       .DropDownList{
            display:none;
            float:right; 
            margin-top:6px;
        }
        .Width385{
            width:385px;
        }
        .Width410{
            width:410px;
        }
        .Margin10MinH200{
            margin:10px;  
            min-height:200px;
        }
        .MinH305{
            min-height:305px;
        }
        .Top0{
            margin-top:0px;
            padding-top:0px;
        }
        .Padding0{
            padding:0px;
        }
        .FloatLeft2em{
            float:left;
            line-height:2em;
            position:relative;
        }
        .LH25em{
            line-height:2.5em;
        }
        .MarginLeft10{
            margin-left:10px;
        }
        .TopIndex{
            z-index:999;
        }
.AbTop25Gauche265 {
    position: absolute;
    top: 25px;
    left: 265px;
}
.AbTop25Gauche320 {
    position: absolute;
    top: 25px;
    left: 320px;
}
.w500{
    width:500px;
}
.w470{
    width:470px;
}
.w350{
    width:350px;
}
.w850{
    width:850px;
}
.mh30{
    min-height:30px;
}
.p20{
    padding:20px;
}




/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin-left: auto;
    margin-right:auto;
    top:20%;
    border: 10px solid #888;
    width: 300px;
    height: 75px;
    text-align:center;
    padding:15px;
}
/* Modal Content/Box
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; 
    padding: 20px;
    border: 1px solid #888;
    width: 80%; 
}
 */
/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }