body {
font-family : Arial, Helvetica, sans-serif;
margin : 6px auto 0 auto;
font-size : 100%;
/*background: url(imgs/fondpictos.png) top center no-repeat;
background-size: cover;
overflow: hidden;*/
background-color:#032248;/*rgb(242,236,232, 0.7);*/
}
#entier {
width : 960px;
height : 100%;
margin : 0 auto;
}
#titrage {
width : 98%;
text-align : center;
font-size : 100%;
color : white;
height : auto;
position : relative;
border : #d91ec4 solid 1px;
border-radius : 6px;
background-color :#ea9809/*#9d1ec4#005cb8 #f9f8f3#86c6df*/;
padding:3px 0px 2px 12px;
margin:0 auto;
font-weight:bold;
}
#annonce {
width : 100%;
color : #999;
text-align : center;
line-height : 10px;
float : right;
font-size : 70%;
margin : 0 20px;
}
.annonceimg, .annoncepoint {
vertical-align : bottom;
padding-bottom : 0px;
padding-top:1px;
}
#masquelycees, #masquecolleges, #masqueecoles, #spanlycees, #spancolleges, #spanecoles {
cursor : pointer;
}
#menu {
width : 23%;
height : auto;
float : left;
margin-top : -66px;
text-align : left;
}
a {
	text-decoration:none;
}
.demar {color:green; font-weight:bold}
ul li {
padding-bottom : 8px;
font-size : 80%;
line-height : 16px;
}
li{
list-style-type: none;
}
li:before{
content:"• ";
font-size:18px;
color: green;
margin-right:2px;
}
.firstli {list-style-type:none;}
.firstli:before{
content:"";
}
.etabsli {font-size:12px;margin-left:-10px;}

