@charset "utf-8";
/* CSS Document */

/*general*/
body {margin:0px; padding:0px; font: 1.0em Verdana; color:#FFFFFF; text-align:center;  background:url(img/fond.gif) repeat-x top #b2cb66;}
* {margin:0px; padding:0px;}
.nofloat{clear:both;}
div#main {width:955px; margin-left:auto; margin-right:auto; text-align:left;}

/*header*/
div#header {width:955px; height:293px; background:url(img/header.jpg); margin-bottom:-1px;}/*ajuster margin IE*/
div#header p {font-size:0.8em; text-align:right; padding:110px 20px 20px 0px; color:#fff;}
div#header p a {text-decoration:none; text-align:right;}
div#header p a:link {color:#fff;}
div#header p a:visited {color:#b2cb66;}
div#header p a:hover {color:#8a6878;}

/*mp*/
div#mp {width:955px; margin:0px; padding:0px; boder:0px;}
div#mp a {text-decoration:none; margin:0px; padding:0px;}
div#mp img {display:block; float:left; border:0px; margin:0px; padding:0px;}
#histomenu li {float :left; position:relative; list-style-type:none; font-family:Arial;}
#publicmenu li {float :left; position:relative; list-style-type:none; font-family:Arial;}
#acteurmenu li {float :left; position:relative; list-style-type:none; font-family:Arial;}
#thememenu li {float :left; position:relative; list-style-type:none; font-family:Arial;}
#usagemenu li {float :left; position:relative; list-style-type:none; font-family:Arial;}

/*Menu déroulant HISTORIQUE*/
div#mp ul#histomenu li ul  {margin-top:33px; width:180px; position:absolute; list-style-type:none; font-family:Arial;}
body div#mp ul#histomenu li ul {display:none; font-family:Arial;}
div#mp ul#histomenu li:hover ul, div#mp ul li ul:hover { display:block; }
div#mp ul#histomenu li ul a {margin:0px; height:100%; width:180px; display:block; border:none; color:#000; font-size:0.9em; text-decoration:none; background:#ACB268; text-align:left; padding:8px 3px 8px 5px; font-family:Arial;}
div#mp ul#histomenu li ul a:hover {background:#50532D; color:#ACB268; font-family:Arial;}
div#mp ul#histomenu li ul li {width:180px; padding:0px; margin:0px; font-family:Arial;}

/* Menu déroulant ESPACE PUBLIC */
div#mp ul#publicmenu li ul  {margin-top:33px; width:204px; position:absolute; list-style-type:none; font-family:Arial;}
body div#mp ul#publicmenu li ul {display:none; font-family:Arial;}
div#mp ul#publicmenu li:hover ul, div#mp ul li ul:hover { display:block; font-family:Arial;}
div#mp ul#publicmenu li ul a {margin:0px; height:100%; width:204px; display:block; border:none; color:#000; font-size:0.9em; text-decoration:none; background:#ACB268; text-align:left; padding:8px 3px 8px 5px; font-family:Arial;}
div#mp ul#publicmenu li ul a:hover {background:#50532D; color:#ACB268; font-family:Arial;}
div#mp ul#publicmenu li ul li {width:204px; padding:0px; margin:0px; font-family:Arial;}

/*Menu déroulant ACTEURS*/
div#mp ul#acteurmenu li ul  {margin-top:33px; width:152px; position:absolute; list-style-type:none; font-family:Arial;}
body div#mp ul#acteurmenu li ul {display:none; font-family:Arial;}
div#mp ul#acteurmenu li:hover ul, div#mp ul li ul:hover { display:block; font-family:Arial;}
div#mp ul#acteurmenu li ul a {margin:0px; height:100%; width:152px; display:block; border:none; color:#000; font-size:0.9em; text-decoration:none; background:#ACB268; text-align:left; padding:8px 3px 8px 5px; font-family:Arial;}
div#mp ul#acteurmenu li ul a:hover {background:#50532D; color:#ACB268; font-family:Arial;}
div#mp ul#acteurmenu li ul li {width:152px; padding:0px; margin:0px; font-family:Arial;}

/*Menu déroulant THÉMATIQUES*/
div#mp ul#thememenu li ul  {margin-top:33px; width:188px; position:absolute; list-style-type:none; font-family:Arial;}
body div#mp ul#thememenu li ul {display:none; font-family:Arial;}
div#mp ul#thememenu li:hover ul, div#mp ul li ul:hover { display:block; font-family:Arial;}
div#mp ul#thememenu li ul a {margin:0px; height:100%; width:188px; display:block; border:none; color:#000; font-size:0.9em; text-decoration:none; background:#ACB268; text-align:left; padding:8px 3px 8px 5px; font-family:Arial;}
div#mp ul#thememenu li ul a:hover {background:#50532D; color:#ACB268; font-family:Arial;}
div#mp ul#thememenu li ul li {width:188px; padding:0px; margin:0px; font-family:Arial;}

/*Menu déroulant INDUSTRIE*/
div#mp ul#usagemenu li ul  {margin-top:33px; width:186px; position:absolute; list-style-type:none; font-family:Arial;}
body div#mp ul#usagemenu li ul {display:none; font-family:Arial;}
div#mp ul#usagemenu li:hover ul, div#mp ul li ul:hover { display:block; font-family:Arial;}
div#mp ul#usagemenu li ul a {margin:0px; height:100%; width:186px; display:block; border:none; color:#000; font-size:0.9em; text-decoration:none; background:#ACB268; text-align:left; padding:8px 3px 8px 5px; font-family:Arial;}
div#mp ul#usagemenu li ul a:hover {background:#50532D; color:#ACB268; font-family:Arial;}
div#mp ul#usagemenu li ul li {width:186px; padding:0px; margin:0px; font-family:Arial;}

/*container*/
div#container {width:955px; background-color:#000; margin-top:-4px;}/*ajuster margin IE*/
div#colonne1 {width:357px; float:left; background:url(img/fond_col1.gif) repeat-y top;}
div#colonne1 p {font: 0.8em Verdana; text-align:justify; color:#000; padding:10px 10px 0px 70px;}
div#colonne1 h4 {font: 0.9em Verdana; color:#000; font-weight:bold; padding:0px 10px 0px 70px;}
div#colonne1 h5 a {font: 0.7em Verdana; color:#000; font-weight:bold; margin:0px 10px 0px 250px;}
div#colonne1 h5 a:link {color:#000;}
div#colonne1 h5 a:visited {color:#000;}
div#colonne1 h5 a:hover {color:#fff;}
div#colonne1 img {margin:0px; padding:0px; display:block;}

div#colonne2 {width:598px; float:left;}
div#colonne2 h3 {font: 0.9em Verdana; color:#b2cb66; padding:15px 45px 15px 45px; text-align:justify; font-weight:bold;}
div#colonne2 h4 {font: 0.9em Verdana; color:#8a6878; padding:30px 45px 15px 65px; text-align:left; font-weight:bold;}
div#colonne2 h5 {font: 0.8em Verdana; color:#ACB268; padding:15px 45px 15px 45px; text-align:left;}
div#colonne2 p {font: 0.8em Verdana; color:#FFFFFF; padding:15px 45px 15px 45px; text-align:justify;}
div#colonne2 a {display:inline-block; height:100%; font: 0.8em Verdana; color:#FFFFFF; margin:0px 45px 5px 45px;}
div#colonne2 a:link {color:#fff;}
div#colonne2 a:visited {color:#c9a77a;}
div#colonne2 a:hover {color:#8a6878;}
div#colonne2 div#bouton {padding-left:200px;}
div#ferland2 {padding:15px 45px 15px 115px;}
div#colonne2 ol {padding:15px 45px 15px 65px; font: 0.8em Verdana; color:#FFFFFF;}
div#colonne2 div#retrait {padding:15px 45px 15px 100px; font: 0.8em Verdana; color:#FFFFFF;}
div#colonne2 div#tableau  {margin:15px 45px 15px 45px;}
div#colonne2 div#tableau p {margin:3px 5px 3px 5px; font: 0.8em Verdana; color:#FFFFFF;}
div#colonne2 div#lien a {color:#ACB268; font-size:1.0em;}
div#colonne2 div#drapeau  {margin:15px 15px 15px 45px;}
div#colonne2 div#ferland {margin:15px 15px 15px 45px;}
div#colonne2 div#source {font:0.7em Verdana; text-align:center;}

/*liste a puces pour la section thématique*/

div#colonne2 ul { padding:15px 45px 15px 58px; }
div#colonne2 ul li#niv1 { color:#8a6878; font-size:0.9em; list-style-type:disc; padding-bottom:5px; font-weight:bold; }
div#colonne2 ul li#niv2 { color:#fff; font-size:0.8em; list-style-type:circle; margin:0px 0px 0px 15px; padding-bottom:5px; }
div#colonne2 ul li#niv3 { color:#c9a77a; font-size:0.7em; list-style-type:square; margin:0px 0px 0px 30px; padding-bottom:5px; }
div#colonne2 ul li#niv4 { color:#ACB268; font-size:0.6em; list-style-type:square; margin:0px 0px 0px 45px; padding-bottom:5px; }



/*footer*/
div#footer {width:955px; height:180px; background:url(img/footer.jpg);}
div#footer p {font: 0.7em Verdana; text-align:center; color:#000; padding:180px 25px 25px 70px;}