/***** www.francophone.pm *****/
#menu_cache_gauche {
    display: none;
    width: 350px;
    background: #fff;
    padding: 10px 11px;
    padding-top: 35px;
    top: 0;
    left: 0;float: left;
    height: 100%;
}
#menu_cache_haut {
    display: none;
    /*width: 350px;*/
    background: #fff;
    padding: 10px 11px;
    padding-top: 35px;
    top: 0;
    height: 100%;
}
#menu_cache_centre {
    display: none;
    /*width: 350px;*/
    background: #fff;
    padding: 10px 11px;
    /*padding-top: 35px;*/
    top: 0;
    height: 100%;
}

#Structure,#StructureHaut {/*z-index: 99999;*/display: block;}
/*box-shadow: rgb(204, 204, 204) 0px 3px 10px 0px inset;

*/

html{overflow-x:auto;
    width:100%!important;
    height:100%;
    font-family:'Comic Sans MS','comic sans',cursive,serif;
}

html, body {
    margin:0;padding:0;height:100%;display:table;width:100%;
}

#finbas { display:block;height:1px;}/* ie7 and under*/
#finbas { display:table-row }
/* height 1px on the header and footer is the sticky footer technique */
/*#haut, .footer{height:1px}*/

body{
    padding:0px 0px 0px 0px!important;
    background-color:#506256!important;
    scrollbar-base-color:#96A096;
    /*font-size:16px;*/
    margin:0;padding:0;
    scrollbar-base-color:#AAFFAA;/* couleur bare de navigation*/
    /* fond degradé */
    background: #506256; /* Vieux navigateurs */
    background: -moz-radial-gradient(center, ellipse cover, #6BAC4E 0%, #506256 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#6BAC4E), color-stop(100%,#506256)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #6BAC4E 0%,#506256 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #6BAC4E 0%,#506256 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #6BAC4E 0%,#506256 100%); /* IE10+ */
    background: radial-gradient(center, ellipse cover, #6BAC4E 0%,#506256 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6BAC4E', endColorstr='#506256',GradientType=1 ); /* IE6-9 horizontal */
}
#haut {
    margin:0 .5em .5em .5em;
    padding:.5em .5em .5em .5em;
    border:1px solid #546359;
    background-color:#D5E0D1;
    -moz-border-radius: 0 0 0.8em 0.8em;/* mozilla */
    -khtml-border-radius: 0 0 .8em .8em; /* safari chrome... */
    -o-border-radius: 0 0 .8em .8em; /* opera... */
    border-radius: 0 0 .8em .8em; /* CSS3 */
    -webkit-border-radius: 0 0 .8em .8em;     /* <arrondi< */
}

#bas {
    clear: both;
    margin:.5em .5em .5em .5em;
    padding:.5em .5em .5em .5em;
    /*border:1px solid #546359;*/
    /*background-color:#9FA99F;*/
    /*background-color:#D5E0D1;*/
}
#cadrefinbas {
    clear:both;/*left: 0;bottom: 0; position: fixed;width:100%;
    margin:.5em .5em 0 0;
   padding:.5em 0 .5em 0;*/
    /*padding:1.5em;*/
    font-style:normal;
    font-size:8pt;
    letter-spacing:.1em;
    margin:.5em .5em 0 .5em;
    padding:.5em .5em .5em .5em;
    border:1px solid #546359;
    background-color:#D5E0D1;
    -moz-border-radius:.8em .8em 0 0;/* mozilla */
    -khtml-border-radius:.8em .8em 0 0!important; /* safari chrome... */
    -o-border-radius:.8em .8em 0 0; /* opera... */
    border-radius:.8em .8em 0 0; /* CSS3 */
    -webkit-border-radius:.8em .8em 0 0;
}
/* ombre */
#haut,hr,.cadre/*,#bas*/ {
    -moz-box-shadow:8px 8px 12px #aaa;
    -webkit-box-shadow:8px 8px 12px #aaa;
    box-shadow:8px 8px 12px #555;
}

label {
    vertical-align: top;/*alignement label*/
    text-align : center;

}

body, h1, h2, h3, h4, h5, h6, form, .nv ul
{margin:0;padding:0;color:#000;}

div#centre div.cadre {margin:0px 20px 15px 20px;}

div#StructureCGD div#centre,
div#StructureCG div#centre {float:right;width:75%;min-width:300px;margin:auto 5px auto auto;}
div#StructureCD div#centre {float:left;width:80%;min-width:300px}
#Structure {min-height: 316px;overflow:hidden;}

div#gauche {/*padding-left:5px;float:left;width:23%;min-width:100px;*/
width: 240px;
float: left;
}
#centre{
    padding-left: 245px;
}
div#droite {margin:auto 5px auto auto;float:right;width:19%;min-width:100px;width:auto!important;}

.texte_petit {font-size:small;}

