/* --------------------------------------------------------------

   typo.css
   Base typographique
   Cf.: http://www.spip-contrib.net/3820

-------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Fugaz+One);
@font-face { font-family: 'Fugaz One', sans-serif; font-style: normal; font-weight: 400;}

html { font-size: 100.01%; } /* pour IE < 6 */
/* Cf.: http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ et http://forum.alsacreations.com/topic-4-54377-1.html */
body { font: 1em/1.5em Fugaz One, Georgia, Cambria, Times New Roman, Times, sans-serif;}

/* Titraille / Intertitres */

h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 { display: block; margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
hr { height: 1px; margin: 1.5em 0; border: 0; background: #222222; color: #222222; }

h2,.h2 { font-family: "Fugaz One"; font-size: 1.5em; line-height: 1; margin-bottom: 0.5em; }
h3,.h3 { font-family: "Fugaz One"; font-size: 1.35em; line-height: 1.25; margin-bottom: 0.6; }
h4,.h4 { font-family: "Fugaz One"; font-size: 1.1em; line-height: 1.364; margin-bottom: 0.5em; }
h5,.h5 { font-family: "Fugaz One"; font-size: 1em; font-weight: bold; margin-bottom: 0.5em; }
h6,.h6 { font-family: "Fugaz One"; font-size: 1em; font-weight: bold; }

.navbar .navbar-inner a.brand{ color: #333333;}
.navbar .navbar-inner .nav li a{ color: #777777;}
.navbar .navbar-inner .nav li a:hover{ color: #333333;}

	/* Surcouche spécifique */
	.navbar .btn-navbar {
		margin-left: 10px;
		margin-right: 0px;
		margin-top: 10px;}

.row-fluid [class*="span"] { min-height: 1px;}

.img-polaroid {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 4px;}

.img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;}

a.btn{ ext-link
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0 0px rgba(255, 255, 255, 0);
    background-image: transparent;
    cursor: pointer;
	color: #777777;
    opacity: 1;}

a.btn:hover{ outline-style: none;
    background-image: transparent;
    cursor: pointer;
	color: #333;
	outline-style: none;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0 0px rgba(255, 255, 255, 0.9);
  -webkit-transition: color, background, 0.35s ease-in-out;
     -moz-transition: color, background, 0.35s ease-in-out;
       -o-transition: color, background, 0.35s ease-in-out;
          transition: color, background, 0.35s ease-in-out;
    opacity: 1;}

a.btn.disabled, a.btn[disabled] {
	background: url("../images/sprite_deg_blanc.png") repeat scroll rgba(255, 255, 255, 0.6);
    cursor: default;
	color: #333333;
    opacity: 1;
	outline-style: none;}

.sma-logo{	background: url("../images/sma-sprite.png") repeat scroll transparent;}

/*** Bord arrondis des Bbtn du menu top ***/

.btn-group > .btn:first-child {
    margin-left: 0;
	-webkit-border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
			border-top-left-radius: 12px;

	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
			border-bottom-left-radius: 0px;}

.btn-group > .btn:last-child {
    -webkit-border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
			border-top-right-radius: 12px;

	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
			border-bottom-right-radius: 0px;}


/* FRANCE GENERIQUE*/
	/* Contener Round France */
	.bulle-france{ text-decoration: none; position: absolute; border-radius: 90px; background: #d0d0d0; border: 2px solid #fff;	background: #d0d0d0; outline-style: none; 
	  -webkit-transition: top, left, width, height, 0.35s ease-in-out;
		 -moz-transition:  top, left, width, height, 0.35s ease-in-out;
		   -o-transition:  top, left, width, height, 0.35s ease-in-out;
			  transition:  top, left, width, height, 0.35s ease-in-out;}

	.bulle-france:hover{ text-decoration: none; position: absolute; border-radius: 90px; background: #d0d0d0; border: 2px solid #fff; background: #d0d0d0; outline-style: none; cursor: default;}

	/*  Taille de Caractère et couleur de l'icone France  */
	.bulle-france .france-position{ position: absolute; font-size: 100px; color: #bebebe; left: 19px; top: 19px; text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 0px #fff , 0px 0px 0px #fff , 0px 0px 0px #fff, 0px 0px 0px #fff;
	  -webkit-transition: top, left, font-size, 0.35s ease-in-out;
		 -moz-transition:  top, left, font-size, 0.35s ease-in-out;
		   -o-transition:  top, left, font-size, 0.35s ease-in-out;
			  transition:  top, left, font-size, 0.35s ease-in-out;}

	.bulle-france:hover .france-position{ position: absolute; font-size: 120px; color: #ababab; left: 19px; top: 20px; text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 5px #fff , 0px 0px 10px #fff, 0px 0px 12px #fff;}	

/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{ position: absolute; font-size: 14px; color: #fff; left: 66px; top: 41px; z-index:100;
	  -webkit-transition: top, left, font-size, color, 0.35s ease-in-out;
		 -moz-transition:  top, left, font-size, color, 0.35s ease-in-out;
		   -o-transition:  top, left, font-size, color, 0.35s ease-in-out;
			  transition:  top, left, font-size, color, 0.35s ease-in-out;}

	.bulle-france:hover .idf-position{ font-size: 18px; color: #fff; left: 74px; top: 47px; z-index:100; }

/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ position: absolute; left: 90px; top: 79px; z-index:100; width: 7px; height: 7px; background-color: #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;
	-webkit-border-radius: 12px;
			border-radius: 12px;
	-moz-border-radius: 12px;
	  -webkit-transition: top, left, width, height, 0.35s ease-in-out;
		 -moz-transition:  top, left, width, height, 0.35s ease-in-out;
		   -o-transition:  top, left, width, height, 0.35s ease-in-out;
			  transition:  top, left, width, height, 0.35s ease-in-out;}

	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 103px; top: 92px; z-index:100; width: 9px; height: 9px; background-color: #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;
	-webkit-border-radius: 12px;
			border-radius: 12px;
	-moz-border-radius: 12px;}

/* Position du texte IDF */
	.bulle-france .bullet-txt-idf-position{ position: absolute; font-family: 'Fugaz One'; font-size: 8px; color: #818181; left: 70px; top: 25px; z-index:100;
	text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 5px #fff , 0px 0px 10px #fff, 0px 0px 16px #fff;
	  -webkit-transition: top, left, font-size, color, 0.35s ease-in-out;
		 -moz-transition:  top, left, font-size, color, 0.35s ease-in-out;
		   -o-transition:  top, left, font-size, color, 0.35s ease-in-out;
			  transition:  top, left, font-size, color, 0.35s ease-in-out;}

	.bulle-france:hover .bullet-txt-idf-position{ position: absolute; font-family: 'Fugaz One'; font-size: 11px; color: #717171; left: 78px; top: 29px; z-index:100;}

/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ position: absolute; font-family: 'Fugaz One'; font-size: 8px; color: #818181; left: 82px; top: 59px; z-index:100;
	text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 5px #fff , 0px 0px 10px #fff, 0px 0px 16px #fff;
	  -webkit-transition: top, left, font-size, color, 0.35s ease-in-out;
		 -moz-transition:  top, left, font-size, color, 0.35s ease-in-out;
		   -o-transition:  top, left, font-size, color, 0.35s ease-in-out;
			  transition:  top, left, font-size, color, 0.35s ease-in-out;}

	.bulle-france:hover .bullet-txt-ville1-position{ position: absolute; font-family: 'Fugaz One'; font-size: 11px; color: #717171; left: 92px; top: 70px; z-index:100;}

/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ position: absolute; border: 2px solid #fff; text-align: center; width: 21px; height: 21px; top: 107px; left: 112px;
		-webkit-border-radius: 25px;
		-khtml-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		position: absolute;
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, #6DE051),
			color-stop(1, #356E26));
		background-image: -o-linear-gradient(bottom, #6DE051 0%, #356E26 100%);
		background-image: -moz-linear-gradient(bottom, #6DE051 0%, #356E26 100%);
		background-image: -webkit-linear-gradient(bottom, #6DE051 0%, #356E26 100%);
		background-image: -ms-linear-gradient(bottom, #6DE051 0%, #356E26 100%);
		background-image: linear-gradient(to bottom, #6DE051 0%, #356E26 100%);
		box-shadow: 0px 3px 4px #000000;
	   -webkit-transition: All 0.35s ease-in-out;
	  -moz-transition: All 0.35s ease-in-out;
	  -ms-transition: All 0.35s ease-in-out;
	  -o-transition: All 0.35s ease-in-out;
	  transition: All 0.35s ease-in-out;}

	.bulle-france:hover .circle-g{ position: absolute; border: 2px solid #fff; text-align: center; width: 30px; height: 30px; top: 120px; left: 131px;}

/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.15em; margin-left: 0px; color: #fff; text-shadow: 0px 1px 1px #000000;
	   -webkit-transition: All 0.35s ease-in-out;
	  -moz-transition: All 0.35s ease-in-out;
	  -ms-transition: All 0.35s ease-in-out;
	  -o-transition: All 0.35s ease-in-out;
	  transition: All 0.35s ease-in-out;}

	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 1.2em; line-height: 1.35em; margin-left: -4px; 	text-shadow: 0px 2px 2px #000000;}

/**** SIGNATURE Pixelmechanic *****/
	.signature{ font-family: Arial,Helvetica,sans-serif;  color: #888; text-align: right;}
	a.ext-link{ outline-style: none; color: #888; text-decoration: none;}
	a.ext-link:hover{ outline-style: none; color: #000; text-decoration: none;}

/*** ACCROCHE GENERIQUE *****/
	.bloc-title{ position: absolute; text-align: left; z-index: 101;}
	.bloc-title .accroche h1{ position: absolute; color: #555; z-index: 100;
		font-family: "Fugaz One"; color: #666; 
		text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 5px #fff , 0px 0px 10px #fff, 0px 0px 16px #fff;
		-webkit-border-top-left-radius: 0px;
		-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

		-webkit-border-bottom-left-radius: 0px;
		-moz-border-radius-bottomleft: 0px;
				border-bottom-left-radius: 0px;

		-webkit-border-top-right-radius: 8px;
		-moz-border-radius-topright: 8px;
				border-top-right-radius: 8px;

		-webkit-border-bottom-right-radius: 8px;
		-moz-border-radius-bottomright: 8px;
				border-bottom-right-radius: 8px;
		background: rgba(255, 255, 255, 0.4);
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;}

.minibar-sma{}
.signature{}


/**************************************************************************** FIN de LISTE ITEM GENERIQUE **************************************************************************************/

/******************************************************
****** MEDIA QUERY SOUS MON AILE 320x480px *******
*******************************************************/
@media screen and (min-width: 10px) and (max-width:479px) and  (min-height: 10px) and (max-height: 599px){
.resolution { display: block;}
.menu-phone{ display: block; width: 270px; height: 34px; z-index: 1000; position: absolute; }

	/*  MENU PHONE 320x480px *****/
	.navbar a.brand {
		color: #777777;
		display: block;
		float: left;
		font-size: 19px;

		font-weight: 200;}

	/* Surcouche spécifique */
	.navbar .btn-navbar {
		margin-left: 10px;
		margin-right: 0px;
		margin-top: 10px;}

	.container{ width: 270px; }
	a.brand .logo-size { margin-left: -30px; padding-right: 0px; }
	a.brand .logo-size  .sma-logo{ background-position:  -1041px -32px; width: 61px; height: 30px;}

	/*  MENU 320x480px OFF *****/
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	/* Contenu-MOBIL 320x480px *****/
	.contenu-mobil{ display : block; text-align: left; position: absolute; margin-top: -1px; z-index: 10; width: 270px; background-color: transparent; }

	/* Contenu-DESKTOP 320x480px *****/
	.contenu-desktop{ display: none;}
	.worklist{ display: none; }


	/* BG GRADIENT 320x480px *****/
	.bggradient{ display: block; margin-top: -1px; position: absolute; z-index: 10; width: 270px; height: 342px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 0px solid #fff; border-left: 1px solid #fff;}

	.mygradient{  display: block; position: absolute; z-index: 10; margin-top: 50px; background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -288px; width: 270px; height: 381px; border-radius: 0 0 12px 12px;}

	.bottom-bar{ position: absolute; width: 268px; border-top: 0px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 340px; margin-left: -1px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -844px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
			border-bottom-left-radius: 12px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-bottomright: 12px;
			border-bottom-right-radius: 12px;}

	.bulle-france{  display: none; height: 70px; left: -8px; top: 315px; width: 70px;}
	.bulle-france:hover{ }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}

/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}

/* Position du texte IDF */
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 52px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 52px; left: 57px;}

/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{  display: none; position: absolute;  background: url("../images/sprite-logoSI.png") -91px -599px; height: 45px; width: 64px; top: 329px; left: 207px;}

/**** SIGNATURE Pixelmechanic 320x480px *****/
	.signature{ display: none; position: absolute; float: right; margin-left: 159px; margin-top: -210px; width: 250px; height: 14px; font-size: 10px; line-height: 8px;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform:rotate(90deg);
		transform: rotate(90deg);}

/*** ACCROCHE de la page d'accueil 320x480px *****/
	.bloc-title{ position: absolute; top: 76px; margin-left: 10px; width: 260px; text-align: center; z-index: 101;}
	.bloc-title h1, .bloc-title .h1 { display: none; font-family: Arial,Helvetica,sans-serif; color: #111; font-size: 11px; line-height: 11px; margin-top:0px; text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 5px #fff , 0px 0px 6px #fff, 0px 0px 8px #fff;}
	.bloc-title h2, .bloc-title .h2 { display: none; font-family: Arial,Helvetica,sans-serif; color: #111;  font-size: 11px; line-height: 12px; margin-top: -23px; text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 3px #fff , 0px 0px 3px #fff , 0px 0px 4px #fff, 0px 0px 5px #fff;}

/*** CONTENU AU SURVOL DES ITEMS 320x480px *****/
	.worklist li.worklist-item1 .box-content1{ display: none;  position: absolute; top: 478px; margin-left: 295px; width: 171px; height: 64px; text-align: left; padding-left: 10px;  padding-right: 5px;  padding-bottom: 5px; padding-top: 5px;}
	.worklist li.worklist-item1 .box-content2{ display: none;  position: absolute; top: 220px; margin-left: 127px; opacity: 0; width: 146px; height: 22px;}

/**** SAP SMA & MINIBAR 320x480px *****/
	.sap{ display: none;  }
	.minibar-sma{ display: none; }
	.minibar-mini{ display: block; margin-left: 2px;  margin-top: 383px; color: #555; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 10px;}
	.copyright-sma{ display: block; position: absolute; z-index: 10; margin-left: -58px; margin-top: -80px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}
	a.minibar-sma-link{	color: #555; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}


/******************************************************
****** MEDIA QUERY SOUS MON AILE 320x600px *******
*******************************************************/
@media screen and (min-width: 10px) and (max-width:479px) and  (min-height: 600px) and (max-height: 749px){
.resolution { display: block;}
.menu-phone{ display: block; width: 270px; height: 34px; z-index: 1000; position: absolute;}

	/*  MENU PHONE 320x600px *****/
	.navbar a.brand {
		color: #777777;
		display: block;
		float: left;
		font-size: 19px;
		font-weight: 200;}

	/* Surcouche spécifique */
	.navbar .btn-navbar {
		margin-left: 10px;
		margin-right: 0px;
		margin-top: 10px;}

	.container{ width: 270px;}
	a.brand .logo-size { margin-left: -30px; padding-right: 0px;}
	a.brand .logo-size  .sma-logo{ background-position:  -1041px -32px; width: 61px; height: 30px;}

	/*  MENU 320x600px OFF *****/
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	/* Contenu-DESKTOP 320x600px *****/
	.contenu-desktop{ display: none;}

	/* BG GRADIENT 320x600px *****/
	.bggradient{ display: block; margin-top: 1px; position: absolute; z-index: 10; width: 270px; height: 457px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 0px solid #fff; border-left: 1px solid #fff;}
	.mygradient{  display: block; position: absolute; z-index: 10; margin-top: 49px; background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -286px; width: 270px; height: 499px; border-radius: 0px 0px 12px 12px;}

	.bottom-bar{ position: absolute; width: 268px; border-top: 0px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 456px; margin-left: -1px; left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -940px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
			border-bottom-left-radius: 12px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-bottomright: 12px;
			border-bottom-right-radius: 12px;}

	.bulle-france{ display: none; width: 70px; height: 70px; top: 428px; left: -16px;}
	.bulle-france:hover{ }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}

	/* Position du texte IDF */
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 17px; left: 62px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 17px; left: 62px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ display: none; background: url("../images/sprite-logoSI.png") repeat scroll -91px -599px rgba(0, 0, 0, 0); height: 45px; left: 204px; position: absolute; top: 445px; width: 64px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 320x600px *****/
	.signature{ display: none;}
	a.ext-link{ outline-style: none; color: #555; text-decoration: none;}

	/**** SAP SMA & MINIBAR 320x600px *****/
	.sap{ display: none;}
	.minibar-sma{ display: none;}
	.minibar-mini{ display: block; margin-left: 0px; margin-top: 500px; color: #555; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 10px;}
	.copyright-sma{ display: block; position: absolute; z-index: 10; margin-left: -58px; margin-top: -80px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}
	a.minibar-sma-link{	color: #555; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}
/**************************************************
****** MEDIA QUERY SOUS MON AILE 320x768px *******
***************************************************/
@media screen and (min-width: 10px) and (max-width:479px) and (min-height: 750px) and (max-height: 799px){
.resolution { display: block;}
.menu-phone{ display: block; width: 270px; height: 34px; z-index: 1000; position: absolute;}

	/*  MENU PHONE 320x768px *****/
	.navbar a.brand {
		color: #777777;
		display: block;
		float: left;
		font-size: 19px;
		font-weight: 200;}

	/* Surcouche spécifique */
	.navbar .btn-navbar {
		margin-left: 10px;
		margin-right: 0px;
		margin-top: 10px;}

	.container{ width: 270px; }
	a.brand .logo-size { margin-left: -30px; padding-right: 0px; }
	a.brand .logo-size  .sma-logo{ background-position:  -1041px -32px; width: 61px; height: 30px;}

	/*  MENU 320x768px OFF *****/
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	/* Contenu-DESKTOP 320x768px *****/
	.contenu-desktop{ display: none;}

	/* BG GRADIENT 320x768px *****/
	.bggradient{ display: block; margin-top: -1px; position: absolute; z-index: 10; width: 270px; height: 631px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 0px solid #fff; border-left: 1px solid #fff;}
	.mygradient{  display: block; position: absolute; z-index: 10; margin-top: 50px; background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -287px; width: 270px; height: 586px;}

	.bottom-bar{ position: absolute; width: 268px; border-top: 0px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 630px; margin-left: -1px; left: 0px;
		background: transparent;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
			border-bottom-left-radius: 12px;

	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-bottomright: 12px;
			border-bottom-right-radius: 12px;}

	.bulle-france{ display: none;width: 70px; height: 70px; top: 601px; left: -16px; }
	.bulle-france:hover{ }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}

	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */		
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 17px; left: 62px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 17px; left: 62px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ display: none; position: absolute;  background: url("../images/sprite-logoSI.png") -69px -524px; height: 59px; width: 84px; top: 606px; left: 178px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 320x768px *****/

	.signature{ display: none;}
	a.ext-link{ outline-style: none; color: #555; text-decoration: none; }

	/*** ACCROCHE de la page d'accueil 320x768px *****/	
	.bloc-title{ margin-left: 100px; width: 50%; z-index:101;}
	.bloc-title .accroche h1{ display: block; width: 248px; height: 34px; top: 49px; left: -100px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 5px; font-size: 11px; line-height: 12px; border-radius:0px; text-align:center;}

	/**** SAP SMA & MINIBAR 320x768px *****/
	.sap{ display: none;}
	.minibar-sma{ display: none;}
	.minibar-mini{ display: block; margin-left: 10px; margin-top: 675px; color: #555; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 10px;}
	.copyright-sma{ display: block; position: absolute; z-index: 10; margin-left: -60px; margin-top: -82px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 14px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}
	a.minibar-sma-link{ color: #555; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}
/**************************************************
****** MEDIA QUERY SOUS MON AILE 320x800px *******
***************************************************/
@media screen and (min-width: 10px) and (max-width:479px) and (min-height: 800px) and (max-height: 899px){
.resolution { display: block;}
.menu-phone{ display: block; width: 270px; height: 34px; z-index: 1000; position: absolute; }

	/*  MENU PHONE 320x800px *****/
	.navbar a.brand {
		color: #777777;
		display: block;
		float: left;
		font-size: 19px;
		font-weight: 200;}

	/* Surcouche spécifique */
	.navbar .btn-navbar {
		margin-left: 10px;
		margin-right: 0px;
		margin-top: 10px;}

	.container{ width: 270px; }
	a.brand .logo-size { margin-left: -30px; padding-right: 0px;}
	a.brand .logo-size  .sma-logo{ background-position:  -1041px -32px; width: 61px; height: 30px;}

	/*  MENU 320x800px OFF *****/
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	/* Contenu-DESKTOP 320x800px *****/
	.contenu-desktop{ display: none;}

	/* BG GRADIENT 320x800px *****/
	.bggradient{ display: block; margin-top: 0px; position: absolute; z-index: 10; width: 270px; height: 665px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 0px solid #fff; border-left: 1px solid #fff;}
	.mygradient{ display: block; position: absolute; z-index: 10; margin-top: 50px; background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -287px; width: 270px; height: 586px;}

	.bottom-bar{ position: absolute; width: 268px; border-top: 0px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 664px; margin-left: -1px;
		background: transparent;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
			border-bottom-left-radius: 12px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-bottomright: 12px;
			border-bottom-right-radius: 12px;}

	.bulle-france{ display: none; width: 70px; height: 70px; top: 635px; left: -16px; }
	.bulle-france:hover{ }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}

	/* Position du texte IDF */
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 17px; left: 62px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 17px; left: 62px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ display: none; position: absolute;  background: url("../images/sprite-logoSI.png") -69px -524px; height: 59px; width: 84px; top: 641px; left: 178px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 320x800px *****/

	.signature{ display: none;}
	a.ext-link{ outline-style: none; color: #555; text-decoration: none; }

	/*** ACCROCHE de la page d'accueil 320x800px *****/
	.bloc-title{ margin-left: 100px; width: 50%; z-index:101;}
	.bloc-title .accroche h1{ display: block; width: 248px; height: 34px; top: 49px; left: -100px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 5px; font-size: 11px; line-height: 12px; border-radius:0px; text-align:center;}

	/**** SAP SMA & MINIBAR 320x800px *****/
	.sap{ display: none;}
	.minibar-sma{ display: none;}
	.minibar-mini{ display: block; margin-left: 10px;  margin-top: 709px; color: #555; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 10px;}
	.copyright-sma{ display: block; position: absolute; z-index: 10; margin-left: -58px; margin-top: -84px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}
	a.minibar-sma-link{	color: #555; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}

}
/**************************************************
****** MEDIA QUERY SOUS MON AILE 320x900px *******
***************************************************/
@media screen and (min-width: 10px) and (max-width:479px) and (min-height:900px) and (max-height: 1023px){
.resolution { display: block;}
.menu-phone{ display: block; width: 270px; height: 34px; z-index: 100; position: absolute; }

	/*  MENU PHONE 320x900px *****/
	.navbar a.brand {
		color: #777777;
		display: block;
		float: left;
		font-size: 19px;
		font-weight: 200;}

	/* Surcouche spécifique */
	.navbar .btn-navbar {
		margin-left: 10px;
		margin-right: 0px;
		margin-top: 10px;}

	.container{ width: 270px; }
	a.brand .logo-size { margin-left: -30px; padding-right: 0px; }
	a.brand .logo-size  .sma-logo{ background-position:  -1041px -32px; width: 61px; height: 30px;}

	/*  MENU 320x900px OFF *****/
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	/* Contenu-DESKTOP 320x900px *****/
	.contenu-desktop{ display: none;}

	/* BG GRADIENT 320x900px *****/
	.bggradient{ display: block; margin-top: -2px; position: absolute; z-index: 10; width: 270px; height: 763px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 0px solid #fff; border-left: 1px solid #fff;}

	.mygradient{  display: block; position: absolute; z-index: 10; margin-top: 50px; background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -287px; width: 270px; height: 586px;}

	.bottom-bar{ position: absolute; width: 268px; border-top: 0px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 762px; margin-left: -1px;
		background: transparent;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
			border-bottom-left-radius: 12px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-bottomright: 12px;
			border-bottom-right-radius: 12px;}

	.bulle-france{ display: none; width: 70px; height: 70px; top: 732px; left: -16px; }
	.bulle-france:hover{ }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;	}	
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;	}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}

	/* Position du texte IDF */
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 17px; left: 62px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 17px; left: 62px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ display: none; position: absolute;  background: url("../images/sprite-logoSI.png") -69px -524px; height: 59px; width: 84px; top: 739px; left: 178px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 320x900px *****/

	.signature{ display: none;}
	a.ext-link{ outline-style: none; color: #555; text-decoration: none; }

	/*** ACCROCHE de la page d'accueil 320x900px *****/	
	.bloc-title{ margin-left: 100px; width: 50%; z-index:101;}
	.bloc-title .accroche h1{ display: block; width: 248px; height: 34px; top: 50px; left: -100px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 5px; font-size: 11px; line-height: 12px; border-radius:0px; text-align:center;}

	/**** SAP SMA & MINIBAR 320x900px *****/
	.sap{ display: none;}
	.minibar-sma{ display: none;}
	.minibar-mini{ display: block; margin-left: 10px;  margin-top: 804px; color: #555; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 10px;}
	.copyright-sma{ display: block; position: absolute; z-index: 10; margin-left: -58px; margin-top: -81px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}
	a.minibar-sma-link{ color: #555; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/**************************************************
****** MEDIA QUERY SOUS MON AILE 320x1024px ******
***************************************************/
@media screen and (min-width: 10px) and (max-width:479px) and (min-height: 1024px) and (max-height: 1049px){
.resolution { display: block;}
.menu-phone{ display: block; width: 270px; height: 34px; z-index: 1000; position: absolute; }

	/*  MENU PHONE 320x1024px *****/
	.navbar a.brand {
		color: #777777;
		display: block;
		float: left;
		font-size: 19px;
		font-weight: 200;}

	/* Surcouche spécifique */
	.navbar .btn-navbar {
		margin-left: 10px;
		margin-right: 0px;
		margin-top: 10px;}

	.container{ width: 270px; }
	a.brand .logo-size { margin-left: -30px; padding-right: 0px;}
	a.brand .logo-size  .sma-logo{ background-position:  -1041px -32px; width: 61px; height: 30px;}

	/*  MENU 320x1050px OFF *****/
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	/* Contenu-MOBIL 320x1024px *****/
	.contenu-mobil{ display : block; text-align: left; position: absolute; margin-top: -1px; z-index: 10; width: 270px; background-color: transparent; }

	/* Contenu-DESKTOP 320x1024px *****/
	.contenu-desktop{ display: none;}

	/* BG GRADIENT 320x1024 *****/
	.bggradient{ display: block; margin-top: -2px; position: absolute; z-index: 10; width: 270px; height: 884px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 0px solid #fff; border-left: 1px solid #fff;}

	.mygradient{  display: block; position: absolute; z-index: 10; margin-top: 50px; background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -287px; width: 270px; height: 586px;}

	.bottom-bar{ position: absolute; width: 268px; border-top: 0px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 883px; margin-left: -1px;
		background: transparent;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
			border-bottom-left-radius: 12px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-bottomright: 12px;
			border-bottom-right-radius: 12px;}

	.bulle-france{ display: none; width: 70px; height: 70px; top: 854px; left: -16px; }
	.bulle-france:hover{ }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}

	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */		
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 17px; left: 62px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 17px; left: 62px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ display: none; position: absolute; background: url("../images/sprite-logoSI.png") -69px -524px; height: 59px; width: 84px; top: 860px; left: 179px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 320x1024px *****/

	.signature{ display: none;}
	a.ext-link{ outline-style: none; color: #555; text-decoration: none;}

	/*** ACCROCHE de la page d'accueil 320x1024px *****/
	.bloc-title{ margin-left: 100px; width: 50%; z-index:101;}
	.bloc-title .accroche h1{ display: block; width: 248px; height: 34px; top: 50px; left: -100px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 5px; font-size: 11px; line-height: 12px; border-radius:0px; text-align:center;}

	/**** SAP SMA & MINIBAR 320x1024px *****/
	.sap{ display: none;}
	.minibar-sma{ display: none;}
	.minibar-mini{ display: block; margin-left: 10px;  margin-top: 927px; color: #555; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 10px;}
	.copyright-sma{ display: block; position: absolute; z-index: 10; margin-left: -58px; margin-top: -83px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}
	a.minibar-sma-link{	color: #555; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}
/**************************************************
****** MEDIA QUERY SOUS MON AILE 320x1050px ******
***************************************************/
@media screen and (min-width: 10px) and (max-width:479px) and (min-height: 1050px) and (max-height: 1080px){
.resolution { display: block;}
.menu-phone{ display: block; width: 270px; height: 34px; z-index: 1000; position: absolute;}

	/*  MENU PHONE 320x1050px *****/
	.navbar a.brand {
		color: #777777;
		display: block;
		float: left;
		font-size: 19px;
		font-weight: 200;}
	/* Surcouche spécifique */
	.navbar .btn-navbar {
		margin-left: 10px;
		margin-right: 0px;
		margin-top: 10px;
	}

	.container{ width: 270px; }
	a.brand .logo-size { margin-left: -30px; padding-right: 0px;}
	a.brand .logo-size  .sma-logo{ background-position:  -1041px -32px; width: 61px; height: 30px;}

	/*  MENU 320x1050px OFF *****/
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	/* Contenu-MOBIL 320x1050px *****/
	.contenu-mobil{ display : block; text-align: left; position: absolute; margin-top: -1px; z-index: 10; width: 270px; background-color: transparent; }

	/* Contenu-DESKTOP 320x1050px *****/
	.contenu-desktop{ display: none;}

	/* BG GRADIENT 320x1050 *****/
	.bggradient{ display: block; margin-top: -2px; position: absolute; z-index: 10; width: 270px; height: 924px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 0px solid #fff; border-left: 1px solid #fff;}

	.mygradient{  display: block; position: absolute; z-index: 10; margin-top: 50px; background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -288px; width: 270px; height: 586px;}

	.bottom-bar{ position: absolute; width: 268px; border-top: 0px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 923px; margin-left: -1px;
	background: transparent;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
			border-bottom-left-radius: 12px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-bottomright: 12px;
			border-bottom-right-radius: 12px;}

	.bulle-france{ display: none; width: 70px; height: 70px; top: 894px; left: -16px; }
	.bulle-france:hover{ }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}

	/* Position du texte IDF */
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 17px; left: 62px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 17px; left: 62px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ display: none; position: absolute;  background: url("../images/sprite-logoSI.png") -69px -524px; height: 59px;  width: 84px; top: 900px; left: 179px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 320x1050px *****/

	.signature{ display: none;}
	a.ext-link{ outline-style: none; color: #555; text-decoration: none; }

	/*** ACCROCHE bienvenue 320x1050px *****/	
	.bloc-title{ margin-left: 100px; width: 50%; z-index:101;}
	.bloc-title .accroche h1{ display: block; width: 258px; height: 34px; top: 52px; left: -100px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 5px; font-size: 11px; line-height: 12px; border-radius:0px; text-align:center;}

	/**** SAP SMA & MINIBAR 320x1050px *****/
	.sap{ display: none;}
	.minibar-sma{ display: none;}
	.minibar-mini{ display: block; margin-left: 10px;  margin-top: 967px; color: #555; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 10px;}
	.copyright-sma{ display: block; position: absolute; z-index: 10; margin-left: -58px; margin-top: -83px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}
	a.minibar-sma-link{	color: #555; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}
/**************************************************
****** MEDIA QUERY SOUS MON AILE 320x1200px ******
***************************************************/
@media screen and (min-width: 10px) and (max-width:479px) and (min-height: 1081px) and (max-height: 1549px){
.resolution { display: block;}
.menu-phone{ display: block; width: 270px; height: 34px; z-index: 1000; position: absolute; }

	/*  MENU PHONE 320x1200px *****/
	.navbar a.brand {
		color: #777777;
		display: block;
		float: left;
		font-size: 19px;

		font-weight: 200;}
	/* Surcouche spécifique */
	.navbar .btn-navbar {
		margin-left: 10px;
		margin-right: 0px;
		margin-top: 10px;}

	.container{ width: 270px; }
	a.brand .logo-size { margin-left: -30px; padding-right: 0px; }
	a.brand .logo-size  .sma-logo{ background-position:  -1041px -32px; width: 61px; height: 30px;}

	/*  MENU 320x1200px OFF *****/
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	/* Contenu-MOBIL 320x1200px *****/
	.contenu-mobil{ display : block; text-align: left; position: absolute; margin-top: -1px; z-index: 10; width: 270px; background-color: transparent; }
	
	/* Contenu-DESKTOP 320x1280px *****/
	.contenu-desktop{ display: none;}

	/* BG GRADIENT 320x1200px *****/
	.bggradient{ display: block; margin-top: -1px; position: absolute; z-index: 10; width: 270px; height: 951px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 0px solid #fff; border-left: 1px solid #fff;}
	.mygradient{ display: block; position: absolute; z-index: 10; margin-top: 51px; background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -288px; width: 270px; height: 586px;}
	.bottom-bar{ position: absolute; width: 268px; border-top: 0px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 950px; margin-left: -1px;
		background: transparent;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
			border-bottom-left-radius: 12px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-bottomright: 12px;
			border-bottom-right-radius: 12px;
	}
	.bulle-france{ display: none; width: 70px; height: 70px; top: 919px; left: -16px; }
	.bulle-france:hover{ }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;	}	
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;	}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}

	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */		
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 17px; left: 62px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 17px; left: 62px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ display: none; position: absolute;  background: url("../images/sprite-logoSI.png") -69px -524px; height: 59px; width: 84px; top: 928px; left: 179px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 320x1200px *****/

	.signature{ display: none;}
	a.ext-link{ outline-style: none; color: #555; text-decoration: none; }

	/*** ACCROCHE de la page d'accueil 320x1200px *****/	
	.bloc-title{ margin-left: 100px; width: 50%; z-index:101;}
	.bloc-title .accroche h1{ display: block; width: 258px; height: 34px; top: 52px; left: -100px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 5px; font-size: 11px; line-height: 12px; border-radius:0px; text-align:center;}

	/**** SAP SMA & MINIBAR 320x1200px *****/
	.sap{ display: none;}
	.minibar-sma{ display: none;}
	.minibar-mini{ display: block; margin-left: 10px; margin-top: 992px; color: #555; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 10px;}
	.copyright-sma{ display: block; position: absolute; z-index: 10; margin-left: -58px; margin-top: -83px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}
	a.minibar-sma-link{	color: #555; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}


/*****MEDIA QUERY SOUS MON AILE 480x320px *****/
@media screen and (min-width: 480px) and (max-width: 559px) and (min-height: 300px) and (max-height: 479px){
.resolution { display: block;}
.menu-phone{ display: block; height: 34px; width: 440px; z-index: 1000; position: absolute; }

	/*  MENU PHONE 480x320px *****/
	.navbar a.brand { color: #777777; display: block; float: left; font-size: 20px; line-height: 31px; font-weight: 200;}
	.container{ width: 440px; }
	a.brand .logo-size { margin-left: -20px; padding-right: 0px; }
	a.brand .logo-size  .sma-logo{ background-position:  -1041px -32px; width: 61px; height: 30px;}

	/*  MENU 480x320px OFF *****/	
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	.contenu-desktop{ display: none;}

	/* Contenu-MOBIL 480x320px *****/
	.contenu-mobil{ display : block; text-align: left; position: absolute; margin-top: -1px; z-index: 10; width: 440px; background-color: transparent; }


	/* BG GRADIENT 480x320px *****/
	.bggradient{ display: block; margin-top: -1px; position: absolute; z-index: 10; width: 440px; height: 208px;
		border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 0px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 10; margin-top: 51px; background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -288px; width: 440px; height: 228px; border-radius: 0px 0px 12px 12px;}

	.bottom-bar{ position: absolute; width: 438px; border-top: 0px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 20px; top: 207px; margin-left: -1px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -844px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
			border-bottom-left-radius: 12px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-bottomright: 12px;
			border-bottom-right-radius: 12px;}

	.bulle-france{ display: none;  width: 70px; height: 70px; top: 165px; left: -15px; }
	.bulle-france:hover{ }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}		

	/* Position du texte IDF */
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ display: none; background: url("../images/sprite-logoSI.png") repeat scroll -90px -599px rgba(0, 0, 0, 0); height: 46px; left: 375px; position: absolute; top: 179px; width: 61px;}

/**** SIGNATURE Pixelmechanic 480x320px *****/
	.signature{ display: none;}

/*** ACCROCHE de la page d'accueil 480x320px *****/
	.bloc-title{ position: absolute; top: 76px; margin-left: 10px; width: 260px; text-align: center; z-index: 101;}
	.bloc-title h1, .bloc-title .h1 { display: none; font-family: Arial,Helvetica,sans-serif; color: #111; font-size: 11px; line-height: 11px; margin-top:0px; text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 5px #fff , 0px 0px 6px #fff, 0px 0px 8px #fff;}
	.bloc-title h2, .bloc-title .h2 { display: none; font-family: Arial,Helvetica,sans-serif; color: #111;  font-size: 11px; line-height: 12px; margin-top: -23px; text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 3px #fff , 0px 0px 3px #fff , 0px 0px 4px #fff, 0px 0px 5px #fff;}

/*** CONTENU AU SURVOL DES ITEMS 480x320px *****/
	.worklist li.worklist-item1 .box-content1{ display: none;  position: absolute; top: 478px; margin-left: 295px; width: 171px; height: 64px; text-align: left; padding-left: 10px;  padding-right: 5px;  padding-bottom: 5px; padding-top: 5px;}
	.worklist li.worklist-item1 .box-content2{ display: none;  position: absolute; top: 220px; margin-left: 127px; opacity: 0; width: 146px; height: 22px;}

/**** SAP SMA & MINIBAR 480x320px *****/
	.sap{ display: none;  }
	.minibar-sma{ display: block; margin-left: 0px;  margin-top: 232px; color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 10px;}
	.minibar-mini{ display: none; margin-left: 20px; margin-top: 229px; color: #555; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 10px;}
	.copyright-sma{ display: none; position: absolute; z-index: 10; margin-left: -57px; margin-top: -143px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}
	a.minibar-sma-link{	color: #555; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/*****MEDIA QUERY SOUS MON AILE 480x480px *****/
@media screen and (min-width: 480px) and (max-width: 559px) and (min-height: 480px) and (max-height: 599px){
.resolution { display: block;}
.menu-phone{  display: block; width: 440px; height: 34px; z-index: 1000; position: absolute; }

	/*  MENU PHONE 480x480px *****/
	.navbar a.brand { color: #777777; display: block; float: left; font-size: 28px; line-height: 34px; font-weight: 200;}
	.container{ width: 440px; }
	a.brand .logo-size { margin-left: -20px; padding-right: 0px; }
	a.brand .logo-size  .sma-logo{ background-position:  -885px -28px; width: 80px; height: 38px; }

	/*  MENU 480x480px OFF *****/
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	.contenu-mobil{  display: block;}
	.contenu-desktop{ display: none;}

	/* BG GRADIENT 480x480px *****/
	.bggradient{ display: block; position: absolute; z-index: 10; width: 440px; height: 334px; margin-top: -1px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 0px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0); display: block; height: 323px; margin-top: 59px; position: absolute; width: 440px; z-index: 10;}

	.bottom-bar{ position: absolute; width: 438px; border-top: 0px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 331px; margin-left: -1px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -844px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
			border-bottom-left-radius: 12px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-bottomright: 12px;
			border-bottom-right-radius: 12px;}

	.bulle-france{ display: none; width: 70px; height: 70px; top: 315px; left: -15px; }
	.bulle-france:hover{ }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;	}	
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;	}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}

	/* Position du texte IDF */
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{  display: none; position: absolute; background: url("../images/sprite-logoSI.png") -91px -599px; height: 45px; width: 64px; top: 322px; left: 374px}

	/**** SIGNATURE Pixelmechanic 480x480px *****/
	.signature{ display: block; position: absolute; z-index: 10; margin-left: -108px; margin-top: -135px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE de la page d'accueil 480x480px *****/
	.bloc-title{ position: absolute; top: 76px; margin-left: 10px; width: 260px; text-align: center; z-index: 101;}
	.bloc-title h1, .bloc-title .h1 { display: none; font-family: Arial,Helvetica,sans-serif; color: #111; font-size: 11px; line-height: 11px; margin-top:0px; text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 5px #fff , 0px 0px 6px #fff, 0px 0px 8px #fff;}
	.bloc-title h2, .bloc-title .h2 { display: none; font-family: Arial,Helvetica,sans-serif; color: #111;  font-size: 11px; line-height: 12px; margin-top: -23px; text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 3px #fff , 0px 0px 3px #fff , 0px 0px 4px #fff, 0px 0px 5px #fff;}

	/**** SAP SMA & MINIBAR 480x480px *****/
	.sap{ display: none; position: absolute; width: 240px; margin-top: -79px; margin-left: 62px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 1px;  margin-top: 374px; color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 11px;}
	.minibar-mini{ display: none; }
	.copyright-sma{ display: none; position: absolute; z-index: 10; margin-left: -57px; margin-top: -143px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/*****MEDIA QUERY SOUS MON AILE 480x600px *****/
@media screen and (min-width: 480px) and (max-width: 559px) and (min-height: 600px) and (max-height: 749px){
.resolution { display: block;}
.menu-phone{ display: block; height: 34px; width: 440px; z-index: 1000; position: absolute; }

	/*  MENU PHONE 480x600px *****/
	.navbar a.brand {
		color: #777777;
		display: block;
		float: left;
		font-size: 28px;
		line-height: 34px;
		font-weight: 200;
	}
	.container{ width: 440px; }
	a.brand .logo-size { margin-left: -20px; padding-right: 0px;}
	a.brand .logo-size  .sma-logo{ background-position:  -885px -28px; width: 80px; height: 38px; }

	/*  MENU 480x600px OFF *****/
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	/* Contenu-MOBIL 480x600px *****/

	.contenu-mobil{ display : block; text-align: left; position: absolute; margin-top: -1px; z-index: 100; width: 452px; background-color: transparent; }
	
	/* Contenu-DESKTOP 480x600px *****/
	.contenu-desktop{ display: none;}

	/* BG GRADIENT 480x600px *****/
	.bggradient{ display: block; margin-top: -2px; position: absolute; z-index: 10; width: 440px; height: 446px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 0px solid #fff; border-left: 1px solid #fff;}
	.mygradient{ display: block; background: url("../images/trame01.png"); position: absolute; z-index: 10; margin-top: 60px; background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -448px; width:440px; height: 405px;}
	.bottom-bar{ position: absolute; width: 437px; border-top: 0px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 49px; top: 445px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -844px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;
    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}
	.bulle-france{ width: 70px; height: 70px; top: 436px; left: -16px; }
	.bulle-france:hover{ }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}

	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -85px -599px; height: 46px;  width: 66px; top: 440px; left: 368px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 480x600px *****/
	.signature{ display: block; position: absolute; z-index: 10; margin-left: -108px; margin-top: -193px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 480x600px *****/	
	.bloc-title{ margin-left: 100px; width: 70%; z-index:101;}
	.bloc-title .accroche h1{ display: block; width: 418px; height: 18px; top: 58px; left: -100px; padding-left: 20px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 11px; line-height: 22px; border-radius:0px;}

	/**** SAP SMA & MINIBAR 480x600px *****/
	.sap{ display: none; position: absolute; width: 240px; margin-top: -79px; margin-left: 62px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 60px; margin-top: 495px; color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{  display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}
/*****MEDIA QUERY SOUS MON AILE 480x768px *****/
@media screen and (min-width: 480px) and (max-width: 559px) and (min-height: 750px) and (max-height: 899px){
.resolution { display: block;}
.menu-phone{ display: block; width: 440px; height: 34px; z-index: 1000; position: absolute; }

	/*  MENU PHONE 480x768px *****/
	.navbar a.brand {
		color: #777777;
		display: block;
		float: left;
		font-size: 28px;
		line-height: 34px;
		font-weight: 200;}

	.container{ width: 440px; }
	a.brand .logo-size { margin-left: -20px; padding-right: 0px;}
	a.brand .logo-size  .sma-logo{ background-position:  -885px -28px; width: 80px; height: 38px;}

	/*  MENU 480x768px OFF *****/
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	/* Contenu-MOBIL 480x768px *****/
	.contenu-mobil{ display : block; text-align: left; position: absolute; margin-top: -1px; z-index: 10; width: 452px; background-color: transparent;}

	/* Contenu-DESKTOP 480x768px *****/
	.contenu-desktop{ display: none;}

	/* BG GRADIENT 480x768px *****/
	.bggradient{ display: block; margin-top: 0px; position: absolute; z-index: 10; width: 440px; height: 623px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}
	.mygradient{ display: block; position: absolute; z-index: 10; margin-top: 58px; background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -448px; width: 440px; height: 493px;}


	.bottom-bar{ position: absolute; width: 437px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 621px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 70px; height: 70px; top: 604px; left: -16px; }
	.bulle-france:hover{ width: 70px; height: 70px; top: 604px; left: -16px; }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -85px -599px; height: 46px;  width: 66px; top: 611px; left: 368px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 480x768px *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -109px; margin-top: -197px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE de la page d'accueil 480x768px *****/
	.bloc-title{ margin-left: 100px; width: 50%; z-index:101;}
	.bloc-title .accroche h1{ display: block; width: 418px; height: 18px; top: 57px; left: -100px; padding-left: 20px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 11px; line-height: 22px; border-radius:0px;}

	/**** SAP SMA & MINIBAR 480x768px *****/
	.sap{ display: block; position: absolute; width: 300px; margin-top: 626px; margin-left: 67px; font-family: Arial,Helvetica,sans-serif; font-size: 9px; line-height: 10px; color: #000; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 40px; margin-top: 665px; color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{ color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/*****MEDIA QUERY SOUS MON AILE 480x800px *****/
@media screen and (min-width: 480px) and (max-width: 559px) and (min-height: 800px) and (max-height: 899px){
.resolution { display: block;}
.menu-phone{ display: block; width: 440px; height: 34px; z-index: 1000; position: absolute; }

	/*  MENU PHONE 480x800px *****/
	.navbar a.brand { color: #777777; display: block; float: left; font-size: 28px; line-height: 34px; font-weight: 200;}

	.container{ width: 440px; }
	a.brand .logo-size { margin-left: -20px; padding-right: 0px;}
	a.brand .logo-size  .sma-logo{ background-position:  -885px -28px; width: 80px; height: 38px; }

	/*  MENU 480x800px OFF *****/
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	/* Contenu-MOBIL 480x800px *****/
	.contenu-mobil{ display : block; text-align: left; position: absolute; margin-top: -1px; z-index: 10; width: 462px; background-color: transparent; }
	.contenu-desktop{ display: none;}


	/* BG GRADIENT 480x800px *****/
	.bggradient{ display: block; position: absolute; z-index: 10; width: 440px; height: 657px; margin-top: 0px;
		border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 0px solid #fff; border-left: 1px solid #fff;}
	.mygradient{ display: block; position: absolute; z-index: 10; background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -448px; width: 440px; height: 400px; margin-top: 58px;}

	.bottom-bar{ position: absolute; width: 437px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 656px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 70px; height: 70px; top: 638px; left: -16px; }
	.bulle-france:hover{ width: 70px; height: 70px; top: 638px; left: -16px; }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}

	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -85px -599px; height: 46px;  width: 66px; top: 647px; left: 366px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 480x800px *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -108px; margin-top: -190px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE de la page d'accueil 480x800px *****/	
	.bloc-title{ margin-left: 100px; width: 50%; z-index:101;}
	.bloc-title .accroche h1{ display: block; width: 418px; height: 18px; top: 57px; left: -100px; padding-left: 20px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 11px; line-height: 22px; border-radius:0px;}

	/*** CONTENU AU SURVOL DES ITEMS 480x800px *****/
	.worklist li.worklist-item1 .box-content1{ display: none;}
	.worklist li.worklist-item1 .box-content1 .inside-bot-left{ } 
	.worklist li.worklist-item1 .box-content2{ display: none;}

	.worklist li.worklist-itemx .box-content{	display: block; position: absolute; top: 220px;	margin-left: 361px; width: 146px; height: 32px;}
	.worklist li.worklist-item2 .box-content{ display: none;}	
	.worklist li.worklist-item3 .box-content{ display: none;}
	.worklist li.worklist-item4 .box-content{ display: none;}
	.worklist li.worklist-item5 .box-content{ display: none;}

	.worklist li.worklist-item1 .box-content1 .rappel{ font-size: 13px; line-height: 15px; text-align: left; }	
	.worklist li.worklist-item1 .box-content2 .rappel{ }
	.worklist li.worklist-itemx .box-content .rappel,
	.worklist li.worklist-item2 .box-content .rappel,
	.worklist li.worklist-item3 .box-content .rappel,
	.worklist li.worklist-item4 .box-content .rappel,
	.worklist li.worklist-item5 .box-content .rappel{ }

	.worklist li.worklist-item1 .box-content2 .inside{ top: 22px; margin-left: 20px; height: 14px; width: 29px; background: transparent url(../images/infobulle-noire.gif);} 

	.worklist li.worklist-itemx .box-content .inside,
	.worklist li.worklist-item2 .box-content .inside,
	.worklist li.worklist-item3 .box-content .inside,
	.worklist li.worklist-item4 .box-content .inside,
	.worklist li.worklist-item5 .box-content .inside{ top: 32px; margin-left: 20px; height: 14px; width: 29px; background: transparent url(../images/infobulle-noire.gif);} 

	/**** SAP SMA & MINIBAR 480x800px *****/
	.sap{ display: block; position: absolute; width: 300px; margin-top: 661px; margin-left: 67px; font-family: Arial,Helvetica,sans-serif; font-size: 9px; line-height: 10px; color: #000; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 20px; margin-top: 698px; color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 9px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/*****MEDIA QUERY SOUS MON AILE 480x900px *****/
@media screen and (min-width: 480px) and (max-width: 559px) and (min-height:900px) and (max-height: 1023px){
.resolution { display: block;}
.menu-phone{ display: block; width: 440px; height: 34px; z-index: 1000; position: absolute; }

	/*  MENU PHONE 480x900px *****/
	.navbar a.brand {
		color: #777777;
		display: block;
		float: left;
		font-size: 28px;
		line-height: 34px;
		font-weight: 200;}

	/*  MENU 480x900px OFF *****/
	.container{ width: 440px; }
	a.brand .logo-size { margin-left: -20px; padding-right: 0px; }
	a.brand .logo-size  .sma-logo{ background-position:  -885px -28px; width: 80px; height: 38px; }
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}

	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	/* Contenu-MOBIL 480x900px *****/
	.contenu-mobil{ display : block; text-align: left; position: absolute; margin-top: -1px; z-index: 10; width: 440px; background-color: transparent; }

	.contenu-desktop{ display: none;}

	/* BG GRADIENT 480x900px *****/
	.bggradient{ display: block; position: absolute; z-index: 10; width: 440px; height: 757px; margin-top: 1px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}
	.mygradient{ display: block; position: absolute; z-index: 10; background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -448px; width: 440px; height: 400px; margin-top: 57px;}

	.bottom-bar{ position: absolute; width: 437px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 755px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 70px; height: 70px; top: 735px; left: -16px; }
	.bulle-france:hover{ }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}

	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -85px -599px; height: 46px;  width: 66px; top: 742px; left: 366px;}

	.bottom-box{ left: 0px;}	/**** SIGNATURE Pixelmechanic 480x900px *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -108px; margin-top: -189px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE de la page d'accueil 480x900px *****/
	.bloc-title{ margin-left: 100px; width: 50%; z-index:101;}
	.bloc-title .accroche h1{ display: block; width: 418px; height: 18px; top: 57px; left: -100px; padding-left: 20px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 11px; line-height: 22px; border-radius:0px;}

	/*** CONTENU AU SURVOL DES ITEMS 480x900px *****/
	.worklist li.worklist-item1 .box-content1{ display: none;}
	.worklist li.worklist-item1 .box-content1 .inside-bot-left{ } 
	.worklist li.worklist-item1 .box-content2{ display: none;}

	.worklist li.worklist-itemx .box-content{	display: block; position: absolute; top: 220px;	margin-left: 361px; width: 146px; height: 32px;}
	.worklist li.worklist-item2 .box-content{ display: none;}	
	.worklist li.worklist-item3 .box-content{ display: none;}
	.worklist li.worklist-item4 .box-content{ display: none;}
	.worklist li.worklist-item5 .box-content{ display: none;}

	.worklist li.worklist-item1 .box-content1 .rappel{ font-size: 13px; line-height: 15px; text-align: left; }
	.worklist li.worklist-item1 .box-content2 .rappel{ }
	.worklist li.worklist-itemx .box-content .rappel,
	.worklist li.worklist-item2 .box-content .rappel,
	.worklist li.worklist-item3 .box-content .rappel,
	.worklist li.worklist-item4 .box-content .rappel,
	.worklist li.worklist-item5 .box-content .rappel{ }

	.worklist li.worklist-item1 .box-content2 .inside{ top: 22px; margin-left: 20px; height: 14px; width: 29px; background: transparent url(../images/infobulle-noire.gif);} 

	.worklist li.worklist-itemx .box-content .inside,
	.worklist li.worklist-item2 .box-content .inside,
	.worklist li.worklist-item3 .box-content .inside,
	.worklist li.worklist-item4 .box-content .inside,
	.worklist li.worklist-item5 .box-content .inside{ top: 32px; margin-left: 20px; height: 14px; width: 29px; background: transparent url(../images/infobulle-noire.gif);} 

	/**** SAP SMA & MINIBAR 480x900px *****/
	.sap{ color: #555555; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 9px; line-height: 10px; margin-left: 67px; margin-top: 759px; padding-right: 10px; position: absolute; text-align: center; width: 300px;}
	.minibar-sma{ display: block; margin-left: 20px; margin-top: 796px; color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 9px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}
/*****MEDIA QUERY SOUS MON AILE 480x1024px *****/
@media screen and (min-width: 480px) and (max-width: 559px) and (min-height: 1024px) and (max-height: 1049px){
.resolution { display: block;}
.menu-phone{ display: block; width: 440px; height: 34px; z-index: 1000; position: absolute; }

	/*  MENU PHONE 480x1024px *****/
	.navbar a.brand {
		color: #777777;
		display: block;
		float: left;
		font-size: 28px;
		line-height: 34px;
		font-weight: 200;}

	/* Surcouche spécifique */
	.navbar .btn-navbar {
		margin-left: 10px;
		margin-right: 0px;
		margin-top: 10px;}

	/*  MENU 480x1024px OFF *****/
	.container{ width: 440px; }
	a.brand .logo-size { margin-left: -20px; padding-right: 0px; }
	a.brand .logo-size  .sma-logo{ background-position:  -885px -28px; width: 80px; height: 38px; }
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}

	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	/* Contenu-MOBIL 480x1024px *****/
	.contenu-mobil{ display : block; text-align: left; position: absolute; margin-top: -1px; z-index: 10; width: 440px; background-color: transparent; }

	.contenu-desktop{ display: none;}

	/* BG GRADIENT 480x1024px *****/
	.bggradient{ display: block; position: absolute; z-index: 10; width: 440px; height: 878px; margin-top: -1px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}
	.mygradient{ display: block; position: absolute; z-index: 10; background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -448px ; width: 440px; height: 400px; margin-top: 59px;}
	.bottom-bar{ position: absolute; width: 437px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 876px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 70px; height: 70px; top: 854px; left: -16px; }
	.bulle-france:hover{ width: 70px; height: 70px; top: 854px; left: -16px; }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -86px -600px rgba(0, 0, 0, 0); height: 47px; left: 368px; position: absolute; top: 865px; width: 65px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 480x1024px *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -109px; margin-top: -198px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE de la page d'accueil 480x1024px *****/
	.bloc-title{ margin-left: 100px; width: 50%; z-index:101;}
	.bloc-title .accroche h1{ display: block; width: 418px; height: 18px; top: 57px; left: -100px; padding-left: 20px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 11px; line-height: 22px; border-radius:0px;}

	/*** CONTENU AU SURVOL DES ITEMS 480x1024x *****/
	.worklist li.worklist-item1 .box-content1{ display: none;}
	.worklist li.worklist-item1 .box-content1 .inside-bot-left{ } 
	.worklist li.worklist-item1 .box-content2{ display: none;}

	.worklist li.worklist-itemx .box-content{	display: block; position: absolute; top: 220px;	margin-left: 361px; width: 146px; height: 32px;}
	.worklist li.worklist-item2 .box-content{ display: none;}	
	.worklist li.worklist-item3 .box-content{ display: none;}
	.worklist li.worklist-item4 .box-content{ display: none;}
	.worklist li.worklist-item5 .box-content{ display: none;}

	.worklist li.worklist-item1 .box-content1 .rappel{ font-size: 13px; line-height: 15px; text-align: left; }	
	.worklist li.worklist-item1 .box-content2 .rappel{ }
	.worklist li.worklist-itemx .box-content .rappel,
	.worklist li.worklist-item2 .box-content .rappel,
	.worklist li.worklist-item3 .box-content .rappel,
	.worklist li.worklist-item4 .box-content .rappel,
	.worklist li.worklist-item5 .box-content .rappel{ }

	.worklist li.worklist-item1 .box-content2 .inside{ top: 22px; margin-left: 20px; height: 14px; width: 29px; background: transparent url(../images/infobulle-noire.gif);} 

	.worklist li.worklist-itemx .box-content .inside,
	.worklist li.worklist-item2 .box-content .inside,
	.worklist li.worklist-item3 .box-content .inside,
	.worklist li.worklist-item4 .box-content .inside,
	.worklist li.worklist-item5 .box-content .inside{ top: 32px; margin-left: 20px; height: 14px; width: 29px; background: transparent url(../images/infobulle-noire.gif);} 

	/**** SAP SMA & MINIBAR 480x1024px *****/
	.sap{ display: block; position: absolute; width: 298px; margin-top: 880px; margin-left: 69px; font-family: Arial,Helvetica,sans-serif; font-size: 9px; line-height: 10px;  color: #000; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 44px;  margin-top: 918px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 10px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/*****MEDIA QUERY SOUS MON AILE 480x1050px *****/
@media screen and (min-width: 480px) and (max-width: 559px) and (min-height: 1050px) and (max-height: 1080px){
.resolution { display: block;}
.menu-phone{  display: block; width: 440px; height: 34px; z-index: 1000; position: absolute; }

	/*  MENU PHONE 480x1050px *****/
	.navbar a.brand {
		color: #777777;
		display: block;
		float: left;
		font-size: 28px;
		line-height: 34px;
		font-weight: 200;}

	/* Surcouche spécifique */
	.navbar .btn-navbar {
		margin-left: 10px;
		margin-right: 0px;
		margin-top: 10px;}

	.container{ width: 440px; }
	a.brand .logo-size { margin-left: -20px; padding-right: 0px; }
	a.brand .logo-size  .sma-logo{ background-position: -885px -28px; width: 80px; height: 38px; }

	/*  MENU 480x1050px OFF *****/	
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	/* Contenu-MOBIL 480x1050px *****/
	.contenu-mobil{ display : block; text-align: left; position: absolute; margin-top: -1px; z-index: 10; width: 440px; background-color: transparent; }

	/* Contenu-DESKTOP 480x1050px *****/
	.contenu-desktop{ display: none;}

	/* BG GRADIENT 480x1050px *****/
	.bggradient{ display: block; margin-top: 57px; left: 0px; position: absolute; z-index: 1; width: 440px; height: 918px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 440px; height: 431px;}

	.bottom-bar{ position: absolute; width: 437px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 916px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 70px; height: 70px; top: 898px; left: -16px; }
	.bulle-france:hover{ width: 70px; height: 70px; top: 898px; left: -16px; }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -86px -600px rgba(0, 0, 0, 0); height: 47px; left: 368px; position: absolute; top: 906px; width: 65px;}

	/**** SIGNATURE Pixelmechanic 480x1050px *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -109px; margin-top: -198px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 480x1050px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 29px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}

	/**** SAP SMA & MINIBAR 480x1050px *****/
	.sap{ display: block; position: absolute; width: 298px; margin-top: 920px; margin-left: 69px; font-family: Arial,Helvetica,sans-serif; font-size: 9px; line-height: 10px;  color: #000; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 44px;  margin-top: 958px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 10px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 480px de largeur *****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1900px) and (max-width:2400px){
	a.btn .my-ico-size1 .sma-logo{ background-position:  -885px -28px; width: 80px; height: 38px; margin-left: 10px;} 
}

/*****MEDIA QUERY SOUS MON AILE 480x1280px *****/
@media screen and (min-width: 480px) and (max-width: 559px) and (min-height: 1081px) and (max-height: 1549px){
.resolution { display: block;}
.menu-phone{ display: block; width: 440px; height: 34px; z-index: 1000; position: absolute; }

	/*  MENU PHONE 480x1200px *****/
	.navbar a.brand {
		color: #777777;
		display: block;
		float: left;
		font-size: 28px;
		line-height: 34px;
		font-weight: 200;}

	.container{ width: 440px; }
	a.brand .logo-size { margin-left: -20px; padding-right: 0px; }
	a.brand .logo-size  .sma-logo{ background-position: -885px -28px; width: 80px; height: 38px; }

	/*  MENU 480x1200px OFF *****/
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	/* Contenu-MOBIL 480x1200px *****/
	.contenu-mobil{ display : block; }

	/* Contenu-DESKTOP 480x1200px *****/
	.contenu-desktop{ display: none;}

	/* BG GRADIENT 480x1200px *****/
	.bggradient{ display: block; margin-top: 57px; left: 0px; position: absolute; z-index: 1; width: 440px; height: 948px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 442px; height: 431px;}
	
	.bottom-bar{ position: absolute; width: 437px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 946px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 70px; height: 70px; top: 928px; left: -16px; }
	.bulle-france:hover{ }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}

	/* Position du texte IDF */
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ position: absolute; background: url("../images/sprite-logoSI.png") -85px -599px; height: 46px;  width: 66px; top: 935px; left: 368px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 480x1200px *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -109px; margin-top: -190px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 480x1200px *****/
	.bloc-title{ margin-left: 100px; width: 50%; z-index:101;}
	.bloc-title .accroche h1{ display: block; width: 418px; height: 18px; top: 58px; left: -100px; padding-left: 20px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 11px; line-height: 22px; border-radius:0px;}


	/**** SAP SMA & MINIBAR 480x1200px *****/
	.sap{ display: block; position: absolute; width: 298px; margin-top: 951px; margin-left: 70px; font-family: Arial,Helvetica,sans-serif; font-size: 9px; line-height: 10px; color: #000; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 47px;  margin-top: 986px;  color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}


/***********************************************************************************************************************
**************************************   MEDIA QUERY SOUS MON AILE 600px de largeur  ***********************************
************************************************************************************************************************/



/****** MEDIA QUERY SOUS MON AILE 600x320px ****/
@media screen and (min-width: 560px) and (max-width: 751px) and  (min-height: 10px) and (max-height: 479px){
.resolution { display: block;}
.menu-phone{ display: block; height: 34px; width: 520px; z-index: 1000; position: absolute; }

	/*  MENU PHONE 600x320px *****/
	.navbar a.brand { color: #777777; display: block; float: left; font-size: 20px; line-height: 31px; font-weight: 200;}
	.container{ width: 520px; }
	a.brand .logo-size { margin-left: -20px; padding-right: 0px; }
	a.brand .logo-size  .sma-logo{ background-position:  -1041px -32px; width: 61px; height: 30px;}

	/*  MENU 600x320px OFF *****/	
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	.contenu-mobil{  display: block;}
	.contenu-desktop{ display: none;}

	/* BG GRADIENT 600x320px *****/
	.bggradient{ display: block; position: absolute; z-index: 10; width: 520px; height: 207px; margin-top: -1px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 0px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -287px rgba(0, 0, 0, 0); display: block; height: 227px; margin-top: 50px; position: absolute; width: 519px; z-index: 10;  border-radius: 0px 0px 12px 12px}

	.bottom-bar{ position: absolute; width: 517px; border-top: 0px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 20px; top: 206px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -844px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
			border-bottom-left-radius: 12px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-bottomright: 12px;
			border-bottom-right-radius: 12px;}

	.bulle-france{ display: none; width: 70px; height: 70px; top: 166px; left: -15px; }
	.bulle-france:hover{ }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;	}	
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;	}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}

	/* Position du texte IDF */
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ display: none; position: absolute;  background: url("../images/sprite-logoSI.png") -91px -599px; height: 45px;  width: 64px; top: 174px; left: 455px;}

	/**** SIGNATURE Pixelmechanic 600x320px *****/
	.signature{ display: none; }

	/*** ACCROCHE de la page d'accueil 600x320px *****/
	.bloc-title{ position: absolute; top: 76px; margin-left: 10px; width: 260px; text-align: center; z-index: 101;}
	.bloc-title h1, .bloc-title .h1 { display: none; font-family: Arial,Helvetica,sans-serif; color: #111; font-size: 11px; line-height: 11px; margin-top:0px; text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 5px #fff , 0px 0px 6px #fff, 0px 0px 8px #fff;}
	.bloc-title h2, .bloc-title .h2 { display: none; font-family: Arial,Helvetica,sans-serif; color: #111;  font-size: 11px; line-height: 12px; margin-top: -23px; text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 3px #fff , 0px 0px 3px #fff , 0px 0px 4px #fff, 0px 0px 5px #fff;}

	/**** SAP SMA & MINIBAR 600x320px *****/
	.sap{ display: none; position: absolute; width: 240px; margin-top: -79px; margin-left: 62px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 31px;  margin-top: 230px; color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 11px;}
	.minibar-mini{ display: none; }
	.copyright-sma{ display: none; position: absolute; z-index: 10; margin-left: -57px; margin-top: -143px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 600x480px ****/
@media screen and (min-width: 560px) and (max-width: 751px) and  (min-height: 480px) and (max-height: 599px){
.resolution { display: block;}
.menu-phone{  display: block; width: 520px; height: 34px; z-index: 1000; position: absolute; }

	/*  MENU PHONE 600x480px *****/
	.navbar a.brand { color: #777777; display: block; float: left; font-size: 28px; line-height: 34px; font-weight: 200;}
	.container{ width: 520px; }
	a.brand .logo-size { margin-left: -20px; padding-right: 0px; }
	a.brand .logo-size  .sma-logo{ background-position:  -885px -28px; width: 80px; height: 38px; }

	/*  MENU 600x480px OFF *****/
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	.contenu-mobil{  display: block;}
	.contenu-desktop{ display: none;}

	/* BG GRADIENT 600x480px *****/
	.bggradient{ display: block; position: absolute; z-index: 10; width: 520px; height: 334px; margin-top: -1px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 0px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0); display: block; height: 323px; margin-top: 59px; position: absolute; width: 519px; z-index: 10;}

	.bottom-bar{ position: absolute; width: 518px; border-top: 0px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top:333px; margin-left: -1px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -844px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
			border-bottom-left-radius: 12px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 12px;
	-moz-border-radius-bottomright: 12px;
			border-bottom-right-radius: 12px;}

	.bulle-france{ display: none; width: 70px; height: 70px; top: 315px; left: -15px; }
	.bulle-france:hover{ }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;	}	
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;	}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}

	/* Position du texte IDF */
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ display: none; position: absolute;  background: url("../images/sprite-logoSI.png") -91px -599px; height: 45px;  width: 64px; top: 322px; left: 455px;}

	/**** SIGNATURE Pixelmechanic 600x480px *****/
	.signature{ display: block; position: absolute; z-index: 10; margin-left: -109px; margin-top: -135px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE de la page d'accueil 600x480px *****/
	.bloc-title{ position: absolute; top: 76px; margin-left: 10px; width: 260px; text-align: center; z-index: 101;}
	.bloc-title h1, .bloc-title .h1 { display: none; font-family: Arial,Helvetica,sans-serif; color: #111; font-size: 11px; line-height: 11px; margin-top:0px; text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 5px #fff , 0px 0px 6px #fff, 0px 0px 8px #fff;}
	.bloc-title h2, .bloc-title .h2 { display: none; font-family: Arial,Helvetica,sans-serif; color: #111;  font-size: 11px; line-height: 12px; margin-top: -23px; text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 3px #fff , 0px 0px 3px #fff , 0px 0px 4px #fff, 0px 0px 5px #fff;}

	/**** SAP SMA & MINIBAR 600x480px *****/
	.sap{ display: none; position: absolute; width: 240px; margin-top: -79px; margin-left: 62px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 37px;  margin-top: 377px; color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 11px;}
	.minibar-mini{ display: none; }
	.copyright-sma{ display: none; position: absolute; z-index: 10; margin-left: -57px; margin-top: -143px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}


/*****  MEDIA QUERY SOUS MON AILE 600x600px *****/
@media screen and (min-width: 560px) and (max-width: 751px) and  (min-height: 600px) and (max-height: 749px){
.resolution { display: block;}
.menu-phone{  display: block; width: 520px; height: 34px; z-index: 1000; position: absolute; }

	/*  MENU PHONE 600x600px *****/
	.navbar a.brand {
		color: #777777;
		display: block;
		float: left;
		font-size: 28px;
		line-height: 34px;
		font-weight: 200;}

	/* Surcouche spécifique */
	.navbar .btn-navbar {
		margin-left: 10px;
		margin-right: 0px;
		margin-top: 10px;}

	.container{ width: 520px; }
	a.brand .logo-size { margin-left: -20px; padding-right: 0px; }
	a.brand .logo-size  .sma-logo{ background-position: -885px -28px; width: 80px; height: 38px; }

	/*  MENU 600x600px OFF *****/
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	/* Contenu-MOBIL 600x600px *****/
	.contenu-mobil{ display : block; text-align: left; position: absolute; margin-top: -2px; z-index: 10; width: 521px; background-color: transparent; }

	/* Contenu-DESKTOP 600x600px *****/
	.contenu-desktop{ display: none;}

	/* BG GRADIENT 600x600px *****/
	.bggradient{ display: block; position: absolute; z-index: 10; width: 520px; height: 460px; margin-top: -1px;
		border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0); display: block; height: 493px; margin-top: 59px; position: absolute; width: 519px; z-index: 10;}

	.bottom-bar{ position: absolute; width: 517px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 458px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 70px; height: 70px; top: 436px; left: -15px; }
	.bulle-france:hover{ width: 70px; height: 70px; top: 436px; left: -15px; }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -86px -600px rgba(0, 0, 0, 0); height: 47px; left: 448px; position: absolute; top: 447px; width: 65px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 600x600px *****/
	.signature{ color: #A1A1A1; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 10px; height: 12px; line-height: 10px; margin-left: -109px; margin-top: -197px; position: absolute; z-index: 10;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/**** SAP SMA & MINIBAR 600x600px *****/
	.sap{ display: block; position: absolute; width: 350px; margin-top: 463px; margin-left: 90px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 10px;  color: #000; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 9px;  margin-top: 500px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}



/*****  MEDIA QUERY SOUS MON AILE 600x768px *****/
@media screen and (min-width: 560px) and (max-width: 751px) and (min-height: 750px) and (max-height: 799px){
.resolution { display: block;}
.menu-phone{  display: block; width: 520px; height: 34px; z-index: 1000; position: absolute; }

	/*  MENU PHONE 600x768px *****/
	.navbar a.brand {
		color: #777777;
		display: block;
		float: left;
		font-size: 28px;
		line-height: 34px;
		font-weight: 200;}

	/* Surcouche spécifique */
	.navbar .btn-navbar {
		margin-left: 10px;
		margin-right: 0px;
		margin-top: 10px;}

	.container{ width: 520px; }
	a.brand .logo-size { margin-left: -20px; padding-right: 0px; }
	a.brand .logo-size  .sma-logo{ background-position: -885px -28px; width: 80px; height: 38px; }

	/*  MENU 600x768px OFF *****/
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	/* Contenu-MOBIL 600x768px *****/
	.contenu-mobil{ display : block; text-align: left; position: absolute; margin-top: -2px; z-index: 10; width: 521px; background-color: transparent; }

	/* Contenu-DESKTOP 600x768px *****/
	.contenu-desktop{ display: none;}


	/* BG GRADIENT 600x768px *****/
	.bggradient{ display: block; position: absolute; z-index: 10; width: 520px; height: 623px; margin-top: -1px;
		border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0); display: block; height: 493px; margin-top: 59px; position: absolute; width: 519px; z-index: 10;}

	.bottom-bar{ position: absolute; width: 517px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 621px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 70px; height: 70px; top: 604px; left: -16px; }
	.bulle-france:hover{ width: 70px; height: 70px; top: 604px; left: -16px; }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -86px -600px rgba(0, 0, 0, 0); height: 47px; left: 449px; position: absolute; top: 612px; width: 65px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 600x768px *****/
	.signature{ color: #A1A1A1; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 10px; height: 12px; line-height: 10px; margin-left: -109px; margin-top: -197px; position: absolute; z-index: 10;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/**** SAP SMA & MINIBAR 600x768px *****/
	.sap{ display: block; position: absolute; width: 350px; margin-top: 626px; margin-left: 89px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 10px;  color: #000; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 9px;  margin-top: 666px;  color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 8px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/*****  MEDIA QUERY SOUS MON AILE 600x800px *****/
@media screen and (min-width: 560px) and (max-width: 751px) and (min-height: 800px) and (max-height: 899px){
.resolution { display: block;}
.menu-phone{  display: block; width: 520px; height: 34px; z-index: 1000; position: absolute; }

	/*  MENU PHONE 600x900px *****/
	.navbar a.brand {
		color: #777777;
		display: block;
		float: left;
		font-size: 28px;
		line-height: 34px;
		font-weight: 200;}

	/* Surcouche spécifique */
	.navbar .btn-navbar {
		margin-left: 10px;
		margin-right: 0px;
		margin-top: 10px;}

	.container{ width: 520px; }
	a.brand .logo-size { margin-left: -20px; padding-right: 0px; }
	a.brand .logo-size  .sma-logo{ background-position: -885px -28px; width: 80px; height: 38px; }

	/*  MENU 600x900px OFF *****/
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	/* Contenu-MOBIL 600x900px *****/
	.contenu-mobil{ display : block; text-align: left; position: absolute; margin-top: -2px; z-index: 10; width: 521px; background-color: transparent; }
	/* Contenu-DESKTOP 600x900px *****/
	.contenu-desktop{ display: none;}

	.contenu-desktop{ display: none;}

	/* BG GRADIENT 600x800px *****/
	.bggradient{ display: block; position: absolute; z-index: 10; width: 520px; height: 658px; margin-top: -1px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0); display: block; height: 493px; margin-top: 59px; position: absolute; width: 519px; z-index: 10;}

	.bottom-bar{ position: absolute; width: 517px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 656px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 70px; height: 70px; top: 638px; left: -16px; }
	.bulle-france:hover{ width: 70px; height: 70px; top: 638px; left: -16px; }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -86px -600px rgba(0, 0, 0, 0); height: 47px; left: 449px; position: absolute; top: 644px; width: 65px;}
	
	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 600x800px *****/
	.signature{ color: #A1A1A1; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 10px; height: 12px; line-height: 10px; margin-left: -109px; margin-top: -197px; position: absolute; z-index: 10;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE de la page d'accueil 600x800px *****/	
	.bloc-title{ margin-left: 100px; width: 70%; z-index:101;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 72px; left: -100px; padding-left: 29px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}

	/**** SAP SMA & MINIBAR 600x800px *****/
	.sap{ display: block; position: absolute; width: 350px; margin-top: 661px; margin-left: 89px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 10px;  color: #000; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 9px;  margin-top: 699px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}


/*****  MEDIA QUERY SOUS MON AILE 600x900px *****/
@media screen and (min-width: 560px) and (max-width: 751px) and (min-height:900px) and (max-height: 1023px){
.resolution { display: block;}
.menu-phone{  display: block; width: 520px; height: 34px; z-index: 1000; position: absolute; }

	/*  MENU PHONE 600x900px *****/
	.navbar a.brand {
		color: #777777;
		display: block;
		float: left;
		font-size: 28px;
		line-height: 34px;
		font-weight: 200;}

	/* Surcouche spécifique */
	.navbar .btn-navbar {
		margin-left: 10px;
		margin-right: 0px;
		margin-top: 10px;}

	.container{ width: 520px; }
	a.brand .logo-size { margin-left: -20px; padding-right: 0px; }
	a.brand .logo-size  .sma-logo{ background-position: -885px -28px; width: 80px; height: 38px; }

	/*  MENU 600x900px OFF *****/
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	/* Contenu-MOBIL 600x900px *****/
	.contenu-mobil{ display : block; text-align: left; position: absolute; margin-top: -2px; z-index: 10; width: 521px; background-color: transparent; }

	/* Contenu-DESKTOP 600x900px *****/
	.contenu-desktop{ display: none;}

	/* MON BOUTON-MOBIL 600x900px *****/
	.contenu-mobil a.mon-btn{ position: absolute; top: 655px; text-align: center;  left: 178px; width: 155px; font-size: 20px; line-height: 20px; z-index:1000;
		color: #ffffff;	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; }
		
	 .txt-mini{ position: absolute; width: 250px; top: 700px; left: 145px; font-size: 14px; color: #555; text-align: center; line-height: 14px; z-index: 1000;
		text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 3px #fff , 0px 0px 6px #fff, 0px 0px 10px #fff; }

	/*MOBIL HOUSE ANIM 600x900px *****/
	.contenu-mobil .houseG  { display: block; cursor: pointer; margin-top: 44px;  position: absolute; z-index: 10;}
	.contenu-mobil .houseM  { display: none; cursor: pointer; margin: 0px auto;}
	.contenu-mobil .houseP  { display: none; cursor: pointer; margin: 0px auto;}
	.contenu-mobil .houseTP{ display: none; cursor: pointer; margin: 0px auto;}	
	.contenu-mobil .houseTTP{ display: none; cursor: pointer; margin: 0px auto;}	
	
	.contenu-mobil #houseG  { display: block; background-image: url(../images/turnhouse-G58-low.jpg);  width: 509px; height: 650px; margin-left: 8px; position: absolute; z-index: 10;}
	.contenu-mobil #houseM  { display: none; background-image: url(../images/turnhouse-M41-low.jpg);  width: 492px; height: 629px; margin-left: 0px;}
	.contenu-mobil #houseP  { display: none; background-image: url(../images/turnhouse-P41-low.jpg);  width: 492px; height: 629px; margin-left: 0px;}
	.contenu-mobil #houseTP{ display: none; background-image: url(../images/turnhouse-TP41-low.jpg); width: 492px; height: 629px; margin-left: 0px;}
	.contenu-mobil #houseTTP  { display: none;}

	/* Contenu-DESKTOP 600x900px *****/
	.contenu-desktop{ display: none;}
	.worklist{ display: none; }

	/* BG GRADIENT 600x900px *****/
	.bggradient{ display: block; margin-top:-1px; position: absolute; z-index: 10; width: 520px; height: 758px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 10; margin-top: 59px; background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -448px; width: 519px; height: 493px;}

	.bottom-bar{ position: absolute; width: 517px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 756px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 70px; height: 70px; top: 737px; left: -16px; }
	.bulle-france:hover{ width: 70px; height: 70px; top: 737px; left: -16px; }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -86px -600px rgba(0, 0, 0, 0); height: 47px; left: 449px; position: absolute; top: 744px; width: 65px;}

	/**** SIGNATURE Pixelmechanic 600x900px *****/
	.signature{ color: #A1A1A1; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 10px; height: 12px; line-height: 10px; margin-left: -108px; margin-top: -189px; position: absolute;
	transform: rotate(-90deg); z-index: 10;}

	/*** ACCROCHE de la page d'accueil 600x900px *****/
	.bloc-title{ margin-left: 100px; width: 70%; z-index:101;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 72px; left: -100px; padding-left: 29px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}

	/*** CONTENU AU SURVOL DES ITEMS 600x900px *****/
	.worklist li.worklist-item1 .box-content1{ display: none;}
	.worklist li.worklist-item1 .box-content1 .inside-bot-left{ } 
	.worklist li.worklist-item1 .box-content2{ display: none;}

	.worklist li.worklist-itemx .box-content{	display: block; position: absolute; top: 220px;	margin-left: 361px; width: 146px; height: 32px;}
	.worklist li.worklist-item2 .box-content{ display: none;}	
	.worklist li.worklist-item3 .box-content{ display: none;}
	.worklist li.worklist-item4 .box-content{ display: none;}
	.worklist li.worklist-item5 .box-content{ display: none;}

	.worklist li.worklist-item1 .box-content1 .rappel{ font-size: 13px; line-height: 15px; text-align: left; }	
	.worklist li.worklist-item1 .box-content2 .rappel{ }
	.worklist li.worklist-itemx .box-content .rappel,
	.worklist li.worklist-item2 .box-content .rappel,
	.worklist li.worklist-item3 .box-content .rappel,
	.worklist li.worklist-item4 .box-content .rappel,
	.worklist li.worklist-item5 .box-content .rappel{ }

	.worklist li.worklist-item1 .box-content2 .inside{ top: 22px; margin-left: 20px; height: 14px; width: 29px; background: transparent url(../images/infobulle-noire.gif);} 

	.worklist li.worklist-itemx .box-content .inside,
	.worklist li.worklist-item2 .box-content .inside,
	.worklist li.worklist-item3 .box-content .inside,
	.worklist li.worklist-item4 .box-content .inside,
	.worklist li.worklist-item5 .box-content .inside{ top: 32px; margin-left: 20px; height: 14px; width: 29px; background: transparent url(../images/infobulle-noire.gif);} 

	/**** SAP SMA & MINIBAR 600x900px *****/
	.sap{ color: #555555; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 10px; margin-left: 89px; margin-top: 761px; padding-right: 10px; position: absolute; text-align: center; width: 350px;}
	.minibar-sma{ display: block; margin-left: -2px; margin-top: 800px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 11px; line-height: 13px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
	a.ext-link{ outline-style: none; color: #555; text-decoration: none; }
}

/*****  MEDIA QUERY SOUS MON AILE 600x1024px *****/
@media screen and (min-width: 560px) and (max-width: 751px) and (min-height: 1024px) and (max-height: 1049px){
.resolution { display: block;}
.menu-phone{  display: block; width: 520px; height: 34px; z-index: 1000; position: absolute; }

	/*  MENU PHONE 600x1024px *****/
	.navbar a.brand {
		color: #777777;
		display: block;
		float: left;
		font-size: 28px;
		line-height: 34px;
		font-weight: 200;}

	/* Surcouche spécifique */
	.navbar .btn-navbar {
		margin-left: 10px;
		margin-right: 0px;
		margin-top: 10px;}

	.container{ width: 520px; }
	a.brand .logo-size { margin-left: -20px; padding-right: 0px; }
	a.brand .logo-size  .sma-logo{ background-position: -885px -28px; width: 80px; height: 38px; }

	/*  MENU 600x1024px OFF *****/	
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	/* Contenu-MOBIL 600x1024px *****/
	.contenu-mobil{ display : block; text-align: left; position: absolute; margin-top: -2px; z-index: 10; width: 521px; background-color: transparent; }

	/* Contenu-DESKTOP 600x1024px *****/
	.contenu-desktop{ display: none;}

	/* MON BOUTON-MOBIL 600x1024px *****/
	.contenu-mobil a.mon-btn{ position: absolute; top: 738px; text-align: center; left: 155px; width: 210px; font-size: 26px; line-height: 26px; z-index:1000;
		color: #ffffff;	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); padding-left: 10px; padding-right: 10px; padding-top: 13px; padding-bottom: 13px; border-radius: 10px; }

	 .txt-mini{ position: absolute; width: 250px; top: 800px; left: 148px; font-size: 18px; color: #555; text-align: center; line-height: 18px; z-index: 1000;
		text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 3px #fff , 0px 0px 6px #fff, 0px 0px 10px #fff; }

	/*MOBIL HOUSE ANIM 600x1024px *****/
	.contenu-mobil .houseG  { display: block; cursor: pointer; margin-top: 120px;  position: absolute; z-index: 10;}
	.contenu-mobil .houseM  { display: none; cursor: pointer; margin: 0px auto;}
	.contenu-mobil .houseP  { display: none; cursor: pointer; margin: 0px auto;}
	.contenu-mobil .houseTP{ display: none; cursor: pointer; margin: 0px auto;}	
	.contenu-mobil .houseTTP{ display: none; cursor: pointer; margin: 0px auto;}	
	
	.contenu-mobil #houseG  { display: block; background-image: url(../images/turnhouse-G58-low.jpg);  width: 509px; height: 650px; margin-left: 8px; position: absolute; z-index: 10;}
	.contenu-mobil #houseM  { display: none; background-image: url(../images/turnhouse-M41-low.jpg);  width: 492px; height: 629px; margin-left: 0px;}
	.contenu-mobil #houseP  { display: none; background-image: url(../images/turnhouse-P41-low.jpg);  width: 492px; height: 629px; margin-left: 0px;}
	.contenu-mobil #houseTP{ display: none; background-image: url(../images/turnhouse-TP41-low.jpg); width: 492px; height: 629px; margin-left: 0px;}
	.contenu-mobil #houseTTP  { display: none;}

	/* Contenu-DESKTOP 600x1024px *****/
	.contenu-desktop{ display: none;}
	.worklist{ display: none; }

	/* BG GRADIENT 600x1024px *****/
	.bggradient{ display: block; margin-top: -1px; position: absolute; z-index: 10; width: 520px; height: 879px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 10; margin-top: 58px; background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -448px; width: 519px; height: 493px;}

	.bottom-bar{ position: absolute; width: 517px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 877px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 70px; height: 70px; top: 855px; left: -16px; }
	.bulle-france:hover{ width: 70px; height: 70px; top: 855px; left: -16px; }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -86px -600px rgba(0, 0, 0, 0); height: 47px; left: 449px; position: absolute; top: 866px; width: 65px;}
	
	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 600x1024px *****/
	.signature{ display: block; position: absolute; z-index: 10; margin-left: -109px; margin-top: -198px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 600x1024px *****/	
	.bloc-title{ margin-left: 100px; width: 70%; z-index:101;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 72px; left: -100px; padding-left: 29px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}

	/**** SAP SMA & MINIBAR 600x1024px *****/
	.sap{ display: block; position: absolute; width: 340px; margin-top: 881px; margin-left: 88px; font-family: Arial,Helvetica,sans-serif; font-size: 9px; line-height: 11px;  color: #000; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 0px;  margin-top: 920px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 11px; line-height: 13px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
	a.ext-link{ outline-style: none; color: #555; text-decoration: none; }
}

/*****  MEDIA QUERY SOUS MON AILE 600x1050px *****/
@media screen and (min-width: 560px) and (max-width: 751px) and (min-height: 1050px) and (max-height: 1080px){
.resolution { display: block;}
.menu-phone{  display: block; width: 520px; height: 34px; z-index: 1000; position: absolute; }

	/*  MENU PHONE 600x1050px *****/
	.navbar a.brand {
		color: #777777;
		display: block;
		float: left;
		font-size: 28px;
		line-height: 34px;
		font-weight: 200;}

	.container{ width: 520px; }
	a.brand .logo-size { margin-left: -20px; padding-right: 0px; }
	a.brand .logo-size  .sma-logo{ background-position: -885px -28px; width: 80px; height: 38px; }

	/*  MENU 600x1050px OFF *****/
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	/* Contenu-MOBIL 600x1050px *****/
	.contenu-mobil{ display : block; text-align: left; position: absolute; margin-top: -1px; z-index: 10; width: 562px; background-color: transparent; }

	/* Contenu-DESKTOP 600x1050px *****/
	.contenu-desktop{ display: none;}

	/* BG GRADIENT 600x1050px *****/
	.bggradient{ display: block; margin-top: 57px; left: 0px; position: absolute; z-index: 1; width: 520px; height: 918px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 520px; height: 431px;}

	.bottom-bar{ position: absolute; width: 517px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 916px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 70px; height: 70px; top: 898px; left: -16px; }
	.bulle-france:hover{ width: 70px; height: 70px; top: 898px; left: -16px; }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -86px -600px rgba(0, 0, 0, 0); height: 47px; left: 449px; position: absolute; top: 906px; width: 65px;}

	/**** SIGNATURE Pixelmechanic 600x1050px *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -109px; margin-top: -198px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 600x1050px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 29px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}

	/**** SAP SMA & MINIBAR 600x1050px *****/
	.sap{ display: block; position: absolute; width: 340px; margin-top: 921px; margin-left: 88px; font-family: Arial,Helvetica,sans-serif; font-size: 9px; line-height: 11px;  color: #000; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 0px;  margin-top: 960px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 11px; line-height: 13px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
	a.ext-link{ outline-style: none; color: #555; text-decoration: none; }
}

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 600px dde largeur *****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 590px) and (max-width: 710px) and (min-height: 1081px) and (max-height: 1549px){
		a.brand .my-ico-size2  .sma-logo{ background-position:  -777px -28px; width: 92px; height: 38px; margin-left: 5px;}
}

/*****  MEDIA QUERY SOUS MON AILE 600x1200px *****/
@media screen and (min-width: 560px) and (max-width: 751px) and (min-height: 1081px) and (max-height: 1549px){
.resolution { display: block;}
.menu-phone{  display: block; width: 520px; height: 34px; z-index: 1000; position: absolute; }

	/*  MENU PHONE 600x1200px *****/
	.navbar a.brand {
		color: #777777;
		display: block;
		float: left;
		font-size: 28px;
		line-height: 34px;
		font-weight: 200;}

	.container{ width: 520px; }
	a.brand .logo-size { margin-left: -20px; padding-right: 0px; }
	a.brand .logo-size  .sma-logo{ background-position: -885px -28px; width: 80px; height: 38px; }

	/*  MENU 600x1200px OFF *****/	
	.menu-desktop { display: none;} .menu-desktop a.btn{ display: none;}
	a.btn.disabled, a.btn[disabled] { background-position: 0 -15px;}
	a.btn .my-ico-size1{	display: none;}
	a.btn .menu1{ display: none;}
	a.btn .menu{ display: none;}

	/* Contenu-MOBIL 600x1200px *****/
	.contenu-mobil{ display : block; text-align: left; position: absolute; margin-top: -1px; z-index: 10; width: 562px; background-color: transparent; }

	/* Contenu-DESKTOP 600x1200px *****/
	.contenu-desktop{ display: none;}

	/* BG GRADIENT 600x1200px *****/
	.bggradient{ display: block; margin-top: 57px; left: 0px; position: absolute; z-index: 1; width: 520px; height: 948px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 520px; height: 431px;}

	.bottom-bar{ position: absolute; width: 517px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 946px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 70px; height: 70px; top: 928px; left: -16px; }
	.bulle-france:hover{ width: 70px; height: 70px; top: 928px; left: -16px; }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -86px -600px rgba(0, 0, 0, 0); height: 47px; left: 449px; position: absolute; top: 936px; width: 65px;}

	/**** SIGNATURE Pixelmechanic 600x1200px *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -109px; margin-top: -213px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 600x1200px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 29px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}

	/**** SAP SMA & MINIBAR 600x1200px *****/
	.sap{ color: #555555; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 11px; margin-left: 95px; margin-top: 950px; padding-right: 10px; position: absolute; text-align: center; width: 339px; 	}
	.minibar-sma{ display: block; margin-left: 10px;  margin-top: 990px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 11px; line-height: 13px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
	a.ext-link{ outline-style: none; color: #555; text-decoration: none; }
}

/***********************************************************************************************************************
**************************************   MEDIA QUERY SOUS MON AILE 768px de largeur  ***********************************
************************************************************************************************************************/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 768x600*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 750px) and (max-width: 790px) and  (min-height: 10px) and (max-height: 749px){
	a.btn .my-ico-size1 .sma-logo{  background-position:  -1041px -26px;  margin-left: 10px;} 

}

/***** MEDIA QUERY SOUS MON AILE 768x600px *****/
@media screen and (min-width: 752px) and (max-width: 790px) and  (min-height: 10px) and (max-height: 749px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/*  MENU  768x600px *****/
	.container{ width: 704px; }

	.menu-desktop{ width: 100%;}
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position:  -1041px -26px; width: 66px; height: 46px;}

	a.btn .menu1{ display: block-inline; padding-left: 40px; font-size: 25px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 16px; line-height: 40px; }
	.first-menu{ width: 230px;}
	.mid-menu{ width:  88px;}
	.last-menu{ width:  140px;}
	/* Contenu-MOBIL 768x600px *****/
	.contenu-mobil{ display: none; }

	/* Contenu-DESKTOP 768x600px *****/
	.contenu-desktop{ display: block; }

	/* BG GRADIENT 768x600px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 701px; height: 455px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 665px; height: 431px;}

	.bottom-bar{ position: absolute; width: 700px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 455px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 70px; height: 70px; top: 436px; left: -15px; }
	.bulle-france:hover{ width: 70px; height: 70px; top: 436px; left: -15px; }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -91px -599px rgba(0, 0, 0, 0); height: 45px; left: 636px; position: absolute; top: 440px; width: 64px;}

	.bottom-box{ left: 0px;}
	/**** SIGNATURE Pixelmechanic 768x600px *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -108px; margin-top: -193px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 768x600px *****/	
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 29px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 768x600px *****/
	.sap{ display: block; position: absolute; width: 480px; margin-top: 463px; margin-left: 114px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px;  color: #000; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 497px;  color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 768x768px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 768x768*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 711px) and (max-width: 790px) and (min-height: 750px) and (max-height: 899px){
	a.btn .my-ico-size1 .sma-logo{  background-position:  -1041px -26px;  margin-left: 10px;} 
}

@media screen and (min-width: 752px) and (max-width: 790px) and (min-height: 750px) and (max-height: 899px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/*  MENU  768x768px *****/
	.container{ width: 700px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position:  -1041px -26px; width: 66px; height: 46px;}

	a.btn .menu1{ display: block-inline; padding-left: 40px; font-size: 25px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 16px; line-height: 40px; }
	.first-menu{ width: 230px;}
	.mid-menu{ width:  88px;}
	.last-menu{ width:  140px;}

	/* Contenu-MOBIL 768x768px *****/
	.contenu-mobil{ display : none; text-align: left; position: absolute; margin-top: -2px; z-index: 10; width: 652px; background-color: transparent; }

	/* Contenu-DESKTOP 768x768px *****/
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 768x768px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 701px; height: 621px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 620px;}

	.bottom-bar{ position: absolute; width: 700px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 621px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 70px; height: 70px; top: 599px; left: -16px; }
	.bulle-france:hover{ width: 70px; height: 70px; top: 599px; left: -16px; }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -86px -600px rgba(0, 0, 0, 0); height: 47px; left: 629px; position: absolute; top: 612px; width: 65px;}
	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 768x768px *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -108px; margin-top: -193px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 768x768px *****/	
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 29px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 768x768px *****/
	.sap{ display: block; position: absolute; width: 500px; margin-top: 630px; margin-left: 113px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px;  color: #000; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 665px;  color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}



/***** MEDIA QUERY SOUS MON AILE 768x900px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 768x900*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 711px) and (max-width: 790px) and (min-height:900px) and (max-height: 1023px){
	a.btn .my-ico-size1 .sma-logo{  background-position:  -1041px -26px;  margin-left: 10px;} 
}

@media screen and (min-width: 752px) and (max-width: 790px) and (min-height:900px) and (max-height: 1023px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/*  MENU  768x900px *****/
	.container{ width: 700px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position:  -1041px -26px; width: 66px; height: 46px;}

	a.btn .menu1{ display: block-inline; padding-left: 40px; font-size: 25px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 16px; line-height: 40px; }
	.first-menu{ width: 230px;}
	.mid-menu{ width:  88px;}
	.last-menu{ width:  140px;}

	/* Contenu-MOBIL 768x900px *****/
	.contenu-mobil{ display : none; text-align: left; position: absolute; margin-top: -1px; z-index: 10; width: 652px; background-color: transparent; }

	/* Contenu-DESKTOP 768x900px *****/
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 768x900px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 701px; height: 752px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 620px;}

	.bottom-bar{ position: absolute; width: 700px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 752px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;
    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 90px; height: 90px; top: 720px; left: -16px; }
	.bulle-france:hover{ width: 90px; height: 90px; top: 720px; left: -16px; }

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{ font-size: 8px; left: 42px; top: 26px; }

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}

	/* Position du texte IDF */
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;	}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -75px -527px; height: 55px; width: 79px; top: 734px; left: 617px;}

	.bottom-box{ left: 0px;}	/**** SIGNATURE Pixelmechanic 768x900 *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -108px; margin-top: -217px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 768x900px *****/	
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 29px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}

	/**** SAP SMA & MINIBAR 768x900px *****/
	.sap{ display: block; position: absolute; width: 470px; margin-top: 760px; margin-left: 127px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px;  color: #000; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 29px;  margin-top: 796px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}
/***** MEDIA QUERY SOUS MON AILE 768x1024px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 768x1024*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 711px) and (max-width: 790px) and (min-height: 1024px) and (max-height: 1049px){
	a.btn .my-ico-size1 .sma-logo{  background-position:  -1041px -26px;  margin-left: 10px;} 
	
}

@media screen and (min-width: 752px) and (max-width: 790px) and (min-height: 1024px) and (max-height: 1049px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/*  MENU  768x1024px *****/
	.container{ width: 700px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position:  -1041px -26px; width: 66px; height: 46px;}

	a.btn .menu1{ display: block-inline; padding-left: 40px; font-size: 25px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 16px; line-height: 40px; }
	.first-menu{ width: 230px;}
	.mid-menu{ width:  88px;}
	.last-menu{ width:  140px;}

	/* Contenu-MOBIL 768x1024px *****/
	.contenu-mobil{ display : none; text-align: left; position: absolute; margin-top: -1px; z-index: 10; width: 652px; background-color: transparent; }

	/* Contenu-DESKTOP 768x1024px *****/
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 768x1024px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 701px; height: 881px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 620px;}

	.bottom-bar{ position: absolute; width:700px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 881px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}
	.bulle-france{ width: 90px; height: 90px; top: 847px; left: -16px; }
	.bulle-france:hover{ width: 90px; height: 90px; top: 847px; left: -16px; }

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{ font-size: 8px; left: 42px; top: 26px; }

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}

	/* Position du texte IDF */
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -72px -527px; height: 55px; width: 81px; top: 862px; left: 609px;}

	.bottom-box{ left: 0px;}	/**** SIGNATURE Pixelmechanic 768x1024px *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -108px; margin-top: -213px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 768x1024px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 29px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 768x1024px *****/
	.sap{ display: block; position: absolute; width: 500px; margin-top: 889px; margin-left: 104px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px;  color: #000; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 9px;  margin-top: 925px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 768x1050px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 768x1050*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 711px) and (max-width: 790px) and (min-height: 1050px) and (max-height: 1080px){
	a.btn .my-ico-size1 .sma-logo{  background-position:  -968px -28px; margin-left: 10px;} 
	
}

@media screen and (min-width: 752px) and (max-width: 790px) and (min-height: 1050px) and (max-height: 1080px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/*  MENU  768x1050px *****/
	.container{ width: 700px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position:  -1041px -26px; width: 66px; height: 46px;}

	a.btn .menu1{ display: block-inline; padding-left: 40px; font-size: 25px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 16px; line-height: 40px; }
	.first-menu{ width: 230px;}
	.mid-menu{ width:  88px;}
	.last-menu{ width:  140px;}

	/* Contenu-MOBIL 768x1050px *****/
	.contenu-mobil{ display:none; text-align: left; position: absolute; margin-top: -1px; z-index: 10; width: 652px; background-color: transparent; }

	/* Contenu-DESKTOP 768x1050px *****/
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 768x1050px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 701px; height: 913px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 620px;}

	.bottom-bar{ position: absolute; width:700px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 913px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 90px; height: 90px; top: 878px; left: -16px; }
	.bulle-france:hover{ width: 90px; height: 90px; top: 878px; left: -16px; }

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 70px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{ font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{ font-size: 8px; left: 42px; top: 26px; }

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}

	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}
	.bulle-france:hover .bullet-txt-idf-position{  font-size: 8px; left: 44px; top: 11px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px;}
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{  border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.7em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -72px -527px; height: 55px; width: 81px; top: 892px; left: 609px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 768x1050px *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -108px; margin-top: -213px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 768x1050px *****/	
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 29px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 768x1050px *****/
	.sap{ display: block; position: absolute; width: 500px; margin-top: 921px; margin-left: 104px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px; color: #000; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 9px; margin-top: 955px; color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 768x1280*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 711px) and (max-width: 790px) and (min-height: 1081px) and (max-height: 1549px){
	a.btn .my-ico-size1 .sma-logo{  background-position:  -968px -28px; margin-left: 10px;} 
}

/***** MEDIA QUERY SOUS MON AILE 768x1280px *****/
@media screen and (min-width: 752px) and (max-width: 790px) and (min-height: 1081px) and (max-height: 1549px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/*  MENU  768x1280px *****/
	.container{ width: 700px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position:  -1041px -26px; width: 66px; height: 46px;}

	a.btn .menu1{ display: block-inline; padding-left: 40px; font-size: 25px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 16px; line-height: 40px; }
	.first-menu{ width: 230px;}
	.mid-menu{ width:  88px;}
	.last-menu{ width:  140px;}

	/* Contenu-MOBIL 768x1280px *****/
	.contenu-mobil{ display : none; text-align: left; position: absolute; margin-top: -1px; z-index: 10; width: 652px; background-color: transparent; }
	
	/* Contenu-DESKTOP 768x1280px *****/
	.contenu-desktop{ display: block;}
	.worklist{ display: none; }

	/* BG GRADIENT 768x1280px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 701px; height: 1000px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 620px;}

	.bottom-bar{ position: absolute; width: 700px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 1000px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 90px; height: 90px; top: 968px; left: -16px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 948px; left: -16px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;	}	
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}		
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}			
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}
	
	/* Position du texte Lyon */		
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}
	
	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 77px; left: 93px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -52px -527px; height: 55px; width: 101px; top: 978px; left: 589px;}
	
	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 768x1280px *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -108px; margin-top: -211px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 768x1280px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 29px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}

	/**** SAP SMA & MINIBAR 768x1280px *****/
	.sap{ display: block; position: absolute; width: 484px; margin-top: 1008px; margin-left: 119px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 29px; margin-top: 1044px; color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}
/***********************************************************************************************************************
**************************************   MEDIA QUERY SOUS MON AILE 800px de largeur  ***********************************
************************************************************************************************************************/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 800x600*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 791px) and (max-width: 1009px) and (min-height: 300px) and (max-height: 749px){
	a.btn .my-ico-size1 .sma-logo{  background-position:  -968px -28px;  margin-left: 15px;} 
}

/***** MEDIA QUERY SOUS MON AILE 800x600px *****/
@media screen and (min-width: 791px) and (max-width: 1009px) and (min-height: 300px) and (max-height: 749px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/*MENU 800x600 ***/
	.container{ width: 760px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position:  -968px -28px; width: 92px; height: 46px;}

	a.btn .menu1{ display: block-inline; padding-left: 57px; font-size: 30px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 16px; line-height: 40px; }
	.first-menu{ width: 280px;}
	.mid-menu{ width:  90px;}
	.last-menu{ width:  146px;}

	/* Contenu-MOBIL 800x600px *****/
	.contenu-mobil{ display: none; }

	/* Contenu-DESKTOP 800x600px *****/
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 800x600px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 761px; height: 455px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 760px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 455px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 70px; height: 70px; top: 436px; left: -15px; }
	.bulle-france:hover{ width: 70px; height: 70px; top: 436px; left: -15px; }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -91px -599px rgba(0, 0, 0, 0); height: 45px; left: 694px; position: absolute; top: 440px; width: 64px;}

	.bottom-box{ left: 0px;}
	/**** SIGNATURE Pixelmechanic 800x600px *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -108px; margin-top: -197px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 800x600px *****/	
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 29px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 800x600px *****/
	.sap{ color: #555555; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px; margin-left: 149px; margin-top: 463px; padding-right: 10px; position: absolute; text-align: center; width: 470px;}
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 497px;  color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 800x768px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 800x768*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 791px) and (max-width: 1009px) and (min-height: 750px) and (max-height: 899px){
	a.btn .my-ico-size1 .sma-logo{  background-position:  -968px -28px;  margin-left: 15px;} 
}

@media screen and (min-width: 791px) and (max-width: 1009px) and (min-height: 750px) and (max-height: 899px){
.resolution { display: block;}
.menu-phone{ display: none;}

/*  MENU  800x768px *****/
	.container{ width: 760px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position:  -968px -28px; width: 92px; height: 46px;	}

	a.btn .menu1{ display: block-inline; padding-left: 57px; font-size: 30px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 16px; line-height: 40px; }
	.first-menu{ width: 280px;}
	.mid-menu{ width:  90px;}
	.last-menu{ width:  146px;}

	/* Contenu-MOBIL 800x768px *****/
	.contenu-mobil{ display: none; }

	/* Contenu-DESKTOP 800x768px *****/
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 800x768px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 761px; height: 621px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 760px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 621px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 70px; height: 70px; top: 599px; left: -16px; }
	.bulle-france:hover{ width: 70px; height: 70px; top: 599px; left: -16px; }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -86px -600px rgba(0, 0, 0, 0); height: 47px; left: 687px; position: absolute; top: 612px; width: 65px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 800x768px *****/
	.signature{ display: block; position: absolute; z-index: 10; margin-left: -108px; margin-top: -210px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 800x768px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 29px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 800x768px *****/
	.sap{ display: block; position: absolute; width: 470px; margin-top: 630px; margin-left: 157px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px;  color: #000; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 29px;  margin-top: 665px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 800x900px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 800x900*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 791px) and (max-width: 1009px) and (min-height:900px) and (max-height: 1023px){
	a.btn .my-ico-size1 .sma-logo{  background-position:  -968px -28px;  margin-left: 15px;} 

}

@media screen and (min-width: 791px) and (max-width: 1009px) and (min-height:900px) and (max-height: 1023px){
.resolution { display: block;}
.menu-phone{ display: none;}

/*  MENU  800x900px *****/
	.container{ width: 760px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position:  -968px -28px; width: 92px; height: 46px;	}

	a.btn .menu1{ display: block-inline; padding-left: 57px; font-size: 30px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 16px; line-height: 40px; }
	.first-menu{ width: 280px;}
	.mid-menu{ width:  90px;}
	.last-menu{ width:  146px;}

	/* Contenu-MOBIL 800x900px *****/
	.contenu-mobil{ display : none; }

	/* Contenu-DESKTOP 800x900px *****/
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 800x900px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 761px; height: 752px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 760px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 752px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}
	
	.bulle-france{ width: 90px; height: 90px; top: 720px; left: -16px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 700px; left: -16px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;	}	
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}		
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}			
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}
	
	/* Position du texte Lyon */		
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}
	
	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 80px; left: 86px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -72px -527px; height: 55px;  width: 81px; top: 734px; left: 669px;}

	.bottom-box{ left: 0px;}
	/**** SIGNATURE Pixelmechanic 800x900px *****/
	.signature{ display: block; position: absolute; z-index: 10; margin-left: -109px; margin-top: -210px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 800x900px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 29px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 800x900px *****/
	.sap{ display: block; position: absolute; width: 470px; margin-top: 760px; margin-left: 157px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px;  color: #000; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 29px;  margin-top: 796px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}




/***** MEDIA QUERY SOUS MON AILE 800x1024px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 800x1024*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 791px) and (max-width: 1009px) and (min-height: 1024px) and (max-height: 1049px){
	a.btn .my-ico-size1 .sma-logo{  background-position:  -968px -28px; margin-left: 10px;}
}

@media screen and (min-width: 791px) and (max-width: 1009px) and (min-height: 1024px) and (max-height: 1049px){
.resolution { display: block;}
.menu-phone{ display: none;}

/*  MENU  800x1024px *****/
	.container{ width: 760px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position:  -968px -28px; width: 92px; height: 46px;	}

	a.btn .menu1{ display: block-inline; padding-left: 57px; font-size: 30px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 16px; line-height: 40px; }
	.first-menu{ width: 280px;}
	.mid-menu{ width:  90px;}
	.last-menu{ width:  146px;}

	/* Contenu-MOBIL 800x1024px *****/
	.contenu-mobil{ display : none; }

	/* Contenu-DESKTOP 800x1024px *****/
	.contenu-desktop{ display: block;}
	.worklist{ display: none; }

	/* BG GRADIENT 800x1024px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 761px; height: 881px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 760px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 881px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 90px; height: 90px; top: 847px; left: -16px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 827px; left: -16px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;	}	
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}		
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}			
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}
	
	/* Position du texte Lyon */		
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}
	
	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 77px; left: 93px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -72px -527px; height: 55px;  width: 81px; top: 862px; left: 669px;}
	
	.bottom-box{ left: 0px;}	/**** SIGNATURE Pixelmechanic 800x1024px *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -108px; margin-top: -213px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 800x1024px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 29px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 800x1024px *****/
	.sap{ display: block; position: absolute; width: 470px; margin-top: 889px; margin-left: 157px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px;  color: #000; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 29px;  margin-top: 923px; color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 800x1050px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 800x1050*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 791px) and (max-width: 1009px) and (min-height: 1050px) and (max-height: 1080px){
	a.btn .my-ico-size1 .sma-logo{  background-position:  -968px -28px;margin-left: 15px;} 
	
}


@media screen and (min-width: 791px) and (max-width: 1009px) and (min-height: 1050px) and (max-height: 1080px){
.resolution { display: block;}
.menu-phone{ display: none;}

/*  MENU  800x1050px *****/
	.container{ width: 760px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position:  -968px -28px; width: 92px; height: 46px;	}

	a.btn .menu1{ display: block-inline; padding-left: 57px; font-size: 30px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 16px; line-height: 40px; }
	.first-menu{ width: 280px;}
	.mid-menu{ width:  90px;}
	.last-menu{ width:  146px;}

	/* Contenu-MOBIL 800x1050px *****/
	.contenu-mobil{ display: none; }

	/* Contenu-DESKTOP 800x1050px *****/
	.contenu-desktop{ display: block;}
	.worklist{ display: none; }

	/* BG GRADIENT 800x1050px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 761px; height: 913px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 760px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 913px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 90px; height: 90px; top: 878px; left: -16px; }
	.bulle-france:hover{ width: 90px; height: 90px; top: 878px; left: -16px; }

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 70px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{ font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{ font-size: 8px; left: 42px; top: 26px; }

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}

	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}
	.bulle-france:hover .bullet-txt-idf-position{  font-size: 8px; left: 44px; top: 11px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px;}
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{  border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.7em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -72px -527px; height: 55px;  width: 81px; top: 892px; left: 669px;}

	.bottom-box{ left: 0px;}	/**** SIGNATURE Pixelmechanic 800x1050px *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -108px; margin-top: -213px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 800x1050px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 29px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}



	/**** SAP SMA & MINIBAR 800x1050px *****/
	.sap{ display: block; position: absolute; width: 470px; margin-top: 921px; margin-left: 157px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px;  color: #000; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 29px;  margin-top: 955px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
	a.ext-link{ outline-style: none; color: #555; text-decoration: none; }
}



/***** MEDIA QUERY SOUS MON AILE 800x1280px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 800x1200*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 791px) and (max-width: 1009px) and (min-height: 1081px) and (max-height: 1549px){
	a.btn .my-ico-size1 .sma-logo{  background-position:  -968px -28px; margin-left: 15px;} 
}

@media screen and (min-width: 791px) and (max-width: 1009px) and (min-height: 1081px) and (max-height: 1549px){
.resolution { display: block;}
.menu-phone{ display: none;}

/*  MENU  800x1280px *****/
	.container{ width: 760px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position:  -968px -28px; width: 92px; height: 46px;}

	a.btn .menu1{ display: block-inline; padding-left: 57px; font-size: 30px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 16px; line-height: 40px; }
	.first-menu{ width: 280px;}
	.mid-menu{ width:  90px;}
	.last-menu{ width:  146px;}

	/* Contenu-MOBIL 800x1280px *****/
	.contenu-mobil{ display : none; }

	/* Contenu-DESKTOP 800x1280px *****/
	.contenu-desktop{ display: block;}
	.worklist{ display: none; }

	/* BG GRADIENT 800x1280px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 761px; height: 1000px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 760px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 1000px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 90px; height: 90px; top: 968px; left: -16px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 948px; left: -16px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}

	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 77px; left: 93px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -72px -527px; height: 55px; width: 81px; top: 978px; left: 669px;}

	.bottom-box{ left: 0px;}	/**** SIGNATURE Pixelmechanic 800x1280px *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -108px; margin-top: -211px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 800x1280px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 29px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}



	/**** SAP SMA & MINIBAR 800x1280px *****/
	.sap{ display: block; position: absolute; width: 520px; margin-top: 1008px; margin-left: 129px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 19px; margin-top: 1044px; color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/************************************************************************************************************************
**************************************   MEDIA QUERY SOUS MON AILE 1024px de largeur  ***********************************
*************************************************************************************************************************/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1024x600*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1010px) and (max-width: 1099px) and (min-height: 300px) and (max-height: 749px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -761px -28px; margin-left: 20px;} 
}

/***** MEDIA QUERY SOUS MON AILE 1024x600px *****/
@media screen and (min-width: 1010px) and (max-width: 1099px) and  (min-height: 10px) and (max-height: 749px){
.resolution { display: block;}
.menu-phone{ display: none;}

/*  MENU  1024x600px *****/
	.container{ width: 960px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -761px -28px; width: 101px; height: 48px;}

	a.btn .menu1{ display: block-inline; padding-left: 84px; font-size: 36px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 20px; line-height: 40px; }
	.first-menu{ width: 376px;}
	.mid-menu{ width:  120px;}
	.last-menu{ width:  193px;}

	.contenu-mobil{ display : none;}

	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1024x600px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 964px; height: 455px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 963px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 455px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 70px; height: 70px; top: 436px; left: -15px; }
	.bulle-france:hover{ }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}

	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -79px -527px rgba(0, 0, 0, 0); height: 55px; left: 884px; position: absolute; top: 437px; width: 77px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1024x600px *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -108px; margin-top: -197px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 1024x600px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 59px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}

	.worklist li.worklist-itemx .box-content .inside,
	.worklist li.worklist-item2 .box-content .inside,
	.worklist li.worklist-item3 .box-content .inside,
	.worklist li.worklist-item4 .box-content .inside,
	.worklist li.worklist-item5 .box-content .inside{ top: 32px; margin-left:20px; height: 14px; width: 29px; background: transparent url(../images/infobulle-noire.gif);} 

	/**** SAP SMA & MINIBAR 1024x600px *****/
	.sap{ display: block; position: absolute; width: 600px; margin-top: 463px; margin-left: 180px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 0px; margin-top: 497px;   color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 1024x768px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1024x768*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1010px) and (max-width: 1099px) and (min-height: 750px) and (max-height: 899px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -673px -28px; width: 111px; height: 76px; margin-left: 20px;}
}

@media screen and (min-width: 1010px) and (max-width: 1099px) and (min-height: 750px) and (max-height: 899px){
.resolution { display: block;}
.menu-phone{ display: none;}

/*  MENU  1024x768px *****/
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -761px -28px; width: 101px; height: 48px;}

	a.btn .menu1{ display: block-inline; padding-left: 84px; font-size: 36px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 20px; line-height: 40px; }
	.first-menu{ width: 376px;}
	.mid-menu{ width:  120px;}
	.last-menu{ width:  193px;}

	.contenu-mobil{ display : none;}
	
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1024x768px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 964px; height: 621px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 963px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 621px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 70px; height: 70px; top: 599px; left: -16px; }
	.bulle-france:hover{ width: 70px; height: 70px; top: 599px; left: -16px; }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -86px -600px rgba(0, 0, 0, 0); height: 47px; left: 890px; position: absolute; top: 612px; width: 65px;}

	.bottom-box{ left: 0px;}	/**** SIGNATURE Pixelmechanic 1024x768px *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -108px; margin-top: -217px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 1024x768px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 59px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}



	/**** SAP SMA & MINIBAR 1024x768px *****/
	.sap{ display: block; position: absolute; width: 600px; margin-top: 629px; margin-left: 195px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 665px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}
/***** MEDIA QUERY SOUS MON AILE 1024x900px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1024x900*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1010px) and (max-width: 1099px) and (min-height:900px) and (max-height: 1023px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -673px -28px; width: 111px; height: 76px; margin-left: 20px;} 
}

@media screen and (min-width: 1010px) and (max-width: 1099px) and (min-height:900px) and (max-height: 1023px){
.resolution { display: block;}
.menu-phone{ display: none;}

/*  MENU  1024x900px *****/
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -761px -28px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 84px; font-size: 36px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 20px; line-height: 40px; }
	.first-menu{ width: 376px;}
	.mid-menu{ width:  120px;}
	.last-menu{ width:  193px;}
	
	.contenu-mobil{ display : none;}
	
	.contenu-desktop{ display: block;}
		
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 964px; height: 752px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 963px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 752px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 90px; height: 90px; top: 720px; left: -15px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 700px; left: -15px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}

	/* Position du texte IDF */
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 80px; left: 86px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -72px -527px; height: 55px; width: 81px; top: 734px; left: 871px;}

	.bottom-box{ left: 0px;}	/**** SIGNATURE Pixelmechanic 1024x900px *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -108px; margin-top: -217px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 1024x900px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 59px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 1024x900px *****/
	.sap{ display: block; position: absolute; width: 570px; margin-top: 760px; margin-left: 210px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 796px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}


/***** MEDIA QUERY SOUS MON AILE 1024x900px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1024x900*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1010px) and (max-width: 1099px) and (min-height: 1024px) and (max-height: 1049px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -673px -28px; margin-left: 30px;} 
	
}

@media screen and (min-width: 1010px) and (max-width: 1099px) and (min-height: 1024px) and (max-height: 1049px){
.resolution { display: block;}
.menu-phone{ display: none;}

/*  MENU  1024x1024px *****/
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -761px -28px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 84px; font-size: 36px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 20px; line-height: 40px; }
	.first-menu{ width: 376px;}
	.mid-menu{ width:  120px;}
	.last-menu{ width:  193px;}

	.contenu-mobil{ display : none;}

	.contenu-desktop{ display: block;}


	/* BG GRADIENT 1024x1024px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 964px; height: 881px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 963px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 881px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 90px; height: 90px; top: 847px; left: -16px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 827px; left: -16px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;	}	
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}		
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}			
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}
	
	/* Position du texte Lyon */		
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}
	
	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 77px; left: 93px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -72px -527px; height: 55px;  width: 81px; top: 861px; left: 874px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1024x1024px *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -108px; margin-top: -217px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 1024x1024px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 59px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}



	/**** SAP SMA & MINIBAR 1024x1024px *****/
	.sap{ color: #555555; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 14px; margin-left: 170px; margin-top: 887px; padding-right: 10px; position: absolute; text-align: center; width: 646px;}
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 926px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}



/***** MEDIA QUERY SOUS MON AILE 1024x1050px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1024x1050*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1010px) and (max-width: 1099px) and (min-height: 1050px) and (max-height: 1080px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -673px -28px; margin-left: 20px;} 
	
}

@media screen and (min-width: 1010px) and (max-width: 1099px) and (min-height: 1050px) and (max-height: 1080px){
.resolution { display: block;}
.menu-phone{ display: none;}

/*  MENU  1024x1050px *****/
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -25px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -770px -28px; margin-top: 19px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 74px; font-size: 36px; line-height: 80px;}
	a.btn .menu{ display: block-inline; font-size: 20px; line-height: 80px; }
	.first-menu{ width: 376px;}
	.mid-menu{ width:  120px;}
	.last-menu{ width:  193px;}

	.contenu-mobil{ display : none;}
	
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1024x1050px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 964px; height: 873px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 963px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 873px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 90px; height: 90px; top: 838px; left: -15px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 818px; left: -15px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;	}	
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}		
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}			
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}

	/* Position du texte Lyon */		
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 77px; left: 93px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -72px -527px; height: 55px;  width: 81px; top: 853px; left: 874px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1024<x1050px *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -109px; margin-top: -213px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 1024<x1050px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 29px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}



	/**** SAP SMA & MINIBAR 1024<x1050px *****/
	.sap{ display: block; position: absolute; width: 600px; margin-top: 881px; margin-left: 198px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 12px;  color: #000; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 918px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
	a.ext-link{ outline-style: none; color: #555; text-decoration: none; }
}


/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1024x1200*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none)  and (min-width: 1010px) and (max-width: 1099px) and (min-height: 1081px) and (max-height: 1549px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -673px -28px; margin-left: 20px;} 

}

/***** MEDIA QUERY SOUS MON AILE 1024x1200px *****/
@media screen and (min-width: 1010px) and (max-width: 1099px) and (min-height: 1081px) and (max-height: 1549px){
.resolution { display: block;}
.menu-phone{ display: none;}


/*  MENU  1024x1200px *****/
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -25px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -770px -28px; margin-top: 19px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 74px; font-size: 36px; line-height: 80px;}
	a.btn .menu{ display: block-inline; font-size: 20px; line-height: 80px; }
	.first-menu{ width: 376px;}
	.mid-menu{ width:  120px;}
	.last-menu{ width:  193px;}

	.contenu-mobil{ display: none;}

	.contenu-desktop{ display: block; }

	/* BG GRADIENT 1024x1200px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 964px; height: 913px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 963px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 913px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 90px; height: 90px; top: 878px; left: -16px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 858px; left: -16px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}

	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 77px; left: 93px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -72px -527px rgba(0, 0, 0, 0); height: 55px; left: 870px; position: absolute; top: 892px; width: 81px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1024x1200px *****/
	.signature{ display: block;
		position: absolute; z-index: 10; margin-left: -108px; margin-top: -247px; height: 12px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color:  #a1a1a1; line-height: 10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform:rotate(-90deg);
		transform: rotate(-90deg);}

	/*** ACCROCHE bienvenue 1024x1200px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 59px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}

	/**** SAP SMA & MINIBAR 1024x1200px *****/
	.sap{ display: block; position: absolute; width: 646px; margin-top: 918px; margin-left: 170px; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 15px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 957px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/************************************************************************************************************************
**************************************   MEDIA QUERY SOUS MON AILE 1152px de largeur  ***********************************
*************************************************************************************************************************/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1152x600*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1100px) and (max-width: 1199px) and (max-height: 749px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -663px -26px; margin-top: 0px; margin-left: 20px;} 
}


/***** MEDIA QUERY SOUS MON AILE 1152x600px *****/
@media screen and (min-width: 1100px) and (max-width: 1199px) and  (min-height: 10px) and (max-height: 749px){
.resolution { display: block;}
.menu-phone{ display: none;}

/*  MENU  1152x600px *****/
	.container{ width: 1000px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -761px -28px; width: 101px; height: 48px;}

	a.btn .menu1{ display: block-inline; padding-left: 84px; font-size: 36px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 20px; line-height: 40px; }
	.first-menu{ width: 366px;}
	.mid-menu{ width:   140px;}
	.last-menu{ width:  200px;}

	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1152x600px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1001px; height: 455px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1000px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 455px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 70px; height: 70px; top: 436px; left: -15px; }
	.bulle-france:hover{ }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}

	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -79px -527px rgba(0, 0, 0, 0); height: 55px; left: 920px; position: absolute; top: 437px; width: 77px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1152x600px *****/
	.signature{ float: right; font-size: 11px; line-height: 11px; margin-top: -13px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1152x600px *****/	
	.bloc-title{ margin-left: 100px; width: 86%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; margin-left: -160px; padding-left: 59px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px;
		 font-size: 12px; line-height: 22px;}



	/**** SAP SMA & MINIBAR 1152x600px *****/
	.sap{ display: block; position: absolute; width: 600px; margin-top: 463px; margin-left: 215px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px; margin-top: 497px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}		
}


@media screen and (min-width: 1100px) and (max-width: 1199px) and (min-height: 750px) and (max-height: 899px){
.resolution { display: block;}
.menu-phone{ display: none;}

/*  MENU  1152x768px *****/
	.container{ width: 1000px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -761px -28px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 84px; font-size: 36px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 20px; line-height: 40px; }
	.first-menu{ width: 366px;}
	.mid-menu{ width:   140px;}
	.last-menu{ width:  200px;}

	.contenu-mobil{ display : none;}
	
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1152x768px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1001px; height: 621px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1000px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 621px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}
	.bulle-france{ width: 70px; height: 70px; top: 599px; left: -16px; }
	.bulle-france:hover{ width: 70px; height: 70px; top: 599px; left: -16px; }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -72px -527px rgba(0, 0, 0, 0); height: 55px; left: 913px; position: absolute; top: 598px; width: 81px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1152x768px *****/
	.signature{ float: right; font-size: 11px; line-height: 11px; margin-top: -13px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1152x768px *****/	
	.bloc-title{ margin-left: 100px; width: 86%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; margin-left: -160px; padding-left: 59px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px;
		 font-size: 12px; line-height: 22px;}



	/**** SAP SMA & MINIBAR 1152x768px *****/
	.sap{ display: block; position: absolute; width: 610px; margin-top: 627px; margin-left: 210px; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 13px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px; margin-top: 665px;  color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}



/***** MEDIA QUERY SOUS MON AILE 1152x900px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1152x900px*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1100px) and (max-width: 1199px) and (min-height:900px) and (max-height: 1023px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -663px -26px; margin-top: 0px; margin-left: 20px;} 
	 
}


@media screen and (min-width: 1100px) and (max-width: 1199px) and (min-height:900px) and (max-height: 1023px){
.resolution { display: block;}
.menu-phone{ display: none;}

/*  MENU  1152x900px *****/
	.container{ width: 1000px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -761px -28px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 84px; font-size: 36px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 20px; line-height: 40px; }
	.first-menu{ width: 366px;}
	.mid-menu{ width:   140px;}
	.last-menu{ width:  200px;}

	.contenu-mobil{ display : none;}
	
	.contenu-desktop{ display: block;}
	
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1001px; height: 752px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1000px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 752px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}
	.bulle-france{ width: 90px; height: 90px; top: 720px; left: -15px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 700px; left: -15px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;	}	
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}		
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}			
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}
	
	/* Position du texte Lyon */		
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}
	
	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 77px; left: 93px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -72px -527px rgba(0, 0, 0, 0); height: 55px; left: 913px; position: absolute; top: 728px; width: 81px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1152x900px *****/
	.signature{ float: right; font-size: 11px; line-height: 11px; margin-top: -13px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1152x900px *****/	
	.bloc-title{ margin-left: 100px; width: 86%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; margin-left: -160px; padding-left: 59px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px;
		 font-size: 12px; line-height: 22px;}



	/**** SAP SMA & MINIBAR 1152x900px *****/
	.sap{ display: block; position: absolute; width: 610px; margin-top: 759px; margin-left: 210px; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 13px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px; margin-top: 796px;  color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 1152x1024px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1152x1024px*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1100px) and (max-width: 1199px) and (min-height: 1024px) and (max-height: 1049px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -663px -26px; margin-left: 20px;} 
	
}

@media screen and (min-width: 1100px) and (max-width: 1199px) and (min-height: 1024px) and (max-height: 1049px){
.resolution { display: block;}
.menu-phone{ display: none;}

/*  MENU  1152x1024px *****/
	.container{ width: 1000px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -761px -28px; margin-top: 0px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 84px; font-size: 36px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 26px; line-height: 40px; }
	.first-menu{ width: 366px;}
	.mid-menu{ width:   140px;}
	.last-menu{ width:  200px;}

	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1152x1024px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1001px; height: 881px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1000px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 881px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 90px; height: 90px; top: 847px; left: -16px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 827px; left: -16px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;	}	
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}		
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}			
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}
	
	/* Position du texte Lyon */		
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}
	
	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 77px; left: 93px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -72px -527px; height: 55px;  width: 81px; top: 861px; left: 912px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1152x1024px *****/
	.signature{ float: right; font-size: 11px; line-height: 11px; margin-top: -13px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1152x1024px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 59px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}



	/**** SAP SMA & MINIBAR 1152x1024px *****/
	.sap{ display: block; position: absolute; width: 646px; margin-top: 885px; margin-left: 200px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 15px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 926px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 1152x1050px *****/


/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1152x1050px*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1100px) and (max-width: 1199px) and (min-height: 1050px) and (max-height: 1080px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -663px -26px; margin-left: 20px;} 
	
}


@media screen and (min-width: 1100px) and (max-width: 1199px) and (min-height: 1050px) and (max-height: 1080px){
.resolution { display: block;}
.menu-phone{ display: none;}

/*  MENU  1152x1050px *****/
	.container{ width: 1000px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -761px -28px;  margin-top: 20px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 84px; font-size: 36px; line-height: 80px;}
	a.btn .menu{ display: block-inline; font-size: 26px; line-height: 80px; }
	.first-menu{ width: 366px;}
	.mid-menu{ width:   140px;}
	.last-menu{ width:  200px;}

	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}
	

	/* BG GRADIENT 1152x1050px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1001px; height: 873px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1000px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 873px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 90px; height: 90px; top: 838px; left: -15px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 818px; left: -15px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;	}	
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}		
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}			
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}

	/* Position du texte Lyon */		
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 77px; left: 93px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -72px -527px; height: 55px;  width: 81px; top: 853px; left: 912px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1152x1050px *****/
	.signature{ float: right; font-size: 11px; line-height: 11px; margin-top: -13px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1152x1050px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 59px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}



	/**** SAP SMA & MINIBAR 1152x1050px *****/
	.sap{ color: #555555; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 15px; margin-left: 190px; margin-top: 879px; padding-right: 10px; position: absolute; text-align: center; width: 646px;}
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 916px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 1152x1200px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1152x1200px*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1100px) and (max-width: 1199px) and (min-height: 1081px) and (max-height: 1549px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -663px -26px; margin-left: 20px;} 
}


@media screen and (min-width: 1100px) and (max-width: 1199px) and (min-height: 1081px) and (max-height: 1549px){
.resolution { display: block;}
.menu-phone{ display: none;}

/*  MENU  1152x1200px *****/
	.container{ width: 1000px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -761px -28px; margin-top: 20px;  width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 84px; font-size: 36px; line-height: 80px;}
	a.btn .menu{ display: block-inline; font-size: 26px; line-height: 80px; }
	.first-menu{ width: 366px;}
	.mid-menu{ width:   140px;}
	.last-menu{ width:  200px;}

	.contenu-mobil{ display :block;}
	.contenu-desktop{ display: none;}

	/* BG GRADIENT 1152x1200px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1001px; height: 913px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1000px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 913px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 90px; height: 90px; top: 878px; left: -16px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 858px; left: -16px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}

	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 77px; left: 93px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -72px -527px rgba(0, 0, 0, 0); height: 55px; left: 910px; position: absolute; top: 892px; width: 81px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1152x1200px *****/
	.signature{ float: right; font-size: 11px; line-height: 11px; margin-top: -13px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1152x1200px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -60px; padding-left: 59px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}

	/**** SAP SMA & MINIBAR 1152x1200px *****/
	.sap{ display: block; position: absolute; width: 646px; margin-top: 918px; margin-left: 180px; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 15px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 40px;  margin-top: 957px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}







/************************************************************************************************************************
**************************************   MEDIA QUERY SOUS MON AILE 1280px de largeur  ***********************************
*************************************************************************************************************************/


/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1280x600px*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1200px) and (max-width: 1359px) and (min-height: 300px) and (max-height: 749px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -663px -26px; margin-top: 0px; margin-left: 20px;} 
}


/***** MEDIA QUERY SOUS MON AILE 1280x600px *****/
@media screen and (min-width: 1200px) and (max-width: 1359px) and  (min-height: 10px) and (max-height: 749px){
.resolution { display: block;}
.menu-phone{ display: none;}

/*  MENU  1280x600px *****/
	.container{ width: 1170px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 30px; line-height: 40px; }
	.first-menu{ width: 436px;}
	.mid-menu{ width:   170px;}
	.last-menu{ width:  240px;}

	.contenu-mobil{ display : none;}
	
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1280x600px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1171px; height: 469px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1170px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 25px; top: 469px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 70px; height: 70px; top: 436px; left: -15px; }
	.bulle-france:hover{ }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}

	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -79px -526px rgba(0, 0, 0, 0); height: 55px; left: 1092px; position: absolute; top: 436px; width: 77px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1280x600px *****/
	.signature{ float: right;  margin-top: -13px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1280x600px *****/
	.bloc-title{ margin-left: 100px; width: 84%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 59px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 1280x600px *****/
	.sap{ display: block; position: absolute; width: 1030px; margin-top: 477px; margin-left: 80px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 11px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px; margin-top: 497px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}	
}
/***** MEDIA QUERY SOUS MON AILE 1280x768px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1280x768px*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1200px) and (max-width: 1359px) and (min-height: 750px) and (max-height: 899px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -663px -26px; margin-top: 0px; margin-left: 20px;} 
	
}
@media screen and (min-width: 1200px) and (max-width: 1359px) and (min-height: 750px) and (max-height: 899px){
.resolution { display: block;}
.menu-phone{ display: none;}

/*  MENU  1280x768px *****/
	.container{ width: 1170px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 30px; line-height: 40px; }
	.first-menu{ width: 436px;}
	.mid-menu{ width:   170px;}
	.last-menu{ width:  240px;}

	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}


	/* BG GRADIENT 1280x768px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1171px; height: 621px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1170px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 621px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 90px; height: 90px; top: 584px; left: -15px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 564px; left: -15px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;	}	
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}		
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}			
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}
	
	/* Position du texte Lyon */		
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}
	
	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 80px; left: 86px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -72px -527px; height: 55px;  width: 81px; top: 598px; left: 1081px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1280x768px *****/
	.signature{ float: right;  margin-top: -13px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1280x768px *****/
	.bloc-title{ margin-left: 100px; width: 84%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 59px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 1280x768px *****/
	.sap{ display: block; position: absolute; width: 610px; margin-top: 627px; margin-left: 294px; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 13px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px; margin-top: 665px;  color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 1280x900px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1280x900px*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1200px) and (max-width: 1359px) and (min-height:900px) and (max-height: 1023px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -663px -26px; margin-top: 0px; margin-left: 20px;}
}

@media screen and (min-width: 1200px) and (max-width: 1359px) and (min-height:900px) and (max-height: 1023px){
.resolution { display: block;}
.menu-phone{ display: none;}

/*  MENU  1280x900px *****/
	.container{ width: 1170px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; width: 101px; height: 48px;}

	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 30px; line-height: 40px; }
	.first-menu{ width: 436px;}
	.mid-menu{ width:   170px;}
	.last-menu{ width:  240px;}

	.contenu-mobil{ display : none;}

	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1280x900px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1171px; height: 752px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1170px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 752px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}
	.bulle-france{ width: 90px; height: 90px; top: 720px; left: -15px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 700px; left: -15px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;	}	
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}		

	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}			
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}

	/* Position du texte Lyon */		
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 77px; left: 93px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -72px -527px; height: 55px; width: 81px; top: 728px; left: 1083px;}
	
	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1280x900px *****/
	.signature{ float: right;  margin-top: -13px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1280x900px *****/
	.bloc-title{ margin-left: 100px; width: 84%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 59px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}

	/**** SAP SMA & MINIBAR 1280x900px *****/
	.sap{ display: block; position: absolute; width: 610px; margin-top: 759px; margin-left: 294px; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 13px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px; margin-top: 796px;  color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
}



/***** MEDIA QUERY SOUS MON AILE 1280x1024px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1280x1024px*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1200px) and (max-width: 1359px) and (min-height: 1024px) and (max-height: 1049px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -663px -26px; margin-left: 20px;} 
	
}

@media screen and (min-width: 1200px) and (max-width: 1359px) and (min-height: 1024px) and (max-height: 1049px){
.resolution { display: block;}
.menu-phone{ display: none;}

/*  MENU 1280x1024px *****/
	.container{ width: 1170px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; margin-top: 0px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 32px; line-height: 40px; }
	.first-menu{ width: 436px;}
	.mid-menu{ width:   170px;}
	.last-menu{ width:  240px;}
	
	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1280x1024px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1171px; height: 852px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1170px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 70px; top: 852px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}
	.bulle-france{ width: 140px; height: 140px; top: 798px;  left: -15px; }
	.bulle-france:hover{ width: 160px; height: 160px; top: 778px;  left: -15px;}

	/* Taille de Caractère et couleur de l'icone France  */
	.bulle-france .france-position{ position: absolute; font-size: 100px; color: #bebebe; left: 19px; top: 19px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 120px; color: #ababab; left: 19px; top: 20px;}	

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{ position: absolute; font-size: 14px; left: 66px; top: 41px;}
	.bulle-france:hover .idf-position{ font-size: 18px;left: 74px; top: 47px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ position: absolute; left: 90px; top: 79px; z-index:100; width: 7px; height: 7px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 103px; top: 92px; width: 9px; height: 9px;}
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ position: absolute; font-size: 8px;left: 70px; top: 25px;}
	.bulle-france:hover .bullet-txt-idf-position{ position: absolute; font-size: 11px; left: 78px; top: 29px;}
	
	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ position: absolute; font-size: 8px; left: 82px; top: 59px;}
	.bulle-france:hover .bullet-txt-ville1-position{ position: absolute; font-size: 11px;left: 92px; top: 70px; }

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ position: absolute; width: 21px; height: 21px; top: 107px; left: 112px;}
	.bulle-france:hover .circle-g{ position: absolute; width: 30px; height: 30px; top: 120px; left: 131px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.15em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 1.2em; line-height: 1.35em; margin-left: -4px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -70px -1076px; height: 75px; outline-style: none; width: 99px; top: 834px; left: 1059px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1280x1024px *****/

	.signature{ float: right;  margin-top: -13px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1280x1024px *****/
	.bloc-title{ margin-left: 100px; width: 84%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 59px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}

	/**** SAP SMA & MINIBAR 1280x1024px *****/
	.sap{ display: block; position: absolute; width: 706px; margin-top: 872px; margin-left: 250px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 15px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 926px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}
/***** MEDIA QUERY SOUS MON AILE 1280x1050px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1280x1050px*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1200px) and (max-width: 1359px) and (min-height: 1050px) and (max-height: 1080px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -663px -26px; margin-left: 20px;} 
	
}

@media screen and (min-width: 1200px) and (max-width: 1359px) and (min-height: 1050px) and (max-height: 1080px){
.resolution { display: block;}
.menu-phone{ display: none;}

/*  MENU  1280x1050px *****/
	.container{ width: 1170px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; margin-top: 20px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 80px;}
	a.btn .menu{ display: block-inline; font-size: 28px; line-height: 80px; }
	.first-menu{ width: 436px;}
	.mid-menu{ width:   170px;}
	.last-menu{ width:  240px;}

	.contenu-mobil{ display : none;}
	
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1280x1050px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1171px; height: 843px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1170px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 70px; top: 843px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}
	.bulle-france{ width: 140px; height: 140px; top: 792px;  left: -15px; }
	.bulle-france:hover{ width: 160px; height: 160px; top: 772px;  left: -15px;}

	/* Taille de Caractère et couleur de l'icone France  */
	.bulle-france .france-position{ position: absolute; font-size: 100px; color: #bebebe; left: 19px; top: 19px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 120px; color: #ababab; left: 19px; top: 20px;}	

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{ position: absolute; font-size: 14px; left: 66px; top: 41px;}
	.bulle-france:hover .idf-position{ font-size: 18px;left: 74px; top: 47px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ position: absolute; left: 90px; top: 79px; z-index:100; width: 7px; height: 7px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 103px; top: 92px; width: 9px; height: 9px;}
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ position: absolute; font-size: 8px;left: 70px; top: 25px;}
	.bulle-france:hover .bullet-txt-idf-position{ position: absolute; font-size: 11px; left: 78px; top: 29px;}
	
	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ position: absolute; font-size: 8px; left: 82px; top: 59px;}
	.bulle-france:hover .bullet-txt-ville1-position{ position: absolute; font-size: 11px;left: 92px; top: 70px; }

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ position: absolute; width: 21px; height: 21px; top: 107px; left: 112px;}
	.bulle-france:hover .circle-g{ position: absolute; width: 30px; height: 30px; top: 120px; left: 131px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.15em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 1.2em; line-height: 1.35em; margin-left: -4px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -70px -1076px; height: 75px; outline-style: none; width: 99px; top: 824px; left: 1059px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1280x1050px *****/
	.signature{ float: right;  margin-top: -13px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1280x1050px *****/
	.bloc-title{ margin-left: 100px; width: 84%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 59px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}



	/**** SAP SMA & MINIBAR 1280x1050px *****/
	.sap{ display: block; position: absolute; width: 706px; margin-top: 862px; margin-left: 250px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 15px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 916px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 1280x1280px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1280x1200px*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1200px) and (max-width: 1359px) and (min-height: 1081px) and (max-height: 1549px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -663px -26px; margin-left: 20px;} 

}

@media screen and (min-width: 1200px) and (max-width: 1359px) and (min-height: 1081px) and (max-height: 1549px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/*  MENU  1280x1200px */
	.container{ width: 1170px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; margin-top: 20px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 80px;}
	a.btn .menu{ display: block-inline; font-size: 28px; line-height: 80px; }
	.first-menu{ width: 436px;}
	.mid-menu{ width:   170px;}
	.last-menu{ width:  240px;}

	.contenu-mobil{ display : none;}

	.contenu-desktop{ display: block; }

	/* BG GRADIENT 1280x1200px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1171px; height: 873px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1170px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 70px; top: 873px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}
	.bulle-france{ width: 140px; height: 140px; top: 822px;  left: -15px; }
	.bulle-france:hover{ width: 160px; height: 160px; top: 802px;  left: -15px;}

	/* Taille de Caractère et couleur de l'icone France  */
	.bulle-france .france-position{ position: absolute; font-size: 100px; color: #bebebe; left: 19px; top: 19px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 120px; color: #ababab; left: 19px; top: 20px;}	

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{ position: absolute; font-size: 14px; left: 66px; top: 41px;}
	.bulle-france:hover .idf-position{ font-size: 18px;left: 74px; top: 47px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ position: absolute; left: 90px; top: 79px; z-index:100; width: 7px; height: 7px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 103px; top: 92px; width: 9px; height: 9px;}
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ position: absolute; font-size: 8px;left: 70px; top: 25px;}
	.bulle-france:hover .bullet-txt-idf-position{ position: absolute; font-size: 11px; left: 78px; top: 29px;}
	
	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ position: absolute; font-size: 8px; left: 82px; top: 59px;}
	.bulle-france:hover .bullet-txt-ville1-position{ position: absolute; font-size: 11px;left: 92px; top: 70px; }

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ position: absolute; width: 21px; height: 21px; top: 107px; left: 112px;}
	.bulle-france:hover .circle-g{ position: absolute; width: 30px; height: 30px; top: 120px; left: 131px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.15em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 1.2em; line-height: 1.35em; margin-left: -4px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -70px -1076px; height: 75px; outline-style: none; width: 99px; top: 854px; left: 1059px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1280x1200px *****/
	.signature{ float: right;  margin-top: -13px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1280x1200px *****/
	.bloc-title{ margin-left: 100px; width: 84%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 59px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}



	/**** SAP SMA & MINIBAR 1280x1200px *****/
	.sap{ display: block; position: absolute; width: 706px; margin-top: 894px; margin-left: 250px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 15px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 947px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/************************************************************************************************************************
**************************************   MEDIA QUERY SOUS MON AILE 1360px de largeur  ***********************************
*************************************************************************************************************************/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1360x600*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1360px) and (max-width: 1399px) and  (min-height: 10px) and (max-height: 749px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -555px -26px; margin-top: 0px; margin-left: 45px;} 
	
}

/***** MEDIA QUERY SOUS MON AILE 1360x600px *****/
@media screen and (min-width: 1360px) and (max-width: 1399px) and  (min-height: 10px) and (max-height: 749px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/* MENU 1360x600 ***/
	.container{ width: 1300px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 30px; line-height: 40px; }
	.first-menu{ width: 476px;}
	.mid-menu{ width:   200px;}
	.last-menu{ width:  270px;}
	
	.contenu-mobil{ display : none;}
	
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1360x600px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1301px; height: 469px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1300px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 25px; top: 469px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 70px; height: 70px; top: 436px; left: -15px; }
	.bulle-france:hover{ }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}

	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -59px -526px rgba(0, 0, 0, 0); height: 55px; left: 1203px; position: absolute; top: 436px; width: 97px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1360x600px *****/
	.signature{ float: right;  margin-top: 0px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1360x600px *****/
	.bloc-title{ margin-left: 100px; width: 84%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 80px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 1360x600px *****/
	.sap{ display: block; position: absolute; width: 1030px; margin-top: 477px; margin-left: 140px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 11px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 497px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 1360x768px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1360x768*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1360px) and (max-width: 1399px) and (min-height: 750px) and (max-height: 899px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -555px -26px; margin-top: 0px; margin-left: 45px;} 
	
}

@media screen and (min-width: 1360px) and (max-width: 1399px) and (min-height: 750px) and (max-height: 899px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/* MENU 1360x768px ***/
	.container{ width: 1300px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 30px; line-height: 40px; }
	.first-menu{ width: 476px;}
	.mid-menu{ width:   200px;}
	.last-menu{ width:  270px;}

	.contenu-mobil{ display : none;}

	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1360x768px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1301px; height: 622px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1300px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 622px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 90px; height: 90px; top: 588px; left: -15px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 568px; left: -15px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}

	/* Position du texte IDF */
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 77px; left: 93px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -72px -527px; height: 55px; width: 81px; top: 598px; left: 1213px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1360x768px *****/
	.signature{ float: right;  margin-top: -8px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1360x768px *****/
	.bloc-title{ margin-left: 100px; width: 84%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 80px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 1360x768px *****/
	.sap{ display: block; position: absolute; width: 1070px; margin-top: 636px; margin-left: 105px; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 13px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 665px; color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}

}
/***** MEDIA QUERY SOUS MON AILE 1360x900px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1360x900*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1360px) and (max-width: 1399px) and (min-height:900px) and (max-height: 1023px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -555px -26px; margin-top: 0px; margin-left: 45px;} 
	
}
@media screen and (min-width: 1360px) and (max-width: 1399px) and (min-height:900px) and (max-height: 1023px){
/.resolution { display: block;}
.menu-phone{ display: none;}

	/* MENU  1360x900px *****/
	.container{ width: 1300px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 30px; line-height: 40px; }
	.first-menu{ width: 476px;}
	.mid-menu{ width:   200px;}
	.last-menu{ width:  270px;}
	
	.contenu-mobil{ display : none;}
	
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1360x900px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1301px; height: 752px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1300px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 752px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}
	.bulle-france{ width: 90px; height: 90px; top: 715px; left: -15px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 695px; left: -15px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;	}	
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}		

	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}			
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 77px; left: 93px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -72px -527px rgba(0, 0, 0, 0); height: 55px; left: 1213px; position: absolute; top: 728px; width: 81px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1360x900px *****/
	.signature{ float: right;  margin-top: -13px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1360x900px *****/
	.bloc-title{ margin-left: 100px; width: 84%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 80px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 1360x900px *****/
	.sap{ display: block; position: absolute; width: 610px; margin-top: 759px; margin-left: 362px; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 13px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px; margin-top: 796px;  color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 1360x1024px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1360x1024*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1360px) and (max-width: 1399px) and (min-height: 1024px) and (max-height: 1049px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -555px -26px; margin-left: 45px;} 
	
}

@media screen and (min-width: 1360px) and (max-width: 1399px) and (min-height: 1024px) and (max-height: 1049px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/* MENU 1360x1024px ***/
	.container{ width: 1300px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 30px; line-height: 40px; }
	.first-menu{ width: 476px;}
	.mid-menu{ width:   200px;}
	.last-menu{ width:  270px;}

	.contenu-mobil{ display : none;}

	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1360x1024px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1301px; height: 852px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1300px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 70px; top: 852px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}
	.bulle-france{ width: 140px; height: 140px; top: 798px;  left: -15px; }
	.bulle-france:hover{ width: 160px; height: 160px; top: 778px;  left: -15px;}

	/* Taille de Caractère et couleur de l'icone France  */
	.bulle-france .france-position{ position: absolute; font-size: 100px; color: #bebebe; left: 19px; top: 19px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 120px; color: #ababab; left: 19px; top: 20px;}	

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{ position: absolute; font-size: 14px; left: 66px; top: 41px;}
	.bulle-france:hover .idf-position{ font-size: 18px;left: 74px; top: 47px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ position: absolute; left: 90px; top: 79px; z-index:100; width: 7px; height: 7px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 103px; top: 92px; width: 9px; height: 9px;}
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ position: absolute; font-size: 8px;left: 70px; top: 25px;}
	.bulle-france:hover .bullet-txt-idf-position{ position: absolute; font-size: 11px; left: 78px; top: 29px;}
	
	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ position: absolute; font-size: 8px; left: 82px; top: 59px;}
	.bulle-france:hover .bullet-txt-ville1-position{ position: absolute; font-size: 11px;left: 92px; top: 70px; }

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ position: absolute; width: 21px; height: 21px; top: 107px; left: 112px;}
	.bulle-france:hover .circle-g{ position: absolute; width: 30px; height: 30px; top: 120px; left: 131px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.15em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 1.2em; line-height: 1.35em; margin-left: -4px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -70px -1076px rgba(0, 0, 0, 0); height: 75px; left: 1193px; outline-style: none; position: absolute; top: 834px; width: 99px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1360x1024px *****/
	.signature{ float: right;  margin-top: -13px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1360x1024px *****/
	.bloc-title{ margin-left: 100px; width: 84%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 80px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 1360x1024px *****/
	.sap{ display: block; position: absolute; width: 706px; margin-top: 872px; margin-left: 314px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 15px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 926px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 1360x1050px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1360x1050*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1360px) and (max-width: 1399px) and (min-height: 1050px) and (max-height: 1080px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -555px -26px; margin-left: 45px;} 
	
}

@media screen and (min-width: 1360px) and (max-width: 1399px) and (min-height: 1050px) and (max-height: 1080px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/* MENU  1360x1050px */
	.container{ width: 1300px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; margin-top: 18px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 80px;}
	a.btn .menu{ display: block-inline; font-size: 28px; line-height: 80px; }
	.first-menu{ width: 476px;}
	.mid-menu{ width:   200px;}
	.last-menu{ width:  270px;}

	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1360x1050px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1301px; height: 843px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1300px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 70px; top: 843px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}

	.bulle-france{ width: 140px; height: 140px; top: 792px;  left: -15px; }
	.bulle-france:hover{ width: 160px; height: 160px; top: 772px;  left: -15px;}

	/* Taille de Caractère et couleur de l'icone France  */
	.bulle-france .france-position{ position: absolute; font-size: 100px; color: #bebebe; left: 19px; top: 19px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 120px; color: #ababab; left: 19px; top: 20px;}	

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{ position: absolute; font-size: 14px; left: 66px; top: 41px;}
	.bulle-france:hover .idf-position{ font-size: 18px;left: 74px; top: 47px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ position: absolute; left: 90px; top: 79px; z-index:100; width: 7px; height: 7px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 103px; top: 92px; width: 9px; height: 9px;}
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ position: absolute; font-size: 8px;left: 70px; top: 25px;}
	.bulle-france:hover .bullet-txt-idf-position{ position: absolute; font-size: 11px; left: 78px; top: 29px;}
	
	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ position: absolute; font-size: 8px; left: 82px; top: 59px;}
	.bulle-france:hover .bullet-txt-ville1-position{ position: absolute; font-size: 11px;left: 92px; top: 70px; }

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ position: absolute; width: 21px; height: 21px; top: 107px; left: 112px;}
	.bulle-france:hover .circle-g{ position: absolute; width: 30px; height: 30px; top: 120px; left: 131px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.15em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 1.2em; line-height: 1.35em; margin-left: -4px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -70px -1076px rgba(0, 0, 0, 0); height: 75px; left: 1193px; outline-style: none; position: absolute; top: 824px; width: 99px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1360x1050px *****/
	.signature{ float: right;  margin-top: -13px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1360x1050px *****/
	.bloc-title{ margin-left: 100px; width: 84%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 80px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 1360x1050px *****/
	.sap{ display: block; position: absolute; width: 706px; margin-top: 862px; margin-left: 314px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 15px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 916px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 1360x1200px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1360x1200*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1360px) and (max-width: 1399px) and (min-height: 1081px) and (max-height: 1549px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -555px -26px; margin-left: 45px;} 
	
}

@media screen and (min-width: 1360px) and (max-width: 1399px) and (min-height: 1081px) and (max-height: 1549px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/* MENU 1360x1200px */
	.container{ width: 1300px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; margin-top: 18px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 80px;}
	a.btn .menu{ display: block-inline; font-size: 28px; line-height: 80px; }
	.first-menu{ width: 476px;}
	.mid-menu{ width:   200px;}
	.last-menu{ width:  270px;}
	
	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1360x1200px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1301px; height: 873px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1300px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 70px; top: 873px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}
	.bulle-france{ width: 140px; height: 140px; top: 822px;  left: -15px; }
	.bulle-france:hover{ width: 160px; height: 160px; top: 802px;  left: -15px;}

	/* Taille de Caractère et couleur de l'icone France  */
	.bulle-france .france-position{ position: absolute; font-size: 100px; color: #bebebe; left: 19px; top: 19px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 120px; color: #ababab; left: 19px; top: 20px;}	

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{ position: absolute; font-size: 14px; left: 66px; top: 41px;}
	.bulle-france:hover .idf-position{ font-size: 18px;left: 74px; top: 47px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ position: absolute; left: 90px; top: 79px; z-index:100; width: 7px; height: 7px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 103px; top: 92px; width: 9px; height: 9px;}
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ position: absolute; font-size: 8px;left: 70px; top: 25px;}
	.bulle-france:hover .bullet-txt-idf-position{ position: absolute; font-size: 11px; left: 78px; top: 29px;}
	
	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ position: absolute; font-size: 8px; left: 82px; top: 59px;}
	.bulle-france:hover .bullet-txt-ville1-position{ position: absolute; font-size: 11px;left: 92px; top: 70px; }

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ position: absolute; width: 21px; height: 21px; top: 107px; left: 112px;}
	.bulle-france:hover .circle-g{ position: absolute; width: 30px; height: 30px; top: 120px; left: 131px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.15em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 1.2em; line-height: 1.35em; margin-left: -4px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -54px -902px; height: 95px; outline-style: none; width: 129px; top: 834px; left: 1164px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1360x1200px *****/
	.signature{ float: right;  margin-top: -13px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1360x1200px *****/
	.bloc-title{ margin-left: 100px; width: 84%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 80px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 1360x1200px *****/
	.sap{ display: block; position: absolute; width: 706px; margin-top: 894px; margin-left: 311px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 15px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 947px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}
}

/************************************************************************************************************************
**************************************   MEDIA QUERY SOUS MON AILE 1400px de largeur  ***********************************
*************************************************************************************************************************/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1440x600*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1400px) and (max-width: 1549px) and  (min-height: 10px) and (max-height: 749px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -555px -26px; margin-top: 0px; margin-left: 55px;} 
}

/***** MEDIA QUERY SOUS MON AILE 1440x600px *****/
@media screen and (min-width: 1400px) and (max-width: 1549px) and  (min-height: 10px) and (max-height: 749px){
.resolution { display: block;}
.menu-phone{ display: none;}

	 /* MENU 1440x600px *****/
	.container{ width: 1300px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; width: 101px; height: 48px;}

	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 30px; line-height: 40px; }
	.first-menu{ width: 500px;}
	.mid-menu{ width:   200px;}
	.last-menu{ width:  250px;}

	.contenu-mobil{ display: none;}
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1440x600px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1305px; height: 469px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1304px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 25px; top: 469px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 70px; height: 70px; top: 436px; left: -15px; }
	.bulle-france:hover{ }

	.bulle-france .france-position{ position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{  position: absolute; font-size: 50px; color: #bebebe; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 6px; left: 30px; top: 22px; }
	.bulle-france:hover .idf-position{  font-size: 6px; left: 30px; top: 22px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}
	.bulle-france:hover .bullet-ville1-position{ left: 46px; top: 39px; width: 3px; height: 3px;}

	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 6px; left: 33px; top: 8px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 6px; left: 41px; top: 22px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 14px; height: 14px; top: 46px; left: 57px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.5em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{  font-size: 0.5em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -59px -526px rgba(0, 0, 0, 0); height: 55px; left: 1206px; position: absolute; top: 436px; width: 97px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1440x600px *****/
	.signature{ float: right;  margin-top: 0px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1440x600px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; margin-left: -170px; padding-left: 89px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px;
		 font-size: 12px; line-height: 22px;}

	/**** SAP SMA & MINIBAR 1440x600px *****/
	.sap{ display: block; position: absolute; width: 1030px; margin-top: 477px; margin-left: 150px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 11px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 497px;   color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}	
}
/***** MEDIA QUERY SOUS MON AILE 1440x768px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1440x768*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1400px) and (max-width: 1549px) and (min-height: 750px) and (max-height: 899px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -555px -26px; margin-top: 0px; margin-left: 55px;} 
}

@media screen and (min-width: 1400px) and (max-width: 1549px) and (min-height: 750px) and (max-height: 899px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/* MENU 1440x768px ****/
	.container{ width: 1300px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; width: 101px; height: 48px;}

	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 30px; line-height: 40px; }
	.first-menu{ width: 500px;}
	.mid-menu{ width:   200px;}
	.last-menu{ width:  250px;}

	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1440x768px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1305px; height: 622px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1304px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 622px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 90px; height: 90px; top: 588px; left: -15px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 568px; left: -15px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}

	/* Position du texte IDF */
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 77px; left: 93px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -80px -527px rgba(0, 0, 0, 0); height: 55px; left: 1223px; position: absolute; top: 598px; width: 75px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1440x768px *****/
	.signature{ float: right;  margin-top: -8px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1440x768px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; margin-left: -170px; padding-left: 89px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 1440x768px *****/
	.sap{ display: block; position: absolute; width: 1070px; margin-top: 636px; margin-left: 105px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 13px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 665px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 1440x900px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1440x900*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1400px) and (max-width: 1549px) and (min-height:900px) and (max-height: 1023px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -555px -26px; margin-top: 0px; margin-left: 55px;} 
	
}

@media screen and (min-width: 1400px) and (max-width: 1549px) and (min-height:900px) and (max-height: 1023px){
.resolution { display: block;}
.menu-phone{ display: none;}
	
	/* MENU 1440x900px ****/
	.container{ width: 1300px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 30px; line-height: 40px; }
	.first-menu{ width: 500px;}
	.mid-menu{ width:   200px;}
	.last-menu{ width:  250px;}

	.contenu-mobil{ display : none;}

	
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1440x900px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1305px; height: 752px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1304px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 752px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}
	.bulle-france{ width: 90px; height: 90px; top: 715px; left: -15px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 695px; left: -15px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;	}	
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}		
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}			
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}
	
	/* Position du texte Lyon */		
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}
	
	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 80px; left: 86px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -80px -527px rgba(0, 0, 0, 0); height: 55px; left: 1223px; position: absolute; top: 728px; width: 75px;}
	
	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1440x900px *****/
	.signature{ float: right;  margin-top: -13px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1440x900px *****/
	.bloc-title{ margin-left: 100px; width: 84%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 80px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 1440x900px *****/
	.sap{ display: block; position: absolute; width: 610px; margin-top: 759px; margin-left: 362px; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 13px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px; margin-top: 796px;  color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}

}
/***** MEDIA QUERY SOUS MON AILE 1440x1024px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1440x1024*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1400px) and (max-width: 1549px) and (min-height: 1024px) and (max-height: 1049px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -555px -26px; margin-left: 55px;} 
}

@media screen and (min-width: 1400px) and (max-width: 1549px) and (min-height: 1024px) and (max-height: 1049px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/* MENU 1440x1024px *****/
	.container{ width: 1300px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; margin-top: 0px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 32px; line-height: 40px; }
	.first-menu{ width: 500px;}
	.mid-menu{ width:   200px;}
	.last-menu{ width:  250px;}
	
	.contenu-mobil{ display : none;}
	
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1440x1024px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1305px; height: 852px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1304px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 70px; top: 852px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}

	.bulle-france{ width: 140px; height: 140px; top: 798px;  left: -15px; }
	.bulle-france:hover{ width: 160px; height: 160px; top: 778px;  left: -15px;}

	/* Taille de Caractère et couleur de l'icone France  */
	.bulle-france .france-position{ position: absolute; font-size: 100px; color: #bebebe; left: 19px; top: 19px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 120px; color: #ababab; left: 19px; top: 20px;}	

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{ position: absolute; font-size: 14px; left: 66px; top: 41px;}
	.bulle-france:hover .idf-position{ font-size: 18px;left: 74px; top: 47px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ position: absolute; left: 90px; top: 79px; z-index:100; width: 7px; height: 7px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 103px; top: 92px; width: 9px; height: 9px;}
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ position: absolute; font-size: 8px;left: 70px; top: 25px;}
	.bulle-france:hover .bullet-txt-idf-position{ position: absolute; font-size: 11px; left: 78px; top: 29px;}
	
	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ position: absolute; font-size: 8px; left: 82px; top: 59px;}
	.bulle-france:hover .bullet-txt-ville1-position{ position: absolute; font-size: 11px;left: 92px; top: 70px; }

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ position: absolute; width: 21px; height: 21px; top: 107px; left: 112px;}
	.bulle-france:hover .circle-g{ position: absolute; width: 30px; height: 30px; top: 120px; left: 131px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.15em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 1.2em; line-height: 1.35em; margin-left: -4px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -70px -1076px rgba(0, 0, 0, 0); height: 75px; left: 1193px; outline-style: none; position: absolute; top: 834px; width: 99px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1440x1024px *****/
	.signature{ float: right;  margin-top: -13px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1440x1024px *****/
	.bloc-title{ margin-left: 100px; width: 84%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 80px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 1440x1024px *****/
	.sap{ display: block; position: absolute; width: 706px; margin-top: 872px; margin-left: 314px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 15px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 926px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 1440x1050px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1440x1050*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1400px) and (max-width: 1549px) and (min-height: 1050px) and (max-height: 1080px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -555px -26px; margin-left: 55px;} 
	
}

@media screen and (min-width: 1400px) and (max-width: 1549px) and (min-height: 1050px) and (max-height: 1080px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/* MENU 1440x1050px *****/
	.container{ width: 1300px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px;  margin-top: 18px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 80px;}
	a.btn .menu{ display: block-inline; font-size: 28px; line-height: 80px; }
	.first-menu{ width: 500px;}
	.mid-menu{ width:   200px;}
	.last-menu{ width:  250px;}

	.contenu-mobil{ display : none;}
	
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1440x1050px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1305px; height: 842px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1304px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 70px; top: 842px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 140px; height: 140px; top: 792px;  left: -15px; }
	.bulle-france:hover{ width: 160px; height: 160px; top: 772px;  left: -15px;}

	/* Taille de Caractère et couleur de l'icone France  */
	.bulle-france .france-position{ position: absolute; font-size: 100px; color: #bebebe; left: 19px; top: 19px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 120px; color: #ababab; left: 19px; top: 20px;}	

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{ position: absolute; font-size: 14px; left: 66px; top: 41px;}
	.bulle-france:hover .idf-position{ font-size: 18px;left: 74px; top: 47px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ position: absolute; left: 90px; top: 79px; z-index:100; width: 7px; height: 7px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 103px; top: 92px; width: 9px; height: 9px;}
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ position: absolute; font-size: 8px;left: 70px; top: 25px;}
	.bulle-france:hover .bullet-txt-idf-position{ position: absolute; font-size: 11px; left: 78px; top: 29px;}
	
	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ position: absolute; font-size: 8px; left: 82px; top: 59px;}
	.bulle-france:hover .bullet-txt-ville1-position{ position: absolute; font-size: 11px;left: 92px; top: 70px; }

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ position: absolute; width: 21px; height: 21px; top: 107px; left: 112px;}
	.bulle-france:hover .circle-g{ position: absolute; width: 30px; height: 30px; top: 120px; left: 131px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.15em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 1.2em; line-height: 1.35em; margin-left: -4px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -70px -1076px rgba(0, 0, 0, 0); height: 75px; left: 1193px; outline-style: none; position: absolute; top: 824px; width: 99px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1440x1050px *****/
	.signature{ float: right;  margin-top: -13px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1440x1050px *****/
	.bloc-title{ margin-left: 100px; width: 84%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 80px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}



	/**** SAP SMA & MINIBAR 1440x1050px *****/
	.sap{ display: block; position: absolute; width: 706px; margin-top: 862px; margin-left: 314px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 15px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 916px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}


/***** MEDIA QUERY SOUS MON AILE 1440x1200px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1440x1200*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1400px) and (max-width: 1549px) and (min-height: 1081px) and (max-height: 1549px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -555px -26px; margin-left: 55px;} 
	
}

@media screen and (min-width: 1400px) and (max-width: 1549px) and (min-height: 1081px) and (max-height: 1549px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/* MENU 1440x1200px ****/
	.container{ width: 1300px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; margin-top: 18px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 80px;}
	a.btn .menu{ display: block-inline; font-size: 28px; line-height: 80px; }
	.first-menu{ width: 500px;}
	.mid-menu{ width:   200px;}
	.last-menu{ width:  250px;}

	.contenu-mobil{ display : none;}
	
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1440x1200px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1305px; height: 873px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1304px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 70px; top: 873px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}
	.bulle-france{ width: 140px; height: 140px; top: 822px;  left: -15px; }
	.bulle-france:hover{ width: 160px; height: 160px; top: 802px;  left: -15px;}

	/* Taille de Caractère et couleur de l'icone France  */
	.bulle-france .france-position{ position: absolute; font-size: 100px; color: #bebebe; left: 19px; top: 19px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 120px; color: #ababab; left: 19px; top: 20px;}	

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{ position: absolute; font-size: 14px; left: 66px; top: 41px;}
	.bulle-france:hover .idf-position{ font-size: 18px;left: 74px; top: 47px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ position: absolute; left: 90px; top: 79px; z-index:100; width: 7px; height: 7px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 103px; top: 92px; width: 9px; height: 9px;}
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ position: absolute; font-size: 8px;left: 70px; top: 25px;}
	.bulle-france:hover .bullet-txt-idf-position{ position: absolute; font-size: 11px; left: 78px; top: 29px;}
	
	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ position: absolute; font-size: 8px; left: 82px; top: 59px;}
	.bulle-france:hover .bullet-txt-ville1-position{ position: absolute; font-size: 11px;left: 92px; top: 70px; }

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ position: absolute; width: 21px; height: 21px; top: 107px; left: 112px;}
	.bulle-france:hover .circle-g{ position: absolute; width: 30px; height: 30px; top: 120px; left: 131px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.15em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 1.2em; line-height: 1.35em; margin-left: -4px;}


	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -54px -902px; height: 95px; outline-style: none; width: 129px; top: 834px; left: 1164px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1440x1200px *****/
	.signature{ float: right;  margin-top: -13px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1440x1200px *****/
	.bloc-title{ margin-left: 100px; width: 84%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 59px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 1440x1200px *****/
	.sap{ display: block; position: absolute; width: 706px; margin-top: 894px; margin-left: 311px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 15px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 947px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/************************************************************************************************************************
**************************************   MEDIA QUERY SOUS MON AILE 1600px de largeur  ***********************************
*************************************************************************************************************************/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1600x600*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1550px) and (max-width: 1779px) and  (min-height: 10px) and (max-height: 749px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -555px -26px; margin-top: 0px; margin-left: 75px;} 
}
/***** MEDIA QUERY SOUS MON AILE 1600x600px *****/
@media screen and (min-width: 1550px) and (max-width: 1779px) and  (min-height: 10px) and (max-height: 749px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/*MENU GRANDS ECRANS 1600x600px; */ 
	.container{ width: 1500px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 30px; line-height: 40px; }
	.first-menu{ width: 550px;}
	.mid-menu{ width:   245px;}
	.last-menu{ width:  295px;}

	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1600x600px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1490px; height: 469px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1489px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 25px; top: 469px; margin-left: 0px;
	background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 90px; height: 90px; top: 417px; left: -15px; }
	.bulle-france:hover{ width: 90px; height: 90px; top: 417px; left: -15px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;	}	
	.bulle-france:hover .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;	}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{ font-size: 8px; left: 42px; top: 26px; }
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{  left: 63px; top: 52px; width: 4px; height: 4px;}		

	/* Position du texte IDF */
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px;}
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -78px -527px rgba(0, 0, 0, 0); height: 55px; left: 1409px; position: absolute; top: 436px; width: 78px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1600x600px *****/
	 .signature{ float: right;  margin-top: 0px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1600x600px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 119px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px;
		 font-size: 12px; line-height: 22px;}

	/**** SAP SMA & MINIBAR 1600x600px *****/
	.sap{ display: block; position: absolute; width: 1030px; margin-top: 477px; margin-left: 236px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 11px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 497px;   color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}

}
/***** MEDIA QUERY SOUS MON AILE 1600x768px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1600x768*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1550px) and (max-width: 1779px) and (min-height: 750px) and (max-height: 899px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -555px -26px; margin-top: 0px; margin-left: 75px;} 
	
}

@media screen and (min-width: 1550px) and (max-width: 1779px) and (min-height: 750px) and (max-height: 899px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/* MENU 1600x768px ****/
	.container{ width: 1500px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 30px; line-height: 40px; }
	.first-menu{ width: 550px;}
	.mid-menu{ width:   245px;}
	.last-menu{ width:  295px;}

	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1600x768px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1490px; height: 622px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1489px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 622px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}
	
	.bulle-france{ width: 90px; height: 90px; top: 588px; left: -15px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 568px; left: -15px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;	}	
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}		

	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}			
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 80px; left: 86px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -78px -527px rgba(0, 0, 0, 0); height: 55px; left: 1409px; position: absolute; top: 602px; width: 78px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1600x768px *****/
	 .signature{ float: right;  margin-top: -8px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1600x768px *****/	
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 119px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px;
		 font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 1600x768px *****/
	.sap{ display: block; position: absolute; width: 1070px; margin-top: 636px; margin-left: 205px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 13px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px; margin-top: 665px;  color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 1600x900px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1600x900*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1550px) and (max-width: 1779px) and (min-height:900px) and (max-height: 1023px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -555px -26px; margin-top: 0px; margin-left: 75px;} 
	
}

