@media screen and (max-width: 480px) {
#planning .partieName{display:inline-block;font-size:1.2em;color:yellow;font-family:Verdana, Geneva, sans-serif;width:180px;text-shadow: #8e8e2d 1px 1px 1px;}
#planning div.blockInscrit{margin-left:5px;width:250px;display:inline-block;font:12px/110% Verdana,sans-serif;}
#planning .salleName{display:inline-block;font-size:1.2em;font-family:Verdana, Geneva, sans-serif;height:25px;color:black;vertical-align: top !important;font-weight: bold;padding-right: 1em;    font-weight: 700;}
#planning {font-size: 1.1rem;width: min(100%, 345px);}
.hide.mask {width: 250px;}
#planning td.periode {width: 35px;}
#planning .mj {color:black !important;}
table.annulee span.partieName {color: #555 !important;font-weight: bold;text-shadow: #8e8e2d 1px 1px 1px;}
#planning .dateStyle {font-size: 1em !important;margin: 1em auto 0 1.2em !important;}
span.salleName {vertical-align: top !important;font-weight: bold;}
#planning div.partLign2icons{margin-left:30%;max-width:calc(70% - 5px);margin-bottom:5px;clear: left;}
#planning .partTbDef{    width: 100%;    border: 2px black;    border-collapse: separate;    margin: 0;    padding: 0;}
div.mj {float:none;width:auto;margin:0 auto;}
div#myDiv {display:none!important;}
}

@media screen and (min-width: 481px) {
#planning .partieName{display:inline-block;font-size:1.2em;color:yellow;font-family:Verdana, Geneva, sans-serif;width:350px;text-shadow: #8e8e2d 1px 1px 1px;}
#planning div.blockInscrit{margin-left:5px;display:inline-block;font:12px/110% Verdana,sans-serif;}
#planning .salleName{display:inline-block;font-size:1.2em;font-family:Verdana, Geneva, sans-serif;width:95px;height:25px;color:black;vertical-align:middle;font-weight: 700;}
#planning {width:100%;    font-size: 1.4rem !important;}
#planning td.periode {width: 72px;}
#planning div.partLign2icons {display: inline-block;vertical-align: top;}
#planning .partTbDef{width:100%;border:2px black;border-collapse:separate;margin:0;padding:0;}
div#myDiv {display:none!important;}
}

#planning .nogame{color:#ddd;}
#planning table.partTbDef {background-color: #444;}
.hiderTop {padding-bottom: 5px;}
#planning div.hiderTop span.salleName {color: black !important;}
/*form {background: #999 !important;}*/
fieldset.formtable {padding: 0 15px 0 15px;margin: 0 5px 0 5px;border: 0;background-color: #999;position: relative}
#planning .salleName {left: 5px;float: left;color: lightgrey;padding-left: 1rem;    font-weight: 700;}
span.noGame {float: left;margin-left: 2px;font-weight: bold;color: lightgrey;}
img.iconSize.NoComment {width: 0px !important;}
input {vertical-align: bottom;}
b.h{text-decoration:none;color:green;font-size:120%;}
b.h:hover{text-decoration:underline;}
td, tr, table{height:100%;padding:0px;margin:0px;}
#lstdate a{font-size:75%;}
#lstdate a:hover{font-size:100%;font-weight:bold;}
h2{font-size:120%;font-weight:bold;margin-top:10px;margin-bottom:10px;}
h3{font-size:110%;font-weight:bold;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{    background-color: #504f4f;}
ul li, ul.menu li, .item-list ul li, li.leaf {background: #b1b1b1!important;}
#planning a{color:blue;}
#planning table, td, tr {border-style:hidden;border-width:0px;border-collapse:separate;height:auto;margin:0;padding:0;}
#planning .normale{background-color:#A0A0A0!important;}
#planning .tbDefFirst{border-style:solid;}
#planning .tbDefNext{border-style:none solid solid solid;}
#planning .lienToTop{display:inline-block;float:right;font-size:0.7em;padding-right:0.3em;color:black;text-decoration:underline;}
#planningHeader .welcom{background-color:#F4E8AC;padding:7px;}
#planningHeader .statut2{background-color:#F4F0DB;padding:7px;}
#planningHeader .statut1{background-color:#F4C8AC;padding:7px;}
#planningHeader .copyLeftBlock{font-size:0.8em;color:black;}
#planning .legendBlock{display:block;background-color:#F4E5DB;padding:7px;}
.legendBlock .formBtnAnnule{display:block;}
.legendBlock .iconAlign{vertical-align:middle;margin-right:5px;display:block;float:left;}
#planning .adminPanelFieldSet{height:150px;}
#planning .hDebFin{display:none;}
#planning .annulee{background-color:#C0C0C0;background-image:url("/planv4/img/hachures.gif")}
#planning .annuleeMasquee{background-color:#808080;background-image:url("/planv4/img/hachures.gif")}
#planning td.ptCell{width:25px;text-align:right;}

.container {padding-right: 15px !important;padding-left: 15px !important;margin-left: 0 !important;}
#planning img.annuleFlag{display:block;float:right;}
#planning td.FausseSalle{width:120px;}
#planning .mj{font-family:Verdana, Geneva, sans-serif;font-size:1.1em;color:darkorchid;display:inline;font-weight: 700;}
#planning .partInscrit{font-family:Verdana, Geneva, sans-serif;font-size:0.9em;font-weight:bold;color:#30106b;margin:1px;}
#planning .partPeriod{font-family:Verdana, Geneva, sans-serif;font-size:0.9em;font-style:italic;color:#406279;max-width:100%;margin:1px;}
#planning div.partLign2{margin-top: 5px;text-align: left;margin-left: 5px;}
#planning .iconSize{width:24px;height:24px;display:inline;vertical-align: top !important;}
#planning .iconCommIndisp{width:24px;height:24px;display:inline;vertical-align:middle;}
#planning img.iconRight{width:30px;height:30px;display:inline-block;float:right;}
#planning img.btnEditPart{width:30px;height:30px;display:inline-block;float:right;margin-top: -16px;}
#planning img.btnEditAnnonc{width:30px;height:30px;display:inline-block;float:right;}
#planning img.btnEditDispo{width:30px;height:30px;display:inline-block;float:right;}

#planning div.blockLien{margin-left:5px;width:100px;display:inline-block;}
#planning .btnSubmitAnnul{width:30px;height:30px;border:none;background-repeat:no-repeat;float:right;margin-bottom:0px;margin-top: -16px;}
#planning .btnSubmitImg:hover{cursor:pointer;}
#planning .dateStyle{font-size:1.5em;color:#f6eff5;margin:0px;font-weight:bold;padding-bottom:0.3em;padding-left:0.3em;padding-top:0.3em;}
#planning .datepassee{color:#f55f5f;padding:0.3em;margin:0;}
#planning .semEaStyle1{background-color:#2A5B51;}
#planning .semEaStyle2{background-color:#3F3361;}
#planning .semEaStyle3{background-color:#8E8142;}
#planning .semEaStyle4{background-color:#8E6042;}
.primary-1{background-color:#00A383}
.primary-2{background-color:#1F7A68}
.primary-3{background-color:#006A55}
.primary-4{background-color:#34D1B2}
.primary-5{background-color:#5ED1BA}
.secondary-a-1{background-color:#3B14AF}
.secondary-a-2{background-color:#422C83}
.secondary-a-3{background-color:#210672}
.secondary-a-4{background-color:#6C48D7}
.secondary-a-5{background-color:#886ED7}
.secondary-b-1{background-color:#FFD500}
.secondary-b-2{background-color:#BFA730}
.secondary-b-3{background-color:#A68A00}
.secondary-b-4{background-color:#FFDF40}
.secondary-b-5{background-color:#FFE873}
.complement-1{background-color:#FF6400}
.complement-2{background-color:#BF6830}
.complement-3{background-color:#A64100}
.complement-4{background-color:#FF8B40}
.complement-5{background-color:#FFAA73}
#planning .indispTitre{font-size:1.5em;color:#a90000;font-weight:bold;display:inline-block;margin-left:149px;vertical-align:middle;}
#planning .annonceTitre{font-size:1.5em;color:#a90000;font-weight:bold;text-align:center;display:inline-block;margin-left:127px;}
#planning .annonceTexte{padding-top:10px;padding-bottom:10px;text-align:center;color:black;font-weight:bold;display:inline-block;margin-left:127px;font:bold 12px/110% Verdana,sans-serif;}
#planning .annonceCadre{background-color:#e7deac;}
#planning .bgSalleIndispo{background-color:#ba9696;}
#planning b.hider{text-decoration:none;color:mediumseagreen;padding-left:15px;text-shadow: black 1px 1px 2px;}
#planning b.hider:hover{text-decoration:underline;}
#planning .formRappelSalle{text-align:right;border-left:#CCC 1px solid;border-right:#CCC 1px solid;}
#planning .msgAjax{width:280px;margin-left:auto;margin-right:auto;color:black;font-weight:700;padding:2em 2em 0 5em!important;margin-bottom:-2em;}
#planning span.periode {writing-mode: tb-rl;transform: rotate(-180deg);color: #eee;font-size: 1.6rem;line-break: strict;margin-bottom: 5px;margin-top: 5px;min-height: 5em;font-family: Arial, Helvetica, sans-serif;font-weight: 600;white-space:nowrap;vertical-align: middle;text-align: center;}
#planning td.periode {background-color: transparent;}
#planning > table > tbody > tr > td > table > tbody > tr > td > table.partTbDef.tbDefNext.annulee > tbody > tr > td span {color: black!important;}
#planning > table > tbody > tr > td > table > tbody > tr > td > table.partTbDef.tbDefNext.annulee > tbody > tr > td > div.hiderTop > div.partLign2 > div.blockInscrit {color: black!important;}

@media (min-width: 768px) {
.container {
	    max-width: 100%!important;
    }
}

.ea-gcal-iframe {width: 100%; max-width: 735px;}