.cadre {
    padding:.5em .5em 1.5em .5em;
    border:1px solid #546359;
    background-color:#D5E0D1;
    margin: .5em;
}
/* fond degradé */
.cadre,#cadrefinbas/*,#bas*/,#haut  {
    background: #D5E0D1; /* Vieux navigateurs */
    background: -moz-radial-gradient(center, ellipse cover, #FFFFFF 0%, #D5E0D1 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#FFFFFF), color-stop(100%,#D5E0D1)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #FFFFFF 0%,#D5E0D1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #FFFFFF 0%,#D5E0D1 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #FFFFFF 0%,#D5E0D1 100%); /* IE10+ */
    background: radial-gradient(center, ellipse cover, #FFFFFF 0%,#D5E0D1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#D5E0D1',GradientType=1 ); /* IE6-9 horizontal */
}
.souscadrehaut{/* sous cadre du haut */
    /*position:relative;*//* position */
    margin:0;/* espace autourde element  */
    border:1px solid #546359;
    /*background:#FBFBFB;*/
    background-color:#CCC;
    padding:0.2em;
    /* >ombre> */
    /*border: 5px solid #fff;*/
    -moz-box-shadow: 0 0.8px 12px #aaa;
    -webkit-box-shadow: 0 8px 12px #aaa;
    box-shadow: 0 8px 12px #555;
    /* <ombre< */
    /* >arrondi> */
      -moz-border-radius: 0.8em 0.8em 0 0;/* mozilla */
    -khtml-border-radius: 0.8em 0.8em 0 0; /* safari chrome... */
    -o-border-radius: 0.8em 0.8em 0 0; /* opera... */
    border-radius: 0.8em .8em 0 0;/* CSS3 */
    -webkit-border-radius:.8em .8em 0 0;     /* <arrondi< */
    border-width: 0 1px 0 0;/* definie taille bordure */
}
.EncadreTexte{padding-left:.5em; padding-right:.5em;border:1px solid #546359;}

.FondVertPale{background-color:#9FA99F!important;}
.EncadreTexte,.FondVertPaleClair{background-color:#A6B0A6!important;}
.FondVertPaleClair1{background-color:#BAC7BB!important;}
.FondVertPaleClair2{background-color:#DFE8DD!important;}


.FondVertPaleTresFonce{background-color:#738273!important;}
.FondVertPaleFonce{background-color:#889788!important;}

.marge{
    margin:.5em .5em .5em .5em;/* espace autour */
}
/* arrondi contour */
.boutonsup,.erreur1,.EncadreTexte,select,textarea,button,input,.Rond,.FondVertPaleTresFonce,.FondVertPaleFonce,.FondVertPaleClair,.cadre,td.LienB a/*,#bas*/
{
    -moz-border-radius: .8em;/* mozilla */
    -khtml-border-radius: .8em!important; /* safari chrome... */
    -o-border-radius: .8em; /* opera... */
    border-radius: .8em; /* CSS3 */
    -webkit-border-radius: .8em;
}

li {/*margin-left:7pt;*/}

select,textarea,button,input{
    border:1px solid #000;
    padding:.15em .1em;
    color:#000;
    background-color:#A6B0A6;
    font:8pt "Verdana","Arial","Helvetica",sans-serif;
    font-weight:normal;
    /*box-shadow: rgb(204, 204, 204) 0px 3px 10px 0px inset;*//*ombre interrrieur*/
    box-shadow:8px 8px 12px #555, rgb(204, 204, 204) 0px 3px 10px 0px inset;
    transition: background-color 1s;
}

    /*background: -moz-linear-gradient(90deg, rgb(0, 76, 0) 26%,#A6B0A6 62%);
    background: -webkit-linear-gradient(90deg, rgb(0, 76, 0) 26%,#A6B0A6 62%);
    background: -o-linear-gradient(90deg, rgb(0, 76, 0) 26%,#A6B0A6 62%);
    background: -ms-linear-gradient(90deg, rgb(0, 76, 0) 26%,#A6B0A6 62%);
    background:linear-gradient( rgba(255,255,255,0)26%,#757D75 62%);*/

button,input[type="submit"]{
    cursor:pointer;background:linear-gradient( rgba(255,255,255,0)26%,#757D75 62%);
}
button:hover,input:hover{background-color:#66CC00;}
button:focus,input:focus{background-color:#66CCFF;}
button:active,input:active{background-color:#00FF00;}
button:disabled,input[type="submit"]:disabled {background:red;}
/*box-shadow: 10px -7px 15px darkgray, lightgreen 0px 0px 3px inset;*/
/* centre */


.centre,select,input,#cadrefinbas{text-align:center;vertical-align: middle;}
.gauche{text-align:left;}
.droite{text-align:right;}
textarea{text-align:center;}

.centrebloc{display:inline-block;}/* sous element a centre a placer sous la class centre*/
.droitebloc{float:right;}

.erreur1{background: #fcdcd8;
    border-color: #d21a00;
    border: 1px solid #d21a00;
}



.NeTToie{clear:both;height:0;line-height:0;font-size:0;}
/* image pour le trie du tableau */
th.Tri-Date-dmy,th.Tri-Num,th.trier-Devise{
    cursor:pointer;background: #CAE8EA url(../_1IOl0/img/trie.d.gif) 7px center no-repeat;/*padding: 8px 12px 4px 16px;*/
}
th.TriEnAvant{background:#CAE8EA url(../_1IOl0/img/trie.b.gif) 7px center no-repeat;}
th.TriEnArriere{background:#CAE8EA url(../_1IOl0/img/trie.h.gif) 7px center no-repeat;}
/*th {font-size:11px;}*/

/* couleur des liens */ 
a {text-decoration: none;}
a:focus {color:#0098FF;border-bottom: 2px dashed #00FF00;} /* après avoir cliqué dessus */
a:link {color:#0098FF;}/* lien normal */
a:visited {color:#0070BC;border-bottom: 2px dashed #B348EC!important;}/* deja visité */
a:hover {color:#0098FF;border-bottom: 2px dashed rgb(0, 152, 255);} /* souris dessus */
a:active {color:#0098FF;border-bottom: 2px dashed yellow;}/* clique appuier */

/* tableau html */
/*table {border:1px dashed #999;} */
tr {border:1px dashed #999;}
td, th {border:1px solid #999;}
tr:hover {background-color:#C1E6BF}/* couleur ligne tableau quand souris dessus */