body { font-family: 'Arial';	font-size: 10pt; background-color: #fff; color: #444; }

@font-face {
	font-family: 'old_republicbold';
    src: url('fonts/old_r-webfont.eot'); src: url('fonts/old_r-webfont.eot?#iefix') format('embedded-openee'),
         url('fonts/old_r-webfont.woff') format('woff'), url('fonts/old_r-webfont.ttf') format('truetype'), url('fonts/old_r-webfont.svg#old_republicbold') format('svg');
    font-weight: normal;
    font-style: normal; }



p { text-align: justify; line-height: 26px; }
i { color: #666; }
hr { border: none; margin: 10px 0; border-bottom: 1px dashed #BBB; }
h4 { color: #b5e; margin: 6px; }
sup { font-style: italic; color: #777; }
s { color: #777; }

#global  { width: 100%; margin: 0 auto; max-width: 1400px; }

#footer { margin: 0 auto; width: 100%; max-width: 1400px; height: 198px; text-align: center;
	background: url(images/footer3.png); background-position: top center; background-repeat: no-repeat;	background-size: contain; }

#footer div { padding-top: 40px; padding-bottom: 6px;	line-height: 26px; text-align: center; }
#footer a { color: #9c2;	text-shadow: 0px 0px 2px #DDD; filter: dropshadow(color=#DDD, offx=0, offy=0); text-decoration: none; }
#footer a:hover { color: #E5B; text-shadow: 0px 0px 2px #BBB; filter: dropshadow(color=#BBB, offx=0, offy=0); }

#scrollToTop a { position: fixed; right: 10px; bottom: 10px; background-color: rgba(240,240,240, 0.7); padding: 7px 10px; border: 1px solid #555; border-radius: 2px / 2px; }
#scrollToTop a:hover { box-shadow: 0px 0px 5px #222; -moz-box-shadow: 0px 0px 5px #222; -webkit-box-shadow: 0px 0px 5px #222; text-decoration: none; }

#header { margin: 0 auto; width: 100%; max-width: 1400px;
	background-position: top center; background-repeat: no-repeat; background-size: cover; cursor: pointer;	}

#headSet { margin: 0 auto; width: 100%; min-height: 390px; padding-top: 20px; background-position: top center; background-repeat: no-repeat; }

#headSet li { margin-top: 4px; font-size: 10pt; list-style-position:inside; min-height: 30px; line-height: 26px; padding-left: 10px; }

#logof { background: url(images/logo3.png); background-position: top; background-repeat: no-repeat; background-size: cover; width: 100%; height: 140px; }
#logof div { margin: 0 auto; text-align: center; padding-top: 90px; }

#menuf {  background-position: bottom; background-repeat: no-repeat; width: 100%; height: 30px; text-align: center; margin: 0 auto;}

#menucadre { margin: 0 auto; text-align: center; width: 1400px; }
#menuall { top: 0px; position: fixed; height: 140px; width: 100%; max-width: 1400px; background: url(images/menudyna.png); background-position: top; background-repeat: no-repeat; padding-top: 10px; }
#menuall li { margin-top: 4px; font-size: 10pt; list-style-position:outside;  line-height: 26px; padding: 10px; display: inline; }

.heading { height: 170px; background: url(images/header-Ini2.jpg); z-index: 3; }
.headSetting { background: url(images/header-P3.png) no-repeat; }

.titre1 { margin: 0 auto; width: 98%; padding: 12px 0px 12px 0px; font-size: 18px; color : #FFF; letter-spacing: 2px;
font-family: 'old_republicbold'; text-shadow: 0px 0px 2px #3D5; filter: dropshadow(color=#3D5, offx=0, offy=0); }

.titre2 { margin: 0 auto; width: 98%; padding: 12px 0px 12px 0px; font-size: 18px; color : #777; letter-spacing: 2px;
font-family: 'old_republicbold'; text-shadow: 0px 0px 2px #57D; filter: dropshadow(color=#57D, offx=0, offy=0); }

.centraler { margin: 0 auto; float: left; margin-left: 10%; width: 75%; padding: 6px; border-radius: 2px / 2px;
 	background: url(images/pixopa.png);	background-position: left; background-repeat: repeat-all; }
.centralerBase { margin: 0 auto; padding: 6px; 	border-radius: 2px / 2px;
 	background: url(images/pixopa.png);	background-position: left; background-repeat: repeat-all; }
.centralerW { border: 1px solid #CCC; -webkit-box-shadow:  0px 0px 6px 1px #FFF; box-shadow:  0px 0px 6px 1px #FFF; }
.centralerB { border: 1px solid #BBB; -webkit-box-shadow:  0px 0px 6px 1px #999; box-shadow:  0px 0px 6px 1px #999; }

.caution { color: #d22; text-shadow: 0px 0px 2px #AAA; filter: dropshadow(color=#AAA, offx=0, offy=0); }

.ub { text-decoration: underline; font-weight: 900; }

span.imgclk { font-size: 11px; font-style: italic; }

div.clearer { clear: both; height: 6px; }

.info { color: #57D; font-weight: 500; text-shadow: 0px 0px 1px #111; filter: dropshadow(color=#111, offx=0, offy=0); background: #fff; padding: 6px 2px; }
.success { text-align: center; color: #fff; background: #3D5; border: 1px solid #777; border-radius: 4px / 4px; margin-bottom: 16px; }
.alert { text-align: center; }
.centre { text-align: center; }

.classroom { text-align: center; margin-bottom: 16px; letter-spacing: 2px; font-weight: 700; }
.classroom a { color: #fff; }
.classroom a:hover { color: #3D5; }

.posteD { padding: 8px 4px; margin: 6px 6px;
	 border: 1px solid #aaa; border-radius: 2px / 2px; -webkit-box-shadow:  0px 0px 6px 1px #999;
	 box-shadow: 0px 0px 6px 1px #999; text-align: center;
	 min-height: 140px; max-height: 120px;
	 background-size: contain; background-repeat: no-repeat; background-position: top center; }
 .posteD span { color: #FFF; background-color: #333; padding: 0 2px; font-weight: 700; border-radius: 4px / 4px; }
 .posteD span.type { border: 1px solid #AD4; }
 .posteD span.name { color: #fff; border: 1px solid #57D; }

 .poste { margin-bottom: 10px; border: 1px solid #aaa; border-radius: 2px / 2px; -webkit-box-shadow:  0px 0px 6px 1px #999; box-shadow:  0px 0px 6px 1px #999; text-align: center; min-height: 70px; background-size: contain; background-repeat: no-repeat;
	background-position: top center; background-color: #fff; }
 .poste span { color: #57D; background-color: #eee; padding: 0 2px; font-weight: 700; border-radius: 4px; border: 1px solid #3c3; background-color: #333; font-size: 1.25em; }
 .poste span.type { color: #f00; }
 .poste span.name { color: #fff; }

.etat { font-size: 2em; }
.urgence { font-size: 1.25em;  }
.pselect { -webkit-box-shadow:  0px 0px 6px 1px #c33; box-shadow:  0px 0px 6px 1px #c33; border: 1px solid #c33; background-color: #f00; }
.date { font-style: italic; }
.salle { font-weight: 700; }
.options { }

.userHI { margin: 2px 20px 2px 2px; }
.adminHI { margin: 2px 2px 2px 20px; color: #8c8; font-weight: 700; }

.fanbox li { height: 26px; background: #eee; margin: 2px 4px; padding: 2px 0;}
.fanbox li span { display: inline-block; width: 100px; text-decoration: underline; }

table.gdroit { border: 1px solid #555; border-radius: 4px / 4px; }
table.gdroit tr { background: #fdd; }
table.gdroit td { border-bottom: 1px dashed #999; }

.linesurb { background: #ddd; }

/* formulaire de connexion */
#logstyle a { border: 1px solid #555; background: #888; padding: 4px 8px; color: #fff; }
.badlog { color: #f33; text-align: center; padding: 4px; }

/* anomalies graphiques */
.sector { text-align: center; }
.minisector { display: inline-block; width:40px; background: #fff; padding: 2px; margin: 2px; border-radius: 2px / 2px; border: 1px solid #2c2; }
.minishow { border: 1px solid #c22; background: #f77;}

/* stats globales*/
table.statglob { font-size: 1.25em; }
table.statglob th { text-align: center; }
table.statglob td {  text-align: center; }

/* checkboxes */
.posteD input[type='checkbox']:not(:checked),
.posteD input[type='checkbox']:checked { position: absolute; left: -9999px; }
.posteD input[type='checkbox']:not(:checked) + label,
.posteD input[type='checkbox']:checked + label { position: relative; padding-left: 15px; cursor: pointer; }
.posteD input[type='checkbox']:not(:checked) + label:before,
.posteD input[type='checkbox']:checked + label:before,
.posteD input[type='checkbox']:not(:checked) + label:after,
.posteD input[type='checkbox']:checked + label:after { content: ''; position: absolute; }

.posteD input[type='checkbox']:not(:checked) + label:before,
.posteD input[type='checkbox']:checked + label:before {
	left:0; top: -3px;
	width: 80px; height: 30px;
	background: #DDDDDD;
	border-radius: 6px;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-ms-transition: background-color .2s;
	transition: background-color .2s;
}
.posteD input[type='checkbox']:not(:checked) + label:after,
.posteD input[type='checkbox']:checked + label:after {
	width: 20px; height: 20px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
	border-radius: 50%;
	background: #22CC22;
	top: 2px; left: 5px;
}

.posteD input[type='checkbox']:checked + label:before {	background:#999999; }
.posteD input[type='checkbox']:checked + label:after { background: #EE2222;	top: 2px; left: 52px; }

.posteD input[type='checkbox']:checked + label .ui,
.posteD input[type='checkbox']:not(:checked) + label .ui:before,
.posteD input[type='checkbox']:checked + label .ui:after {
	position: absolute;
	left: 6px;
	width: 65px;
	border-radius: 15px;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}
.posteD input[type='checkbox']:not(:checked) + label .ui:before { content: 'no'; left: 40px; }
.posteD input[type='checkbox']:checked + label .ui:after { content: 'yes'; color: #CC2222; }
.posteD input[type='checkbox']:focus + label:before {
	border: 1px dashed #777;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: -1px;
}

.highlight { background-color: #fb5; font-weight: 900; !important; }