/*
#logo {
margin-top: 0px;
padding:0;
width:100%;
height: 90px;
text-align: center;
}
*/




.mce-content-body p {
margin: 0 0 0 0;
padding: 0;
}


/* Si ecran < à 800 px, faire largeur 100%, sinon brider à 800px */
/* Si ecran < à 800 px, centrer, sinon faire float right et left pour chacune des 2 div */
@media (max-width: 800px) {

  body {
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    FONT-SIZE: 16px;
    font-size: 1.0em;
    text-align: center;
    margin: 0px;
    padding: 0px;
    width: 100%;
  }  
  
  #div_cover {
    text-align: center;
  } 
  					
  #div_txt_gche_cover {
    text-align: center;
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 20px; 
    padding-left: 20px; 
  }
  #img1 {
    border: 1px solid black;
    margin: 20px 20px 20px 20px;  
  }	
  #img_arrow {
    padding: 2px 2px 1px 1px;
    max-width: 32px;
    min-height: 32px;  
  }
  #img_progress_bar {
    max-width: 80%;
    min-height: 28px;
  }
  
  #div-top {
    margin-top: 0px;
    padding:0;
    height: auto;
    width:100%;
    text-align: left;
    FONT-SIZE: 18px;
  }
  #logo {
    margin-top: 0px;
    padding:0;
    width:100%;
    text-align: left;
    FONT-SIZE: 18px;
  }
  #sq1-millieusq {
    padding:0;
    width:100%;
    height: 100%;
    text-align: center;
  }
  #top-banner {
    margin-top: 0px;
    margin-bottom: 0px;
    width:100%;
    text-align: center;
    background-color: #4169E1;
  } 
  #sq1-divcentre-D {                          
    width:100%;                               
    margin-left: auto;                        
    margin-right: auto;                       
    text-align: center;                       
    background-color: #B0E0E6;         
  }  
  
  
  #txtbottomleft {
    margin:10px;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    FONT-SIZE: 16px;
    COLOR: #666666;
    opacity:0.7; 
  }
  #txtbottomright {
    margin:10px;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    FONT-SIZE: 16px;
    COLOR: #666666;
    opacity:0.7; 
  }
  
  #buttonsq {
    background-color: #E14444;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#E14444)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #000000, #E14444); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image: -moz-linear-gradient(top, #000000, #E14444); /* Firefox 3.6-15 */
    /*background-image: -o-linear-gradient(top, #000000, #E14444); /* Opera 11.10-12.00 */
    background-image: linear-gradient(to bottom, #000000, #E14444); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ margin:0px auto 0px auto; border: 1px solid #999999;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px #666666;
    color: #FFFFFF;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    FONT-SIZE: 17px; font-weight: bold;
    width: 280px;
    height:auto;
    text-decoration: none;
    text-shadow: 1px 2px 2px #3C5845;
  }
  #buttonsq:hover{color:#E14444;text-shadow:none;}
  #buttonsq:active{box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);}
  
  #buttonsq1 {
    background-color: #E14444;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#E14444)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #000000, #E14444); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #000000, #E14444); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #000000, #E14444); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, #000000, #E14444); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ 
    margin:0px 0px 0px 0px; 
    border: 1px solid #999999;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px #666666;
    color: #FFFFFF;
    cursor: hand;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    FONT-SIZE: 18px;  
    font-weight: bold;
    width: 280px;
    height:auto;
    text-decoration: none;
    text-shadow: 1px 2px 2px #3C5845;
}
#buttonsq1:hover{color:#E14444;text-shadow:none;}
#buttonsq1:active{box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);}

  
  .loginScreen {
    position: fixed;
    height: 80%;
    width: 80%;
    min-height:540px;
    min-width:298px;
    z-index:1000;
    margin: auto;
    top: 0; left: 0; bottom: 0; right: 0;
    border:1px solid #cccccc;
    background:#FFFFFF;
    text-align: center;
  }
  					
}
@media (min-width: 800px) {
  body {
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    FONT-SIZE: 16px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    min-width: 800px;
  }
  
  #div_cover {
    float: left;
    width: 50%;
  } 
  					
  #div_txt_gche_cover {
    float: left; 
    width: 50%; 
    max-width: 313px; 
    max-height: 500px; 
    padding-left: 20px; 
    padding-right: 10px;
  }
  #img1 {
    border: 1px solid black;
    margin: 20px 20px 20px 10px;  
    float: right;
  }
  #img_arrow {
    padding: 20px 20px 10px 10px;  
  }	
  #img_progress_bar {
    
  }	
  
  	
  #div-top {
    margin-top: 0px;
    padding:0;
    width:100%;
    height: auto;
    ;text-align: center;
    text-align: left;
    FONT-SIZE: 18px;
  }
  #logo {
    margin-top: 0px;
    padding:0;
    width:100%;
    height: auto;
    min-height: 136px;
    ;text-align: center;
    text-align: left;
    FONT-SIZE: 18px;
  }
  #sq1-millieusq {
    padding:0;
    width:100%;
    height: 100%;
    text-align: center;
  }
  #top-banner {
    margin-top: 5px;
    width:100%;
    height: 75px;
    text-align: center;
    background-color: #4169E1;
  } 
  #sq1-divcentre-D { 
    height:300px;
    width:100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #B0E0E6;
  }				
  
  
  #txtbottomleft {
    margin:10px;
    FLOAT:left;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    FONT-SIZE: 16px;
    COLOR: #666666;
    opacity:0.7; 
  }
  #txtbottomright {
    margin:10px;
    FLOAT:right;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    FONT-SIZE: 16px;
    COLOR: #666666;
    opacity:0.7; 
  }

  
  #buttonsq {
    background-color: #E14444;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#E14444)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #000000, #E14444); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image: -moz-linear-gradient(top, #000000, #E14444); /* Firefox 3.6-15 */
    /*background-image: -o-linear-gradient(top, #000000, #E14444); /* Opera 11.10-12.00 */
    background-image: linear-gradient(to bottom, #000000, #E14444); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ 
    margin:0px auto 0px auto; 
    border: 1px solid #999999;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px #666666;
    color: #FFFFFF;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    FONT-SIZE: 22px; 
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 2px 2px #3C5845;
  }
  #buttonsq:hover{color:#E14444;text-shadow:none;}
  #buttonsq:active{box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);}
  
  #buttonsq1 {
    background-color: #E14444;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#E14444)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #000000, #E14444); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #000000, #E14444); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #000000, #E14444); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, #000000, #E14444); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ 
    margin:0px 0px 0px 0px; 
    border: 1px solid #999999;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px #666666;
    color: #FFFFFF;
    cursor: hand;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    FONT-SIZE: 18px;  
    font-weight: bold;
    width: 30%;
    height:auto;
    text-decoration: none;
    text-shadow: 1px 2px 2px #3C5845;
  }
  #buttonsq1:hover{color:#E14444;text-shadow:none;}
  #buttonsq1:active{box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);}

  
  .loginScreen {
    position: fixed;
    height: 80%;
    width: 80%;
    max-height:540px;
    max-width:600px;
    z-index:1000;
    margin: auto;
    top: 0; left: 0; bottom: 0; right: 0;
    border:1px solid #cccccc;
    background:#FFFFFF;
  }
      
}


