html {margin:0 auto;
                      font-family:    Comic sans MS, georgia, times, "times new roman" ;
                      background-color:#fff;color:#656614;
                      min-height: 700px;
                      cursor:default;
                   /*   background:url(bgfond.jpg) top left repeat-x; */
                     }
                body {   /* max-width:1000px;
                   margin:0 auto;   */
                      box-sizing: border-box;
                      font-size: 12px;
                      margin-top: 0px ;
                      padding: 0px;
                      border: 1px solid #d1d6b5;
                      background-color:#fff;color:#000;
                      }
 
input { cursor:pointer;}
/*
table {
    color: #212124;
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 3px;
    background-color: #F2f2f2;
 }
#pref th, #autpro th, th {
    background-color: rgba(18, 50, 65, 0.67);
    color: #FEFEFE;
    font-size: 15px;
}
#page {
    margin: 2px 15px;
}
td, th {
    border: 1px solid #AAA;
    padding-left: 0px;
    margin:0px;
}
td {
    font-size: 12px;
    height: auto;
    }
th {color:#333;
    background-color:#ddd;
    font-weight:bold;
    font-size: 12px;
    height: auto;
    }
/*th, td {max-width: 90px;} */
.tdgauche  {text-align:left;}
.tdcentre  {text-align:center;}
.tddroite  {text-align:right;}
.btsubmit, .bouton {
                cursor:pointer;
                font-weight:bold;
                border:1px solid #777;
                -ms-border-radius: 4px;
                border-radius:4px;
                background-color:#eaeaea;
                color:#444;
                color:#646F9B;
                background-color: #FBF898;
color: #000;

                height: auto;
                padding:2px;
            }
.bouton:hover { cursor:pointer;
                border:1px solid #fff;
                background-color:#666;
                color:#fff; box-shadow: 0px 0px 0px 1px #777;
            }
.btsubmit:hover { cursor:pointer;
                border:1px solid #fff;
                background-color:#666;
                color:#fff;
                 box-shadow: 0px 0px 0px 1px #777;
            }

button {        border:1px solid #777;
                height: auto;
            }
button:hover {  cursor:pointer;
                background-color:#666;
                color:#fff;
                border:1px solid #fff;
                box-shadow: 0px 0px 0px 1px #777;
            }
.btinfo {font-size:12px;width: 90px;padding: 1px 3px 1px 3px;}
h1, h2, h3, th, .cadremenu {
            color:#322e2e;
            background-color:#ABCADA; /*#9DBCCB*#C5E6F5;  */
           /* background: linear-gradient(top, #334953, #556b75,#334953);
            background: -moz-linear-gradient(top,#334953, #556b75,#334953);
            background: -ms-linear-gradient(top,#334953, #556b75,#334953);
            background: -webkit-linear-gradient(top, #334953, #556b75,#334953);
            background: linear-gradient(top, #334953, #556b75,#334953); */
            }