@media screen and (min-width: 1550px) and (max-width: 1779px) and (min-height:900px) and (max-height: 1023px){
.resolution { display: block;}
.menu-phone{ display: none;}
	
	/* MENU 1600x900px ***/
	.container{ width: 1500px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 30px; line-height: 40px; }
	.first-menu{ width: 550px;}
	.mid-menu{ width:   245px;}
	.last-menu{ width:  295px;}

	.contenu-mobil{ display : none;}

	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1600x900px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1490px; height: 754px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1489px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 754px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}
	.bulle-france{ width: 90px; height: 90px; top: 715px; left: -15px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 695px; left: -15px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;	}	
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}		
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}			
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}
	
	/* Position du texte Lyon */		
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}
	
	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 80px; left: 86px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -78px -527px rgba(0, 0, 0, 0); height: 55px; left: 1409px; position: absolute; top: 732px; width: 78px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1600x900px *****/
	 .signature{ float: right;  margin-top: -13px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1600x900px *****/	
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 119px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px;
		 font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 1600x900px *****/
	.sap{ display: block; position: absolute; width: 1070px; margin-top: 768px; margin-left: 205px; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 13px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px; margin-top: 798px;  color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}
/***** MEDIA QUERY SOUS MON AILE 1600x1024px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1600x1024*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1550px) and (max-width:1899px) and (min-height: 1024px) and (max-height: 1049px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -302px -5px;  margin-top: 0px; margin-left: 80px;} 

}


@media screen and (min-width: 1550px) and (max-width:1779px) and (min-height: 1024px) and (max-height: 1049px){
.resolution { display: block;}
.menu-phone{ display: none; }
	
	/* MENU 1600x1024px ****/
	.container{ width: 1500px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -30px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; margin-top: 0px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left:80px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 32px; line-height: 40px; }
	.first-menu{ width: 550px;}
	.mid-menu{ width:   245px;}
	.last-menu{ width:  295px;}

	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1600x1024px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1490px; height: 852px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1489px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 70px; top: 852px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}
	.bulle-france{ width: 140px; height: 140px; top: 798px;  left: -15px; }
	.bulle-france:hover{ width: 160px; height: 160px; top: 778px;  left: -15px;}

	/* Taille de Caractère et couleur de l'icone France  */
	.bulle-france .france-position{ position: absolute; font-size: 100px; color: #bebebe; left: 19px; top: 19px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 120px; color: #ababab; left: 19px; top: 20px;}	

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{ position: absolute; font-size: 14px; left: 66px; top: 41px;}
	.bulle-france:hover .idf-position{ font-size: 18px;left: 74px; top: 47px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ position: absolute; left: 90px; top: 79px; z-index:100; width: 7px; height: 7px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 103px; top: 92px; width: 9px; height: 9px;}
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ position: absolute; font-size: 8px;left: 70px; top: 25px;}
	.bulle-france:hover .bullet-txt-idf-position{ position: absolute; font-size: 11px; left: 78px; top: 29px;}
	
	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ position: absolute; font-size: 8px; left: 82px; top: 59px;}
	.bulle-france:hover .bullet-txt-ville1-position{ position: absolute; font-size: 11px;left: 92px; top: 70px; }

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ position: absolute; width: 21px; height: 21px; top: 107px; left: 112px;}
	.bulle-france:hover .circle-g{ position: absolute; width: 30px; height: 30px; top: 120px; left: 131px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.15em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 1.2em; line-height: 1.35em; margin-left: -4px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -70px -1076px; height: 75px; outline-style: none; width: 99px; top: 834px; left: 1381px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1600x1024px *****/
	 .signature{ float: right;  margin-top: -13px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1600x1024px *****/
	.bloc-title{ margin-left: 100px; width: 84%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 80px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 1600x1024px *****/
	.sap{ display: block; position: absolute; width: 706px; margin-top: 872px; margin-left: 404px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 16px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 926px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 1600x1050px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1600x1050*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1550px) and (max-width:1779px) and (min-height: 1050px) and (max-height: 1080px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -555px -26px; margin-top: 0px; margin-left: 40px;} 
	
}


@media screen and (min-width: 1550px) and (max-width:1779px) and (min-height: 1050px) and (max-height: 1080px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/*MENU GRANDS ECRAN 1600x1050px */
	.container{ width: 1500px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -30px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -302px -5px; width: 138px; height: 76px;	}
	
	a.btn .menu1{ display: block-inline; padding-left: 100px; font-size: 58px; line-height: 80px;}
	a.btn .menu{ display: block-inline; font-size: 40px; line-height: 80px; }
	.first-menu{ width: 550px;}
	.mid-menu{ width:   245px;}
	.last-menu{ width:  295px;}

	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1600x1050px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1490px; height: 842px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1489px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 70px; top: 842px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}
	.bulle-france{ width: 140px; height: 140px; top: 792px;  left: -15px; }
	.bulle-france:hover{ width: 160px; height: 160px; top: 772px;  left: -15px;}

	/* Taille de Caractère et couleur de l'icone France  */
	.bulle-france .france-position{ position: absolute; font-size: 100px; color: #bebebe; left: 19px; top: 19px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 120px; color: #ababab; left: 19px; top: 20px;}	

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{ position: absolute; font-size: 14px; left: 66px; top: 41px;}
	.bulle-france:hover .idf-position{ font-size: 18px;left: 74px; top: 47px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ position: absolute; left: 90px; top: 79px; z-index:100; width: 7px; height: 7px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 103px; top: 92px; width: 9px; height: 9px;}
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ position: absolute; font-size: 8px;left: 70px; top: 25px;}
	.bulle-france:hover .bullet-txt-idf-position{ position: absolute; font-size: 11px; left: 78px; top: 29px;}
	
	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ position: absolute; font-size: 8px; left: 82px; top: 59px;}
	.bulle-france:hover .bullet-txt-ville1-position{ position: absolute; font-size: 11px;left: 92px; top: 70px; }

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ position: absolute; width: 21px; height: 21px; top: 107px; left: 112px;}
	.bulle-france:hover .circle-g{ position: absolute; width: 30px; height: 30px; top: 120px; left: 131px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.15em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 1.2em; line-height: 1.35em; margin-left: -4px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -70px -1076px rgba(0, 0, 0, 0); height: 75px; left: 1381px; outline-style: none; position: absolute; top: 824px; width: 99px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1600x1050px *****/
	 .signature{ float: right;  margin-top: -13px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1600x1050px *****/
	.bloc-title{ margin-left: 100px; width: 84%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 80px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}

	/**** SAP SMA & MINIBAR 1600x1050px *****/
	.sap{ display: block; position: absolute; width: 706px; margin-top: 862px; margin-left: 410px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 15px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 916px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 1600x1200px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1600x1200*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1550px) and (max-width:1779px) and (min-height: 1081px) and (max-height: 1549px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -555px -26px; margin-top: 0px; margin-left: 40px;} 
	
}

@media screen and (min-width: 1550px) and (max-width:1779px) and (min-height: 1081px) and (max-height: 1549px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/* MENU 1600x1200px ***/
	.container{ width: 1500px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -30px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -302px -5px; width: 138px; height: 76px;	}

	a.btn .menu1{ display: block-inline; padding-left: 100px; font-size: 58px; line-height: 80px;}
	a.btn .menu{ display: block-inline; font-size: 40px; line-height: 80px; }
	.first-menu{ width: 550px;}
	.mid-menu{ width:   245px;}
	.last-menu{ width:  295px;}

	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1600x1200px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1490px; height: 873px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1489px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 70px; top: 873px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
	border-bottom-right-radius: 52px;}

	.bulle-france{ width: 140px; height: 140px; top: 822px;  left: -15px; }
	.bulle-france:hover{ width: 160px; height: 160px; top: 802px;  left: -15px;}

	/* Taille de Caractère et couleur de l'icone France  */
	.bulle-france .france-position{ position: absolute; font-size: 100px; color: #bebebe; left: 19px; top: 19px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 120px; color: #ababab; left: 19px; top: 20px;}	

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{ position: absolute; font-size: 14px; left: 66px; top: 41px;}
	.bulle-france:hover .idf-position{ font-size: 18px;left: 74px; top: 47px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ position: absolute; left: 90px; top: 79px; z-index:100; width: 7px; height: 7px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 103px; top: 92px; width: 9px; height: 9px;}
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ position: absolute; font-size: 8px;left: 70px; top: 25px;}
	.bulle-france:hover .bullet-txt-idf-position{ position: absolute; font-size: 11px; left: 78px; top: 29px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ position: absolute; font-size: 8px; left: 82px; top: 59px;}
	.bulle-france:hover .bullet-txt-ville1-position{ position: absolute; font-size: 11px;left: 92px; top: 70px; }

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ position: absolute; width: 21px; height: 21px; top: 107px; left: 112px;}
	.bulle-france:hover .circle-g{ position: absolute; width: 30px; height: 30px; top: 120px; left: 131px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.15em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 1.2em; line-height: 1.35em; margin-left: -4px;}

	.logo-SI{ position: absolute;  background: url("../images/sprite-logoSI.png") -54px -902px; height: 95px; outline-style: none; width: 129px; top: 834px; left: 1348px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1600x1200px *****/
	 .signature{ float: right;  margin-top: -13px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1600x1200px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 119px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px;
		 font-size: 12px; line-height: 22px;}

	/**** SAP SMA & MINIBAR 1600x1200px *****/
	.sap{ display: block; position: absolute; width: 750px; margin-top: 894px; margin-left: 384px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 15px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 947px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/************************************************************************************************************************
**************************************   MEDIA QUERY SOUS MON AILE 1780px de largeur  ***********************************
*************************************************************************************************************************/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1780x600*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1780px) and (max-width:1899px) and  (min-height: 10px) and (max-height: 749px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -555px -26px; margin-top: 0px; margin-left: 105px;} 
}

