<style type="text/css">
<!--

@font-face {
    font-family: LobsterTwo;
    src: url('LobsterTwo-Bold.eot');
    font-style: normal;
    font-weight: bold;
}

@font-face {
    font-family: Exo;
    src: url('Exo-Regular.otf');
    font-style: normal;

}


@font-face {
    font-family: Exo;
    src: url('Exo-Medium.otf');
    font-style: normal;
    font-weight: bold;
}


@font-face {
    font-family: LobsterTwo;
    src: url('LobsterTwo-Bold.ttf');
    font-style: normal;
    font-weight: bold;
}

@font-face {
    font-family: Roboto;
    src: url('Roboto-Regular.ttf');
    font-style: normal;
    font-weight: normal;
}


@font-face {
    font-family: Roboto;
    src: url('Roboto-Bold.ttf');
    font-style: normal;
    font-weight: bold;
}

body {position: relative; margin: 0; padding: 0;     font-family:"Roboto";}
div#content {position: absolute; top: 50px; left: 161px; right: 25px;
   color: #216959; font: 13px Verdana, sans-serif; padding: 10px; 
   border: solid #c8eabb;}
div#content p {margin: 0 5em 1em;}
div#content h3 {margin-bottom: 0.25em;}
div#notice {margin: 0 10em 1em;
font-size: 16px;
font-family: Verdana, sans-serif;
 color: red;
	   }

.navbar a:link, a:visited {
		      background-color:white;
		      margin: 10px;
	    color: black;
	    text-decoration: underline;
	    cursor: auto;
	}
li.active a {
    color: #9dd588;
}
.navbar a:hover {
    background-color: white;
    color: #9dd588;
}

.carousel-item {
    max-width: 400px;
}
   
h1 {margin: -9px -9px 0.5em; padding: 15px 0 5px; text-align: right; background: transparent; color: white; letter-spacing: 0.5em;  font: bold 25px sans-serif; height: 28px; vertical-align: middle; white-space: nowrap;}

h2 {margin: -9px -9px 0.5em; padding: 15px 0 5px; text-align: right; background: transparent; color: #9dd588; letter-spacing: 0.5em;  font: bold 20px sans-serif; height: 28px; vertical-align: middle; white-space: nowrap;}

dt {font-weight: bold;}
 
dd {margin-bottom: 0.66em;}

div#links {position: absolute; top: 52px; left: 0; width: 160px; height: 700px; font: 16px Verdana, sans-serif;}

code, pre {color: #307060; font: 110% monospace;}

body {background: #a3b7a3; }

div#content {
   voice-family: "\"}\"";
   voice-family:inherit;

   background: #e2efdc ;}

div#comment {
   voice-family: "\"}\"";
   voice-family:inherit;
   margin-left: 100px;
   background: #fff url(bg_degrade.jpg) repeat-x scroll center bottom;
   padding-left: 10px;
border-style: solid;
border-color: #C8EABB;
}

div#commentaire {
   voice-family: "\"}\"";
   voice-family:inherit;
   margin-left: 100px;
   background: #fff url(bg_degrade.jpg) repeat-x scroll center bottom;
   padding-left: 10px;


}


img.floatRight {  
    float: right; 
    margin: 10px; 

}

img.center {  
    float: none; 
    margin: 10px; 

}

img.ico{

    width:60px;
    height:30px;
}

div.navbar-header , li>a { color: #9dd588;}

li.nav-item {
    margin: 10px;
}

.navbar-brand {
    font-size: 1.8em;
    text-align:center;
    font-family: 'LobsterTwo',sans-serif;
}

h1 {margin: -9px 10px -9px 0px; padding: 15px 0 5px; text-align: right; background: transparent; color: black; font-family: 'LobsterTwo',sans-serif; font-size: 30px; height: 28px; vertical-align: middle; white-space: nowrap; position:relative;
  z-index:10;
}
h2 {margin: -9px 10px; padding: 15px 0 10px; text-align: right; background: transparent; color: #9dd588;  font-family:'Exo',sans-serif;font-size: 1.5em ; vertical-align: middle; white-space: nowrap;}


-->
</style>
