body{ 
    margin: 0; 
    padding: 0;
  /*   background-color : #575c62;
   background-image: #C0C0FF;       url('images/fond.png')   
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;   */
    font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
     /*'Old Standard TT', */
    font-size: 13px;
}      





h1 {
    font-size: 26px;
    font-weight: bold;
    color: #123f61;  
}           
        

h2 {
    font-size: 24px;
    font-weight: bold;
    color: #123f61;  
}          
        

h3 {
    font-size: 20px;
    font-weight: bold;
    color: #123f61;  
}     


input[type="text"] {
    background-color: #cfdfeb;  
    font-size:0.9em;
}
select {
    background-color: #cfdfeb; 
    font-size:0.9em;
}
textarea {
    background-color: #cfdfeb;  
    font-size:0.9em;
    margin-top:5px;
}            

input[type="submit"]{
    cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
    padding:5px 25px; /*add some padding to the inside of the button*/
    background:#1f4d72; /*the colour of the button*/
    border:1px solid #a8a88d; /*required or the default border for the browser will appear*/
    /*give the button curved corners, alter the size as required*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*give the button a drop shadow*/
    -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
    box-shadow: 0 0 4px rgba(0,0,0, .75);
    /*style the text*/
    color:#f3f3f3;
    font-size:1.1em;
    }
    /***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
    input[type="submit"]:hover, input[type="submit"]:focus{
    background-color :#123b5c; /*make the background a little darker*/
    /*reduce the drop shadow size to give a pushed button effect*/
    -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
    box-shadow: 0 0 1px rgba(0,0,0, .75);
    }       


.miniEntete {                 
    font-size: 8px;
    text-align: center;
    width:30px;
}                                    

#accesrapide {        
    color: #701b1c;                     
    font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;   
}
          
           
hr {          
    border: 0.5px dotted blue;
    border-top-width: 0.5px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}              



.disabledInput {                 
    background-color: #E0E0E0 !important;
    color: #808080 !important;
}    
   
   

#colonne1 {
    float: left;
    border:1px dotted blue;
} 
                   
#colonne2 {
    float: left;
    border:1px dotted blue;
}
                   
#colonne1_sansBords {
    float: left;
} 
                   
#colonne2_sansBords {
    float: left;
}             

.jumbo_portail {
    background-color: #e9ecef;
    border-radius: 0.3rem;
}

/* @media (min-width: 576px) { */
.jumbo_portail {
    padding: 1rem 1rem;
    margin-bottom: 2rem;
}

#colonne1 {
    width: 480px;
    padding-top: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
} 
                
#colonne2 {
    width: 480px;  
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}
                
#colonne1_sansBords {
    width: 480px;           
    margin-right: 20px;
    margin-bottom: 20px;    
    padding-left: 10px;
    padding-right: 10px;
} 
                
#colonne2_sansBords {
    width: 480px;            
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}


@media (min-width: 768px) {
    .jumbo_portail {
        padding: 1rem 1rem;
        margin-bottom: 2rem;
    }
    
    #colonne1 {
        width: 660px;
        padding-top: 10px;
        margin-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
    } 
                    
    #colonne2 {
        width: 660px;  
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
                    
    #colonne1_sansBords {
        width: 660px;          
        margin-bottom: 20px;    
        padding-left: 10px;
        padding-right: 10px;
    } 
                    
    #colonne2_sansBords {
        width: 660px;            
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) {
    .jumbo_portail {
        padding: 0.5rem 0.5rem;
        margin-bottom: 2rem;
    }
    
    #colonne1 {
        width: 454px;
        padding-top: 10px;
        margin-right: 5px;
        margin-bottom: 20px;
        padding-left: 5px;
        padding-right: 5px;
    } 
                    
    #colonne2 {
        width: 454px;  
        padding-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 20px;
    }
                    
    #colonne1_sansBords {
        width: 456px;           
        margin-right: 20px;
        margin-bottom: 20px;    
        padding-left: 10px;
        padding-right: 10px;
    } 
                    
    #colonne2_sansBords {
        width: 456px;            
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
}
@media (min-width: 1200px) {
    .jumbo_portail {
        padding: 1rem 1rem;
        margin-bottom: 2rem;
    }
    
    #colonne1 {
        width: 520px;
        padding-top: 10px;
        margin-right: 20px;
        margin-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
    } 
                    
    #colonne2 {
        width: 520px;  
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
                    
    #colonne1_sansBords {
        width: 520px;           
        margin-right: 20px;
        margin-bottom: 20px;    
        padding-left: 10px;
        padding-right: 10px;
    } 
                    
    #colonne2_sansBords {
        width: 520px;            
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
}
            
#vide
{                         
 background-color : transparent;    
 margin:0 auto;
 padding:0;
 min-height:20px; 
 width: 1px;
 text-decoration: none;
 color: white;
}               
#vide a
{
 text-decoration: none;
 color: white;
}