@charset "utf-8";

body  {
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #666;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
h1 {
	font-weight: bold;
	font-size: 170%;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-size: 120%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-size: 100%;
	font-weight: bold;
}
strong {


}
em {

}
a:link {
	color: #666;
	text-decoration: underline;
	font-weight: normal;
}
a:visited {
	text-decoration: underline;
	font-weight: normal;
	color: #666;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: underline;
	color: #666;
}
.texte90 {
	font-size: 90%;
	color: #666;
}
.fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
	float: right;
	margin-left: 5px;
}
.fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
}
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.twoColFixLtHdr #container {
	width: 780px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	background: #fedb00; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 1px none #000000;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: right;
	float: none;
	height: 100px;
} 
.twoColFixLtHdr #header {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	background-color: #FFF;
	height: 130px;
	text-align: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
} 
.twoColFixLtHdr #container #princ {
	margin-left: 159px;
	margin-bottom: 0px;
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 125px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #FFF;
}
.twoColFixLtHdr #mainContent {
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	border-right-width: thick;
	border-left-width: thick;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FEDB00;
	border-left-color: #FEDB00;
	width: 750px;
} 
.titregen {
	font-size: 160%;
	color: #666;
	margin: 0px;
	padding: 0px;
}

.twoColFixLtHdr #mainContentPU {
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	border-right-width: thick;
	border-left-width: thick;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E86A10;
	border-left-color: #E86A10;
	width: 750px;
}
.titrePU {
	font-size: 160%;
	color: #E86A10;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.twoColFixLtHdr #mainContentH {
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	border-right-width: thick;
	border-left-width: thick;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #2F8926;
	border-left-color: #2F8926;
	width: 750px;
}
.titreH {
	font-size: 160%;
	color: #2F8926;
	margin: 0px;
	padding: 0px;
}
.twoColFixLtHdr #mainContentP {
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	border-right-width: thick;
	border-left-width: thick;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #00759F;
	border-left-color: #00759F;
	width: 750px;
}

.titreP {
	font-size: 160%;
	color: #00759f;
	margin: 0px;
	padding: 0px;
}

.twoColFixLtHdr #mainContentMMDD {
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	border-right-width: thick;
	border-left-width: thick;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9D102D;
	border-left-color: #9D102D;
	width: 750px;
}
.titreMMDD {
	font-size: 160%;
	color: #9D102D;
	margin: 0px;
	padding: 0px;
}
#entet1 {
	height: 95px;
	text-align: left;
}
#header #entete {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: 100;
	margin-left: 158px;
	text-align: left;
	color: #8D7676;
	text-decoration: none;
}
.urbanistes {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 120%;
	color: #999;
	text-align: center;
	letter-spacing: normal;
	width: 130px;
	float: left;
	clear: right;
}
.twoColFixLtHdr #container #header #entete #met1 a {
	color: #FFF;
	text-decoration: none;
}
.twoColFixLtHdr #container #header #entete #met2 a {
	color: #FFF;
	text-decoration: none;
}
.twoColFixLtHdr #container #header #entete #met3 a {
	color: #FFF;
	text-decoration: none;
}
.twoColFixLtHdr #container #header #entete #met4 a {
	color: #FFF;
	text-decoration: none;
}
.twoColFixLtHdr #container #header #entete #met1 a:hover {
	color: #333;
	text-decoration: none;
}
.twoColFixLtHdr #container #header #entete #met2 a:hover {
	color: #333;
	text-decoration: none;
}
.twoColFixLtHdr #container #header #entete #met3 a:hover {
	color: #333;
	text-decoration: none;
}
.twoColFixLtHdr #container #header #entete #met4 a:hover {
	color: #333;
	text-decoration: none;
}
#container #header #entete #met5 a {
	text-decoration: none;
}
#container #header #entete #met5 a:hover {
	text-decoration: none;
	color: #000;
}
#met1 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #e86a10;
	color: #FFF;
	width: 145px;
	text-align: center;
	float: left;
	text-decoration: none;
}
#met2 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #2f8926;
	color: #FFF;
	width: 145px;
	text-align: center;
	float: left;
	text-decoration: none;
}
#met3 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #00759f;
	color: #FFF;
	width: 145px;
	text-align: center;
	float: left;
	text-decoration: none;
}
#met4 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #9d102d;
	color: #FFF;
	width: 145px;
	text-align: center;
	clear: right;
	float: left;
	text-decoration: none;
}
#met5 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFC;
	color: #666;
	width: 105px;
	text-align: center;
	border: thin solid #FFF;
	float: left;
	display: inline;
	font-weight: bold;
	text-decoration: none;
}


.twoColFixLtHdr #footer {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	background-color: #e8e8e8;
	font-size: 90%;
	margin-top: 5px;
} 
.twoColFixLtHdr #footer a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	background-color: #e8e8e8;
	font-size: 90%;
	text-decoration: none;
}
.twoColFixLtHdr #footer a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	text-align: center;
	background-color: #ffc;
	color: #000;
	text-decoration: none;
}
.twoColFixLtHdr #container #coord {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #666;
	text-decoration: none;
	text-align: center;
	margin: 7px;
}
.twoColFixLtHdr #container #coord a {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
}
.twoColFixLtHdr #container #coord a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}




.para-ill {
	width: 750px;
	overflow: auto;
	height: auto;
	clear: both;
}
.para-ill-img {
	width: 750px;
	overflow: auto;
	height: auto;
	clear: both;
	text-align: center;
}

.listeTri {
	list-style-image: url(../imgen/PuceTri.gif);
	font-size: 120%;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

.contacttitre {
	background-color: #F3F3F3;
	font-weight: normal;
	font-size: 110%;
	margin: 0px;
	padding: 0px;
}
.listenorm {
	padding: 0px;
	list-style-type: square;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -20px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	white-space: normal;
}
table {
	width: 100%;
	padding: 1px;
	font-size: 85%;
}
th, td {
	background-color: #f9f9f9;
	border-bottom-width: thin;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-left-color: #FFF;
}
.entetetable {
	text-align: center;
	font-weight: bold;
}
.notes {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #F3C;
	text-decoration: underline overline;
}
.signatures {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-variant: normal;
	color: #999;
}
#leg {
	padding-right: 340px;
}
.txtpetit {
	font-size: 90%;
}
.texteillustr {
	font-size: 80%;
	font-weight: bolder;
}