/***** MEDIA QUERY SOUS MON AILE 1780x600px *****/
@media screen and (min-width: 1780px) and (max-width:1899px) and  (min-height: 10px) and (max-height: 749px){
.resolution { display: block;}

.menu-phone{ display: none;}
	.container{ width: 1600px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; width: 101px; height: 48px;}

	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 30px; line-height: 40px; }
	.first-menu{ width: 600px;}
	.mid-menu{ width:   270px;}
	.last-menu{ width:  320px;}

	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1780x600px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1615px; height: 469px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1614px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 25px; top: 469px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
		-webkit-border-top-left-radius: 0px;
		-moz-border-radius-topleft: 0px;
				border-top-left-radius: 0px;

		-webkit-border-bottom-left-radius: 140px;
		-moz-border-radius-bottomleft: 140px;
				border-bottom-left-radius: 140px;

		-webkit-border-top-right-radius: 0px;
		-moz-border-radius-topright: 0px;
				border-top-right-radius: 0px;

		-webkit-border-bottom-right-radius: 52px;
		-moz-border-radius-bottomright: 52px;
				border-bottom-right-radius: 52px;}

	.bulle-france{ width: 90px; height: 90px; top: 417px; left: -15px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 397px; left: -15px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}

	/* Position du texte IDF */
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 80px; left: 86px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -80px -527px rgba(0, 0, 0, 0); height: 55px; left: 1535px; position: absolute; top: 435px; width: 77px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1780x600px *****/
	 .signature{ float: right;  margin-top: 3px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1780x600px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 139px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}

	/**** SAP SMA & MINIBAR 1780x600px *****/
	.sap{ display: block; position: absolute; width: 1030px; margin-top: 477px; margin-left: 290px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 11px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-top: 497px;  margin-left: 0px; color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}

}

