/* code ajouter par sawsen */
  .container-full-agenda {
    color: #eee;
}
  img {
    vertical-align: middle;
}
  .title_menu {
    text-align: center;
}
  .informations-personnel .informations {margin-top:20px;
    border-left: 1px solid #45184a;
    width: 45%;
}
.deconnection{color: #fff;font-family: tahoma;font-size: 11px;font-weight: bold;letter-spacing: 1px;}
.identite-donnes{float:left;}
  table td a {font-weight:normal}
.container-full-agenda {margin: 0 auto;width: 100%; min-height:100%;color:#eee;overflow:hidden;}
.header-top {width:100%;height:7px; background: linear-gradient(to right, #845998, #895a98, #8f5c98, #915c98, #995f99, #a36199, #7d5594, #705193, #694e92);}
#form {padding-left:0;padding-right:0;}
.header {margin-bottom:4px;position: relative;z-index: 2;background:url(../../Images/Commun/bg-header.png); background-repeat:no-repeat; width:100%;background-position: top right;float:left;border-bottom:1px solid #45184a;}
.logo-page-interne {}
.informations > p > span {float: left;width:50%}
.identite-donnes {float: left;width: 50%;}
.identifier {float: left;}
.informations p {float:left;width:100%;color:#511541; font-family: "Tahoma";font-size:11px;text-align:left;margin-bottom:3px; margin-top:0;}
.informations p span strong { text-align:left; width:90%;}
.avatar{float: right;margin-top: 19px;}
.avatar-perso {overflow:hidden; margin-right: 4px;border:1px solid #745987;border-radius:13px; vertical-align:middle; width:75px; height:76px;float:left;}
.avatar-logo {overflow:hidden; border:1px solid #745987;border-radius:13px; vertical-align:middle; width:133px; height:76px;float:left; background:#fff;}
.informations {float:left;padding-left: 8px;margin-top:30px;}
.bloc-logo{width:146px;padding-top:4px;float:left;padding-bottom: 12px;}
.informations-personnel {float:left;}

.bloc-deconnexion {background-color:#fff;float:right;border-style: solid;border-width: 1px; border-color: rgb( 81, 21, 65 ); border-radius: 0 0 10px 10px; opacity: 0.902;}
.bouton-deconnecte { background-color: rgb( 68, 26, 71 );border-style: solid;  border-width: 1px; border-color: rgb( 81, 21, 65 );  border-radius: 0 0 10px 10px;}
.btn-deconnect{font-size: 11px;font-family: "Tahoma"; color: rgb( 255, 255, 255 );font-weight: bold;background-color: rgb( 68, 26, 71 );border-style: solid;border-width: 1px;border-color: rgb( 81, 21, 65 );color:#fff; text-decoration:underline;}
.info-deconnexion{margin-right:8px;border-left: 1px solid #511541;color: #511541;margin-bottom: 10px;margin-left: 8px;margin-top: 10px;padding-left: 8px;text-align: left;}
.info-deconnexion p {margin-bottom:0;margin-top:0}

.left-bloc a {color:#fff;text-decoration:none;}
.avatar img {border-radius:13px;}
.info-deconnexion p{ font-size: 11px;font-family: "Tahoma";}
.raccourci_icon span {color:#404040;}
.col-lg-12{width:100%}
.bloc-logo{text-align:left;}
#group-icon {display:none}
.service-link a{font-size:11px; font-weight:bold;}
.service-tech > img {margin-top:-3px;}
.left-bloc p {margin-top:0;}
.right-bloc > img {margin-right:4px;}
#divicone { background-color: #1a82f7;
  background: url(images/linear_bg_2.png);
  background-repeat: repeat-x;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#CEC0DF));
  background: -webkit-linear-gradient(top, #fff, #CEC0DF);
  background: -moz-linear-gradient(top, #fff, #CEC0DF);
  background: -ms-linear-gradient(top, #fff, #CEC0DF);
  background: -o-linear-gradient(top, #fff, #CEC0DF);
}
#flechemenugauche, #flechemenudroite{background:#684288;color:#fff;line-height: 37px;text-align:center;margin-top: 1px;padding: 0 0.2% !important; cursor:pointer}
#flechemenugauche {color: #fff;}
#flechemenudroite { height: 37px; }
div#menu_horizontal { margin: 0 auto;}

@media(max-width:320px) {
    div#menu2 {float: left;width: 99%;height: 618px;z-index: 100; margin-top: 5px;}
    div#menu { float: left; width: 99%;height: 614px; margin-right: 0px; /*margin-left: 7px;min-width:161px;*/ margin-top: 5px; }
    .informations-personnel .informations{border-left:1px solid #45184a;width:100%}
 div#contenu { width: 99%;margin-left:0; margin-right:0 }
 div#contenu > img { width:100%; } 
.header { height:69px;}
.service-num .service-tech {padding: 0px 6px;}
.col-lg-6{width:46%}
.raccourci_lien { top: 21px !important;left: 0px !important;margin: auto;right: 0;}
.raccourci { position:relative; }
 .raccourci .divLabel span { color:#404040;    }
 #UpdatePanel1 {margin-top:225px; }
.raccourci_icon span {color: #404040;font-size: 9px;}
.raccourci_icon {float: left;width: 55px;margin-left: 6px;text-align: center;font-size: xx-small;height: 72px;}
.raccourci_icon img {width: 35px;}
#divFermer { width: 100%; top: 221px;}
#divGestionpage { top: 1px;}
.imaage-deconnct { background:url(../../Images/Commun/deconnexion-icone32.png);background-repeat:no-repeat;float: right;width: 18px;height: 52px;right: 2px;top: 12px;position: fixed;}
.imaage-deconnct:hover .bloc-deconnexion {display:block;width:138px}
.bloc-deconnexion {display:none;}
#divicone{height:auto;top:75px;}
.main .col-lg-9 {width:91%;}
.service-link{margin-left:8px}
.footer .adress { width:250px}
.footer {padding-top: 16px;height:auto;}
.informations {margin-top:15px}
.logo-page-interne {width: 100%;}
.header .col-lg-2{width: 23.666667%;}
.header .col-lg-4{width:65.33333333333333%}
.header .avatar {display:none;}
.container-center { width:310px;}
.container-centermain { width:267px;    }
.col-lg-11{width:91.66666666666666%}
.col-lg-10{width:83.33333333333334%}
.col-lg-9{width:75%}
.col-lg-8{width:75.66666666666666%}
.col-lg-7{width:58.333333333333336%}
.col-lg-5{width:41.66666666666667%}
.col-lg-4{width:33.33333333333333%}
.col-lg-3{width:25%}
.col-lg-2{width:26.666666666666664%}
.col-lg-1{width:8.333333333333332%}   
#DlMenuHorizontal {width:96.4%;}
}

@media(min-width:321px) and (max-width:380px) {
    div#menu2 {float: left;width: 99%;height: 618px;z-index: 100; margin-top: 5px;}
    div#menu { float: left; width: 99%;height: 614px; margin-right: 0px; /*margin-left: 7px;min-width:161px;*/ margin-top: 5px; }
    .informations-personnel .informations{border-left:1px solid #45184a;width:100%}
#agenda2 { width:100%    }
div#contenu {  width: 99%;margin-left:0;margin-right:0%}
.header { height:67px;}
.service-num .service-tech {padding: 02px 6px;height:18px;}
.col-lg-6{width:47%}
.raccourci .divLabel span { color:#404040; }
.raccourci { position:relative; }
.raccourci_lien { top: 21px !important;left: 0px !important;margin: auto;right: 0;}
#UpdatePanel1 {margin-top:225px; }
.raccourci_icon span {color: #404040;font-size: 8.45px;}
.raccourci_icon img {width: 35px;}
.raccourci_icon {float: left;width: 54px;margin-left: 6px;text-align: center;font-size: xx-small;height: 72px;}
#divFermer { width: 100%; top: 221px;}
#divGestionpage { top: 1px;}
.imaage-deconnct { background:url(../../Images/Commun/deconnexion-icone32.png);background-repeat:no-repeat;float: right;width: 18px;height:52px;right: 2px;top: 12px;position: fixed;}
.imaage-deconnct:hover .bloc-deconnexion {display:block;width:138px}
.bloc-deconnexion {display:none;}
.main .col-lg-9 {width:94%;}
#divicone{height:auto;top:75px;}
.service-link{margin-left:8px}
.footer .adress { width:250px}
.footer {padding-top: 16px;height:auto;}
.informations {margin-top:15px}
.logo-page-interne {width: 100%;}
.header .col-lg-2{width: 23.666667%;}
.header .col-lg-4{width:65.33333333333333%}
.header .avatar {display:none;}
.container-center { width:310px;}
.container-centermain { width:310px;    }
.col-lg-11{width:91.66666666666666%}
.col-lg-10{width:83.33333333333334%}
.col-lg-9{width:75%}
.col-lg-8{width:75.66666666666666%}
.col-lg-7{width:58.333333333333336%}
.col-lg-5{width:41.66666666666667%}
.col-lg-4{width:33.33333333333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.666666666666664%}
.col-lg-1{width:8.333333333333332%}

}

@media(min-width:381px) and (max-width:420px) {
    div#menu2 {float: left;width: 99%;height: 618px;z-index: 100; margin-top: 5px;}
    div#menu { float: left; width: 99%;height: 614px; margin-right: 0px; /*margin-left: 7px;min-width:161px;*/ margin-top: 5px; }
    .informations-personnel .informations{border-left:1px solid #45184a;width:100%}
#agenda2 { width:100%    }
div#contenu {  width: 99%;margin-left:0; margin-right:0;    }
.service-num .service-tech {padding: 2px 6px;}
.header { height:79px;}
.col-lg-6{width:30%}
.col-lg-8{width:87.66666666666666%}
.raccourci .divLabel span { color:#404040;    }
.raccourci { width: 97px; position:relative; }
.raccourci_lien { top:21px !important;left: 10px !important;}
#UpdatePanel1 {margin-top:225px; }
.raccourci_icon span {color: #404040;font-size: 8.4px;}
.raccourci_icon img {width: 35px;}
.raccourci_icon {float: left;width: 55px;margin-left: 6px;text-align: center;font-size: xx-small;height: 72px;}
#divFermer { width: 100%; top: 221px;}
#divGestionpage { top: 1px;}
.imaage-deconnct { background:url(../../Images/Commun/deconnexion-icone32.png);background-repeat:no-repeat;float: right;width: 18px;height:52px;right: 2px;top: 13px;position: fixed;}
.imaage-deconnct:hover .bloc-deconnexion {display:block;width:138px}
.bloc-deconnexion {display:none;}
.main .col-lg-9 {width:91%;}
#divicone{height:auto;top:85px;}
.service-link{margin-left:8px}
.footer .adress { width:250px}
.footer {padding-top: 16px;height:auto;}
.informations {margin-top:15px}
.logo-page-interne {width: 100%;}
.header .col-lg-2{width: 23.666667%;}
.header .col-lg-4{width:65.33333333333333%}
.header .avatar {display:none;}
.container-centermain { width:310px;    }
.col-lg-11{width:91.66666666666666%}
.col-lg-10{width:83.33333333333334%}
.col-lg-9{width:75%}
.col-lg-7{width:58.333333333333336%}
.col-lg-5{width:41.66666666666667%}
.col-lg-4{width:33.33333333333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.666666666666664%}
.col-lg-1{width:8.333333333333332%}
.container-center { width:380px;}
}

@media(min-width:421px) and (max-width:500px) {
    div#menu2 {float: left;width: 99%;height: 619px;z-index: 100; margin-top: 5px;}
 div#menu { float: left; width: 99%;height: 614px; margin-right: 0px;  margin-top: 5px; }
       .informations-personnel .informations{border-left:1px solid #45184a;width:100%}
#agenda2 { width:100%    }
div#contenu {  width: 99%;margin-left:0; margin-right:0    }
.header { height:79px;}
.col-lg-6{width:30%}
.col-lg-8{width:86.66666666666666%}
.raccourci .divLabel span { color:#404040;}
.raccourci { width: 97px; position:relative; }
.raccourci_lien { top:21px !important;left: 10px !important;}
#UpdatePanel1 {margin-top:175px; }
.raccourci_icon span {color: #404040;font-size: 9px;}
.raccourci_icon img {width: 35px;}
.raccourci_icon {float: left;width: 55px;margin-left: 6px;text-align: center;font-size: xx-small;height: 72px;}
#divFermer { width: 100%; top: 160px;}
#divGestionpage { top: 1px;}
.imaage-deconnct { background:url(../../Images/Commun/deconnexion-icone32.png);background-repeat:no-repeat;float: right;width: 18px;height:52px;right: 2px;top:12px;position: fixed;}
.imaage-deconnct:hover .bloc-deconnexion {display:block;width:138px}
.bloc-deconnexion {display:none;}
.main .col-lg-9 {width:91%;}
#divicone{height:auto;top:84px;}
.service-link{margin-left:8px}
.footer .adress { width:250px}
.footer {padding-top: 16px;height:auto;}
.informations {margin-top:15px}
.logo-page-interne {width: 100%;}
.header .col-lg-2{width: 23.666667%;}
.header .col-lg-4{width:65.33333333333333%}
.header .avatar {display:none;}
.col-lg-11{width:91.66666666666666%}
.col-lg-10{width:83.33333333333334%}
.col-lg-9{width:75%}
.col-lg-7{width:58.333333333333336%}
.col-lg-5{width:41.66666666666667%}
.col-lg-4{width:33.33333333333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.666666666666664%}
.col-lg-1{width:8.333333333333332%}
.container-center { width:380px;}
.agenda_menu2 {  width: 100%;}
}

@media(min-width:501px) and (max-width:568px) {
.menu_memoappli { height: 359px;}
    div#menuhautd {  margin-top: 0px;float:left; width:49%;}
    div#menubasd {float:right; width: 49%;}
    div#menubasg {float:right; width:49%; height:410px}
    div#menuhautg { margin-bottom: 14px;float:left; width:49%;}
     div#menu { float: left; width: 100%;height: 413px; margin-right: 0px;  margin-top: 5px; }
     div#menu2 {float: left;width: 99%;height: 420px;z-index: 100; margin-top: 5px;}
    .informations-personnel .informations{border-left:1px solid #45184a;width:100%}
#DlMenuHorizontal {width:90.8%;}
#agenda2 { width:100%    }
div#contenu { width:99%; margin-left:0; margin-right:0 }
#divicone{height:auto;top:85px;}
#divGestionpage { top: 1px;}
.header { height:79px;}
.col-lg-6{width:30%}
.col-lg-8{width:90.66666666666666%}
.raccourci .divLabel span { color:#404040;    }
.raccourci { width: 97px; position:relative; }
.raccourci_lien { top:21px !important;left: 10px !important;}
#UpdatePanel1 {margin-top:175px; }
.raccourci_icon span {color: #404040;font-size: 9px;}
.raccourci_icon img {width: 35px;}
.raccourci_icon {float: left;width: 55px;margin-left: 6px;text-align: center;font-size: xx-small;height: 72px;}
#divFermer { width: 100%; top: 160px;}
.imaage-deconnct { background:url(../../Images/Commun/deconnexion-icone32.png);background-repeat:no-repeat;float: right;width: 18px;height:52px;right: 2px;top: 12px;position: fixed;}
.imaage-deconnct:hover .bloc-deconnexion {display:block;width:138px}
.bloc-deconnexion {display:none;}
.main .col-lg-9 {width:91%;}
.service-link{margin-left:8px}
.footer .adress { width:250px}
.footer {padding-top: 16px;height:auto;}
.informations {margin-top:15px}
.logo-page-interne {width: 100%;}
.header .col-lg-2{width: 23.666667%;}
.header .col-lg-4{width:65.33333333333333%}
.header .avatar {display:none;}
.container-centermain { width:310px;    }
.col-lg-11{width:91.66666666666666%}
.col-lg-10{width:83.33333333333334%}
.col-lg-9{width:75%}
.col-lg-7{width:58.333333333333336%}
.col-lg-5{width:41.66666666666667%}
.col-lg-4{width:33.33333333333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.666666666666664%}
.col-lg-1{width:8.333333333333332%}
.container-center { width:380px;}
.agenda_menu2 {  width: 100%;}
}

@media(min-width:569px) and (max-width:600px) {
    .menu_memoappli { height: 359px;}
    div#menuhautd {  margin-top: 0px;float:left; width:49%;}
    div#menubasd {float:right; width: 49%;height:410px}
    div#menubasg {float:right; width:49%; height:410px}
    div#menuhautg { margin-bottom: 14px;float:left; width:49%;}
     div#menu { float: left; width: 99%;height: 414px; margin-right: 0px;  margin-top: 5px; }
     div#menu2 {float: left;width: 99%;height: 414px;z-index: 100; margin-top: 5px;}
    .informations-personnel .informations{border-left:1px solid #45184a;width:100%}
#agenda2 {width:100% }
div#contenu {width:99%;margin-left:0; margin-right:0}
.header { height:79px;}
.col-lg-6{width:30%}
.col-lg-8{width:90.66666666666666%}
.raccourci .divLabel span { color:#404040;}
.raccourci { width: 97px; position:relative; }
.raccourci_lien { top:27px !important;left: 10px !important;}
#UpdatePanel1 {margin-top:165px; }
.raccourci_icon span {color: #404040;font-size: 9px;}
.raccourci_icon img {width: 35px;}
.raccourci_icon {float: left;width: 55px;margin-left: 6px;text-align: center;font-size: xx-small;height: 72px;}
#divFermer { width: 100%; top: 155px;}
#divGestionpage { top: 1px;}
.imaage-deconnct { background:url(../../Images/Commun/deconnexion-icone32.png);background-repeat:no-repeat;float: right;width: 18px;height:52px;right: 2px;top: 12px;position: fixed;}
.imaage-deconnct:hover .bloc-deconnexion {display:block;width:138px}
.bloc-deconnexion {display:none;}
.main .col-lg-9 {width:91%;}
#divicone{height:auto;top:85px;}
.service-link{margin-left:8px}
.footer .adress { width:250px}
.footer {padding-top: 16px;height:auto;}
.informations {margin-top:15px}
.logo-page-interne {width: 100%;}
.header .col-lg-2{width: 23.666667%;}
.header .col-lg-4{width:65.33333333333333%}
.header .avatar {display:none;}
.col-lg-11{width:91.66666666666666%}
.col-lg-10{width:83.33333333333334%}
.col-lg-9{width:75%}
.col-lg-7{width:58.333333333333336%}
.col-lg-5{width:41.66666666666667%}
.col-lg-4{width:33.33333333333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.666666666666664%}
.col-lg-1{width:8.333333333333332%}
.container-center { width:380px;}
.container-centermain { width:310px; }
.agenda_menu2 {width:100% }
#DlMenuHorizontal {width:90.8%;}
}

@media(min-width:601px) and (max-width:667px) {
    .menu_memoappli { height: 358px;}
    .informations-personnel .informations{border-left:1px solid #45184a;width:100%}
div#contenu {width:99%;margin-left:0; margin-right:0 }
div#menuhautd {  margin-top: 0px;float:left; width:49%;}
    div#menubasd {float:right; width: 49%;}
    div#menubasg {float:right; width:49%; height:410px}
    div#menuhautg { margin-bottom: 14px;float:left; width:49%;}
     div#menu { float: left; width: 99%;height: 414px; margin-right: 0px;  margin-top: 5px; }
     div#menu2 {float: left;width: 99%;height: 414px;z-index: 100; margin-top: 5px;}
#DlMenuHorizontal {width:90.8%;}
.bloc-logo{margin-right:7%}
.header { height:100px;}
.col-lg-6{width:30%}
.col-lg-8{width:97.66666666666666%}
.raccourci .divLabel span { color:#404040;    }
.raccourci { width: 97px; position:relative; }
.raccourci_lien { top:27px !important;left: 10px !important;}
#UpdatePanel1 {margin-top:175px; }
.raccourci_icon span {color: #404040;font-size: 9px;}
.raccourci_icon img {width: 35px;}
.raccourci_icon {float: left;width: 55px;margin-left: 6px;text-align: center;font-size: xx-small;height: 72px;}
#divFermer { width: 100%; top: 155px;}
#divGestionpage { top: 1px;}
/*.imaage-deconnct { background:url(../../Images/Commun/deconnexion-icone32.png);background-repeat:no-repeat;float: right;width: 18px;height:52px;right: 2px;top:12px;position: fixed;}
.imaage-deconnct:hover .bloc-deconnexion {display:block;width:138px}
.bloc-deconnexion {display:none;}*/
.main .col-lg-9 {width:91%;}
#divicone{height:auto;top:105px;}
.service-link{margin-left:8px}
.footer .adress { width:250px}
.footer {padding-top: 16px;height:auto;}
.informations {margin-top:11%}
.logo-page-interne {width: 100%;}
.header .col-lg-2{width: 16.666667%;margin-top: 1.5%;}
.header .col-lg-4{width:40.33333333333333%}
.header .avatar {display:none;}
.col-lg-11{width:91.66666666666666%}
.col-lg-10{width:83.33333333333334%}
.col-lg-9{width:75%}
.col-lg-7{width:58.333333333333336%}
.col-lg-5{width:41.66666666666667%}
.col-lg-4{width:33.33333333333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.666666666666664%}
.col-lg-1{width:8.333333333333332%}
.container-center { width:600px;}
.container-centermain { width:310px;    }
.agenda_menu2 { }
}

@media(min-width:668px) and (max-width:740px) {
.menu_memoappli { height: 359px;}
.informations-personnel .informations{border-left:1px solid #45184a;width:100%}
#DlMenuHorizontal {width:90.8%;}
div#contenu {width:99%;margin-left:0; margin-right:0 }
div#menuhautd {  margin-top: 0px;float:left; width:49%;}
    div#menubasd {float:right; width: 49%;}
    div#menubasg {float:right; width:49%; height:410px}
    div#menuhautg { margin-bottom: 14px;float:left; width:49%;}
     div#menu { float: left; width: 99%;height: 414px; margin-right: 0px;  margin-top: 5px; }
     div#menu2 {float: left;width: 99%;height: 414px;z-index: 100; margin-top: 5px;}
.header { height:79px;}
.col-lg-6{width:30%}
.col-lg-8{width:87.66666666666666%}
.raccourci .divLabel span { color:#404040;    }
.raccourci { width: 97px; position:relative; }
.raccourci_lien { top:27px !important;left: 10px !important;}
#UpdatePanel1 {margin-top:175px; }
.raccourci_icon span {color: #404040;font-size: 9px;}
.raccourci_icon img {width: 35px;}
.raccourci_icon {float: left;width: 55px;margin-left: 6px;text-align: center;font-size: xx-small;height: 72px;}
#divFermer { width: 100%; top: 170px;}
#divGestionpage { top: 1px;}
/*.imaage-deconnct { background:url(../../Images/Commun/deconnexion-icone32.png);background-repeat:no-repeat;float: right;width: 18px;height:52px;right: 2px;top: 0;position: fixed;}
.imaage-deconnct:hover .bloc-deconnexion {display:block;width:138px}
.bloc-deconnexion {display:none;}*/
.main .col-lg-9 {width:91%;}
#divicone{height:auto;top:85px;}
.service-link{margin-left:8px}
.footer .adress { width:250px}
.footer {padding-top: 16px;height:auto;margin-top:1%}
.informations {margin-top:15px}
.logo-page-interne {width: 100%;}
.header .col-lg-2{width: 14.666667%; margin-right:6%}
.header .col-lg-4{width:43.33333333333333%}
.header .avatar {display:none;}
.col-lg-11{width:91.66666666666666%}
.col-lg-10{width:83.33333333333334%}
.col-lg-9{width:75%}
.col-lg-7{width:58.333333333333336%}
.col-lg-5{width:41.66666666666667%}
.col-lg-4{width:33.33333333333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.666666666666664%}
.col-lg-1{width:8.333333333333332%}
.container-center { width:668px;}
.container-centermain { width:310px;    }
.agenda_menu2 {  }
}

@media(min-width:741px) and (max-width:760px) {
    div#menu2 {float: left;width: 100%;height: 614px;z-index: 100; margin-top: 5px;}
 div#menu { float: left; width: 100%;height: 614px; margin-right: 0px;  margin-top: 5px; }
 .informations-personnel .informations{border-left:1px solid #45184a;width:100%}
    #divFermer { width: 100%; top: 160px;}
    #UpdatePanel1 {margin-top: 175px;}
}

@media(min-width:761px) and (max-width:800px) {
   div#menu2 {float: left;width: 100%;height: 614px;z-index: 100; margin-top: 5px;}
 div#menu { float: left; width: 100%;height: 614px; margin-right: 0px;  margin-top: 5px; }
 .informations-personnel .informations{border-left:1px solid #45184a;width:100%}
    #divFermer { width: 100%; top: 100px;}
    #UpdatePanel1 {margin-top: 120px;}
}

@media(min-width:741px) and (max-width:800px) {
    div#menu2 {float: left;width: 15%;height: 614px;z-index: 100; margin-top: 5px;}
 div#menu { float: left; width: 15%;height: 614px; margin-right: 0px;  margin-top: 5px; }
    div#contenu { }
.header { height:79px;}
.col-lg-6{width:30%}
.col-lg-8{width:86.66666666666666%}
 .raccourci .divLabel span { color:#404040;    }
 .raccourci { width: 97px; position:relative; }
 .raccourci_lien { top:27px !important;left: 10px !important;}
.raccourci_icon span {color: #404040;font-size: 9px;}
.raccourci_icon img {width: 35px;}
.raccourci_icon {float: left;width: 55px;margin-left: 6px;text-align: center;font-size: xx-small;height: 72px;}
#divGestionpage { top: 1px;}
/*.imaage-deconnct { background:url(../../Images/Commun/deconnexion-icone32.png);background-repeat:no-repeat;float: right;width: 18px;height:52px;right: 2px;top: 0;position: fixed;}
.imaage-deconnct:hover .bloc-deconnexion {display:block;width:138px}
.bloc-deconnexion {display:none;}*/
.main .col-lg-9 {width:91%;}
#divicone{height:auto;top:85px;}
.service-link{margin-left:8px}
.footer .adress { width:250px}
.footer {padding-top: 16px;height:auto;margin-top:0%}
.informations {margin-top:15px}
.logo-page-interne {width: 100%;}
.header .col-lg-2{width: 13.666667%; margin-right:6%;}
.header .col-lg-4{width:43.33333333333333%}
.header .avatar {display:none;}
.col-lg-11{width:91.66666666666666%}
.col-lg-10{width:83.33333333333334%}
.col-lg-9{width:75%}
.col-lg-7{width:58.333333333333336%}
.col-lg-5{width:41.66666666666667%}
.col-lg-4{width:33.33333333333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.666666666666664%}
.col-lg-1{width:8.333333333333332%}
.container-center { width:740px;}
.container-centermain { width:740px; }
#DlMenuHorizontal {width:90.8%;}
.agenda_menu2 { }
}

@media(min-width:801px) and (max-width:899px) {
div#menu2 {float: left;width: 15%;height: 614px;z-index: 100; margin-top: 5px;}
 div#menu { float: left; width: 15%;height: 614px; margin-right: 0px;  margin-top: 5px; }
    .informations-personnel .informations{border-left:1px solid #45184a;width:100%}
div#contenu { }
#DlMenuHorizontal {width:90.8%;}
.header { height:118px;}
#divFermer { width: 100%; top: 83px;}
#UpdatePanel1 {margin-top: 120px; height:300px}
.col-lg-6{width:30%}
.col-lg-8{width:90.66666666666666%}
.raccourci .divLabel span { color:#404040;    }
.raccourci { width: 97px; position:relative; }
.raccourci_lien { top:27px !important;left: 10px !important;}
.raccourci_icon span {color: #404040;font-size: 9px;}
.raccourci_icon img {width: 35px;}
.raccourci_icon {float: left;width: 55px;margin-left: 6px;text-align: center;font-size: xx-small;height: 72px;}
#divGestionpage { top: 1px;}
/*.imaage-deconnct { background:url(../../Images/Commun/deconnexion-icone32.png);background-repeat:no-repeat;float: right;width: 18px;height:52px;right: 2px;top: 0;position: fixed;}
.imaage-deconnct:hover .bloc-deconnexion {display:block;width:138px}
.bloc-deconnexion {display:none;}*/
.main .col-lg-9 {width:91%;}
#divicone{height:auto;top:124px;}
.service-link{margin-left:8px}
.footer .adress { width:250px; margin-right:30px}
.footer {padding-top: 16px;height:auto;padding-bottom:10px;}
.informations {margin-top:35px}
.logo-page-interne {width: 100%;}
.header .col-lg-2{width: 18.666667%; margin-right:5%}
.header .col-lg-4{width:40.33333333333333%}
.header .avatar {display:none;}
.col-lg-11{width:91.66666666666666%}
.col-lg-10{width:83.33333333333334%}
.col-lg-9{width:75%}
.col-lg-7{width:58.333333333333336%}
.col-lg-5{width:41.66666666666667%}
.col-lg-4{width:33.33333333333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.666666666666664%}
.col-lg-1{width:8.333333333333332%}
.container-center { width:800px;}
.container-centermain { width:800px;    }
.agenda_menu2 {  }
}

@media(min-width:900px) and (max-width:1024px) {
.LbTitre {font-size:15px !important}
.title_raccourci h3 {font-size: 15px !important;} 
div#menu { float: left; width: 15%;height: 614px; margin-right: 0px;  margin-top: 5px; }
div#menu2 { float: left; width: 15%;height: 614px; margin-right: 0px;  margin-top: 5px; }
.informations-personnel .informations{border-left:1px solid #45184a;width:45%}
div#contenu { }
#DlMenuHorizontal {width:90.8%;}
.header { height:118px;}
#divFermer { width: 100%; top: 83px;}
.col-lg-6{width:30%}
.col-lg-8{width:90.66666666666666%}
.raccourci .divLabel span { color:#404040;    }
.raccourci { width: 97px; position:relative; }
.raccourci_lien { top:27px !important;left: 10px !important;}
.raccourci_icon span {color: #404040;font-size: 9px;}
.raccourci_icon img {width: 35px;}
.raccourci_icon {float: left;width: 55px;margin-left: 6px;text-align: center;font-size: xx-small;height: 72px;}
#divGestionpage { top: 1px;}
/*.imaage-deconnct { background:url(../../Images/Commun/deconnexion-icone32.png);background-repeat:no-repeat;float: right;width: 18px;height:52px;right: 2px;top: 0;position: fixed;}
.imaage-deconnct:hover .bloc-deconnexion {display:block;width:138px}
.bloc-deconnexion {display:none;}*/
.main .col-lg-9 {width:91%;}
#divicone{height:auto;top:124px;}
.informations {margin-top:35px}
.header .col-lg-2{width: 16.666667%; margin-right:5%}
.header .col-lg-4{width:49.33333333333333%}
.header .avatar {}
.col-lg-11{width:91.66666666666666%}
.col-lg-10{width:83.33333333333334%}
.col-lg-9{width:75%}
.col-lg-7{width:58.333333333333336%}
.col-lg-5{width:49.66666666666667%}
.col-lg-4{width:33.33333333333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.666666666666664%}
.col-lg-1{width:8.333333333333332%}
.container-center { width:893px;}
.container-centermain { width:800px;    }
.agenda_menu2 { }

}

@media(min-width:1025px) and (max-width:1199px) {
.title_raccourci h3 {font-size: 16px !important;margin-left: 28px !important;text-align: left;} 
#DlMenuHorizontal {width:90.8%;}
div#menu { float: left; width: 15%;height: 614px; margin-right: 0px;  margin-top: 5px; }
div#menu2 { float: left; width: 15%;height: 614px; margin-right: 0px;  margin-top: 5px; }
.header { height:118px;}
#divFermer { width: 100%; top: 83px;}
.col-lg-6{width:30%}
.col-lg-8{width:90.66666666666666%}
.raccourci .divLabel span { color:#404040;    }
.raccourci { width: 97px; position:relative; }
.raccourci_lien { top:27px !important;left: 10px !important;}
.raccourci_icon span {color: #404040;font-size: 9px;}
.raccourci_icon img {width: 35px;}
.raccourci_icon {float: left;width: 55px;margin-left: 6px;text-align: center;font-size: xx-small;height: 72px;}
#divGestionpage { top: 1px;}
.main .col-lg-9 {width:91%;}
#divicone{height:auto;top:124px;}
.informations {margin-top:35px}
.logo-page-interne {width: 100%;}
.header .col-lg-2{width: 16.666667%; margin-right:5%}
.header .col-lg-4{width:49.33333333333333%}
.header .avatar {}
.col-lg-11{width:91.66666666666666%}
.col-lg-10{width:83.33333333333334%}
.col-lg-9{width:75%}
.col-lg-7{width:58.333333333333336%}
.col-lg-5{width:49.66666666666667%}
.col-lg-4{width:33.33333333333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.666666666666664%}
.col-lg-1{width:8.333333333333332%}
.container-center { width:893px;}
.container-centermain { width:810px;    }
.agenda_menu2 {  }
}

@media(min-width:1200px) and (max-width:1300px) {
div#contenu { width: 67%;}
 div#menu { float: left; width: 15%;height: 614px; margin-right: 0px;  margin-top: 5px; }
 div#menu { float: left; width: 15%;height: 614px; margin-right: 0px;  margin-top: 5px; }
.main {width: 100%;}
#divFermer { width: 100%; top: 100px;}
#CreerMemoDrag #UpdatePanel1 { height:340px; }
.col-lg-6 {width: 30%; }
.col-lg-8 {width: 90.66666666666666%; }
.raccourci .divLabel span { color: #404040;}
.raccourci {background-color: #e8e8e8;border: 1px solid #cbcbcb;border-radius: 10px;cursor:pointer;display:table-cell;float: left; font-size: xx-small;height: 122px; margin-bottom: 3%; margin-right: 3%;text-align: center; vertical-align: middle; width: 189px; position: relative; }
.raccourci_lien {top: 27px !important;left: 0px !important;margin: auto;right: 0;}
.raccourci_icon span {color: #404040;font-size: 9px; }
.raccourci_icon img {width: 57px;}
.raccourci_icon {float: left; width: 63px;margin-left: 18px;text-align: center;font-size: xx-small;height: 90px;}
#divGestionpage {top: 1px;}
.bloc-deconnexion {display:block;}
.main .col-lg-9 {width: 91%; }
#divicone {height: auto;top: 123px;width:900px;}
.informations {margin-top: 32px; }
.col-lg-11 {width: 91.66666666666666%;}
.col-lg-10 {width: 83.33333333333334%;}
.col-lg-9 {width: 75%; }
.col-lg-7 {width: 58.333333333333336%;}
.col-lg-5 {width: 41.66666666666667%;}
.col-lg-4 { width: 412px;}
.col-lg-3 { width: 25%;}
.col-lg-2 { width: 16.666666666666664%; margin-right:47px}
.col-lg-1 {width: 8.333333333333332%;}
.container-centermain { width:1188px;    }
.container-center { width: 1188px;max-width: 1188px;}
.agenda_menu2 {  width: 100%;}
div#menu{width:15%;}
div#menu2{width:15%;float:left; margin-top:5px}
.main-contentcenter{margin: auto;width: 94%;}
#DlMenuHorizontal {width:90.8%;}
}

@media(min-width:1300px) {
     div#menu { float: left; width: 15%;height: 614px; margin-right: 0px;  margin-top: 5px; }
 div#menu { float: left; width: 15%;height: 614px; margin-right: 0px;  margin-top: 5px; }
div#contenu { width: 67.7%;}
.main {width: 100%;}
#divFermer { width: 100%; top: 100px;}

.modal-body div#UpdatePanel1 { height: 340px;margin-left:0;margin-top:0;}
.col-lg-6 {width: 30%; }
.col-lg-8 {width: 90.66666666666666%; }
.raccourci .divLabel span { color: #404040;}
.raccourci {background-color: #e8e8e8;border: 1px solid #cbcbcb;border-radius: 10px;cursor:pointer;display:table-cell;float: left; font-size: xx-small;height: 122px; margin-bottom: 3%; margin-right: 3%;text-align: center; vertical-align: middle; width: 189px; position: relative; }
.raccourci_lien {top: 27px !important;left: 0px !important;margin: auto;right: 0;}
.raccourci_icon span {color: #404040;font-size: 9px; }
.raccourci_icon img {width: 57px;}
.raccourci_icon {float: left; width: 63px;margin-left: 18px;text-align: center;font-size: xx-small;height: 90px;}
#divGestionpage {top: 1px;}
.bloc-deconnexion {display:block;}
.main .col-lg-9 {width: 91%; }
#divicone {height: auto;top: 123px;width:900px;}
.informations {margin-top: 32px; }
.col-lg-11 {width: 91.66666666666666%;}
.col-lg-10 {width: 83.33333333333334%;}
.col-lg-9 {width: 75%; }
.col-lg-7 {width: 58.333333333333336%;}
.col-lg-5 {width: 41.66666666666667%;}
.col-lg-4 { width: 480px ;}
.col-lg-3 { width: 25%;}
.col-lg-2 { width: 16.666666666666664%; margin-right:47px}
.col-lg-1 {width: 8.333333333333332%;}
.container-centermain { width:1188px;    }
.agenda_menu2 {  width: 100%;}
div#menu{width:15%;}
.main-contentcenter{margin: auto;width: 94%;}
#DlMenuHorizontal {width:90.8%;}

}
/*.contentcentermain{border-bottom: 1px solid;float: left; height: 40px;width: 100%; background:linear-gradient(to right, #fff, #fff, #cdbedf) repeat scroll 0 0 rgba(0, 0, 0, 0);line-height:40px;}*/
#MainContent_entete {width:80%; float:left;}
#MainContent_btn {width:19%; float:left;}
#MainContent_drpStructure, #MainContent_drpFiliales, #MainContent_drpFicheMetier { margin-left:1%;}
.title_raccourci { text-align: center;}
.title_raccourci h3{ color:#404040; text-transform:capitalize;}


.title_menu h3{ color:#404040; font-size:17px}
.title_raccourci h3{ color:#404040; font-size:17px}
#MainContent_accordion { overflow:hidden !important;}

#MainContent_grvActivite {width:100%}

.title_memo h3{ color:#404040; font-size:17px}
#menuhautd {margin-bottom:14px;}
  /* end 
      
      
      #MainContent_Upd {padding-top:5px;}
      
      
      */
  /* code pour le contenue masterpage */
  /* css pour les page en cours de construction */
  .content-erreur span.title-erreur {color: #404040;
    float: left;
    font-size: 46px;
    font-weight: bold;
    line-height: 77px;
    margin-left: 16px;
    margin-top: 22px}
  /*Page erreur 500*/
  .div#contenu{
    float: left;
    height: auto;
    margin-top: 20px;
    width: 100%;
  }
  #General_divicone{
      width: 100%;
      float: left
  }
  .right-blok-erreur{
    float: right;
    margin-top: 10%;
    width: 50%;
  }

  .bg-erreur { background: rgba(0, 0, 0, 0) url("../../Images/ImgDefaultModules/bg-erreur.png") no-repeat scroll right top / cover ;
    float: left;width:100%}

  .content-center {float: left;
    height: 100%;
    line-height: 614px;
    text-align: center;
    vertical-align: middle;
    width: 100%;}
  /* end */
@media(min-width:320px) and (max-width:1280px) {
.btnGestionTypeInterne, .btnGestionType {width:22%}


}


.accordionHeaderSelected .titleaccordion {
    background-image: url("../../Images/ImgMasterPage/RH_moins.png");
    background-position: right center;
    background-repeat: no-repeat;
}
.accordionHeader .titleaccordion {
    background-image: url("../../Images/ImgMasterPage/RH_plus.png");
    background-position: right center;
    background-repeat: no-repeat;
}
.ajax__tab_xp .ajax__tab_body {font-family: Tahoma !important;}
input {font-family: Tahoma !important;}
#DlMenuHorizontal {width:96.4%;}