* {margin:0;padding:0;border:0;}
html {font-size:100%;font-family: Arial, Helvetica, sans-serif;}
.clear {clear:both;font-size:1px;line-height:1px;height:1px}
body {font-size:80%; color: #333;text-align:center; background:#e5dece; font-size:0.75em;}

/* Contenu global */
#global {width:990px; margin:auto; background-color:#fff}

/* en-tête */
#header {width:990px;  height:152px; background:url(../graphics/portail/tetiere_simple.jpg) no-repeat left top}

/* titre dans l'entete */
#header a.logo_square {margin:16px 20px 0 20px ; float:left}
#header div.name {height:112px; text-align:left; color:#fff; margin:0 0 0 110px}
#header div.name a.lien_accueil {position:absolute;}
#header div.title {width:342px; text-align:right; font-size: 32px; padding: 20px 0 0 20px;}
#header div.subtitle {width:342px; font-size: 24px; padding: 0 0 0 20px; text-align:right; margin:-6px 0 0 0;}

/* menu horizontal */
#header div.menu_hori {margin:0 0 0 0 !important; padding:0 !important; height:18px;}
#header div.menu_hori ul {list-style-type:none; margin:0 0 0 122px;}
#header div.menu_hori ul li {height:40px; display:block;float:left; margin:0 1px 0 0; }
#header div.menu_hori ul li.etat_civil {width:77px; }
#header div.menu_hori ul li.recensements {width:116px;}
#header div.menu_hori ul li.cadastre {width:59px;}
#header div.menu_hori ul li.images {width:67px;}
#header div.menu_hori ul li.livres_presse {width:65px;}
#header div.menu_hori ul li.patrimoine {width:88px;}
#header div.menu_hori ul li.temoignages {width:104px;}
#header div.menu_hori ul li.historial {width:68px;}
#header div.menu_hori ul li.autres {width:68px;}
#header div.menu_hori ul li a {display:block; margin:0 0 0 0; color:#fff; font-weight:bold; letter-spacing:0.9px; font-size:12px; text-decoration:none;}
#header div.menu_hori ul li.etat_civil a {height:28px; padding:12px 0 0 0; background:#667500 url(../graphics/portail/menu_haut_default_etat_civil.gif) no-repeat left top}
#header div.menu_hori ul li.etat_civil a:hover {background:#a70230 url(../graphics/portail/menu_haut_actif_etat_civil.gif) no-repeat left top}
#header div.menu_hori ul li.recensements a {height:28px;padding:12px 0 0 0; background:#667500 url(../graphics/portail/menu_haut_default_recensements.gif) no-repeat left top}
#header div.menu_hori ul li.recensements a:hover {background:#da487e url(../graphics/portail/menu_haut_actif_recensements.gif) no-repeat left top}
#header div.menu_hori ul li.cadastre a {height:28px; padding:12px 0 0 0; background:#667500 url(../graphics/portail/menu_haut_default_cadastre.gif) no-repeat left top}
#header div.menu_hori ul li.cadastre a:hover {background:#935e3a url(../graphics/portail/menu_haut_actif_cadastre.gif) no-repeat left top}
#header div.menu_hori ul li.images a {height:28px; padding:12px 0 0 0; background:#667500 url(../graphics/portail/menu_haut_default_images.gif) no-repeat left top}
#header div.menu_hori ul li.images a:hover {background:#db6c08 url(../graphics/portail/menu_haut_actif_images.gif) no-repeat left top}
#header div.menu_hori ul li.livres_presse a {height:35px; padding:5px 0 0 0; background:#667500 url(../graphics/portail/menu_haut_default_livres_presse.gif) no-repeat left top}
#header div.menu_hori ul li.livres_presse a:hover {background:#00928a url(../graphics/portail/menu_haut_actif_livres_presse.gif) no-repeat left top}
#header div.menu_hori ul li.patrimoine a {height:28px; padding:12px 0 0 0; background:#667500 url(../graphics/portail/menu_haut_default_patrimoine.gif) no-repeat left top}
#header div.menu_hori ul li.patrimoine a:hover {background:#B88B39 url(../graphics/portail/menu_haut_actif_patrimoine.gif) no-repeat left top}
#header div.menu_hori ul li.temoignages a {height:28px; padding:12px 0 0 0; background:#667500 url(../graphics/portail/menu_haut_default_temoignages.gif) no-repeat left top}
#header div.menu_hori ul li.temoignages a:hover {background:#21578A url(../graphics/portail/menu_haut_actif_temoignages.gif) no-repeat left top}
#header div.menu_hori ul li.historial a {height:35px; padding:5px 3px 0 3px; background:#667500 url(../graphics/portail/menu_haut_default_historial.gif) no-repeat left top}
#header div.menu_hori ul li.historial a:hover {background:#93509e url(../graphics/portail/menu_haut_actif_historial.gif) no-repeat left top}
#header div.menu_hori ul li.autres a {height:35px; padding:5px 0 0 0; background:#667500 url(../graphics/portail/menu_haut_default_autres.gif) no-repeat left top}
#header div.menu_hori ul li.autres a:hover {background:#db6c08 url(../graphics/portail/menu_haut_actif_autres.gif) no-repeat left top}
#header div.menu_hori div.box_recherche {float:right; margin: 0 5px 0 0; width:200px}
#header div.menu_hori div.box_recherche div.input_recherche {height:24px; background: url(../graphics/portail/input_recherche.gif) no-repeat 0 0;}
#header div.menu_hori div.box_recherche input.recherche{background-color:transparent; width:178px; padding:3px 0 0 2px; color:#777; float:left}
#header div.menu_hori div.box_recherche div.ok{width:25px; height:24px; background: url(../graphics/portail/ok_recherche.gif) no-repeat 0 0; float:left; margin:0 0 0 -9px}
#header div.menu_hori div.box_recherche div.ok a{display:block; text-decoration:none; color:#fff; font-size:13px;  font-weight:bold; padding:3px 0 0 0}
#header div.menu_hori div.box_recherche div.avancee {font-size:12px; text-align:left; padding: 0 0 0 8px;}
#header div.menu_hori div.box_recherche div.avancee a {color:#667500; font-weight:bold; text-decoration:none}
#header div.menu_hori div.box_recherche div.avancee a:hover {text-decoration:underline}

/* contenu */
#middle {width:950px; padding:42px 0 20px 40px; text-align:left; background:url(../graphics/portail/corner_middle.gif) no-repeat left top}

/* pied de page */
#footer {width:990px; height:20px; background-color:#e5dece; text-align:center}
#footer div.left {float:left; margin: 14px 0 0 0}
#footer div.right {float:right; margin: 0 0 0 0; width:265px;}
#footer div.right a.logo {float:right; margin: 4px 0 0 0}
#footer div.right a.credits {float:right; color:#444; text-decoration:none; margin: 14px 0 0 30px} /* float:left; margin: 14px 30px 0 0 */
#footer div.right a.credits:hover {text-decoration:underline}

/* contenu droite */
#right {float:right;width:205px;}

/* contenu central */
#center {float:left; width:715px;}
#center div.content {margin:0 0 0 22px;}

h3 {color:#a4ba00; text-transform:uppercase; font-size:1.7em; margin: 0 0 0 0}
h4 {color:#a4ba00; text-transform:uppercase; font-size:0.9em !important; margin: 30px 0 10px 0}

.div_form label.short {color:#a4ba00; margin:0 20px 5px 0; width:100px; float:left}
.div_form input {border:#444 1px solid; width:165px}
.div_form input.btn_ok_right {width:auto !important;border:#000 1px solid;margin:5px 0 5px 240px;background-color:#000;color:#FFF;height:auto; }
.content {text-align:left;}

/* bloc droite 1 */
.box_guide1 {width:205px; margin: 0 0 8px 0; font-size:0.85em;padding-top:17px;background: #e6e6e6 url(../graphics/portail/top_box1.gif) no-repeat 0 0}
.box_guide1 .content_box_pub {padding:0 12px 0 12px; background-color:#e6e6e6 }
.box_guide1 .pied_box_pub {height:17px;background: #e6e6e6 url(../graphics/portail/bottom_box1.gif) no-repeat 0 0}
.box_guide1 p.txt {padding-top:5px; padding-bottom:5px;}
.box_guide1 p.titre_box {text-transform:uppercase; color:#a4ba00; font-weight:bold; font-size:1.15em;padding-bottom:0.3em;}
.box_guide1 a {display:block; background: url(../graphics/portail/picto_link_dl.gif) no-repeat 0 4px; color:#666; text-decoration:none; padding:0 0 0 10px; margin: 2px 0 2px 0}
.box_guide1 a:hover {text-decoration:underline;}

/* bloc droite 2 */
.box_guide2 {width:205px; margin: 0 0 8px 0; font-size:0.85em;padding-top:17px;background: #a4ba00 url(../graphics/portail/top_box2.gif) no-repeat 0 0}
.box_guide2 .content_box_pub {padding:0 12px 0 12px; background-color:#a4ba00 }
.box_guide2 .pied_box_pub {height:17px;background: #a4ba00 url(../graphics/portail/bottom_box2.gif) no-repeat 0 0}
.box_guide2 p.txt {padding-top:5px; padding-bottom:5px;}
.box_guide2 p.titre_box {text-transform:uppercase; color:#fff; font-weight:bold; font-size:1.15em;padding-bottom:0.3em;}
.box_guide2 a {display:block; background: url(../graphics/portail/picto_link_dl2.gif) no-repeat 0 4px; color:#fff; text-decoration:none; padding:0 0 0 10px; margin: 2px 0 2px 0}
.box_guide2 a:hover {text-decoration:underline;}

/* bloc logo */
.box_logo {text-align:center}

#liste_formulaire {display:none; padding-bottom:20px; border:1px solid #fff}
#liste_formulaire h4 {border-bottom:1px solid #444; color:#444; margin:20px 0 20px 0; font-size:11px; letter-spacing:0.5px}
#liste_formulaire ul.complete_search {margin:0 !important; padding:0 !important}
#liste_formulaire ul.complete_search li {background: #eee; font-style:italic; margin:0; padding:0; list-style-type:none}
#liste_formulaire ul.complete_search li span{font-weight:bold; font-style:normal; color:#666;}
#liste_formulaire a.affiner {text-decoration:none; color:#a4ba00; float:right; font-weight:bold}
#liste_formulaire a.affiner:hover {text-decoration:underline;}
#liste_formulaire div.conserver {float:right; width:200px}
#liste_formulaire div.conserver div {float:right; margin:18px 0 0 0}
#liste_formulaire div a.couleur1{color:#444; text-decoration:none; font-weight:bold}
#liste_formulaire div a.couleur1:hover{text-decoration:underline}
#formulaire {border:1px solid #fff}
#formulaire div.conserver {float:right; width:200px}
#formulaire div.conserver div {float:right; margin:18px 0 0 0; }
#formulaire div a.couleur1 { text-transform: none}
#formulaire label.short {font-size:0.95em !important; width:36%}
#formulaire div.normal {font-size:0.95em !important;}

#dropmenudiv {
	position:absolute;
	padding:0;
	z-index:100;
	text-align:left;
	background-color:#777;
/*	opacity: .50;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);*/
}
#dropmenudiv a { 
	display:block;
	margin:4px 0 4px 0;
	padding: 0 0 0 15px;
	color:#fff;
	text-decoration:none;
}
#dropmenudiv a:hover { 
	background-color:#da487e;
}
#center div.box_content table{margin: 0 0 10px 0}
#center div.box_content table tr td {vertical-align:top;}
#center div.box_content table tr td.media_left{padding: 3px 20px 0 0; width:130px}
#center div.box_content table tr td.media_left img{margin: 0 0 5px 0; }
#center div.box_content table tr td.description a.desc_lien {text-decoration:none; color:#a4ba00; font-weight:bold}
#center div.box_content table tr td.description a.desc_lien:hover {text-decoration:underline}
#center div.box_content table tr td.description div.credits_link a{text-decoration:none; padding: 3px 0 3px 20px; display:block; color:#a4ba00; background:url(../graphics/portail/arrow_green.gif) no-repeat left 8px}
#center div.box_content table tr td.description div.credits_link a:hover{text-decoration:underline}

div.page_error {}
a.retour_accueil {color:#444;text-decoration:none; font-weight:bold}
a.retour_accueil:hover {text-decoration:underline}

/* moteur collections */
#collform {margin: 10px 0 0 0;}
#collform input.champ {float:left; width:304px; height:17px; border:#444 1px solid; margin:0 0 6px 0 !important; padding:1px 2px 1px 2px !important}
#collform input.rech_rapid {width:auto !important; height:21px; float:left; border:#444 1px solid; background-color:#444; color:#FFF; margin:0 0 0 20px !important; padding:0 !important; text-transform:uppercase; font-size:11px; }
#collform input.cb_filter_image {float:left; margin: 0 6px 0 0;}
#collform #aide_coll {margin: 0 0 0 170px;}
#collform #aide_coll a.externe {text-decoration:none; padding: 3px 0 3px 12px; color:#a4ba00; background:url(../graphics/portail/arrow_green.gif) no-repeat left 7px}
#collform #aide_coll a.externe:hover{text-decoration:underline}