/* Exception pour la pop-up en mode landscape sur ?cran trop petit */
@media (max-height: 500px) {
  #img_arrow {
    padding : 0px 0px 0px 0px;
    max-width: 48px;
    min-height: 48px;  
  }
  #img_progress_bar {
    padding : 0px;
    max-width: 0px;
    min-height: 0px;
  }
  
  #buttonsq {
    background-color: #E14444;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#E14444)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #000000, #E14444); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image: -moz-linear-gradient(top, #000000, #E14444); /* Firefox 3.6-15 */
    /*background-image: -o-linear-gradient(top, #000000, #E14444); /* Opera 11.10-12.00 */
    background-image: linear-gradient(to bottom, #000000, #E14444); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ 
    margin:0px auto 0px auto; 
    border: 1px solid #999999;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px #666666;
    color: #FFFFFF;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    FONT-SIZE: 17px; 
    font-weight: bold;
    width: 280px;
    height:auto;
    text-decoration: none;
    text-shadow: 1px 2px 2px #3C5845;
  }
  #buttonsq:hover{color:#E14444;text-shadow:none;}
  #buttonsq:active{box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);}
  
  #buttonsq1 {
    background-color: #E14444;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#E14444)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #000000, #E14444); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #000000, #E14444); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #000000, #E14444); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(to bottom, #000000, #E14444); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ 
    margin:0px 0px 0px 0px; 
    border: 1px solid #999999;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px #666666;
    color: #FFFFFF;
    cursor: hand;
    FONT-FAMILY: Arial,Helvetica,sans-serif;
    FONT-SIZE: 18px;  
    font-weight: bold;
    width: 280px;
    height:auto;
    text-decoration: none;
    text-shadow: 1px 2px 2px #3C5845;
  }
  #buttonsq1:hover{color:#E14444;text-shadow:none;}
  #buttonsq1:active{box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);}
  
  
  .loginScreen {
    min-height:316px;
  }
}

.tableg {
border-collapse:collapse;
}
.editable {
border-width:2px;
border-style:solid;
border-color:transparent;
}
.editable:hover {
border-width:2px;
border-color:#cccccc;
border-style:dotted;
}
.editable1 {
border-width:2px;
border-style:solid;
border-color:transparent;
}
.editable1:hover {
border-width:2px;
border-color:#cccccc;
border-style:dotted;
}
.imgeditable {
border-width:2px;
border-style:solid;
border-color:transparent;
}
.imgeditable:hover {
border-width:2px;
border-color:#cccccc;
border-style:dotted;
}

  