/***** MEDIA QUERY SOUS MON AILE 1780x768px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1780x768*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1780px) and (max-width:1899px) and (min-height: 750px) and (max-height: 899px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -555px -26px; margin-top: 0px; margin-left: 105px;} 

}


@media screen and (min-width: 1780px) and (max-width:1899px) and (min-height: 750px) and (max-height: 899px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/* MENU GRAND ECRAN 1780x768px *****/
	.container{ width: 1600px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 30px; line-height: 40px; }
	.first-menu{ width: 600px;}
	.mid-menu{ width:   270px;}
	.last-menu{ width:  320px;}

	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1780x768px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1615px; height: 622px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1614px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 622px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}

	.bulle-france{ width: 90px; height: 90px; top: 588px; left: -15px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 568px; left: -15px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}

	/* Position du texte IDF */
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 80px; left: 86px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -72px -427px rgba(0, 0, 0, 0); height: 75px; left: 1510px; position: absolute; top: 578px; width: 101px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1780x768px *****/
	 .signature{ float: right;  margin-top: -8px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1780x768px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 139px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 1780x768px *****/
	.sap{ display: block; position: absolute; width: 1200px; margin-top: 636px; margin-left: 194px; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 14px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 665px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}
/***** MEDIA QUERY SOUS MON AILE 1780x900px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1780x900*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1780px) and (max-width:1899px) and (min-height:900px) and (max-height: 1023px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -555px -26px; margin-top: 0px; margin-left: 105px;} 
	
}


@media screen and (min-width: 1780px) and (max-width:1899px) and (min-height:900px) and (max-height: 1023px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/* MENU 1780x900px ****/
	.container{ width: 1600px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 30px; line-height: 40px; }
	.first-menu{ width: 600px;}
	.mid-menu{ width:   270px;}
	.last-menu{ width:  320px;}

	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1780x900px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1615px; height: 754px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1614px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 754px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}
	.bulle-france{ width: 90px; height: 90px; top: 720px; left: -15px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 700px; left: -15px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;	}	
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}
	
	/* Position du texte IDF */
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}
	
	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}
	
	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 80px; left: 86px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -72px -427px rgba(0, 0, 0, 0); height: 75px; left: 1508px; position: absolute; top: 711px; width: 101px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1780x900px *****/
	 .signature{ float: right;  margin-top: -8px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1780x900px *****/	
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 139px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 1780x900px *****/
	.sap{ display: block; position: absolute; width: 1270px; margin-top: 769px; margin-left: 255px; font-family: Arial,Helvetica,sans-serif;  font-size: 14px; line-height: 14px;  color: #a1a1a1; text-align: left; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 798px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 14px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}	
	
}
/***** MEDIA QUERY SOUS MON AILE 1780x1024px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1780x1024*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1780px) and (max-width:1899px) and (min-height: 1024px) and (max-height: 1049px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -302px -5px;  margin-top: 0px; margin-left: 105px;} 
	
}

@media screen and (min-width: 1780px) and (max-width:1899px) and (min-height: 1024px) and (max-height: 1049px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/* MENU 1780x1024px ***/
	.container{ width: 1600px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -30px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; margin-top: 0px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left:80px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 32px; line-height: 40px; }
	.first-menu{ width: 600px;}
	.mid-menu{ width:   270px;}
	.last-menu{ width:  320px;}

	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1780x1024px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1615px; height: 852px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1614px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 70px; top: 852px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
}
	.bulle-france{ width: 140px; height: 140px; top: 798px;  left: -15px; }
	.bulle-france:hover{ width: 160px; height: 160px; top: 778px;  left: -15px;}

	/* Taille de Caractère et couleur de l'icone France  */
	.bulle-france .france-position{ position: absolute; font-size: 100px; color: #bebebe; left: 19px; top: 19px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 120px; color: #ababab; left: 19px; top: 20px;}	

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{ position: absolute; font-size: 14px; left: 66px; top: 41px;}
	.bulle-france:hover .idf-position{ font-size: 18px;left: 74px; top: 47px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ position: absolute; left: 90px; top: 79px; z-index:100; width: 7px; height: 7px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 103px; top: 92px; width: 9px; height: 9px;}
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ position: absolute; font-size: 8px;left: 70px; top: 25px;}
	.bulle-france:hover .bullet-txt-idf-position{ position: absolute; font-size: 11px; left: 78px; top: 29px;}
	
	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ position: absolute; font-size: 8px; left: 82px; top: 59px;}
	.bulle-france:hover .bullet-txt-ville1-position{ position: absolute; font-size: 11px;left: 92px; top: 70px; }

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ position: absolute; width: 21px; height: 21px; top: 107px; left: 112px;}
	.bulle-france:hover .circle-g{ position: absolute; width: 30px; height: 30px; top: 120px; left: 131px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.15em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 1.2em; line-height: 1.35em; margin-left: -4px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -54px -250px rgba(0, 0, 0, 0); height: 98px; left: 1474px; outline-style: none; position: absolute; top: 812px; width: 130px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1780x1024px *****/
	 .signature{ float: right;  margin-top: -14px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1780x1024px *****/	
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 139px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}



	/**** SAP SMA & MINIBAR 1780x1024px *****/
	.sap{  display:block; position: absolute; width: 780px; margin-top: 873px; margin-left: 434px; font-family: Arial,Helvetica,sans-serif;  font-size: 14px; line-height: 16px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 928px;  color: #888; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}
/***** MEDIA QUERY SOUS MON AILE 1780x1050px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1780x1050*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1780px) and (max-width:1899px) and (min-height: 1050px) and (max-height: 1080px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -302px -5px;  margin-top: 0px; margin-left: 60px;} 
	
}

@media screen and (min-width: 1780px) and (max-width:1899px) and (min-height: 1050px) and (max-height: 1080px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/*MENU 1780x1050px ****/
	.container{ width: 1600px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -30px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -302px -5px; width: 138px; height: 76px;	}
	
	a.btn .menu1{ display: block-inline; padding-left: 100px; font-size: 58px; line-height: 80px;}
	a.btn .menu{ display: block-inline; font-size: 40px; line-height: 80px; }
	.first-menu{ width: 600px;}
	.mid-menu{ width:   270px;}
	.last-menu{ width:  320px;}

	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1780x1050px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1615px; height: 842px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1614px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 70px; top: 842px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}
	.bulle-france{ width: 140px; height: 140px; top: 792px;  left: -15px; }
	.bulle-france:hover{ width: 160px; height: 160px; top: 772px;  left: -15px;}

	/* Taille de Caractère et couleur de l'icone France  */
	.bulle-france .france-position{ position: absolute; font-size: 100px; color: #bebebe; left: 19px; top: 19px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 120px; color: #ababab; left: 19px; top: 20px;}	

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{ position: absolute; font-size: 14px; left: 66px; top: 41px;}
	.bulle-france:hover .idf-position{ font-size: 18px;left: 74px; top: 47px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ position: absolute; left: 90px; top: 79px; z-index:100; width: 7px; height: 7px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 103px; top: 92px; width: 9px; height: 9px;}
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ position: absolute; font-size: 8px;left: 70px; top: 25px;}
	.bulle-france:hover .bullet-txt-idf-position{ position: absolute; font-size: 11px; left: 78px; top: 29px;}
	
	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ position: absolute; font-size: 8px; left: 82px; top: 59px;}
	.bulle-france:hover .bullet-txt-ville1-position{ position: absolute; font-size: 11px;left: 92px; top: 70px; }

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ position: absolute; width: 21px; height: 21px; top: 107px; left: 112px;}
	.bulle-france:hover .circle-g{ position: absolute; width: 30px; height: 30px; top: 120px; left: 131px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.15em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 1.2em; line-height: 1.35em; margin-left: -4px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -54px -250px rgba(0, 0, 0, 0); height: 98px; left: 1476px; outline-style: none; position: absolute; top: 802px; width: 130px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1780x1050px *****/
	 .signature{ float: right;  margin-top: -13px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1780x1050px *****/
	.bloc-title{ margin-left: 100px; width: 84%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 80px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}


	/**** SAP SMA & MINIBAR 1780x1050px *****/
	.sap{ display: block; position: absolute; width: 706px; margin-top: 862px; margin-left: 469px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 15px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 916px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 14px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 1780x1200px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1780x1200*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1780px) and (max-width:1899px) and (min-height: 1081px) and (max-height: 1549px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -302px -5px;  margin-top: 0px; margin-left: 60px;} 
}

@media screen and (min-width: 1780px) and (max-width:1899px) and (min-height: 1081px) and (max-height: 1549px){
	.resolution { display: block;}
	.menu-phone{ display: none;}
	
	/* MENU 1780x1200px **/
	.container{ width: 1600px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -30px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -302px -5px; width: 138px; height: 76px;	}
	
	a.btn .menu1{ display: block-inline; padding-left: 100px; font-size: 58px; line-height: 80px;}
	a.btn .menu{ display: block-inline; font-size: 40px; line-height: 80px; }
	.first-menu{ width: 600px;}
	.mid-menu{ width:   270px;}
	.last-menu{ width:  320px;}	

	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1780x1200px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1615px; height: 873px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1614px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 70px; top: 873px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}


	.bulle-france{ width: 140px; height: 140px; top: 822px;  left: -15px; }
	.bulle-france:hover{ width: 160px; height: 160px; top: 802px;  left: -15px;}

	/* Taille de Caractère et couleur de l'icone France  */
	.bulle-france .france-position{ position: absolute; font-size: 100px; color: #bebebe; left: 19px; top: 19px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 120px; color: #ababab; left: 19px; top: 20px;}	

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{ position: absolute; font-size: 14px; left: 66px; top: 41px;}
	.bulle-france:hover .idf-position{ font-size: 18px;left: 74px; top: 47px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ position: absolute; left: 90px; top: 79px; z-index:100; width: 7px; height: 7px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 103px; top: 92px; width: 9px; height: 9px;}
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ position: absolute; font-size: 8px;left: 70px; top: 25px;}
	.bulle-france:hover .bullet-txt-idf-position{ position: absolute; font-size: 11px; left: 78px; top: 29px;}
	
	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ position: absolute; font-size: 8px; left: 82px; top: 59px;}
	.bulle-france:hover .bullet-txt-ville1-position{ position: absolute; font-size: 11px;left: 92px; top: 70px; }

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ position: absolute; width: 21px; height: 21px; top: 107px; left: 112px;}
	.bulle-france:hover .circle-g{ position: absolute; width: 30px; height: 30px; top: 120px; left: 131px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.15em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 1.2em; line-height: 1.35em; margin-left: -4px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -54px -250px rgba(0, 0, 0, 0); height: 98px; left: 1476px; outline-style: none; position: absolute; top: 830px; width: 130px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1780x1200px *****/
	 .signature{ float: right;  margin-top: -13px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1780x1200px *****/
	.bloc-title{ margin-left: 100px; width: 80%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 139px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}



	/**** SAP SMA & MINIBAR 1780x1200px *****/
	.sap{ display: block; position: absolute; width: 795px; margin-top: 890px; margin-left: 430px; font-family: Arial,Helvetica,sans-serif; font-size: 16px; line-height: 18px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 947px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 14px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/************************************************************************************************************************
**************************************   MEDIA QUERY SOUS MON AILE 1920px de largeur  ***********************************
*************************************************************************************************************************/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1920x600*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1900px) and (max-width:2400px) and  (min-height: 10px) and (max-height: 749px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -555px -26px; margin-top: 0px; margin-left: 125px;} 
	
}
/***** MEDIA QUERY SOUS MON AILE 1920x600px *****/
@media screen and (min-width: 1900px) and (max-width:2400px) and  (min-height: 10px) and (max-height: 749px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/* MENU TOP 1920x600px *****/
	.container{ width: 1800px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 30px; line-height: 40px; }
	.first-menu{ width: 650px;}
	.mid-menu{ width:   320px;}
	.last-menu{ width:  350px;}

	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1920x600px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1795px; height: 469px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1794px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 25px; top: 469px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;

	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 90px; height: 90px; top: 417px; left: -15px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 397px; left: -15px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}

	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}
	
	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 80px; left: 86px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -80px -527px rgba(0, 0, 0, 0); height: 55px; left: 1713px; position: absolute; top: 435px; width: 77px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1920x600px *****/
	 .signature{ float: right;  margin-top: 3px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1920x600px *****/
	.bloc-title{ margin-left: 100px; width: 90%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 164px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}



	/**** SAP SMA & MINIBAR 1920x600px *****/
	.sap{ display: block; position: absolute; width: 1030px; margin-top: 477px; margin-left: 390px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 11px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px; margin-top: 497px;   color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 11px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 1920x768px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1920x768*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1900px) and (max-width:2400px) and (min-height: 750px) and (max-height: 899px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -555px -26px; margin-top: 0px; margin-left: 125px;} 
	
}

