@media screen and (max-width:1024px){#navigation{border-bottom:0px;border-left:0px;border-right:0px;border-top:0px;display:none;margin-bottom:0px;margin-top:0px;}
html>body #navigation{overflow:hidden;}
body{
	width: auto;
	font-family: Open Sans, Arial, Verdana, sans-serif;
	font-size: 100%;
	color: #000000;
	background-color: #FFFFFF;
}
img{max-width:100%;height:auto;}
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
iframe,
object,
embed,
video{max-width:100%;}
#container{
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
	max-width: 100%;
	background-color: #FFFFFF;
}
#masthead{max-width:100%;height:auto;}
#masthead .titre{font-size:1.2em;font-weight:bold;text-align:center;color:#FFFFFF;}
#masthead .menu{text-align:center;}
#content{float:left;max-width:100%;padding:0px;background-color:#fff;}
#column_l h2.normal{text-align:left;}
#column_l h3.normal{text-align:left;}
html>body #column_l{width:100%;max-width:100%;float:left;padding:0px;}
#column_r{width:100%;max-width:100%;float:left;padding:0px;background-color:transparent;}
#column_r h2.normal{text-align:left;}
#column_r h3.normal{text-align:left;}
html>body #column_r{width:100%;max-width:100%;float:left;padding:0px;}
#column_d{width:100%;max-width:100%;float:left;padding:0px;background-color:transparent;}
html>body #column_d{width:100%;max-width:100%;float:left;padding:0px;background-color:transparent;}
#column_d h2.normal{text-align:left;}
#column_d h3.normal{text-align:left;}div#footer{font-size:x-small;max-width:100%;}
.liensfooter{display:none;}
#content h1{color:#3d6c87;font-size:1em;text-align:center;text-transform:uppercase;font-variant:small-caps;}
#content h1.titre{color:#3d6c87;font-size:1.2em;text-align:center;background-color:#F2F2F7;}
.entete{font-size:x-small;color:#FFFFFF;background-color:#33627D;text-align:center;}
.plansite{background-color:#33627D;font:menu}
.separation2{background-image:url("../images/separateur-hr.png") no-repeat center top;display:block;height:15px;margin-top:10px!important;margin-bottom:20px!important;border:none;}
#column_l{float:left;max-width:100%;padding:0;}
h1{
	color: #000000;
	font-size: 1.8em;
	text-align: center;
	padding-left: 0.2em;
	text-transform: uppercase;
	font-variant: small-caps;
}
h2{font-size:1.8em;text-align:left}
h2.slogan{color:#FF9933;font-size:1.2em;text-align:center}
h2.plansite{font-size:1em;text-align:center;}
a.plansite{color: #FFFFFF;font-size: 1em;text-align: center;text-decoration: none;font-family: Open Sans, Arial, Verdana, sans-serif;}
h3{font-size:1.3em;text-align:left}
.none{display:none;}
.nomenu{display:block;text-align:right;}
.conteneur{display:none;}
.titmenu{
	color: #000000;
	font-size: 0.8em;
	text-align: center;
	text-transform: uppercase;
	font-variant: small-caps;
	text-decoration: none;
	font-family: Roboto, Arial, Verdana, sans-serif;
	list-style: none;
}
.titremenu{background-color: #FF9933;color: white;font-size: 1em;text-align: center;font-weight: bold;}
p {
  margin-left: 0.2em;
  text-align: left;
}

.gris{
	background: #F9F9F9;
	color: #000000;
}
.greenlinks{
	color: #000000;
	text-decoration: none;
	text-align: left;
}
.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 300px;
	background-color: #fff;
	color: #143625;
	text-align: left;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.3s;
	font-size: small;
	display: none;
}

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