  <style type="text/css">
body { background-image: url('../images/subtlenet2.png');
		font style="font-family: Arial;" color=#696969; size="4";
		line-height: 17px;
        color: #696969;" alink="#FFFFFF" lang="FR" link="#008080" vlink="#008000"
        text-decoration: none;
        margin: 0px;
        padding: 0px;
        color: rgb(0, 0, 0);
//        background-color: rgb(220,220,240);
    }

h1 {font-size: 3em;}

@media screen and (max-width: 64em) {
h1 {
    font-size: 2.5em;
  }
}

@media screen and (max-width: 50em) {
h1 {
    font-size: 2em;
  }
}

@media screen and (max-width: 30em){
h1 {
    font-sitze: 1.5em;
  }
}

body {font-size: 100%}

p {font-size: 1.5em;}

@media screen and (max-width: 64em) {
 body {
      font-size: 90%;
   }
}

@media screen and (max-width: 50em) {
 body {
       font-size: 75%;
   }
}

@media screen and (max-width: 30em) {
   body {
        font-size: 50%;
  }
}
body {font-size: 100%}

p {
   font-size: 1.5em;
   line-hight: 1.3 em;

}

h1, h2, h3 {line-height: 1.2em;}
html {font-size: 100%;}

p {font-size: 1.5rem;}

h1 {font-size: 3rem;}

h2 {font-size: 2.5 rem;}

h3 {font-size: 2rem;}

body { word-wrap: break-word; }
  pre { white-space: pre-wrap; } /* pour firefox et les <pre> */

  			#nav 	{
				list-style: none ;
				list-style-type: none;
				margin: 0 ;
				padding: 0 ;
				overflow: hidden ;	/* Cr?ation du contexte de formatage */
				}
			#nav li {
				float: left ;
				width: 200px ;
				border: 1px solid #FFFFFF ;
				margin-right: 1px ;
				color: #fff ;
				background: #c00 ;
				}
			#nav li a {
				display: block ;
				background: #c00 ;
				color: #fff ;
				font: 1em "Trebuchet MS",Arial,sans-serif ;
				line-height: 1em ;
				padding: 4px 0 ;
				text-align: center ;
				text-decoration: none ;
				}
			#nav li a:hover, #nav li a:focus, #nav li a:active {
				background: #900 ;
//				text-decoration: underline ;
				}
			#nav:hover ul {transition: 0s linear .05s;}
h1 { text-align:center;}
#map {
    width : 100%;
    height : 500px;
    margin-left: auto;
    margin-right: auto
}


.entete{background:rgb(51, 153, 0);text-align: right; font-family: Arial;text-align:center}
.entete-main-header{font-size:34px;text-align:center;color:white;margin:0}
.entete-main-ligne{font-size:15px;text-align:center;color:white;size="4";margin:100}

/*.marketing-hero{background:rgb(51, 153, 0);position:relative;padding:2.5rem 0 4.5rem;text-align:center;overflow:visible}
@media screen and (max-width: 768px){.marketing-hero{padding:30px 0}}.marketing-hero
.hero-main-header{font-size:46px;text-align:center;color:#fff;margin:0}
@media screen and (max-width: 768px){.marketing-hero .hero-main-header{font-size:30px;font-weight:200}}
.marketing-subnav{float:none;position:absolute;text-align:center;margin:0 auto;bottom:0;width:100%}.marketing-subnav li{float:none;display:inline-block}
.marketing-subnav li a{padding:0.9rem 1rem 0.75rem;font-size:rem-calc(13);color:#fff;font-family:"Proxima Nova Condensed Bold","Proxima Nova Condensed","proxima-nova-condensed","Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;display:block;font-weight:bold;letter-spacing:1px}
.marketing-subnav li a.lower-case{text-transform:none}*/

body { background-image: url('../images/subtlenet2.png');
		font style="font-family: Arial;" color=#696969; size="3";
		line-height: 17px;
        color: #696969;" alink="#FFFFFF" lang="FR" link="#008080" vlink="#008000"
        text-decoration: none;
        margin: 0px;
        padding: 0px;
        color: rgb(0, 0, 0);
        background-color: rgb(240,240,240);
    }
div{
}
.relatif{
  position: relative;
}
.posmenu{
  top: -10px;left: 150px;
}
.haut{
  top: 60px;/*Elément décalé de 50px vers le bas p/r à une origine*/
}
.gauche{
  left: 150px;/*Element décalé de 150px vers la droite p/r à une origine*/
}
.droite{
  right: 30px;/*Element décalé de 30px vers la gauchr p/r à une origine*/
}
.menu {
				float: left ;
				width: 10% ;
				border: 1px solid #FFFFFF ;
				margin-right: 1px ;
				color: #fff ;
				background: #c00 ;
				}


#nav 	{
				list-style: none ;
				list-style-type: none;
				margin: 0 ;
				padding: 0 ;
				overflow: hidden ;	/* Cr?ation du contexte de formatage */
				}
			#nav li {
				float: left ;
				width: 15% ;
				border: 1px solid #FFFFFF ;
				margin-right: 1px ;
				color: #fff ;
				background: #c00 ;
				}
			#nav li a {
				display: block ;
				background: #c00 ;
				color: #fff ;
				font: 1em "Trebuchet MS",Arial,sans-serif ;
				line-height: 1em ;
				padding: 4px 0 ;
				text-align: center ;
				text-decoration: none ;
				}
			#nav li a:hover, #nav li a:focus, #nav li a:active {
				background: #900 ;
//				text-decoration: underline ;
				}
			#nav:hover ul {transition: 0s linear .05s;}
body { background-image: url('../images/subtlenet2.png'); color: #696969; font-size: 12; font-size: 1.4rem; line-height: 1;  -webkit-font-smoothing: antialiased; }
.callout.primary {background-color:#d7ecfa;}//{background-image: url('../images/subtlenet2.png');} //background-color: white;   //#d7ecfa;  // bleu ciel
</style>