#container { width: 700px; margin: 10px auto; }

.mGrid { width: 90%; font: 9pt arial; background-color: #fff; margin: 5px 0px 10px 0px; border-style: solid; border-width: 1px; border-color:#fff; border-collapse: collapse; box-shadow:5px 5px 0.5em #00386A; }
.mGrid th { padding: 4px 2px; height:20px; color: #FFF; background: #00386A ; border: solid 1px #fff;}
.mGrid td { padding: 2px; border: solid 1px #c1c1c1; }
.mGrid a:link { color: #0000E0; text-decoration: none; }
.mGrid a:hover { color: #000000; text-decoration: none; }
.mGrid .alt { background: #EEEFF3; }
.mGrid .pgr {background: #424242 url(./img/grd_pgr.png) repeat-x top; }
.mGrid .pgr table { margin: 5px 10px; }
.mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }
/*
.mGrid tr:first-child th:first-child { border-top-left-radius: 8px; }
.mGrid tr:first-child th:last-child { border-top-right-radius: 8px; }
.mGrid tr:first-child td:first-child {  border-top-left-radius: 8px; }
.mGrid tr:first-child td:last-child { border-top-right-radius: 8px; }
.mGrid tr:last-child { border-radius: 0px 0px 8px 8px; }
.mGrid tr:last-child th:first-child { border-bottom-left-radius: 8px; }
.mGrid tr:last-child th:last-child { border-bottom-right-radius: 8px; }
.mGrid tr:last-child td:first-child { border-bottom-left-radius: 8px; }
.mGrid tr:last-child td:last-child { border-bottom-right-radius: 8px;  }
*/

.mGridUser { width: 90%; font: 11px Tahoma; background-color: #fff; margin: 5px 10px 10px 0px; border: solid 1px #525252; border-collapse:collapse; }
.mGridUser td { padding: 2px; border: solid 1px #c1c1c1; }
.mGridUser th { padding: 4px 2px; color: #fff; background: #424242 url(./img/grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }
.mGridUser a:link { color: #0000E0; text-decoration: none; }
.mGridUser a:hover { color: #000000; text-decoration: none; }
.mGridUser .alt { background: #fcfcfc url(./img/grd_alt.png) repeat-x top; }
.mGridUser .pgr {background: #424242 url(./img/grd_pgr.png) repeat-x top; }
.mGridUser .pgr table { margin: 5px 10px; }
.mGridUser .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
.mGridUser .pgr a { color: #666; text-decoration: none; }
.mGridUser .pgr a:hover { color: #000; text-decoration: none; }

.mHead { width: 100%; font: 11px Tahoma; background-color: #fff; margin: 5px 10px 10px 10px; border: solid 1px #525252; border-collapse:collapse;}
.mHead a:link { color:White; text-decoration:none; }
.mHeadColor { color: #f7f7f7; margin-left:10px; background:#00386A;  }
.mHeadColorSimple { color: #fcfcfc; margin-left:10px; background-color:#F29400;  }

.mBleu1 { color: #fff; background-color:#6ad; background-image: linear-gradient(0deg, rgba(89,154,199,1), rgba(64,73,124,1)) ; font-weight:bold }
.mBleu2 { color: #fff; background-color:#6ad; background-image: linear-gradient(0deg, rgba(119,184,229,1), rgba(89,154,199,1)) ; font-weight:bold }
.mBleu3 { color: #fff; background-color:#6ad; background-image: linear-gradient(0deg, rgba(89,154,199,1), rgba(69,104,134,1)) ; font-weight:bold }
.mBleu4 { color: #fff; background-color:#6ad; background-image: linear-gradient(90deg, rgba(89,154,199,1), rgba(64,73,124,1)) ; font-weight:bold }
.mGris1 { color: #fff; background-color:#6ad; background-image: linear-gradient(0deg, rgba(199,199,199,1), rgba(124,124,124,1)) ; font-weight:bold }
.mGris2 { color: #fff; background-color:#6ad; background-image: linear-gradient(0deg, rgba(154,154,154,1), rgba(124,124,124,1)) ; font-weight:bold }

.mSelect { background-color:#E2DED6;font: 11px Tahoma; font-weight:bold;color:#333333; }

.mFleche a:active { background: #fcfcfc url(./img/arrow-skip2.png) repeat-x top; }
.mRed { color:Red;}
.mBlack { color:Black;}
.mGreen { color:Green;}
.mBlue { color:Blue;}
.mGray { color:Gray;}

#contenu { min-height: 100%; margin-top:5px; margin-left:auto; margin-right:auto; width: 985px; padding: 2px; background-color:#f5f5f5; /*#d8ddde*/ border: solid 1px black; }
#menu { float: right; width: 230px; padding: 2px; border: solid 1px black; background-color: #e9e9e9;}

.modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; }
.modalPopup { position:float; background-color:#FFFFFF; border-width:3px; border-style:solid; border-color:Gray; margin:0 auto;}
.fancybox-close { position:absolute; top: -15px; right: -15px; width: 30px;  height: 30px; background: transparent url('img/fancybox/fancybox.png') -40px 0px; cursor: pointer; z-index: 650; display: block; border:none;}
.framebody {background-color:#FFFFFF;}
.nodisplay {display:none;}
.invisible {display: none;}        

@media only screen and (max-width:600px){
    .fancybox-close { position: fixed; top:0%; right: 0%; }
}

a:link { text-decoration: none }
a:visited { text-decoration: none }
a:hover {  color:#9Dceff}

body { margin:5px 5px 5px 5px; padding:0; font-family: arial; font-size:11pt; background-color: #fefefe;
    height: 823px;
}

.TitrePage { font-family: arial; font-size: 18pt;font-weight:bold;color: #00386A; }
.formulaire { margin-left: 5px;margin-right:5px;margin-top:5px;border: solid 1px #00386A;background-color: #eeeff3 ; /* #f0f8ff  (alice blue)*/box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius:8px; }
textarea,input,select{font-family: arial;font-size:10pt;}
.logo{float:left;margin: 5px;padding: 5px;}
.logo_qualite {	position:fixed;top:100%;height:180px;margin:-180px auto 0 auto; }
.message { float: right;width: 300px;margin: 5px;padding: 5px;text-align:left; }
.spacer { clear: both; }
.login { margin: 5px; padding: 5px; }
div#center { padding-bottom:50px; overflow:auto;}

.tableau { background-color:#f9fafa; border-collapse: collapse; border: solid 1px #00386A; border-width:2px; padding:0px; font: 9pt arial; }
table.tableau td {	padding:3px; border: solid 1px #BBBBBB; }
.tableauStat { border-collapse: collapse; padding:0px; }
 table.tableauStat td {	border: solid 1px #909090; font-size:8pt; }
 table.tableauStat th {	color:#ffffff; background-color: #00386A ; border: solid 1px #ffffff; font-size:9pt; height:20px;}

.Entrer { padding:3px; border: solid 1px #BBBBBB; margin: 5px; }
.Sortir { padding:3px; border: solid 5px #FFFFFF; margin:5px; }

.ContainerPanel { width:500px; border:1px; border-color:#1052a0; border-style:double double double double; }
.collapsePanelHeader { width:500px;	background-image: url(./img/bg-menu-main.png); background-repeat:repeat-x; color:Black; }
.HeaderContent{ float:left; padding-left:5px; }
.ArrowExpand { background-image: url(./img/expand_blue.jpg); width:13px; height:13px; float:right; margin-top:7px; margin-right:5px;}
.ArrowExpand:hover { cursor:pointer; }
.ArrowClose { background-image: url(./img/collapse_blue.jpg); width:13px; height:13px; float:right; margin-top:7px; margin-right:5px; }
.ArrowClose:hover {	cursor:pointer; }

#backProgress { position:absolute;z-index:5; top:0;left:0; width:100%;height:100%; background:#CECECE; opacity:0.6;filter:alpha(opacity=60); } 

#imgLoading { position:absolute;z-index:6; top:100px;right:50%;margin-left:-16px; display:block; } 

.btnSuivant{background: url(./img/plus.png); background-repeat:no-repeat;width:24px;height:24px;left:15%;} 
.fond_chargement{ background:rgb(128,128,128); background:rgba(128,128,128,0.7); filter:alpha(opacity=70); vertical-align: middle; position:fixed; width: 100%; height:100%; top:0%; }
.fenetre_chargement{ background-color:#ffffff; border: 1px solid red;  padding: 20px; width: 400px; height: 170px; top: 30%; left: 50%; margin-left: -200px; position: fixed;}

.div_radio_tab { padding-left: 5%; clear: both;  display: inline-block; width: 95%; min-width: 751px; border-bottom: 0px solid #00386A; position: relative;  margin-left: -1px; }
.radio_tab input { position: absolute; left: -99999em; top: -99999em; }
.radio_tab label { text-align: center; width: 100px; height: 30px;  cursor: pointer; float: left; border: 1px solid #00386A; background-color: #EEEFF3;  margin-right: -1px;   margin-bottom: -1px; padding: 3px; position: relative; font-size: 10pt; }
.radio_tab label:hover { background-color: #00386A; color: #FFF; }
.radio_tab input:checked + label { background-color: #FFFFFF; box-shadow: inset 0 5px 0 -1px #FF0000, 0 3px 0px -1px #fff; padding-top: 6px; padding-bottom: 0;}
.radio_tab input:checked + label:hover { background-color: #00386A; color: #FFF; }


.conteneur {  padding-bottom: 5px; padding-top: 5px; background-color: #eeeff3; width: 90%;  border: 1px solid #00386A; overflow: hidden; border-radius: 5px;  box-shadow: 5px 5px 0.5em #00386A;}

.colgauche { min-width: 150px; font-weight: bold; color: #00386A; text-align: right; padding-right: 10px; }
.coldroit { width: 90%; height: 20px; }
.columns2 { width: 49%;float: left; font-size: 10pt; }
.columns3 {  width: 33%;  float: left; font-size: 10pt; }
.columns1 { width: 100%; float: left; font-size: 10pt; }
.placeholder { min-width: 100%; float: left; }
.inputinfo { width: 99%; outline: none; color: #00386A; }
.inputinfo:focus { box-shadow: 1px -1px 0.2em #00386A; }

@media all and (max-width: 1000px) and (min-width: 800px)
{
     .columns2 { width: 49%; float: left; font-size: 8pt; }
     .columns3 { width: 33%; float: left; font-size: 8pt; }
     .columns1 { width: 100%; float: left; font-size: 8pt; }
     .colgauche { min-width: 100px; }
     .inputinfo { font-size: 8pt; }
}

@media all and (max-width: 800px)
{
    .colgauche {min-width: 33%;font-weight: bold;  color: #00386A; text-align: right; padding-right: 5px; }
    .columns1 { width: 100%;  float: none;  font-size: 8pt; }
    .columns2 { width: 100%; float: none; font-size: 8pt; }
    .columns3 { width: 100%; float: none; font-size: 8pt; }
    .placeholder { display: none; }
    .inputinfo { font-size: 8pt; }
}
.infobulle {position:relative}
.infobulle div {display:none; position:absolute;}
.infobulle:hover div {display:block;}