@media screen and (min-width: 1900px) and (max-width:2400px) and (min-height: 750px) and (max-height: 899px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/* MENU TOP 1920x768px *****/
	.container{ width: 1800px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 30px; line-height: 40px; }
	.first-menu{ width: 650px;}
	.mid-menu{ width:   320px;}
	.last-menu{ width:  350px;}

	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1920x768px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1795px; height: 622px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1794px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 622px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}
	
	.bulle-france{ width: 90px; height: 90px; top: 588px; left: -15px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 568px; left: -15px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;	}	
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}		
	
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}			
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}
	
	/* Position du texte Lyon */		
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }	
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}
	
	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 80px; left: 86px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -72px -427px rgba(0, 0, 0, 0); height: 75px; left: 1688px; position: absolute; top: 578px; width: 101px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1920x768px *****/
	 .signature{ float: right;  margin-top: -8px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1920x768px *****/	
	.bloc-title{ margin-left: 100px; width: 90%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 164px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px;
		 font-size: 12px; line-height: 22px;}
		 
 

	/**** SAP SMA & MINIBAR 1920x768px *****/
	.sap{ display: block; position: absolute; width: 1030px; margin-top: 636px; margin-left: 398px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 14px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 665px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 12px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}		
}
/***** MEDIA QUERY SOUS MON AILE 1920x768px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1920x900*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1900px) and (max-width:2400px) and (min-height:900px) and (max-height: 1023px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -555px -26px; margin-top: 0px; margin-left: 125px;} 
	
}
@media screen and (min-width: 1900px) and (max-width:2400px) and (min-height:900px) and (max-height: 1023px){
.resolution { display: block;}
.menu-phone{ display: none;}

	/*MENU TOP 1920x900px *****/
	.container{ width: 1800px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left: 90px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 30px; line-height: 40px; }
	.first-menu{ width: 650px;}
	.mid-menu{ width:   320px;}
	.last-menu{ width:  350px;}
	
	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1920x900px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1795px; height: 754px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1794px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 40px; top: 754px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}
	
	.bulle-france{ width: 90px; height: 90px; top: 720px; left: -15px; }
	.bulle-france:hover{ width: 110px; height: 110px; top: 700px; left: -15px;}

	.bulle-france .france-position{ position: absolute; font-size: 70px; color: #bebebe; left: 10px; top: 9px;	}	
	.bulle-france:hover .france-position{ position: absolute; font-size: 90px; color: #ababab; left: 10px; top: 9px;}

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{font-size: 8px; left: 42px; top: 26px; }
	.bulle-france:hover .idf-position{  font-size: 12px; left: 52px; top: 30px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ left: 63px; top: 52px; width: 4px; height: 4px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 75px; top: 63px; width: 7px; height: 7px;}

	/* Position du texte IDF */
	.bulle-france .bullet-txt-idf-position{ font-size: 8px; left: 44px; top: 11px;}
	.bulle-france:hover .bullet-txt-idf-position{ font-size: 11px;  left: 53px; top: 14px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ font-size: 8px; left: 57px; top: 33px; }
	.bulle-france:hover .bullet-txt-ville1-position{ font-size: 11px; left: 68px; top: 42px;}

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ border: 2px solid #fff; width: 17px; height: 17px; top: 63px; left: 77px;}
	.bulle-france:hover .circle-g{ width: 20px; height: 20px; top: 80px; left: 86px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.7em; line-height: 1.12em; margin-left: 0px;	}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.1em; margin-left: 0px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -72px -427px rgba(0, 0, 0, 0); height: 75px; left: 1688px; position: absolute; top: 711px; width: 101px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1920x900px *****/
	 .signature{ float: right;  margin-top: -8px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1920x900px *****/	
	.bloc-title{ margin-left: 100px; width: 90%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 164px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}



	/**** SAP SMA & MINIBAR 1920x900px *****/
	.sap{ display: block; position: absolute; width: 1230px; margin-top: 769px; margin-left: 298px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 14px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 798px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 14px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 1920x1024px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1920x1024*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1900px) and (max-width:2400px) and (min-height: 1024px) and (max-height: 1049px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -302px -5px;  margin-top: 0px; margin-left: 130px;} 
	
}

@media screen and (min-width: 1900px) and (max-width:2400px) and (min-height: 1024px) and (max-height: 1049px){
	.resolution { display: block;}
	.menu-phone{ display: none;}
	
	/* MENU GRDS ECRAN 1920x1024px *****/
	.container{ width: 1800px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -30px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -654px -26px; margin-top: 0px; width: 101px; height: 48px;}
	
	a.btn .menu1{ display: block-inline; padding-left:80px; font-size: 45px; line-height: 40px;}
	a.btn .menu{ display: block-inline; font-size: 32px; line-height: 40px; }
	.first-menu{ width: 650px;}
	.mid-menu{ width:   320px;}
	.last-menu{ width:  350px;}

	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}


	/* BG GRADIENT 1920x1024px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1795px; height: 853px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1794px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 70px; top: 853px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}
	.bulle-france{ width: 140px; height: 140px; top: 798px;  left: -15px; }
	.bulle-france:hover{ width: 160px; height: 160px; top: 778px;  left: -15px;}

	/* Taille de Caractère et couleur de l'icone France  */
	.bulle-france .france-position{ position: absolute; font-size: 100px; color: #bebebe; left: 19px; top: 19px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 120px; color: #ababab; left: 19px; top: 20px;}	

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{ position: absolute; font-size: 14px; left: 66px; top: 41px;}
	.bulle-france:hover .idf-position{ font-size: 18px;left: 74px; top: 47px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ position: absolute; left: 90px; top: 79px; z-index:100; width: 7px; height: 7px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 103px; top: 92px; width: 9px; height: 9px;}
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ position: absolute; font-size: 8px;left: 70px; top: 25px;}
	.bulle-france:hover .bullet-txt-idf-position{ position: absolute; font-size: 11px; left: 78px; top: 29px;}
	
	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ position: absolute; font-size: 8px; left: 82px; top: 59px;}
	.bulle-france:hover .bullet-txt-ville1-position{ position: absolute; font-size: 11px;left: 92px; top: 70px; }

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ position: absolute; width: 21px; height: 21px; top: 107px; left: 112px;}
	.bulle-france:hover .circle-g{ position: absolute; width: 30px; height: 30px; top: 120px; left: 131px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.15em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 1.2em; line-height: 1.35em; margin-left: -4px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -54px -250px rgba(0, 0, 0, 0); height: 98px; left: 1655px; outline-style: none; position: absolute; top: 812px; width: 130px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1920x1024px *****/
	 .signature{ float: right;  margin-top: -13px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1920x1024px *****/	
	.bloc-title{ margin-left: 100px; width: 90%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 164px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px;
		 font-size: 12px; line-height: 22px;}




	/**** SAP SMA & MINIBAR 1920x1024px *****/
	.sap{ display: block; position: absolute; width: 780px; margin-top: 873px; margin-left: 522px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 16px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 928px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 14px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}
	
/***** MEDIA QUERY SOUS MON AILE 1920x1080px *****/


/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1920x1080*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1900px) and (max-width:2400px) and (min-height: 1050px) and (max-height: 1080px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -302px -5px;  margin-top: 0px; margin-left: 50px;} 
	
}