h2          {font-size:14px;min-height: 25px;}
h5          {font-size:12px;color:#4a4a4a;}
/*
img { box-shadow: 0px 0px 8px 4px #abcada;
            }
            */
.ombrage {
    box-shadow: 0px 0px 8px 4px #bbb;
}
.valider {
             background: url("ikonvalid.png");
             background-repeat:no-repeat;
             border: none;
             width: 23px; /* largeur à spécifier */
             height: 23px; /* longueur à spécifier */
             cursor:pointer;
             }
.archiver {
             background: url("ikonarchive.png");
             background-repeat:no-repeat;
             border: none;
             width: 23px; /* largeur à spécifier */
             height: 23px; /* longueur à spécifier */
             cursor:pointer;
             }
.voir {
             background: url("ikonvoir.png");
             background-repeat:no-repeat;
             border: none;
             width: 23px; /* largeur à spécifier */
             height: 23px; /* longueur à spécifier */
             cursor:pointer;
             }
 
.tr1 {color:#555;background-color:#fefefe;}
.tr2 {color:#444;background-color:#e7e7e7;}
.tr1:hover {color:#000;background-color:#d7d7d7;}
.tr2:hover {color:#000;background-color:#d7d7d7;}
.trtotal {color:#000;background-color:#c7c7c7;}
.entretien {background-color:EEEE91;}
.pose {background-color:91EEEE;}
.controle {background-color:EE91EE;}
.classa:link, .classa:visited {
              cursor: pointer;font-weight:  normal;
              border-width: 0px 2px 3px 1px;
              border-style: solid;
              border-color: #DDD #AAA #AAA #DDD;
              color: #3A3A3A;
              background-color: #FFF;
              padding: 1px 15px;
              border-radius: 3px;
              }
label {
              cursor: pointer;font-weight:  normal;
              border-width: 0px 2px 3px 1px;
              border-style: solid;
              border-color: #DDD #AAA #AAA #DDD;
              color: #3A3A3A;
              background-color: #FFF;
              padding: 1px 15px;
              border-radius: 3px;
              }
.classa:hover {color:#111;}
label:hover {color:#111;}
.texteinfo {font-size: medium;}
.tablo15pix {padding-left: 15px;padding-right: 15px;}
#agenda a:hover span {
   border: 3px solid #fff;
   background-color: #1375A8;
   color: #fff;
   box-shadow: 0px 0px 8px 4px #777;
}
.stylecolonne {
    min-height: 300px;
    margin-left: 5px;
    float: left;
    width: 31%;
    margin: 1%;
    min-width: 220px;
}
#pointers_map h2 {
   background-color: #F3E0A9;
   color: black;
   text-align:center;
   border: 1px solid darkgray;
   padding-top: 5px;
   font-weight:600;
}
#pointers_map p {
   font-weight:600;
}
/*@media print{
   .noprint{ display:none; }
   .print {display:inline; }
} */
h2 {
  font-size: 15px;
  margin: 0;
  margin-top: 0px;
  padding-top: 5px;
}
select {
  /* font-size: 14px; */
   font-weight: 600;

 }
input {
   border: 1px solid #ccc;
   border-top: 1px solid #888;
   border-bottom: 3px solid #5f8eb1;
   border-right: 3px solid #5f8eb1;
   border-left: 2px solid #888;
   color: #1a1a1a;
   background-color: #fff;
 }

select {font-size:95%;}
.inputmask {
   border: 1px solid #ccc;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-left:1px solid #ccc;
   color: #1a1a1a;
   background-color: #e6e9ea;
   min-height: 20px;
   }
.inputmask:hover {
   border: 1px solid #5f8eb1;
   background-color: #fff;
  }

 
div#content {
   padding-right: 20px;
   bottom: 0px;
   min-height: 800px;
   margin-top: 10px;
}
@media screen and (max-width: 600px)
{
  .menuh li{
    width:27%; 
     margin-bottom: 15px;
     margin-left: 5%;
    }
  #content{
     margin-left: 3px;
    }
}
div#gauche {
    background-color: #f6f6f1;
 /*   margin-left: 70px;  */
    padding: 3px;
    margin-top: 10px;
    background: linear-gradient(to bottom, #F8E3C6 , #def);
    }  
/*.btpage {
   font-size:90%;
   text-align:center;
   
   margin-left:30px;
   padding:5px 10px;
   border-radius: 10px 10px 0px 0px;
   border:1px solid #000;
   border-bottom:1px solid #ddd;
   background-color: ##F8E3C6;
}  */

.btpage:active {
   cursor:pointer;
   border: 1px solid #5f8eb1;
   background-color: #2a6286;
   color:#fff;
  }
.bouton {
    font-size: 90%;
    text-align: center;
    margin-left: 30px;
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #000;
    background-color: #b6d0ef;
    color:#000;
}
.bouton:hover {
   cursor:pointer;
   border: 1px solid #5f8eb1;
   background-color: #2a6286;
   color:#fff;
  } 

html, body, #page1, #page5 {
    font-family: verdana, Comic sans MS, times, "times new roman";
}

body {
   /*    background-image: url("tissu.jpg");
     background-position: 0px 0px;
     background-repeat: repeat-y;
     background-attachment: fixed;
   min-height: 2500px; */
     height: auto;
     padding: 0px;
     bottom: 0px;
}
#page1, #page5 {
    draggable:true;
     padding: 1px 15px 10px 10px;
    border-radius: 0%;
    -moz-box-shadow: 10px 10px 105px 10px #B3B5C2;
    -webkit-box-shadow: 10px 10px 105px 10px #B3B5C2;
    -o-box-shadow: 10px 10px 105px 10px #B3B5C2;
    box-shadow: 10px 10px 105px 10px #B3B5C2;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#B3B5C2, Direction=134, Strength=105);
   /*   background-color: #405660;
    color: #f00;*/
    
    border: 0px;
    font-size:12px;
    font-weight:bold;
 /*   width:90%;  */
    padding:1%;
    margin:0 auto;
    z-index: 99999999;
    margin-top:5px;
border: 1px solid#969696;
  }
.rotate_90 {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
#page1 h5   {
    font-weight: 600;
}

a {text-decoration:none;}
h3 {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 1px;
    color: #6c6c6c;
    padding: 3px 25px;
}
h2 {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    color: #6c6c6c;
}

h4 {
    font-size: 15px;
    letter-spacing: 1px;
    color: #6c6c6c;
    padding: 2px 25px;
    background-color: #DDEEFF;
    margin: 5px;
}
h5 {
    border: 1px solid #c8c3c3;
    letter-spacing: 1px;
    }
.surlignimport {
    font-size: 14px;
    font-style: italic;
    background-color: #ff0;
    color: #000;
    padding: 3px;
    font-weight:600;
}
.surlignnom {
    font-size: 14px;
     background-color:#F2E0C8;
    color: #000;
    padding: 3px;
    font-weight:600;
    border: 1px solid;
margin: 2px;
}

.lignnom:hover, .ui-tabs-nav:hover, .ui-tabs-tab:hover .enfants:hover {
    background-color: #2A6286;
    color: #fff;
}

.surligndate {
    margin-left:20px;
    font-size: 14px;
    background-color: #d7e7e580;
    color: #000;
    padding: 3px;
    font-weight:600;
}
.lieu {
    font-weight:600; 
    color: #000;
    padding: 3px;
    font-weight:400;
    text-align: right;
margin-top: 5px;
  /*  max-width: 30%; */
}
.surlignlieu {
    margin-left:1px;
    margin-right:5px;
    font-size: 12px;
    background-color: #def;
    color: #000;
    padding: 3px;
    font-weight:400;
    
}
.surlignprof {
    background-color: #f9f9f1;
    color: #000;
    padding: 2px;
    font-weight: 700;
    font-size: 120%;
}
.surligntxt {
    background-color: #fcfcbf;
    color: #000;
    padding: 2px;
    font-size:110%;
}
.images {
    background-color: #fff;
    margin-left:5px;
    width:28%;
    float:left;
    padding: 2px;
    font-style:italic;
    border:1px solid #ccc;
    min-height:100px;
}
.remarques {
    background-color: #fff;
    width:auto;
    float:left;
    padding: 2px;
    margin-left:5px;font-style:italic;
    border:1px solid #ccc;
    min-height:100px;
}
.enfants {
    background-color: #fff;
    color:#F00;
    width:99%;
    border:1px solid #ccc;
}
.conjoint {background-color: #fff;width:auto;float:left;}

.cleartout {clear:both;height:1px;}

.ui-widget-content {
    border: 1px solid #aaa;
    background: #ffffff;
    color: #333333;
    background-color: #f0f0f0;
}
/*tabulation enfants*/
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
    font-weight: 700;
    color: #000;
}
.ui-accordion .ui-accordion-header {

    margin: 10px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #2b2c2f;
    background: #9eceff;
    font-weight: normal;
    color: #000;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #020202;
    text-decoration: underline;
}
ul {margin-top: -5px;}

.MsoNormal {
   /* margin-left: 80px; */
    font-family: BrownRegular,sans-serif;
    font-size: 16px;
    line-height: 25px;
    text-align: justify;
    margin-right: 20px;
    font-weight: 400;
    color:#000;
}
hr {
height: 2px;
    background-color: #ddd;
}
.humour {
    font-size: 11px;
    font-style:italic;
}
h1, h2, h3, h4, h5, h6 {
    background-color: #F2E0C8;
    border-bottom:1px solid #444;
}
/*
.btpage {
    font-size: 100%;
    text-align: center;
    margin-left: 15px;
    padding: 5px 10px;
    border-radius: 10px 10px 0px 0px;
    border: 1px solid #000;
    border-bottom: 1px solid #ddd;
    background-color: #F8E3C6;
    color: #444;
    font-weight: 600;
}  */


.truc {
    font-size: 16px;
    background-color: #2A6286;
    color: #fff;
    padding: 5px ;
}

.btbase {
    border: 1px solid #d4d2d2;
    width: 20px;
    height: 20px;
    margin: 0px;
  /*  padding: 5px;    */
    background-size: cover;
}
.btbase:hover  {
     border: 1px solid #2A6286;
}
.btcouple {
    background-image: url('couple.png');
    }
.btenfant {
    background-image: url('enfant.png');
    }
    
.btphoto {
    background-image: url('ikonvoirfoto.png');
    }
.btmail {
    background-image: url('ikonmail1.png');
    }
.btmodif {
    background-image: url('ikonmodif.png');
    }
.btsuppr {
    background-image: url('poubelle2.png');
    }
.btvalid {
    background-image: url('ikonvalid.png');
    }
.btaide {
    background-image: url('ikonampoule.png');
    }
.btvoir {
    background-image: url('ikonvoir.png');
    }
.btdossier {
    background-image: url('ikondossier.png');
    }
.btajout {
    background-image: url('ikonajout.png');
    }

.btretour {
    font-size: 130%;
    margin-left: 1px;
    margin-right: 5px;
}
.btete {
    font-size: 130%;
    margin-left: 30px;
    margin-right: 5px;
    background-color: #F0D5B1;
}
.nom {
    background-color: #fff;
    background-color: #502806;
    color: #fff;
    padding: 1px 5px;
    float: left;
    width: auto;
    margin-left: 5px;
    height: auto;
    line-height: 20px;
    margin-top: 3px;
}
.envoi {
 float:left;
 width:100%;
}
.alerte {
    color: #ff4103;
    text-decoration: underline;
    font-style: italic;
    font-weight: 700;
    font-size: 90%;
    background-color: #fff;
    padding: 1px;
}
#cadrenote {
    line-height: 30px;
    font-size: 12px;
    padding: 15px;
    border-radius: 10px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#B3B5C2, Direction=134, Strength=105);
    box-shadow: 0px 0px 20px 20px rgba(120,120, 120, 0.6);
    border: 1px solid#fff;
    background-color: #4D7796;
    color: #fff;
}
#insertmodif, .rubinsertion {
    background-color: #4D7796;
    color: #fff;
    border: 0px;
}
#insertmodif {
    z-index: 999999;
    draggable: true;
  /*  visibility: hidden; */
    line-height: 30px;
    position: fixed;
    top: 25%;
    left: 25%;
    font-size: 12px;
    padding: 15px;
    border-radius: 2%;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#B3B5C2, Direction=134, Strength=105);
    min-width: 300px;
    box-shadow: 0px 0px 80px 80px rgba(120,120, 120, 0.6);
    border: 1px solid#fff;
}
#information {
    z-index: 999999;
    line-height: 14px;
    background-color: #4D7796;
    color: #fff;
    border: 0px;
     margin:0 auto;
    font-size: 12px;
        line-height: 18px;
    font-weight: 500;
    font-style: normal;
    padding: 15px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#B3B5C2, Direction=134, Strength=105);
    min-width: 300px;
    box-shadow: 0px 0px 50px 10px rgba(120,120, 120, 0.6);
    border: 1px solid#fff;
    width: 93%;
