@charset "UTF-8";
/* Média fluide simple
   Remarque : un média fluide exige que vous supprimiez les attributs de hauteur et de largeur du média du code HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 ne prend pas en charge max-width ; la largeur par défaut est donc fixée à 100% */
.ie6 img {
	width:100%;
}

/*
	Propriétés de grille fluide Dreamweaver
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiré par "Responsive Web Design" par Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	et le système Golden Grid par Joni Korpi
	http://goldengridsystem.com/
*/

/* Disposition mobile : 480px et moins. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* Disposition tablette : 481px sur 768px. Hérite des styles de : Disposition mobile */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

/* Disposition bureau : 769px à max. 1232px.  Hérite des styles de : Disposition mobile et disposition tablette */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 82%;
	display: block;
}
}

/* Personnels */

/*Menu */
.sidebar1 {
	margin-top:20px;
	float: left;
	width: 18%;
	background-image: url(Images/FondEcran.png);
	padding-bottom: 10px;
}


/* Données générales */
body {
	background-color: #FFF;
	margin-left: 25px;
	margin-right: 25px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

a:link {
	color: #03F;
}
a:visited {
	color: #C39;
}
a:hover {
	color: #F0F;
}
h1 {
	font-size: xx-large;
	color: #000;
}
h2 {
	font-size: x-large;
	color: #F93;
}
h3 {
	font-size: large;
	color: #000;
}
sup { 
	valign: super; 
	font-size: 70%; 
	line-height: 80%; 
}  

.container .header table tr td .CME {
	text-align: center;
	font-size: xx-large;
}

/* ID = # ; Class = . */
/* 1-0 : la barre de menu */
#navigation{
 background: #FFF;
 height: 28px;
 }
.fixnavigation{  /* Caractéristiques de la barre de menu si atteind le haut lors du scrolling */
 z-index: 9999;
 position: fixed;   /* ne bouge plus lors du scroll */
 top: 0;   /* Colle au haut de la page */
 width: 1260px; /* <-- Largeur max du site site */
 }
 
/* 1-0 : Contenu de la page */ 
#ContenuPageSite {
	position: absolute;
	top: 200px;
}


#CME-Bienvenue {
	margin: 20;
	text-align: justify;
	padding: 5px;
	background-color: #FFF1E6;
	border: 1px solid #000;
    }
	
#CME {
	font-size: xx-large;
}
#Adresse_Entete {
	font-size: small;
	vertical-align:top;
}

.CME-description li {
      padding-bottom: 21px;
    }

.CME-description li:last-child {
      padding-bottom: 0px;
    }

.footer {
	text-align: center;
	font-size: small;
	}
.ProfessionnelColonne {
	background-color: #F2F2F2;
}
.BorderLineBas {
	border-bottom: 3px thin #F60;
}

.PlusDInformations {
	background-color: #FC0;
	border-radius: 5px;
	margin-left:50px;
}
.IconeTel {
	float:right;
}


.logoUrgence {vertical-align:middle ;}

/* 5-6 : Diaporama */
.slideshow {
	width: 330px;
	height: 220px;
	overflow: hidden;
	border: 3px solid #900;
	float: none;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}  
  
.slideshow ul {  
    /* 3 images donc 3 x 100% */  
   width: 300%;  
   height: 220px;  
   padding:0; margin:0;  
   list-style: none;  
}  
.slideshow figure {  
   float: left;  
}  

.FlotteDroite {
	float:right;
}

.FlotteGauche {
	float:left;
	padding-right: 5px;
}

/* Image clignotante */
.image-clignote  {
   animation-duration: .8s;
   animation-name: clignoter;
   animation-iteration-count: infinite;
   transition: none;
}
@keyframes clignoter {
  0%   { opacity:1; }
  40%   {opacity:0; }
  100% { opacity:1; }
}