#txt-top-banner { height: auto;
width: 100%;
FONT-FAMILY: Denk One,sans-serif;
FONT-SIZE: 28px;
COLOR: #FFFFFF; 
} 
#txt1 {
height: auto;
width: 100%;
FONT-FAMILY: Denk One,sans-serif;
FONT-SIZE: 38px;
COLOR: #000000; 
} 
#txt2 {
FONT-FAMILY: Arial,Helvetica,sans-serif;
FONT-SIZE: 19px;
COLOR: #000000; <!--#FFFFFF;-->
font-weight: bold;
}                                                                                              
#txt3 {                                              
height: auto;                                        
width: 100%;                                         
FONT-FAMILY: Denk One,sans-serif;                    
FONT-SIZE: 34px;                                     
COLOR: #E14444;                                      
}                                                    
#txt4 {                                              
FONT-FAMILY: Arial,Helvetica,sans-serif;             
FONT-SIZE: 16px;                                     
COLOR: #000000;                                      
}                                                    
#txt4bis {                                           
FONT-FAMILY: Arial,Helvetica,sans-serif;             
FONT-SIZE: 12px;                                     
COLOR: #000000;                                      
}                                                    
#txt4ter {                                           
FONT-FAMILY: Arial,Helvetica,sans-serif;             
FONT-SIZE: 14px;                                     
COLOR: #000000;                                      
}                                                    
#txt5 {
FONT-FAMILY: Arial,Helvetica,sans-serif;
FONT-SIZE: 16px;
COLOR: #000000; 
}


.inputform {
FONT-SIZE: 90%;
height:35px;
width:272px;
background-color: #eeeeee;
border-width:2px;
border-color:#cccccc;
border-style:solid;
opacity:0.8;
}
.txtinfodivmbr {
font-size: 17px;
font-family: ARIAL;
font-weight: bold;
COLOR: #084B8A;
} 

/*#buttonsq1 {
/*/*background-color: #999999;*/
/*background-color: #E14444;
/*background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#E14444)); /* Chrome, Safari 4+ */
/*background-image: -webkit-linear-gradient(top, #000000, #E14444); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
/*background-image: -moz-linear-gradient(top, #000000, #E14444); /* Firefox 3.6-15 */
/*/*background-image: -o-linear-gradient(top, #000000, #E14444); /* Opera 11.10-12.00 */
/*background-image: linear-gradient(to bottom, #000000, #E14444); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ margin:0px 0px 0px 0px; border: 1px solid #999999;
/*border-radius: 5px 5px 5px 5px;
/*box-shadow: 0 1px 3px #666666;
/*color: #FFFFFF;
/*FONT-FAMILY: Arial,Helvetica,sans-serif;
/*FONT-SIZE: 22px; font-weight: bold;
/*width: auto;
/*height:auto;
/*text-decoration: none;
/*text-shadow: 1px 2px 2px #3C5845;
/*}
/*#buttonsq1:hover{color:#E14444;text-shadow:none;}
/*#buttonsq1:active{box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);}
/*----------------------- CONFIG --------------------------------------------------------------------*/
#menubar {
background-color: #EEEEEE;
border-bottom: 2px solid #BBBBBB;
top: 0px;
left: 0px;
font-family: verdana, arial;
font-size: 15px;
padding:4px;
height: auto;
width: 100%;
z-index: 1000;
display:block;
position: fixed;
text-align: center;
}
/* -- IE 6 FIXED POSITION HACK ---------------------- */
/* To make up for scroll-bar. */
#menubar {
_top: -1px;
_position: absolute;
_right: 16px;
} 
.txtmenubar {
FONT-FAMILY: Arial,Helvetica,sans-serif;
FONT-SIZE: 14px;
COLOR: #FF0000;
} 
#margediv { /* -- marge pour haut de page - */
height: 30px;
} 
#cover{
position:fixed;
top:0;
left:0;
background:rgba(0,0,0,0.7);
z-index:500;
width:100%;
height:100%;
display:none;
}

.cancel
{
display:block;
position:absolute;
top:3px;
right:2px;
z-index:5000;
background:rgb(245,245,245);
height:20px;
width:25px;
text-align:center;
}
a.cancel:link {COLOR: #990000; TEXT-DECORATION: none; FONT-SIZE: 19px;font-weight:bold;}
a.cancel:visited { COLOR: #990000; TEXT-DECORATION: none; FONT-SIZE: 19px;font-weight:bold;}
a.cancel:active { COLOR: #990000; TEXT-DECORATION: none; FONT-SIZE: 19px;font-weight:bold;}
a.cancel:hover {COLOR: #CC6600; TEXT-DECORATION: none; FONT-SIZE: 19px;font-weight:bold;}