@media screen and (min-width: 1900px) and (max-width:2400px) and (min-height: 1050px) and (max-height: 1080px){
	.resolution { display: block;}
	.menu-phone{ display: none;}

	/* MENU GRDS ECRAN 1920x1080px *****/
	.container{ width: 1800px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -149px -4px; width: 138px; height: 76px;	}

	a.btn .menu1{ display: block-inline; padding-left: 130px; font-size: 66px; line-height: 80px;}
	a.btn .menu{ display: block-inline; font-size: 45px; line-height: 80px; }
	.first-menu{ width: 650px;}
	.mid-menu{ width:   320px;}
	.last-menu{ width:  350px;}

	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1920x1080px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1795px; height: 842px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1794px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 70px; top: 842px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
			border-top-left-radius: 0px;
			
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;	

    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;	
			border-top-right-radius: 0px;
			
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;
	}
	.bulle-france{ width: 140px; height: 140px; top: 792px;  left: -15px; }
	.bulle-france:hover{ width: 160px; height: 160px; top: 772px;  left: -15px;}

	/* Taille de Caractère et couleur de l'icone France  */
	.bulle-france .france-position{ position: absolute; font-size: 100px; color: #bebebe; left: 19px; top: 19px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 120px; color: #ababab; left: 19px; top: 20px;}	

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{ position: absolute; font-size: 14px; left: 66px; top: 41px;}
	.bulle-france:hover .idf-position{ font-size: 18px;left: 74px; top: 47px;}
	
	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ position: absolute; left: 90px; top: 79px; z-index:100; width: 7px; height: 7px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 103px; top: 92px; width: 9px; height: 9px;}
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ position: absolute; font-size: 8px;left: 70px; top: 25px;}
	.bulle-france:hover .bullet-txt-idf-position{ position: absolute; font-size: 11px; left: 78px; top: 29px;}
	
	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ position: absolute; font-size: 8px; left: 82px; top: 59px;}
	.bulle-france:hover .bullet-txt-ville1-position{ position: absolute; font-size: 11px;left: 92px; top: 70px; }

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ position: absolute; width: 21px; height: 21px; top: 107px; left: 112px;}
	.bulle-france:hover .circle-g{ position: absolute; width: 30px; height: 30px; top: 120px; left: 131px;}
	
	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.15em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 1.2em; line-height: 1.35em; margin-left: -4px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -54px -250px rgba(0, 0, 0, 0); height: 98px; left: 1655px; outline-style: none; position: absolute; top: 802px; width: 130px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1920x1050px *****/
	 .signature{ float: right;  margin-top: -13px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1920x1080px *****/
	.bloc-title{ margin-left: 100px; width: 84%;}
	.bloc-title .accroche h1{ display: block; width: 462px; height: 18px; top: 10px; left: -100px; padding-left: 80px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 12px; line-height: 22px;}



	/**** SAP SMA & MINIBAR 1920x1080px *****/
	.sap{ display: block; position: absolute; width: 706px; margin-top: 862px; margin-left: 558px; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 15px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 916px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 14px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}
}

