* { margin:0px; padding:0px; }

body {  }
header {  }
nav {  }
footer {  }

h1 {  }
h2 {  }
h3 {  }
p {  }
ul {  }
li {  }
img {  }

section {  }

article, section>a, section>aside {  }
article {  }
section>a {  }
section>aside {  }
body>aside {  }

.clear { clear:both; }

* { margin:0px; padding:0px; }

body { font-size:11px; font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif; }

header { width:100%; z-index:100; }

header h1 { text-align:center; padding:5px; }

/* largeur ecran de référence pour le responsive: 1280px  Pour JL 1050 si pas aside*/
section { width:1050px; margin: -50px auto auto -6%; height: auto;} 

.section_whoswho { width:900px; margin: auto auto auto 5%; height: auto;} 

.section_garde { width:900px; margin: -70px auto auto auto; height: auto;} 
 
.section_flash { width:850px; margin: auto auto auto -6%;height: auto;}

.section_news { width:1050px; margin: -50px auto auto auto; height: auto;} 

aside { position: absolute; width:200px; margin: 0px auto auto 840px;height: auto;}

section>a, aside>a {
display:block; 
float: left; 
margin: 3px; padding: 5px;
font-family: "geneva" !important;
text-decoration: none;
overflow: hidden;
border: 1px solid #000;
width: 192px; height: 150px;

background-color: #fff;
box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
border-radius: 2%     0%     0%     0% /     20%     0%     0%     0%;

}

h2 { text-align:center;}

h3 { font-size: 1.1em; margin-bottom: 10px; text-align:center; }

ul { margin: 5px 1px; }

li { margin: 1px 1px; }

p { }

img {
max-width: 100%; 
max-height: 95%;
}

.tache_flash {
    color: #000000 !important;
    font-size: 18px !important;
}

.tache_a_faire {
    color: #000000 !important;
    font-size: 18px !important;
    background-color: #00FF00;/*Vert*/
}

.tache_maintenant {
    color: #000000 !important;
    font-size: 18px !important;
    background-color: #FFA000;/*Orange*/
}

.tache_urgent {
	color: #FFFF00 !important;
    font-size: 18px !important;
    background-color: #FF0000 ;/*Rouge*/
}

.tache_alerte {
    color: #FFFFFF !important;
    font-size: 18px !important;
    background-color: #000000; /*Noir*/
}

.news_flash {
   height: 170px; 
	 color: #000000 !important;
   font-size: 18px !important;
}

.details_news_flash {
  width: 900px;
  height: auto;
    color: #000000 !important;
    font-size: 18px !important;
}

.matos_full {
   height: auto; 
   width: 822px;
   color: #000000 !important;
   font-size: 18px !important;
}

.news_urgent { 
	height: 170px; 
    color: #FFFF00 !important;
    font-size: 18px !important;
    background-color: #FF0000 ;/*Rouge*/
}

.details_news_urgent { 
  width: 900px;
  height: auto;
    color: #FFFF00 !important;
    font-size: 18px !important;
    background-color: #FF0000 ;/*Rouge*/
}

.news_alerte { 
	height: 170px; 
	color: #FFFFFF !important;
    font-size: 18px !important;
    background-color: #000000; /*Noir*/
}

.details_news_alerte { 
  width: 900px;
  height: auto;
  color: #FFFFFF !important;
  font-size: 18px !important;
  background-color: #000000; /*Noir*/
}

.news_matos {
   height: 170px; 
   color: #000000 !important;
   font-size: 18px !important;
   background-color: #E0FFFF ;/*Bleu pale*/
}

.details_news_matos { 
  width: 900px;
  height: auto;
  color: #000000 !important;
  font-size: 18px !important;
  background-color: #E0FFFF ;/*Bleu pale*/
}

.news_pharmacie {
   height: 170px; 
   color: #000000 !important;
   font-size: 18px !important;
   background-color: #F0FFF0; /* #98FB98 ;/*Vert pale*/
}

.details_news_pharmacie{ 
  width: 900px;
  height: auto;
  color: #000000 !important;
  font-size: 18px !important;
  background-color: #F0FFF0; /* #98FB98 ;/*Vert pale*/
}

.news_GBM {
   height: 170px; 
   color: #000000 !important;
   font-size: 18px !important;
   background-color: #DCDCDC ;/*Gris pale*/
}

.details_news_GBM{ 
  width: 900px;
  height: auto;
  color: #000000 !important;
  font-size: 18px !important;
  background-color: #DCDCDC ;/*Gris pale*/
}

.binette {
    height: 200px;
	color: #000000 !important;
    font-size: 18px !important;
}

.planning_ok {
    color: #000000 !important;
    background-color: #00FF00;/*Vert*/
}

.planning_pb { 
   color: #FFFF00 !important;
   background-color: #FF0000 ;/*Rouge*/
}

.garde {
  color: #000000 !important;
  font-size: 11px !important;
	height: auto;
}

.matos {
  color: #000000 !important;
  font-size: 13px !important;
  height: auto;
}

.attention {
  color: #000000 !important;
  font-size: 13px !important;
  height: auto;
  background-color: #FF0000 ;/*Rouge*/
}

.larg { width: 192px; } /* 18 */
.long { height: 144px; }

.larg2x { width: 402px; } /* 18 */
.long2x { height: 306px; }

.larg3x { width: 612px; } /* 36 */
.long3x { height: 468px; }

.larg4x { width: 822px; } /* 54 */
.long4x { height: 630px; }

.larg5x { width: 1032px; } /* 72 */
.long5x { height: 792px; }

.larg6x { width: 1242px; } /* 90 */
.long6x { height: 954px; }

body>aside, footer, .clear { clear: both; }

/* Media queries pour le responsive de base */
@media screen and (max-width: 1065px) {
  section { width: 850px;  }
}

@media screen and (max-width: 875px) {
  section { width: 650px; }
}

@media screen and (max-width: 760px) {
  section { width: 100%; }
}

@media screen and (max-width: 600px) {
  section { width: 440px; }
}

@media screen and (max-width: 560px) {
  section { width: 100%; }
}

@media screen and (max-width: 440px) {
  section { width: 100%; }
  section>a, article { width: 280px; }
}