/* CSS Document */
* {margin:0; padding: 0;}
body {margin: 8px auto; border:0; background-color:#000; color:#FFF; behavior:url(csshover.htc);}
#warning {font: bold 18px Arial, Helvetica, sans-serif; color: #F00; text-decoration: none; background: #FFFF00; margin: 0px; padding: 3px 10px;}
#notice {font: bold 16px Arial, Helvetica, sans-serif; color:#08398D; background: #FFFFA0; text-decoration: none; margin: 0px; padding: 3px 10px;}
sup {font-size:0.5em;}

div#main {margin: 0 auto; width:930px; position:relative;  background:#357FB2 url(images/fond_page.gif) repeat-y 0px 0px;}

/* Bannière */
div#banniere {position:relative; top:0; width:930px; height:107px; background: url(images/banniere.jpg) no-repeat 0px 0px; text-align:right;}
div#banniere a{width:930px; height:107px; padding:0; margin:0; border:0000px none #FFF;}
div#banniere img{padding:0; margin:0; border:0000px none #FFF;}

/* Choix Langue */
div#menu_lang {display:block; position:absolute; top:50px; right:0px; width:260px; height:30px; background:none; margin:0; padding:0; font:normal 12px Verdana, Geneva, sans-serif; color: #FFF; text-decoration:none; white-space:nowrap; text-align:left;}
div#menu_lang input {margin:0; padding:0; font:normal 12px Verdana, Geneva, sans-serif; color:#FFF; background:#1A5C90; border:solid 1px #000;}
div#menu_lang select {margin:0; padding:0; font:normal 12px Verdana, Geneva, sans-serif; color:#FFF; background:#1A5C90; border:solid 1px #000;}
div#menu_lang option {margin:0; padding:2px 5px; font:normal 12px Verdana, Geneva, sans-serif; color:#FFF; background:#1A5C90; border:none;}

/* Recherche sur le site SPIP */
div#recherche {display:block; position:absolute; top:75px; right:0px; width:260px; height:30px; background:none; margin:0; padding:0; font:normal 12px Verdana, Geneva, sans-serif; color: #FFF; text-decoration:none; white-space:nowrap; text-align:left;}
div#recherche input {margin:0; padding:2px 5px; font:normal 12px Verdana, Geneva, sans-serif; color:#FFF; background:#1A5C90; border:solid 1px #000; cursor:pointer;}

/* Menu horizontal  background:#5B9ED3*/
div#navHori {display:block; position:relative; width:930px; height:27px; margin:0; padding:0; background:url(images/menu_fond.jpg) no-repeat 0px 0px; z-index:100; overflow: visible;}
div#navHori ul {display:block; position:absolute; top:0px; right:10px; margin:0; padding:0; width:auto; height:25px;}
div#navHori ul li {display:block; position:relative; width:auto; height:20px; float:left; margin:0 5px 0 0; list-style:none; clear:none;}
div#navHori ul li a {display:block; width:auto; height:auto; margin:0; padding:0; white-space:nowrap; font:normal normal 11px/normal Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; color:#FFF; padding:4px;}
div#navHori ul ul {display:none; visibility:hidden; position:absolute; top:20px; left:0; width:100%; min-width:400px; height:auto; margin:0; padding:0; background:#5B9ED3; border-top:solid 1px #FF9;}
div#navHori ul ul li {display:block; position:relative; float:none; clear:none; width:auto; height:auto; margin:0; padding:0; border:1px solid #3173A7; border-top-width:0; white-space:nowrap; color:#FFF;}
div#navHori ul ul li a:active,
div#navHori ul ul li a:visited,
div#navHori ul ul li a {display:block; position:relative; width:auto; height:auto; margin:0; padding:2px 4px; font:normal 11px/normal Arial, Helvetica, sans-serif; text-decoration:none; color:#FFF; white-space:nowrap; text-transform:none;}
div#navHori ul li:hover {background:#3173A7;}	
div#navHori ul ul li:hover a {background:#3173A7;}
div#navHori ul li ul:hover {display:block; visibility:visible;}
div#navHori ul li:hover ul {display:block; visibility:visible;}
div#navHori ul li:hover a {color:#FFF;}
div#navHori>ul>li:hover>a {color:#FF9;}
div#navHori ul ul li:hover a {color:#FF9;}

/* Menu de navigation vertical */
div#navVerti {width:180px; background:#357FB2 url(images/roi_marc.jpg) no-repeat 0px 0px; padding-bottom:30px; float:left;}
div#navVerti h3 {display:block; text-align:left; margin:102px 0 0 0; padding:0 5px 0 10px; border-top:1px solid #357FB2; border-right:0px none #357FB2; border-bottom:1px solid #9FC8E8; border-left:0px none #357FB2;}
div#navVerti h3 a{font:bold normal 12px/normal Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; color:#9FC8E8;}
div#navVerti h3:hover {background-color:#9FC8E8;	border-top: 1px solid #FFFF99; border-bottom: 1px solid #FFFF99; background: #9FC8E8 url(images/fleche_deg_dr_b.gif) no-repeat right center;}
div#navVerti h3:hover a{color:#357FB2;}
div#navVerti h4 {display:block; text-align:left; margin:0; padding:0 5px 0 10px; margin:10px 0 0 0; border-top:1px solid #357FB2; border-right:0px none #357FB2; border-bottom:1px solid #FFFF99; border-left:0px none #357FB2;}
div#navVerti h4:hover {background-color:#9FC8E8; border-top: 1px solid #FFFF99; border-bottom: 1px solid #FFFF99; background: #9FC8E8 url(images/fleche_deg_dr_b.gif) no-repeat right center;}
div#navVerti h4 a{font:bold 12px Arial, Helvetica, sans-serif; color:#9FC8E8; text-decoration:none;}
div#navVerti h4:hover a{color:#357FB2;}
div#navVerti ul li {border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #357FB2; border-bottom-color: #5CA0D4; margin-left:10px; list-style:none;}
div#navVerti ul li:hover {border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; background: #9FC8E8 url(images/fleche_deg_dr_b.gif) no-repeat right center;}
div#navVerti ul li a {font-family: Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; text-decoration:none; color:#FFF; margin:0 10px;}
div#navVerti ul li:hover a {color:#357FB2;}

/* Contenu général */
div#contenu {padding:10px; margin:0; background: #9FC8E8 url(images/fond_coin.gif) no-repeat 0 0; display:block; width:730px; float:left; overflow:hidden; text-align:center; font:12px Arial, Helvetica, sans-serif; color:#0D345F; text-align:left;}
div#contenu h1{display:block; position:relative; top:-10px; left:-10px; color:#0D345F; padding:5px 0 10px 10px; margin: 0 0 5px 0;width:730px; border-bottom: 1px solid #FFFF99; font: bold 19px Geneva, Arial, Helvetica, sans-serif; text-align:left; background: url(images/rub_fond_deg2.gif) repeat-y left center; z-index:50;}
div#contenu h2{padding:3px 10px 10px 30px; text-decoration: none; font: italic bold 13px Geneva, Arial, Helvetica, sans-serif; color:#0D345F; text-align:left;}
div#contenu h3{font: bold 13px Geneva, Arial, Helvetica, sans-serif; color:#357FB2;	text-align:left; margin:0; padding:15px;}
div#contenu h4{font: bold 12px Geneva, Arial, Helvetica, sans-serif; color:#0D345F;	text-align:left;}
div#contenu p{display:block; clear:both; font:12px Arial, Helvetica, sans-serif; color:#0D345F; width:670px; text-align:left; margin:0; padding:0 0 0 30px; color:#0D345F;}
div#contenu p.art_chapo{padding:15px 15px 15px 30px; font-weight:bold; text-align:justify;}
div#contenu p.art_ps{width:650px; height:auto; padding:10px 30px 70px 30px; color:#000055; font-size:1em; font-style:italic; text-align:justify;}
div#contenu p {width:670px; height:auto; text-align:left; margin:0; padding:5px 0 20px 30px; white-space:normal; clear:both; color:#0D345F; text-align:justify;}
div#contenu p img {margin:0; padding:0;}
div#contenu span.spip_documents {padding:0; margin:0;}
div#contenu span.spip_documents_center {display:block; width:720px; text-align:center; clear:both; float:none; padding:5px;}
div#contenu span.spip_documents_left {float:left; padding:2px 10px 2px 0;}
div#contenu span.spip_documents_right {float:right; padding:2px 0 2px 10px;}
div#contenu>img.spip_logos{display:block; position:relative; float:left; margin:0 20px 45px 15px; padding:0; z-index:51;}
div#contenu ul.spip,#contenu ol.spip{width: 630px; height:auto; margin:0; padding:0 15px 30px 70px; clear:both; font:12px Arial, Helvetica, sans-serif; text-align:left;color:#0D345F;}
div#contenu li.spip {list-style:disc url(images/puce_rub.gif) outside; margin:0; padding:0; clear:both; text-align:left; color:#0D345F;}
div#contenu strong.spip {font-size: 13px; font-weight: bold;}
div#contenu i.spip {font-size: 13px; font-style: italic;}
div#contenu a {color:#404099; text-decoration:none; font-weight:bold;}
div#contenu a:hover {color:#0D345F; text-decoration:underline;}
div#contenu a:hover *.spip_logos {border-top: 1px solid #FFF; border-right: 1px solid #003399; border-bottom: 1px solid #003399; border-left: 1px solid #FFF;}
div#contenu strong.spip {font-weight:bold; font-family:inherit; color:inherit;}
div#contenu dl {display:inline-block; margin:0; padding:10px 20px 20px 30px;}
div#contenu div#rubriques {display:block; overflow:hidden; width:720px; margin:15px; padding:0; clear:both;}
div#contenu div#rubriques ul {display:block; width:720px; height:auto; margin:0; padding:20px 0 0 0; background:none;	list-style: url(none) none outside;}
div#contenu div#rubriques li {display:block; width:720px; height:auto; margin:10px 10px 40px 30px; padding:0; list-style: url(none) none outside;}
div#contenu div#rubriques li h1 {background: url(images/fleche_deg_dr.gif) no-repeat left center; border-bottom: 1px solid #FFFFFF; padding:0 10px 3px 15px; margin:0; font: bold 16px Geneva, Arial, Helvetica, sans-serif; text-align:left; height:17px; clear:both;}
div#contenu div#rubriques h2{padding:3px 10px 15px 30px; text-decoration: none; font: italic normal 12px Geneva, Arial, Helvetica, sans-serif; color:#0D345F; text-align:left;}
div#contenu div#rubriques li p {color:#0D345F; width:700px; text-align:left;}
div#contenu div#rubriques li:hover h1 {background: url(images/rub_fond_deg2.gif) repeat-y left center; border-bottom: 1px solid #FFFF99; cursor:pointer;}
div#contenu div#rubriques li a {color:#4040AA;}
div#contenu div#rubriques li img,#contenu #rubriques li img.spip_logos {border: 1px solid #9FC8E8; float:left; margin:0 10px 40px 0;}
div#contenu div#rubriques li a:hover {color:#0D345F;}
div#contenu div#rubriques li a:hover *.spip_logos {border-top: 1px solid #FFF; border-right: 1px solid #003399; border-bottom: 1px solid #003399; border-left: 1px solid #FFF;}
div#contenu div#articles {display:block; overflow:hidden; width:720px; margin:15px; padding:0; clear:both;}
div#contenu div#articles ul {display:block; width:720px; height:auto; margin:0; padding:20px 0 0 0; background:none; list-style: url(none) none outside;}
div#contenu div#articles li {display:block; width:720px; height:auto; margin:10px 10px 40px 30px; padding:0; list-style: url(none) none outside;}
div#contenu div#articles li h1 {background: url(images/fleche_deg_dr.gif) no-repeat left center; border-bottom: 1px solid #FFFFFF; padding:0 10px 3px 15px; margin:0; font: bold 16px Geneva, Arial, Helvetica, sans-serif; text-align:left; height:17px; clear:both;}
div#contenu div#articles h2{padding:3px 10px 15px 30px; text-decoration: none; font: italic normal 12px Geneva, Arial, Helvetica, sans-serif; color:#0D345F; text-align:left;}
div#contenu div#articles li p {color:#0D345F; width:700px; text-align:left;}
div#contenu div#articles li:hover h1 {background: url(images/rub_fond_deg2.gif) repeat-y left center; border-bottom: 1px solid #FFFF99; cursor:pointer;}
div#contenu div#articles li a {color:#4040AA; text-decoration:none;}
div#contenu div#articles li img,#contenu #articles li img.spip_logos {border: 1px solid #9FC8E8; float:left; margin:0 10px 40px 0;}
div#contenu div#articles li a:hover {color:#0D345F;}
div#contenu div#articles li a:hover *.spip_logos {border: 1px solid #FFFF99;}
div#contenu div#images{display:block; overflow:hidden; width:720px; margin:15px; padding:0; font: 12px Arial, Helvetica, sans-serif; text-align:left;}
div#contenu div#images ul {display:block; width:720px; margin:0; padding:0; background:none;}
div#contenu div#images li {margin:15px 15px 15px 50px; padding:0; list-style: disc url(images/puce_rub.gif) outside;}
div#contenu div#docs{display:block; clear:both; width:750px; height:auto; margin:0; padding:15px 15px 20px 20px; text-align:left;}
div#contenu div#docs ul {display:block; width:730px; margin:0; padding:0; background:none; text-align:left;}
div#contenu div#docs li {margin:15px 15px 15px 50px; padding:0; list-style: disc url(images/puce_rub.gif) outside;}
div#contenu div#docs a {font: 12px Arial, Helvetica, sans-serif;}
div#contenu div#docs span.docTitre {font: bold 12px Geneva, Arial, Helvetica, sans-serif; color:#0D345F;	text-align:left;}
.spip_surligne {background:#FF9;}

/* Resultats des recherches */
div#contenu div#rubriques.recherche h2 {margin:0; padding:0; font:bolder normal 16px Georgia,"Times New Roman",Times,serif; text-decoration:none; background:none;}
div#contenu div#articles.recherche a {display:inline; white-space:nowrap; margin:0; padding:0;}
div#contenu div#articles.recherche ul {display:block; position:relative; left:150px;}
div#contenu div#articles.recherche li {display:block; width:450px; height:auto; margin:0 0 10px 0; padding:5px;}
div#contenu div#articles.recherche li a {display:block; margin:0; padding:2px 10px 2px 20px; background: url(images/fleche_deg_dr_jaune.gif) no-repeat left 0;}
div#contenu div#articles.recherche span {display:inline; white-space:nowrap; margin:0; padding:0;}
div#contenu div#articles.recherche h2 {font-weight:bolder; margin:0; padding:0 0 0 30px; font-size:larger;}
div#contenu div#articles.recherche h3 {display:block; margin:0; padding:0 0 0 30px; white-space:normal;}
div#contenu div#articles.recherche li:hover {background:#3173A7 url(none);}
div#contenu div#articles.recherche li:hover a {background:none;}
div#contenu div#articles.recherche li:hover h2 {color:#FFF;}
div#contenu div#articles.recherche li:hover h3 {color:#9FC8E8;}
/* Fiches */
div#contenu.fiche{width:930px; padding:0; margin:0; border:none;}
div#fiche div#images {display:block; position:relative; float:left; width:150px; padding:12px 20px 20px 0; margin:0; text-align:right;}
div#fiche div#descriptif {display:block; position:relative; float:left; text-align:left; margin:0; padding:20px 20px 20px 0; font:14px Arial, Helvetica, sans-serif; color:#0D345F;}
div#fiche div#images a img {padding:0; margin:0; border:none; float:left;}
div#fiche div#images a {padding:0; margin:8px 0; border:solid 1px #9FC8E8; float:left;}
div#fiche div#images a:hover {border:solid 1px #FFFF99;}
div#fiche h4 {background: url(images/rub_fond_deg2.gif) repeat-y left center; width:650px; margin:0; padding:0; font:bold 12px Arial, Helvetica, sans-serif; color:#0D345F;}
div#fiche p {display:block; position:relative; clear:both; text-align:left; margin:5px 10px 15px 50px; padding:0; font:12px Arial, Helvetica, sans-serif; color:#0D345F;}

/* Moteur de recherche */
div#searchEngine {display:block; width:640px; margin:40px 30px 20px 30px; padding:15px;}
div#searchEngine p {display:block; width:640px; margin:0; padding:5px 0; text-align:left; clear:both; color:#FFFFFF;}
div#searchEngine input,
div#searchEngine select,
div#searchEngine textarea {font:12px Arial, Helvetica, sans-serif; vertical-align:middle; margin:0; padding:0; background:#ADD5F6; border:1px solid #003399; cursor:pointer; color:#0D345F;}
div#searchEngine input[type=text],
div#searchEngine textarea {font-weight:bold; background:#ADD5F6;}
div#searchEngine button,
div#searchEngine input[type=button] {font-weight:bold; background:#ADD5F6;}
div#searchEngine option {color:#0D345F; background:#ADD5F6; padding:2px 5px; border-top: 1px solid #003399;}
div#searchEngine input:hover,
div#searchEngine select:hover,
div#searchEngine option:hover,
div#searchEngine textarea:hover {color:#08398D; background:#FFFF99;}
div#searchEngine input:focus,
div#searchEngine select:focus,
div#searchEngine option:focus,
div#searchEngine textarea:focus {color:#08398D; background:#FFFF99;}
div#searchEngine textarea,
div#searchEngine input[type=text] {width:400px;}
div#searchEngine select {width: 500px;}
div#searchEngine label {float:left; width:110px; margin:0; padding:1px 5px; font:bold 12px Arial, Helvetica, sans-serif; text-align:left; color:#0D345F;}
div#searchEngine lu {display:block; margin:0; padding:0; clear:both; list-style: none outside; text-align:left;}
div#searchEngine li {margin:10px 10px 10px 120px; padding:0; clear:both; list-style: none outside; text-align:left; font-family: Arial, Helvetica, sans-serif;}
div#searchEngine li label {float:none; clear:both;}
div#searchEngine h1 {float:none; clear:both; display:block; background: url(none); margin-top:70px;}
div#searchEngine h3 {float:none; clear:both; display:block; background: url(none); margin:0 30px 20px 70px; color:#08398D; font-size:14px; font-weight:bold; text-align:right;}
div#searchEngine div#options label {color:#0D345F;}
div#searchEngine ul#fiches {float:none; clear:both; display:block; margin:30px 0 0 0; padding:0;}
div#searchEngine ul#fiches a {display:block; width:600px; float:none; clear:none; background:none; padding:10px; color:#FFFFFF; text-decoration:none; font: 12px Arial, Helvetica, sans-serif;}
div#searchEngine ul#fiches a:hover {color:#FFFFFF; text-decoration:none; background:#357FB2 url(images/savoir_plus.gif) no-repeat 405px 35px;}
div#searchEngine ul#fiches a h4 {font-size:16px; padding-left:0px; border-bottom: 1px solid #9FC8E8; background: url(images/rub_fond_deg2.gif) repeat-y right center; clear:none;}
div#searchEngine ul#fiches a:hover h4 {border-bottom: 1px solid #FFFF99; background: none;}
div#searchEngine ul#fiches li {font-size:13px; list-style: none; background:none;}
div#searchEngine ul#fiches img {float:left; padding:0 10px 10px 0; margin: 0 5px 20px 0; border:none;}
div#dates {display:block; white-space:normal;}
div#searchEngine div#dates h3 {font:bold 12px Arial, Helvetica, sans-serif; text-align:left; margin:0; padding:0;color:#0D345F; margin:20px 10px 10px 5px;}
div#searchEngine div#dates input {margin:0 0 10px 0; padding:1px; text-align:center;}
div#searchEngine div#dates select {margin:0 0 10px 0; padding:1px; text-align:center;}
div#searchEngine div#dates select.jour {width:45px;}
div#searchEngine div#dates select.mois {width:85px;}
div#searchEngine div#dates select.annee {width:65px;}
div#searchEngine ul#heberge {float:none; clear:both; display:block; margin:30px 0 0 0; padding:0; height:auto;}
div#searchEngine ul#heberge li {font-size:13px; list-style:none; background:none; height:auto; width:600px;}
div#searchEngine ul#heberge a {display:block; width:600px; float:none; clear:both; background:none; padding:10px; color:#FFFFFF; text-decoration:none; font: 12px Arial, Helvetica, sans-serif;}
div#searchEngine ul#heberge img {float:left; padding:0; margin: 10px 5px 5px 0; border:none;}
div#searchEngine ul#heberge p {clear:none; width:550px; margin: 10px 10px 0 0; padding:0; display:block;}
div#searchEngine ul#heberge a:hover {color:#FFFFFF; text-decoration:none; background:#357FB2;}
div#searchEngine ul#heberge a h4 {font-size:16px; padding-left:0px; border-bottom: 1px solid #9FC8E8; background: url(images/rub_fond_deg2.gif) repeat-y right center;}
div#searchEngine ul#heberge a:hover h4 {border-bottom: 1px solid #FFFF99; background:#357FB2 url(images/savoir_plus.gif) no-repeat 405px 0px;}
div#searchEngine ul#heberge table {display:block; margin:10px 10px 40px 0; padding:0; clear:both; width:410px; height:auto; border:none 0px #000;}
div#searchEngine ul#heberge th {text-align:left; vertical-align:middle; margin:0; padding:5px; font-weight:normal; border:none 0px #000;}
div#searchEngine ul#heberge td {text-align:left; vertical-align:middle; margin:0; padding:5px; border:none 0px #000;}
div#searchEngine ul#heberge td img {margin:5px; padding:0; text-align:left;}
div#searchEngine ul#heberge th.pair, #searchEngine #heberge td.pair {background:#a9d1f3;}
div#searchEngine ul#heberge th.impair, #searchEngine #heberge td.impair {background:#95C2E4;}
div#searchEngine ul#heberge a:hover th {background:none;}
div#searchEngine ul#heberge a:hover td {background:none;}
div#searchEngine ul#options {margin-bottom:40px;}
div#searchEngine sub {display:block; padding:5px 10px 15px 122px; margin:0; color:#000;}

/* Les hébergements */
div#hebergement img {float:none; clear:both; border: 1px solid #9FC8E8; margin:0 0 8px 0; padding:0;}
div#hebergement h4 {background: url(images/rub_fond_deg2.gif) repeat-y left center; margin:0; padding:2px 20px 2px 15px; width:650px; clear:both;}
div#hebergement p {margin:5px 10px 10px 100px; clear:both; width:500px; height:auto;}
div#hebergement table {display:block; margin:0 10px 10px 130px; padding:0; clear:both; width:500px; height:auto; border:none 0px #000;}
div#hebergement th {text-align:left; vertical-align:middle; margin:0; padding:3px; font-weight:normal; border:none 0px #000;}
div#hebergement td {text-align:left; vertical-align:middle; margin:0; padding:3px; border:none 0px #000;}
div#hebergement td img {margin:5px; padding:0; text-align:left;}
div#hebergement td a:hover img {border: 1px solid #FFFF99;}
div#hebergement th.pair, #hebergement td.pair {background:#a9d1f3;}
div#hebergement th.impair, #hebergement td.impair {background:#95C2E4;}
div#hebergement div#images {display:block; position:relative; top:20px; left:20px; width:190px; height:auto; margin:0; padding:0; float:left;}
div#hebergement div#descriptif {display:block; position:relative; top:20px; left:0; width:450px; height:auto; margin:0 0 70px 0; padding:0; float:left; clear:none;}
div#hebergement div#images a:hover img {border: 1px solid #FFFF99;}

/* Pied de page */
div#piedpage {width:930px; height:56px; display:block; background: url(images/frise.jpg) no-repeat 0 0; clear:left;}
div#piedpage p {font: bold normal 10px/normal Arial, Helvetica, sans-serif; color: #FFF; text-align:center; padding:13px 20px;}
div#piedpage a {color:#FFF; text-decoration:none;}
div#piedpage a:hover {text-decoration:underline;}

/* Page d'accueil */
div#accueil {padding:0; margin:0; background: #9FC8E8 url(images/fond_coin.gif) no-repeat 0 0; display:block; width:930px; float:left; font-family:Arial, Helvetica, sans-serif; overflow:hidden;}
div#accueil a {border:0px solid #000; text-decoration:none;}
div#accueil a img {border:0px solid #000;}
div#accueil_diaporama {display:block; position:relative; float:left; top:0px; left:0px; width:593px; height:232px; background-color:#5CA0D4;}
div#accueil_carte {display:block; position:relative; top:0; left:0; width:337px; height:233px; background-color:#5CA0D4; float:left;}
div#accueil_roimarch {display:block; position:relative; top:0; left:0; width:228px; height:124px; float:left; background:#5CA0D4;}
div#accueil_coupscoeur {display:block; position:absolute; top:367px; left:228px; width:702px; height:124px; background-color:#5CA0D4; float:left; overflow:hidden; clear:none;}
div#accueil_coupscoeur h4 {display:block; position:relative; margin:0; padding:0; font-size:12px;}
div#accueil_coupscoeur ul{list-style:none; display:block; float:none; margin:10px 0 0 10px; padding:0; height:114px;}
div#accueil_coupscoeur li{display:block; list-style:none; float:left; width:210px; height:100px; overflow:visible; margin:0 10px 0 0; padding:5px; cursor:pointer; font: normal 10px/normal Arial, Helvetica, sans-serif; text-decoration:none;}
div#accueil_coupscoeur li:hover {background-color:#1A5C90;}
div#accueil_coupscoeur li>a{color:#FFF; font: normal 10px Arial, Helvetica, sans-serif; text-decoration: none; margin:0; padding:0;}
div#accueil_coupscoeur li>a>img{float:left; border: 0px none #000; padding:0 5px 0 0;}

/* Arborescence */
div#contenu div#arborescence {display:block; margin:50px 0 50px 85px; padding:0;}
div#contenu div#arborescence ul {margin:0; padding:0; list-style:none outside;}
div#contenu div#arborescence ul ul {padding-bottom:15px; border-left:1px solid #000; height:auto;}
div#contenu div#arborescence li {margin:0; padding:0 0 0 20px; list-style:none outside; display:block; height:auto;}
div#contenu div#arborescence li>a {margin:0; padding:8px 10px 0 20px; display:inline; display:block; border-left:1px solid #000;}
div#contenu div#arborescence li:hover>a {text-decoration: none; background: url(images/puce_rub.gif) no-repeat 5px 10px;}
div#contenu div#arborescence li>h4 {border-bottom:1px solid #000; display:inline; border-left:1px solid #000; padding:0 10px 0 0; height:30px;}
div#contenu div#arborescence li>h4>a {font-size:14px; color:#0D345F; display:inline; height:20px; padding:0 0 0 20px;}
div#contenu div#arborescence li>h4:hover>a {text-decoration: none; background: url(images/puce_rub.gif) no-repeat 5px center;}

/* Diaporama */
div#diaporama {display:block; position:relative; top:20px; left:30px; width:450px; height:450px; margin:0 20px 100px 0; padding:0; border:none 0px #000; overflow:visible;}
div#diaporama img {display:block; position:absolute; top:0; left:0; visibility:visible; margin:0; padding:0; border:none 0 #000;}
div#diaporama ul,div#diaporama ul img {display:block; position:absolute; top:0; left:0; visibility:hidden; margin:0; padding:0; border:none 0 #000;}
div#diaporama ul h3{display:block; position:absolute; visibility:hidden; margin:0; padding:0;}
div#diaporama ul p{display:block; position:absolute; visibility:hidden; margin:0; padding:0;}
div#diaporama div h3{display:block; position:relative; top:0; left:0; visibility:visible; margin:0; padding:20px 0 5px; font:bold normal 12px/normal Arial, Helvetica, sans-serif; color:#0D345F; text-align:center;}
div#diaporama div p{display:block; position:relative; top:0; left:0; visibility:visible; margin:0; padding:0 0 50px 0; font: 11px/normal Arial, Helvetica, sans-serif; color:#0D345F; text-align:center;}

/* Formulaire de la mailing liste */
form#formmailing {display:block; position:relative; top:0; left:0; width:650px; height:auto; margin:40px 10px 50px 0; padding:0;}
form#formmailing p {display:block; position:relative; float:none; clear:both; margin:15px 0; padding:0;}
form#formmailing input,
form#formmailing input[type=button],
form#formmailing input[type=submit],
form#formmailing select,
form#formmailing textarea {color:#08398D; font:11px Arial, Helvetica, sans-serif; vertical-align:middle; margin:0; padding:2px; border:1px solid #08398D; cursor:pointer; background:#E0F0F0;}
form#formmailing input[type=text],
form#formmailing textarea {font-weight:normal;}
form#formmailing option {padding:0 10px;}
form#formmailing input[type=button],
form#formmailing input[type=submit] {font-weight:bold; margin:2px 25px 2px 0;}
form#formmailing input:hover,
form#formmailing select:hover,
form#formmailing textarea:hover{color:#08398D; background:#FFFFA0;}
form#formmailing input:focus,
form#formmailing select:focus,
form#formmailing textarea:focus{color:#08398D; background:#FFFFA0;}
form#formmailing textarea,
form#formmailing input[type=text]{width:300px;}
form#formmailing label{float:left; width:300px; text-align:right; vertical-align:top; margin:2px 10px 2px 10px; color:#08398D; font-weight:bold;}
form#formmailing select {width:406px;}

/* Interface de gestion de leurs informations par les utilisateurs eux même */
div#utilisateurs {display:block; position:relative; width:700px; height:auto; margin:20px 20px 50px 30px; padding:10px;}
div#utilisateurs h3 {font:bold 14px Arial, Helvetica, sans-serif; color:#003366; padding:0 10px 30px 0;}
div#usrForms p {display:block; position:relative; width:700px; height:auto; margin:0; padding:10px; white-space:nowrap; text-align:left; font: 12px Arial, Helvetica, sans-serif;}
div#usrForms input,
div#usrForms input[type=button],
div#usrForms input[type=submit],
div#usrForms select,
div#usrForms textarea {color:#08398D; font:11px Arial, Helvetica, sans-serif; vertical-align:middle; margin:0; padding:2px; border:1px solid #08398D; cursor:pointer; background:#E0F0F0;}
div#usrForms input[type=text],
div#usrForms textarea {font-weight:normal;}
div#usrForms option {padding:0 10px;}
div#usrForms input[type=button],
div#usrForms input[type=submit] {font-weight:bold; margin:2px 25px 2px 0;}
div#usrForms input:hover,
div#usrForms select:hover,
div#usrForms textarea:hover{color:#08398D; background:#FFFFA0;}
div#usrForms input:focus,
div#usrForms select:focus,
div#usrForms textarea:focus{color:#08398D; background:#FFFFA0;}
div#usrForms textarea,
div#usrForms input[type=text]{width:400px;}
div#usrForms label{float:left; width:210px; text-align:right; vertical-align:top; margin:2px 10px 2px 10px; color:#08398D; font-weight:bold;}
div#usrForms select {width:406px;}

/* Google map */
div#map{display:block; position:relative; left:320px; margin:0 20px 50px 0; padding:0; width:450px; height:350px; float:left; clear:both; text-align:center;}
div.carte_gis{display:block; position:relative; left:30px; margin:0 20px 50px 0; padding:0; width:450px; height:350px; float:left; clear:both; text-align:center;}

/* Cartographie */
div#contenu.cartographie {width:690px; text-align:center; margin:0; padding:10px; background:none;}
div#contenu.cartographie div#map {width:690px; height:500px; top:0; left:0; margin:0 0 0 10px; padding:0; float:left; clear:both;}
div#contenu.cartographie div#map_check {display:block; position:relative; width:690px; margin:0 0 0 10px; padding:0; float:left; clear:both; text-align:left; background: url(images/rub_fond_deg.gif) repeat-y left center; }
div#contenu.cartographie div#map_check ul {display:block; width:890px; margin:10px 0 0 0; padding:0;}
div#contenu.cartographie div#map_check li {display:block; width:235px; height:35px; margin:0; padding:10px; float:left;}
div#contenu.cartographie div#map_check li img {margin:0 5px 0 0; padding:0; float:left;}
div#contenu.cartographie div#map_check li input[type=checkbox] {margin:5px 5px 0 0; padding:0; float:left;}
div#contenu.cartographie div#map_check li label {display:block; margin:4px 0 0 0; padding:0;}
div#contenu.cartographie div#map_sidebar {display:block; position:relative; width:690px; margin:15px 0; padding:0; float:left; clear:both; text-align:left;}
div#contenu.cartographie div#map_sidebar ul {display:block; position:relative; float:left;}
div#contenu.cartographie div#map_sidebar li {display:block; width:172px; float:left; margin:0; padding:0;}
div#contenu.cartographie div#map_sidebar li a {display:block; width:162px; margin:0; padding:10px 6px; text-decoration:none;}
div#contenu.cartographie div#map_sidebar li a:hover {text-decoration:none; background:#1A5C90; color:#FFF;}

/*###### GESTION PUBLIQUE DES DATA DE LA BDD #########################################################################################################################
/*######  Tableaux et formulaires MySQL ######*/
#main.user{background:#9FC8E8;}
#interfaceAdmin,
#interfaceAdmin form,  
#interfaceAdmin fieldset, 
#interfaceAdmin p,  
#interfaceAdmin legend {display:block; color:#000; background:#B6D2E8; font:11px Arial,Helvetica,sans-serif; width:auto; height:auto; margin:0; padding:0 0 30px 0;}
#interfaceAdmin input[type=button], 
#interfaceAdmin input[type=submit], 
#interfaceAdmin submit, 
#interfaceAdmin button {font:11px Arial,Helvetica,sans-serif;}
#interfaceAdmin legend {width:auto; margin:0; padding:5px;}
.pair {background:#9FC8E8;}
.impair {background:#B6D2E8;}
#interfaceAdmin fieldset {margin:10px; padding:10px; border:solid 1px #000;} 
#interfaceAdmin h2 {margin:0; padding:10px; background:#5CA0D4;}
#interfaceAdmin table {border-top:solid 1px #AAA; border-right:solid 1px #AAA;}
#interfaceAdmin th, td {padding:5px; border-left:solid 1px #AAA; border-bottom:solid 1px #AAA;}
#interfaceAdmin input[type=button], 
#interfaceAdmin input[type=file], 
#interfaceAdmin input[type=submit], 
#interfaceAdmin button, 
#interfaceAdmin file, 
#interfaceAdmin submit {border:solid 1px #000; background:#EEE; cursor:pointer;}
#interfaceAdmin select, 
#interfaceAdmin option {margin:0; padding:1px 5px 1px 5px; background:#EEE;}
#interfaceAdmin p {margin:0; padding:10px 5px;}
#interfaceAdmin input:hover, 
#interfaceAdmin input[type=text]:hover,
#interfaceAdmin input[type=button]:hover,
#interfaceAdmin select:hover, 
#interfaceAdmin select:hover option, 
#interfaceAdmin textarea:hover, 
#interfaceAdmin radio:hover,
#interfaceAdmin checkbox:hover {background:#FFFF99; cursor:pointer;}

/* Recherches et choix des tables */
#tabloMySQLSearch {color:#000; background:#B6D2E8; font: 11px Arial, Helvetica, sans-serif;}
#tabloMySQLSearch td, #tabloMySQLSearch th {font-size: 11px;}
#tabloMySQLSearch th {font-weight: bold;}
#tabloMySQLSearch label {float:none; clear:left;}
#tabloMySQLSearch radio {float:none; clear:left;}
#tabloMySQLSearch checkbox{margin:0px; padding:0px;}
#tabloMySQLSearch input[type=text],#tabloMySQLLigne textarea{width:200px;}
#tabloMySQLSearch select{width:150px;}
#tabloMySQLSearch #tabloMySQLColsSearch {display: inline; white-space:nowrap;}

/* Table */
#tabloMySQLtab {color:#000; background:#B6D2E8; font: 11px Arial, Helvetica, sans-serif;}
#tabloMySQLtab td, #tabloMySQLtab th {font-size: 11px;}
#tabloMySQLtab th {font-weight: bold;}
#tabloMySQLtab label {float: none; clear: left;}
#tabloMySQLtab radio {float: none; clear: left;}
#tabloMySQLtab checkbox{margin:0px; padding:0px;}
#tabloMySQLtab input[type=text],#tabloMySQLLigne textarea{width:200px;}
#tabloMySQLtab *.noResult{font-size: 14px; font-weight: bold; color:#EEE; background: #AAC; padding:20px;}
#tabloMySQLtab td, #tabloMySQLtab th {border-bottom:solid 1px #AAA; border-left:solid 1px #AAA;}
#tabloMySQLtab li {list-style:none; font:11px Arial, Helvetica, sans-serif;}
#tabloMySQLtab tr:hover td {background:#FAFABB;}

/* Colonnes d'une table */
#tabloMySQLColonnes {color:#000; background:#B6D2E8; font: 11px Arial, Helvetica, sans-serif;}
#tabloMySQLColonnes td, #tabloMySQLColonnes th { font:11px Arial, Helvetica, sans-serif; text-align:left;}
#tabloMySQLColonnes th {font:bold 11px Arial, Helvetica, sans-serif; text-align:center;}
#tabloMySQLColonnes label {float: none; clear: left; width:auto; font:11px Arial, Helvetica, sans-serif;}
#tabloMySQLColonnes radio {float: none; clear: left; width:auto; font:11px Arial, Helvetica, sans-serif;}
#tabloMySQLColonnes checkbox{margin:0px; padding:0px; width:auto; font:11px Arial, Helvetica, sans-serif;}
#tabloMySQLColonnes input[type=text], #tabloMySQLColonnes textarea{width:auto; font:11px Arial, Helvetica, sans-serif;}
#tabloMySQLColonnes select{width:auto; font:11px Arial, Helvetica, sans-serif;}
#tabloMySQLColonnes td, #tabloMySQLColonnes th {border-bottom:solid 1px #AAA; border-left:solid 1px #AAA;}
#tabloMySQLColonnes li {list-style:none; font:11px Arial, Helvetica, sans-serif;}

/* Ligne d'une table */
#interfaceAdmin, 
#interfaceAdmin fielsdet, 
#tabloMySQLLigne {color:#000; background:#B6D2E8; font: 11px Arial, Helvetica, sans-serif;}
#tabloMySQLLigne td, #tabloMySQLLigne th { font:11px Arial, Helvetica, sans-serif;}
#tabloMySQLLigne th {font-weight: bold; text-align:right; vertical-align:text-top;}
#tabloMySQLLigne label {float:none; clear:left; font:11px Arial, Helvetica, sans-serif;}
#tabloMySQLLigne radio {float:none; clear:left; font:11px Arial, Helvetica, sans-serif;}
#tabloMySQLLigne checkbox{margin:0px; padding:0px; font:11px Arial, Helvetica, sans-serif;}
#tabloMySQLLigne input[type=text],#tabloMySQLLigne textarea{width:547px; font:11px Arial, Helvetica, sans-serif;}
#tabloMySQLLigne select{width:550px; font:11px Arial, Helvetica, sans-serif;}
#tabloMySQLLigne #chxDate select{width:auto; font:11px Arial, Helvetica, sans-serif;}
#tabloMySQLLigne #chxTstamp select{width:auto; font:11px Arial, Helvetica, sans-serif;}
#tabloMySQLLigne li {list-style:none; font:11px Arial, Helvetica, sans-serif;}

/* Images d'une ligne */
#tabloMySQLImg {color:#000; background:#B6D2E8; font: 11px Arial, Helvetica, sans-serif;}
#tabloMySQLImg input[type=text],#tabloMySQLImg textarea{width:145px; font:11px Arial, Helvetica, sans-serif;}
#formMySQLImg label{float: left; width: 180px; font:11px Arial, Helvetica, sans-serif;}
#formMySQLImg select{width:350px; font:11px Arial, Helvetica, sans-serif;}
#formMySQLImg input[type=file]{width:350px; font:11px Arial, Helvetica, sans-serif;}
#formMySQLImg li {list-style:none; font:11px Arial, Helvetica, sans-serif;}
#formMySQLImg p {margin:0; padding:3px 10px;}