/***** MEDIA QUERY SOUS MON AILE 1920x1200px *****/

/***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 1920x1200*****/
@media screen (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1900px) and (max-width:2400px) and (min-height: 1081px) and (max-height: 1549px){
	a.btn .my-ico-size1 .sma-logo{ background-position: -302px -5px;  margin-top: 0px; margin-left: 50px;} 
}

@media screen and (min-width: 1900px) and (max-width:2400px) and (min-height: 1081px) and (max-height: 1549px){
	.resolution { display: block;}
	.menu-phone{ display: none;}

	/* MENU GRDS ECRAN 1920x1280px *****/
	.container{ width: 1800px; }
	.menu-desktop a.btn{ display: block-inline; }

	a.btn .my-ico-size1{	position: absolute; margin-left: -20px; }
	a.btn .my-ico-size1 .sma-logo{ background-position: -149px -4px; width: 138px; height: 76px;}

	a.btn .menu1{ display: block-inline; padding-left: 130px; font-size: 66px; line-height: 80px;}
	a.btn .menu{ display: block-inline; font-size: 45px; line-height: 80px; }
	.first-menu{ width: 650px;}
	.mid-menu{ width:   320px;}
	.last-menu{ width:  350px;}

	.contenu-mobil{ display : none;}
	.contenu-desktop{ display: block;}

	/* BG GRADIENT 1920x1280px *****/
	.bggradient{ display: block; margin-top: -2px; left: 0px; position: absolute; z-index: 1; width: 1795px; height: 873px;     background: url("../images/sprite_deg_blanc.png") repeat scroll 0 -448px rgba(0, 0, 0, 0);
	border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}

	.mygradient{ display: block; position: absolute; z-index: 0; margin-top: 1px; width: 723px; height: 431px;}

	.bottom-bar{ position: absolute; width: 1794px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; height: 70px; top: 873px; margin-left: 0px;
		background: url("../images/sprite_deg_blanc.png") repeat scroll 0px -599px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
			border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 140px;
	-moz-border-radius-bottomleft: 140px;
			border-bottom-left-radius: 140px;
    -webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
			border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 52px;
	-moz-border-radius-bottomright: 52px;
			border-bottom-right-radius: 52px;}

	.bulle-france{ width: 140px; height: 140px; top: 822px;  left: -15px; }
	.bulle-france:hover{ width: 160px; height: 160px; top: 802px;  left: -15px;}

	/* Taille de Caractère et couleur de l'icone France  */
	.bulle-france .france-position{ position: absolute; font-size: 100px; color: #bebebe; left: 19px; top: 19px;}
	.bulle-france:hover .france-position{ position: absolute; font-size: 120px; color: #ababab; left: 19px; top: 20px;}	

	/* Taille de Caractère et couleur de l'icone Ile de France*/
	.bulle-france .idf-position{ position: absolute; font-size: 14px; left: 66px; top: 41px;}
	.bulle-france:hover .idf-position{ font-size: 18px;left: 74px; top: 47px;}

	/* Position de la Bulletpoint de Lyon */
	.bulle-france .bullet-ville1-position{ position: absolute; left: 90px; top: 79px; z-index:100; width: 7px; height: 7px;}
	.bulle-france:hover .bullet-ville1-position{ position: absolute; left: 103px; top: 92px; width: 9px; height: 9px;}
	/* Position du texte IDF */	
	.bulle-france .bullet-txt-idf-position{ position: absolute; font-size: 8px;left: 70px; top: 25px;}
	.bulle-france:hover .bullet-txt-idf-position{ position: absolute; font-size: 11px; left: 78px; top: 29px;}

	/* Position du texte Lyon */
	.bulle-france .bullet-txt-ville1-position{ position: absolute; font-size: 8px; left: 82px; top: 59px;}
	.bulle-france:hover .bullet-txt-ville1-position{ position: absolute; font-size: 11px;left: 92px; top: 70px; }

	/* PASTILLE degrade vert du check ok france*/
	.bulle-france .circle-g{ position: absolute; width: 21px; height: 21px; top: 107px; left: 112px;}
	.bulle-france:hover .circle-g{ position: absolute; width: 30px; height: 30px; top: 120px; left: 131px;}

	/* Taille et position du caractère check */
	.bulle-france .circle-g .ico-theme-fr{ font-size: 0.9em; line-height: 1.15em; margin-left: 0px;}
	.bulle-france:hover  .circle-g .ico-theme-fr{ font-size: 1.2em; line-height: 1.35em; margin-left: -4px;}

	.logo-SI{ background: url("../images/sprite-logoSI.png") repeat scroll -54px -250px rgba(0, 0, 0, 0); height: 98px; left: 1655px; outline-style: none; position: absolute; top: 830px; width: 130px;}

	.bottom-box{ left: 0px;}

	/**** SIGNATURE Pixelmechanic 1920x1200px *****/
	 .signature{ float: right;  margin-top: -14px; font-size: 11px; line-height: 11px; padding-right: 10px;}

	/*** ACCROCHE bienvenue 1920x1280px *****/
	.bloc-title{ margin-left: 100px; width: 90%;}
	.bloc-title .accroche h1{ display: none; width: 630px; height: 18px; top: 10px; left: -100px; padding-left: 54px; padding-right: 0px; padding-top: 0px; padding-bottom: 5px; font-size: 16px; line-height: 22px;}

	/**** SAP SMA & MINIBAR 1920x1280px *****/
	.sap{ display: block; position: absolute; width: 795px; margin-top: 890px; margin-left: 519px; font-family: Arial,Helvetica,sans-serif; font-size: 16px; line-height: 18px;  color: #a1a1a1; text-align: center; padding-right: 10px; color: #555; }
	.minibar-sma{ display: block; margin-left: 30px;  margin-top: 947px;  color: #888; font-family: Arial,Helvetica,sans-serif;  font-size: 14px; line-height: 14px;}
	.minibar-mini{ display: none;}
	.copyright-sma{ display: none;}
	a.minibar-sma-link{	color: #888; text-decoration: none;}
	a.minibar-sma-link:hover{ color: #000; text-decoration: underline;}

	 /*** ARTICLE SPIP 1920x1200px *****/
	.spip-content .main .cartouche{ position: absolute; width: 1795px; clear: both; float: left; top: 102px; left: -10px; z-index:100; }

	.spip-content .main .cartouche .spip-surtitre{ font-size: 42px; line-height: 80px; color: #888888; margin-left: 150px; text-align: left;
	margin-top: -54px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; z-index: 100;}
		
	.spip-content .main .cartouche .spip-logos-art{ position: absolute; margin: -86px 0 0 38px; width: 120px; height: 120px; }

	.spip-content .main .cartouche h1 .titre-sma-art{ position: absolute; width: 750px; text-align: left; font-size: 20px; line-height: 20px; color: #444; 
	margin-left: 150px; margin-top: -12px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;}

	.spip-content .main .cartouche  .spip-soustitre{ position: absolute; text-align: left; font-size: 20px; line-height: 20px; margin-top: 0px; margin-left: 0px; color: #666; width : 750px;}

	.spip-content .main .cartouche .texte-art{ position: absolute; margin-top: 28px; background-color: rgba(241, 241, 241, 0.85); color: #555; font-family: Arial,Helvetica,sans-serif;
		float: left; text-align: left; left: 130px; font-size: 16px; line-height: 17px; padding: 10px 10px 10px 15px; border-radius: 8px; border: 1px solid #fff; min-width: 25%; max-width: 50%; }
}