margin-left: 1%;
}
#information .titre {
    background-color: #4D7796;
    color: #fff;
    border: 0px;
    font-size: 12px;
    font-weight: 600;
    padding:  5px;
    margin-top: 15px;
    margin-bottom: 10px;
}
#insertfenetre {
    z-index: 999999;
    draggable:true;
    visibility:hidden;
     position:fixed;
    top: 15%;
    left: 10%;
   max-width: 80%;
    font-size: 11px;
    padding: 15px;
    border-radius: 0%;
     -moz-box-shadow: 10px 10px 105px 10px #B3B5C2;
   -webkit-box-shadow: 10px 10px 105px 10px #B3B5C2;
   -o-box-shadow: 10px 10px 105px 10px #B3B5C2;
   box-shadow: 10px 10px 105px 10px #B3B5C2;
   filter:progid:DXImageTransform.Microsoft.Shadow(color=#B3B5C2, Direction=134, Strength=105);
   }
#insertfenetre, .rubinsertion {
   background-color: #4D7796;
   color: #fff;
   border: 0px;
  }
#insertfenetre a:hover span {
    border: 3px solid #fff;
    background-color: #1375A8;
    color: #fff;
    box-shadow: 0px 0px 8px 4px #777;
    }

.btpage {
    font-size: 110%;
    text-align: center;
    border-radius:  0px;
    margin-left: 1px;
    padding: 10px 8px;
    border: 1px solid #458593;
    border-bottom: 1px solid #0f4572;
    background-color: #DDE3E7;
    color: #1e6477;
    font-weight: 600;
}
.btpage:hover {
   cursor:pointer;
   border: 1px solid #5f8eb1;
   background-color: #2a6286;
   color:#fff;
   transform: translateY(1%);
transition: 0.1s all cubic-bezier(0.5,0.1,0.37,0.87);
border-top: 3px solid#F2E0C8;
  }
