@media print {
* {display:none}
}
/* l'image n'est pas plus grande que son parent */
img { max-width: 100%; height: auto; }

.rightAlign {
  text-align: right;
}
/*a {
		text-decoration: underline;
		background: #008080;
		color: #ffffff;
	}
*/
body {
font-family: Georgia, Verdana, Helvetica, Times, Times New Roman, Arial, Courier New;
background-color: white;
color: black;
padding: 1em;
}

div#entete{
text-align: left;
padding: 1em 1em;
display: block;
}
img#banner {
width: 100%;
}

div#navig{
		text-align:center;
		margin: 0px 0px 0px 0px; /* top right bottom left */
		padding: 0px 0px 0px 0px; /* top right bottom left */
		width: 100%;
		height:40px;
		background:black;
		color: white;
}

h1#title0 {
	font-size: 240%;
	text-align: left;
	color: #008080;
	padding: 0em;
	margin:0em;
}
h2#title1 {
	text-align: left;
	font-size: 100%;
	font-weight: normal;
	color: #008080;
	padding: 0em;
	margin:0em;
}

div#content {
  width: 75%;
  float: left;
  padding-left: 80px;
  padding-right: 50px;
 /* background-color:#FFFFFF; */
 /* color: #000000; */
  line-height: 1.5;
  /* float: left; */
}


div#links {
width: 25%;
background-color: white;
color: black;
float: right;
padding-left: 10px;
padding-right: 10px;
}

#links div{
clear: both;
}
h2  {
/* color: #000000;*/
}

#links h1, h2 {
 text-align: left;
/* font-weight: bold;*/
 font-size: 100%; 
margin-top: 1em;
/* letter-spacing: 2px;*/
/* color: #000000;*/
text-transform: uppercase;
}


div#links  a:hover {
color:#fff; background:#000;
}

img#languages{border:0;}

div#footer2 {font-size:90%;/*font-variant: small-caps;*/clear: both;border-top-style: solid;
border-top-width: 1px;
}
div#footer2 > div{
/* background-color: white;
color:black;*/
/* float:left;width:135px;min-height:150px;margin-left:13px;margin-bottom:5px;*/
 }
/* div#footer2>div:first-child{margin-left:0} */
/* div#footer2   a.link, div#footer2 a.link:visited  {
background-color: #008080;
color: white;
font-size: 150%;
font-weight: bolder;
} */
div#footer2   li:hover{
		/*background: #ccc;
		color: #000000;*/
		font-weight:bold;
/* font-size: 150%;
font-weight: bolder;*/
 }



div#footer  {
/* background-color: white;
color:black; */
clear: both;
text-align: center;
border-top-style: solid;
border-top-width: 1px;
}
div#footer  * {
text-align: center;
}

div#resultat {
background-color: white;
color:black;
clear: both;
text-align: center;
}




div#middle {
clear:left; 
/* background-color: white;*/
}

/* BARRE DE NAVIGATION */
div#main_nav {
width:1001px;
text-align: center;
margin-top: -5px;
}
	#main_nav ul {
		background: #008080;
		float: left;
		-webkit-transition: .5s;
		transition: .5s;
		margin:0 auto;
		padding: 0px 0px 0px 0px;
	}
	
	#main_nav li {
		float: left;
		position: relative;
		width: 250px; /* avant 166 avec situation */
		list-style: none;
		-webkit-transition: .5s;
		transition: .5s;
	}
	
	#main_nav a {
		display: block;
		text-decoration: none;
		padding: 10px 15px;
		color: #ffffff;
	}
	#main_nav li a:hover, li li  a:hover{
		color: #000000;
	}
	
	#main_nav ul ul{
		position: absolute;
		left: 0;
		top: 100%;
		visibility: hidden;
		opacity: 0;
		padding-left: 0px;
	}
	#main_nav ul ul li a{	color:black;}
	
	#main_nav ul ul ul {
		left: 100%;
		top: 0;
		color:black;
	}
	
	#main_nav li:hover, #main_nav li:hover li {
		background: #ddd;
		color: #000000;
		font-weight:bold;
	}
	
	#main_nav li li:hover, #main_nav li li:hover li {
		background: #ccc;
		color: #000000;
		font-weight:bold;
	}
	
	#main_nav li li li:hover {
		background: #bbb;
		color: #000000;
	}
	
	#main_nav li:hover > ul {
		visibility: visible;
		opacity: 1;
		color: #000000;
	}

a.navig {
	background-color: black;
	color: white;
	text-decoration:none; 
	padding-left: 1em; padding-right: 1em;
}


div.formulaire {
  width: 80%;
  border: 1px solid #287CB1; 
  padding: 5px;   
  margin: 0px auto;
}

/* Selects any required <input> */
input:required  textarea:required{
  border: 1px dashed red;
}



input, textarea, select {
  background-color:#F0F8FF;
  color:#00008B;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px; 
  font-weight: bold;

}

input {font-size: 100%; font-weight: bolder;text-align: center; color: #228B22}
input:-moz-read-only { /* For Firefox */
  color: #008B8B;
  background-color: #DCDCDC;
}

input:read-only {
  color: #008B8B;
  background-color: #DCDCDC;
}
label{
    display: block; /* inline-block;*/
    /* float: left;
    clear: left; */
    width: 200px;
     font-size: 14px; 
    text-align: left;
}
input .contact{
  display: block; /* inline-block; */
 /* float: left; */
}

#resultat table, #menuDroit  {

}
div#menuDroit h1, h2, p, form {
	text-align: left;
}

div#menuDroit table {
	text-align: center;
}
#menuDroit table {
	margin-left:auto; 
     margin-right:auto;
}


table, td, th {
 border-left: 1px solid gray;
 border-bottom: 1px solid gray;
}
th {
 border-top: 1px solid gray;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}