.max{max-width: 1200px;}


html, body {width: 100%; height: 100%;}


/* FOND */

.fond {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF; /* background color fond : coleur à la place de none*/
    z-index:1001;
    -moz-opacity: 0.9;
    opacity:.70;
    filter: alpha(opacity=5);
}

/* POPUP */
.popup {
    display: none;
    position: absolute; 
    top: 30%;
    left: 50%;
    width: 405px;
    height: auto; /* ajustement automatiquement de la hauteur du popup */
    margin-left: -150px;
    margin-top: -100px;
    padding: 0; /* marge du popup */
    border: 0 solid #000000; /* bordure autour du popup*/
    background: #FFFFFF ; /* background color popup*/
    z-index:1002;

   -moz-transform:rotate(0deg);
   -moz-box-shadow:10px 10px 20px #000000;
   -webkit-transform:rotate(0deg);
   -webkit-box-shadow:10px 10px 20px #000000;
   transform:rotate(0deg);
   box-shadow:10px 10px 20px #000000;
}

.popup > p {
font-size: 22px;

}


.popup-header [draggable] {
  -moz-user-select: yes;
  -khtml-user-select: yes;
  -webkit-user-select: yes;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

.popup-header{

   position: absolute;
   width: 405px; /* longueur header */
   height: 50px; /* hauteur header */
   background-color: #444444; /* couleur header */
   border-bottom: 1px solid #dddddd; /* ligne bas header */
   box-sizing: border-box;

   cursor:move;
}

.popup-header h3 {margin: 0;
 box-sizing: border-box;
 padding-left: 15px; line-height: 50px;
 color: #FFFFFF;
 font-size: 22px; display: inline-block;
}

.popup-header label {box-sizing: border-box;
 border-left: 1px solid #dddddd;
 float: right; line-height: 50px;
 padding: 0 15px 0 15px;
 cursor: pointer;
}

.popup-header label:hover img {
opacity: 0.3;
}

.marge {font-size: 22px;

	font-family: georgia;
	padding-top: 50px; /* espace entre haut et texte */
	padding-left: 15px; /* espace entre gauche et texte */
	padding-right: 15px; /* espace entre gauche et texte */
	padding-bottom: 15px; /* espace entre bas et texte */
	max-height: 600px;
}

.main_popup{  /* Renferme la commande de la Barre de défilement (Scrollbar) */
	font-size: 22px;

	font-family: georgia;	
	padding-top: 50px; /* espace entre haut et texte */
	padding-left: 15px; /* espace entre gauche et texte */
	padding-right: 15px; /* espace entre gauche et texte */
	padding-bottom: 15px; /* espace entre bas et texte */
	max-height: 600px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-color: #444444 #FFFFFF;
}