#bandomenu {
   position: fixed;
   z-index: 999;
   width:100%;
   top: 0;
   left: 0;
   padding: 0px;
   background-color: #8ABBDD;
   box-shadow: 5px 5px 15px 0px #AEC8DA;
   border-bottom: 1px solid #3176ae;
}
.titrenote {
    line-height: 14px;
    padding-bottom: 8px;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 70%;
}
.fenetrenotes {
    background-color: #dedede;
    background-color: rgba(230, 230, 230, 0.5);
    border: 1px solid #888889;
    -moz-border-radius: 7px 7px 7px 7px;
    -ms-border-radius: 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
    -khtml-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    padding: 10px;
    font-size: 110%;
    margin-bottom: 30px;
    margin-left: 5px;
    min-height: 70px;
    width: 97%;
    box-shadow: 3px 3px 15px 0px #898a8a;
    float: left;
    clear: left;
}
.texteareanote {
    font-family: BrownRegular,sans-serif;
    font-size: 140%;
    padding: 5px;
    width: 95%;
}
.photodelanote {
    float: right;
    width: 30%;
    padding: 1%;
    background-color: #d1d1d1;
    border-radius: 5px;
    margin-bottom: 5px;
    margin-left: 15px;
}
.regular-checkbox {
    display: none;
}
.regular-checkbox:checked + label::after {
    content: '\2714';
    font-size: 20px;
    position: absolute;
    top: 0px;
    right: 3px;
    color: #fff;
    opacity: 1.0;
}
.regular-checkbox:checked + label {
    background-color: #51618D;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    color: #fff;
}
.regular-checkbox + label {
    float: left;
    text-align:left;
    height:auto;
    background-color: #E0E3f8;
    color: #202029;
    border: 1px solid #9a9a9e;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.15);
    margin-left: 15px;
    margin-top: 10px;
    min-width: 18%;
    padding: 4px;
    padding-left: 5px;
    border-radius: 7px;
    display: inline-block;
    position: relative;
  /*  letter-spacing: 1px; */
    font-size: 100%;
    font-weight: 600;
}
#selecteurfotos:hover {color: #000;}
.bouton {
 transition: 0.3s all cubic-bezier(0.5,0.1,0.37,0.87);
}