#tab {border-right:1px darkgreen dashed;margin-left:-15px;}
#tab span{text-decoration:none;cursor:pointer;}
#tab span:hover {font-weight:bold;color:green;}
.gray {color:gray;font-weight:normal}
.green, .touslesprojets, .academie, .circos, .bassins {font-weight:bold;color:#008000;}
.ambitionscolaire {font-weight:bold;color:#e34469;}
/*.apprentissagesfondamentaux {font-weight:bold;color:#6b86d8;}
.climatscolaire {font-weight:bold;color:#ac2853;}
.ecoleinclusive {font-weight:bold;color:#2daf47;}*/
.action {font-weight:bold;color:#b37941;}
/*.liaisoninterdegre {font-weight:bold;color:#9e6ac5;}
.numeriqueeducatif{font-weight:bold;color:#5d813f;}
.organisationpedagogique{font-weight:bold;color:#da6c02;}
.relationecoleentreprise{font-weight:bold;color:#007d73;}
.travailpersonnel{font-weight:bold;color:#a29103;}
.developpementprofessionnel {font-weight:bold;color:#966164;}
.experimentationsixieme {font-weight:bold;color:darkorange;}*/
@font-face {
font-family : "'Roboto'";
font-style : normal;
font-weight : 500;
src : local('Roboto Medium'), local('Roboto-Medium'), url(//fonts.gstatic.com/s/roboto/v18/RxZJdnzeo3R5zSexge8UUaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}
.imgs {
width : 20px;
height : 17px;
}
#mask1, #mask2, #mask3 {opacity: 0.3;}
svg {overflow:visible;}
.text1 {
font-size : 0.95em;
font-weight : bold;
vertical-align: baseline;
}
#reseaux {
width: 90%;
height: 25px;
margin-top: 20px;
float: right;
margin-right:60px;
}
#logo {
width : 20%;
float : left;
margin-top : 80px;
margin-left : 30px;
}
#logojlch2025 {cursor:help;position:absolute;top:630px;} 
#global {
margin : -4px auto 0 auto;
background: url("imgs/base-fond.jpg") top center no-repeat;
/*width: 956px;*/
height:800px;
border: dashed darkorange 2px;
border-radius:14px;
}
.masque {
display : none;
}
.affich {
display : inline;
}
div.affich {
display : block;
float : left;
width : 46%;
margin-right : 8px;
margin-bottom: 9px;
padding : 4px;
text-align : center;
font-size : 11px;
border : 1px darkviolet solid;
border-radius : 4px;
word-wrap: break-word;	
font-family: Arial, Helvetica, sans-serif;
color: darkgreen;
background-color:rgba(255, 255, 255, 0.9);
margin-left:2px;
}
div.affich:hover {
cursor:pointer;
color:red;
}
#runmap {
width : 70%;
height : auto;
font-size : 26px;
background-color : transparent;
margin : 0 auto;
overflow : hidden;
z-index : 1;
padding-left:0px;
}
#carte {
z-index: 10;
margin-top:90px;
margin-left:0px;
}
#legende {
font-size : 10px;
width : 100px;
text-align : center;
position : absolute;
margin-top : -86px;
margin-left : 4px;
color : rgb(146,142,189);
line-height : 10px;
cursor : pointer;
}
#legende span:hover {
color:red;	
}
#legende p {
max-width : 100px;
margin : 6px 6px 6px 0;
line-height : 8px;
}
#legende2 {
font-size : 10px;
width : 135px;
text-align : left;
position : absolute;
margin-top : -27px;
margin-left : 6px;
color :rgb(146,142,189);
line-height : 10px;
cursor : pointer;
}
#legende2:hover {
color:red;	
}
#bulles {
width : auto;
height : auto;
background-color : white;
padding-top : 0;
border : darkgreen solid 1px;
overflow : hidden;
border-radius : 6px;
z-index : 1000;
}
.zerl {width:520px;height:126px;}
.unel {width:520px;height:138px;}
.deux {width:520px;height:150px;}
.troi {width:520px;height:162px;}
.quat {width:520px;height:174px;}
.cinq {width:520px;height:186px;}
.sixl {width:520px;height:198px;}
.sept {width:520px;height:210px;}
.huit {width:520px;height:222px;}
.neuf {width:520px;height:234px;}
.dixl {width:520px;height:246px;}
.onze {width:520px;height:258px;}
.douz {width:520px;height:270px;}
.trei {width:520px;height:282px;}
.quze {width:520px;height:294px;}
.quin {width:520px;height:306px;}
.seiz {width:520px;height:318px;}
.dsep {width:520px;height:330px;}
.dhui {width:520px;height:342px;}
.dneu {width:520px;height:354px;}
.ving {width:520px;height:366px;}
.viun {width:520px;height:378px;}
.vide {width:520px;height:390px;}
.vitr {width:520px;height:402px;}
.viqu {width:520px;height:414px;}
.vici {width:520px;height:426px;}
.visi {width:520px;height:438px;}
.vise {width:520px;height:450px;}
.vihu {width:520px;height:462px;}
.vine {width:520px;height:474px;}
.tren {width:520px;height:486px;}
.trun {width:520px;height:498px;}
.trde {width:520px;height:510px;}
.trtr {width:520px;height:522px;}
.copy {
opacity : 0.5;
font-size : 0.7em;
}
#conteneur {
float : left;
width: 100%;
height:auto;
position : relative;
overflow-y: auto;
overflow-x: hidden;
padding-top:7px;
margin:0 auto;
}
#frameecoles, #frameprojets {
display: none;
float: right;
margin: 10px auto;
width: 100%;
height: auto;
position: relative;
}
#fermerlistedeux {
display : none;
font-size : 14px;
color : navy;
line-height : 30px;
cursor : pointer;
margin-bottom: -8px;
width : 100%;
float : left;
text-align : center;
}
#fermerlistedeux:hover {
color : red;
}
#waitdiv {
width:128px;
height : 12px;
position:relative;
margin: 0 auto;
}
.overdiv {
    width: auto;
    max-width: 340px;
    border: #0066cd solid 1px;
    background-color: #FFF;
    border-radius: 4px;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight : bold;
    position: absolute;
    text-align: justify;
    z-index: 10000;
    vertical-align: middle;
    padding: 4px;
    margin-top: -10px;
    margin-left: 10px;
    color: #0066cd;
}
h1 {
font-family : Arial, Helvetica, sans-serif;
text-align : center;
font-size : 16px;
margin-top : -6px;
padding-bottom:0px;
color: #0986a7;
background-color: white;
width: 94%;
border-radius: 4px;
margin-left: auto;
margin-right: auto;
}
#pageecoles {
width:54%;
height:auto;
margin:120px auto;
text-align:center;
overflow:visible;	
}
#pageecoles a {
text-decoration:none;	
}
.decomptetab {
width:94%;
margin: 0 auto;
}
.nbr {
font-size:14px;
margin-top:1px;
}
.nbrecoles {
width:33%;
float:left;
position:relative;
text-align:left;
color:gray;
}
.nbrcolleges {
width:26%;
float:left;
position:relative;
text-align:center;
color:gray;
padding-left:12px;
}
.nbrlycees {
width:37%;
float:left;
position:relative;
text-align:right;
color:gray;
}
.totaletabs {font-size:75%;color:red;}
@media all and (max-width:1024px) {
#entier {
width : 860px;
}
#titrage {
font-size : 90%;
}
#annonce {
font-size : 9px;
}
.annonceimg {
padding-bottom : 2px;
width : 11px;
height : 9px;
}
#conteneur {
width: 860px;
}
h1 {
font-size : 14px;
margin-top : -8px;
}
#global {
background-size:contain;
height:700px;
width:98%;
}
#carte {margin-top:70px;
}
.liens {font-size:13px;}
}
@media all and (max-width:900px) {
#entier {
width : 780px;
}
#titrage {
font-size : 80%;
}
#annonce {
font-size : 9px;
}
.annonceimg {
width : 9px;
height : 8px;
padding-bottom:2px;
}
.annoncepoint {
width : 8px;
height : 8px;
padding-bottom:2px;
}
#conteneur {
width: 780px;
}
#global {
background-size:contain;
height:620px;
width:95%;
}
#bulles {margin-left:-40px;}
.overdiv {
border-radius : 4px;
font-size : 11px;
padding : 3px 6px 3px 6px;
}
h1 {
font-size : 13px;
margin-top : -8px;
}
div.affich {
font-size: 10px;
}
.liens {font-size:12px;}
}
@media all and (max-width:800px) {
/*#entier {
width : 660px;
}*/
#titrage {
font-size : 75%;
width:95.5%;
}
#annonce {
font-size : 9px;
}
.annonceimg {
width : 9px;
height : 8px;
padding-bottom:2px;
}
.annoncepoint {
width : 8px;
height : 8px;
padding-bottom:2px;
}
#carte {margin-top: 70px;}
#bulles {margin-left:-40px;}
.overdiv {
border-radius : 4px;
font-size : 11px;
padding : 3px 6px 3px 6px;
}
h1 {
font-size : 13px;
margin-top : -8px;
}
.liens {font-size:11px;}
}
@media all and (max-width:720px) {
#entier {
width : 680px;
}
#titrage {
font-size : 70%;
width : 95.5%;
}
#conteneur {width:680px;}
#global {width:95%; height:540px;}
#carte {margin-top: 60px;}	
#annonce {
font-size : 8px;
}
div.affich {font-size:9px}
h1 {font-size:11px}

.liens {font-size:10px;}
}