/* @override http://cg85-archives.win.mediacd.fr/global/styles/commun.css */

/* Feuille de style globale */

/* Cette feuille de style regroupe les éléments essentiels a l'affichage du site */

@import url("reset-fonts.css");

/* import du style reset-font Yahoo YUI */

/* GENERIQUES */

/* Pour remettre a Zero les formulaire de yann */

form#aspnetForm {
margin: 0;
	}

.cache {
display: none;
	}

p {
margin: 10px 0 0 0;
	}

#main p.backToTop {
width: 150px;
float: right; 
text-align: right; 
padding: 0; 
font-family: Georgia; 
font-size: 93%;
	}

#main #colB p.backToTop {
width: 99%; 
margin: 10px 0px 10px 0; 
padding: 0; 
float: left;
	}

p.backToTop a {
text-decoration: none; 
background: url(../images/puceBack2top.gif) no-repeat left center; 
padding: 0 0 0 15px;
	}

#logoCG p {
margin: 0px;
	}

strong {
font-weight: bold;
	}

a {
color: #c7006a;
	}

a.link {
font-size: 93%; 
color: #c7006a; 
padding: 0 0 0 25px; 
background: url('../images/puce_link.gif') no-repeat 0 3px;
	}

.clear {
float: left; 
clear: both;
	}

em {
font-style: italic;
	}

table.table {
width: 98%; 
margin: 10px 0;
	}

table.table th {
background: #653f64; 
color: #fff; 
padding: 3px;
border-right: 1px solid #653f64;
	}

table.table th.data {
text-align: center;
	}
table.table td.head {
text-align: left;
border-right: 1px solid #653f64;
	}
table.table td {
background-color: #fbe0f2; 
padding: 3px;
border-bottom: 2px solid #653f64;
border-left: 1px solid #653f64;
	}

table.table td.data {
text-align: right;
border-right: 1px solid #653f64;
	}

/* ELEMENTS DE TITRAGE */

h1 {
font-family: Georgia; 
font-size: 116%; 
font-weight: bold; 
color: #653f64; 
margin: 5px 0 0px 0; 
/*text-transform: uppercase;*/
	}

h2, h3 {
font-family: Georgia; 
font-size: 108%; 
color: #653f64; 
margin: 20px 0 10px 0;
	}

h2 {
/*text-transform: uppercase; */
font-weight: normal;
	}

h4, h5 {
font-family: Georgia; 
color: #653f64; 
margin: 10px 0 5px 0;
	}

.gras {
	font-weight: bold;
}
.centre {
	text-align: center;
	clear: both;
}
/* Ces styles concernent le bloc "Alerte" qui se trouve sur toutes les pages dans la colonne de navigation */

#bloc-alerte {
	float: left;
	clear: both;
	width: 234px;
	float: left;
	background: url('../images/bgAlerte.gif') no-repeat bottom left;
	padding: 0 0 0 0;
	margin: 15px 0 15px 0 ;
    }

#bloc-alerte h3 {
	width: 207px;
	background: #fdcd67;
	font-weight: bold;
	color: #674066;
	float: left;
	margin: 0;
	padding: 5px 15px 0 12px;
	background: #fff url('../images/bgAlerte-tit.gif') no-repeat top left;
    }

#bloc-alerte div {
	padding: 5px 15px 0 12px;
	font: normal normal 85%/123.1% Georgia, serif;
	margin: 5px 0;
	width: 207px;
	float: left;
    
    }
    
#bloc-alerte p {
    margin: 0;
    padding: 0;
	
}

/* LAYOUT */

html {
background-color: #fff; 
background: transparent url('../images/bgPage.gif') repeat; 
margin: 0; 
padding: 0;
	}

body {/* Le body contient la frise violette */
font-family: Verdana, sans-serif; 
background: transparent url('../images/bgBody.gif') repeat-x; 
margin: 0; 
padding: 0;
	}

#page {
width: 950px; 
margin: 0; 
padding: 0; 
margin: 0 auto;
overflow: hidden;
	}

#header {/* Le header contient le tampon */
height: 186px; 
position: relative; 
background: transparent url('../images/bgHeader.png') no-repeat top left;
	}

#main {
width: 950px; 
float: left; 
clear: both; 
position: relative; 
top: -30px; 
z-index: 5;
	}

#colA {
width: 234px; 
float: left;
	}

#colB {
width: 660px; 
padding: 8px 0 0 0; 
float: right;
	}

#footer {
width: 950px; 
float: left;
	}

/* LE HEADER */

/* Certains éléments comme le logo et la navigation, sont communs a toutes les pages du site internet */

/* Le h1 change */

#logoCG {
width: 231px; 
height: 112px; 
background-color: transparent;
	}

#logoCG p {
text-align: center; 
font-family: Verdana,sans-serif; 
font-size: 85%; 
line-height: 180%; 
color: #fff; 
background-color: #763c74;
	}

#logoCG p a {
text-decoration: none;
	}

#logoCG p a img {
border: none;
	}

#logoCG p a span {
color: #fff; 
background-color: #763c74;
	}

#menuPrincipal {
width: 660px; 
position: absolute; 
top: 20px; 
left: 300px;
	}

#menuPrincipal li {
display: inline; 
height: 17px;
	}

#menuPrincipal li a {
text-indent: -1500em; 
background: url('../images/navPrincipale.gif') no-repeat top left;
/*border: 1px solid;*/
margin: 0 0 0 10px;
	}

#menuPrincipal li.itPremiereVisite a {
width: 105px; 
height: 17px; 
float: left; 
background-position: 0 0;
display: none;
	}

#menuPrincipal li.itPresentation a {
width: 160px; 
height: 17px;
float: left;
margin: 0 0 0 78px;
background-position: -180px 0;
	}

#menuPrincipal li.itNousEcrire a {
width: 105px; 
height: 17px; 
float: left; 
margin: 0 0 0 80px;
background-position: -400px 0;
}

#menuPrincipal li.itHistoire a {
width: 160px;
height: 17px; 
float: left;
background-position: -500px 0;
display: none;
}




#header h1 {
/* Le logo des archives de vendée est plus petit sur les pages intérieures */
width: 667px; 
height: 56px; 
position: absolute; 
top: 83px; 
right: 0px; 
background: url('../images/h1_archives-interieure.gif') no-repeat top left; 
text-indent: -500em;
	}

#header h1 {
	text-decoration:none; border:none;
background: url('../images/h1_archives-interieure.gif') no-repeat top left; 
}
#header h1 a {
position: absolute; 
width: 50px; 
height: 56px; 
top: 0px; 
right: 5px;
text-decoration:none; border:none;
	}

/* LA NAVIGATION */

#navigationPrincipale {
width: 234px; 
float: left; 
clear: both; 
font-size: 85% !important;
	}

li#menuArchives,
li#menuRecherche,
li#menuOutils,
li#menuHistoire,
li#menuNouvelles {
margin: 9px 0 0 0;
	}

li#menuArchives a#menuArchives00,
li#menuRecherche a#menuRecherche00,
li#menuOutils a#menuOutils00,	
li#menuHistoire a#menuHistoire00,
li#menuNouvelles a#menuNouvelles00 {
width: 234px; 
height: 26px; 
display: block; 
overflow: hidden; 
text-indent: -1500em; 
background: url('../images/navigationPrincipale.gif') no-repeat;
	}

li#menuArchives a#menuArchives00 {
background-position: 0 0;
	}

li#menuRecherche a#menuRecherche00 {
background-position: 0 -35px;
	}

li#menuHistoire a#menuHistoire00 {
background-position: 0 -70px;
	}

li#menuNouvelles a#menuNouvelles00 {
background-position: 0 -105px;
	}
	
li#menuOutils a#menuOutils00 {
width: 234px; 
height: 26px; 
display: block; 
overflow: hidden; 
text-indent: -1500em;
background: url('../images/navPrincipale-outils.gif') no-repeat
}

.sousMenu {
width: 232px; 
background: #fff5fa; 
border-left: 1px solid #f0d5f1; 
border-right: 1px solid #f0d5f1; 
border-bottom: 1px solid #f0d5f1;
	}

.sousMenu li {
padding: 0 0 0 0px;
	}

.n2 li a {
font: 93%/131% Verdana, sans-serif; 
width: 175px; 
display: block; 
padding: 3px 15px 5px 20px; 
margin: 0 0 0 22px; 
background: url('../images/bgSsNav-n2.gif') no-repeat 0 0px; 
color: #c7006a; 
text-decoration: none;
	}

.n2 li a:hover, .n2 li a.active {
background-color: #fbc8ea; 
background-position: -210px 0; 
color: #674066;
	}

.n2 li a.open {
background-position: -420px 0px; 
color: #674066;
	}

.n3 li a {
font: 93%/131% Verdana, sans-serif; 
width: 168px; 
display: block; 
padding: 0px 15px 5px 15px; 
margin: 0 0 0 34px; 
background: url('../images/bgSsNav-n3.gif') no-repeat 0 0px; 
color: #c7006a; 
text-decoration: none;
	}

.n3 li a:hover, .n3 li.active a {
background-color: #fbc8ea; 
background-position: -200px 0; 
color: #674066;
	}
	
.n4 li a, .n3 li.active .n4 a {
font: 93%/131% Verdana, sans-serif; 
width: 151px; 
display: block; 
padding: 0px 15px 5px 15px; 
margin: 0 0 0 51px; 
background: url('../images/bgSsNav-n3.gif') no-repeat 0 0px; 
color: #c7006a;
text-decoration: none;
	}

.n4 li a:hover, .n4 li.active a {
background-color: #fbc8ea !important; 
background-position: -200px 0 !important; 
color: #674066 !important;
	}
/* Elément de menu spécifiques pour Clefs pour la recherche */

.sousMenu li#clefs-recherche {
	background: #fbe0f2;
	display: block;
	
}

li#clefs-recherche a.open {
	background: url('../images/bgSsNav-n3.gif') no-repeat -400px 0px; 
}

.sousMenu li#clefs-recherche a#cles00 {
width: 232px;
height:  37px;
margin: 0;
padding: 0;
display: block; 
text-indent: -1500em; 
background: url('../images/bgNavClefs.gif') no-repeat 0 0;
}

.sousMenu li#clefs-recherche a#cles00:hover {
background: url('../images/bgNavClefs.gif') no-repeat -230px 0;
}
.sousMenu li#clefs-recherche .sousMenu {
background: #fbe0f2;
border:  none !important;
}

/* Les éléments de menu spécifiques pour histoire et documents */

.sousMenu li#dossiers,
.sousMenu li#galeries,
.sousMenu li#documentsDuMois {
width: 232px;
	}

.sousMenu li#dossiers a#dossiers00,
.sousMenu li#galeries a#galeries00,
.sousMenu li#documentsDuMois a#documentsDuMois00 {
width: 232px; 
height: 37px; 
display: block; 
text-indent: -1500em; 
background: url('../images/bgNavHistoire.gif') no-repeat 0 0;
	}

.sousMenu li#dossiers a#dossiers00 {
background-position: 0 0;
	}

.sousMenu li#galeries a#galeries00 {
background-position: 0 -37px;
	}

.sousMenu li#documentsDuMois a#documentsDuMois00 {
background-position: 0 -74px;
	}

/* CONTENU */

/* FIL ARIANE */

#filAriane {
width: 950px; 
float: left; 
position: relative; 
top: -20px;
	}

#filAriane p {
background-color: #fcfadb; 
color: #674066; 
font-size: 85%; 
font-family: Arial, sans-serif; 
font-weight: bold; 
float: left;
	}

#filAriane p a {
background-color: #fcfadb; 
text-decoration: underline; 
color: #674066;
	}

#filAriane p a:hover {
background-color: #fcfadb; 
text-decoration: underline; 
color: #674066;
	}

/* LAYOUT PAGES INTERIEURE */

#colB {
font-family: Georgia;
	}

#colB .bloc {
width: 625px;
float: left; 
margin: 0 0 20px 0;
	}

/* LAYOUT PAGE 1 COLONNE */

.uneCol #colBa {
width: 650px; 
margin: 0;
	}

/* LAYOUT PAGE 2 COLONNES */

#colBa, .colBa {
width: 410px; 
margin: 0; 
float: left;

	}
.bloc .colBa {
width: 410px;
padding: 0 0 50px 0;
background: url(../images/separateurActus.gif) no-repeat bottom center ;
float: left;
overflow: hidden;
}

#colBb, .colBb {
width: 200px; 
float: right;
	}

#colB div.bloc div.colBb p img {
	width: 200px; /* test avec la taille forcée */
	float: right;
}

/* AVEC CONTENU LIQUIDE */

.bloc.contenuLiquide .colBa {
width: 620px;
padding: 0 0 50px 0;
background: url(../images/separateurActus.gif) no-repeat bottom center ;
float: left;
overflow: hidden;
}

.bloc.contenuLiquide .colBb {
width: 200px; 
float: right;
margin: 0 0 10px 20px;
	}

#colB div.bloc div.colBb p img {
	width: 200px; /* test avec la taille forcée */
	float: right;
}

/* LAYOUT PAGE 2 COLONNES AVEC NAV */

.avecNav #colBa {
/*width: 435px;*/
width:660px

	}

.avecNav #colBb {
width: 200px;
float: right;
margin: 0 0 10px 10px;
font-size: 85%;
	}

/* DESIGN NAV SECONDAIRE */

#navSecondaire {
width: 200px; 
background: url('../images/bgNavAlbum-bottom.gif') no-repeat top left; 
border-bottom: 1px solid #eed1f0; 
padding: 5px 0 0 0;
	}

ul#navSecondaire {

	}

ul#navSecondaire li {
background-image: none; 
margin: 0; 
padding: 0;
	}

#navSecondaire li a {
font: 93%/131% Verdana, sans-serif; 
width: 165px; 
display: block; 
padding: 3px 10px 5px 25px; 
margin: 0 0 0 0px; 
background: url('../images/bgSsNav-n3.gif') no-repeat 5px 0; 
color: #c7006a; 
text-decoration: none;
	}

#navSecondaire li a:hover, #navSecondaire li a.active {
background-color: #fbc8ea; 
background-position: -195px 0; 
color: #674066;
	}

#navigationSecondaire p.titre {
background: url('../images/bgNavAlbum-titre.gif') no-repeat top left; 
margin: 0; 
padding: 6px 5px 4px 5px; 
font: normal normal bold 108% Georgia; 
color: #674066;
	}

#colBa #blocDocuments {
width: 98%; 
height: 27px; 
border-top: 1px solid #90578f; 
padding: 10px 0; 
background: url('../images/bgBlocDocuments.gif') no-repeat 0 9px;
	}

#blocDocuments p.nextDoc {
margin: 6px 0 0 15px; 
font: 85%  Verdana, sans-serif; 
color: #c7006a;
	}

#blocDocuments p.nextDoc a {
color: #c7006a;
	}

#colB li,
#popupContent  li {
background: url('../images/puceLi.gif') no-repeat 0 5px; 
padding: 0 0 0 10px; 
margin: 4px 0 4px 10px;
	}

#colB p span.lettrine {
font-size: 350%;
line-height: 0.9em;
font-weight: bold; 
color: #653f64;
	}

#colBb p.legende, .colBb p.legende {
width: 100px; 
margin: 8px 0; 
color: #674066; 
font-style: italic; 
float: right;
	}

/* BLOC NOUVEAUTE */

/* Le meme qu'en homepage */

#bloc-nouveaute {
width: 610px; 
padding: 0 50px 0 0; 
margin: 0 0 30px 0; 
float: left; 
clear: both; 
font-size: 93%; 
line-height: 123.1%;
	}

#bloc-nouveaute h2 {
width: 98%; 
height: 20px; 
padding: 0 0 0 25px; 
margin: 5px 0px 8px 0px;
background: url('../images/bgH2Nouveaute-gauche.gif') no-repeat top left; 
font-style: italic;
	}

#bloc-nouveaute h2 span {
float: left; 
height: 20px; 
padding: 0 20px 0 0; 
background: url('../images/bgH2Nouveaute-droite.gif') no-repeat top left;
	}

#bloc-nouveaute h3 {
font-size: 93%; 
line-height: 116%; 
margin:0px 0px 10px 0px;
font-weight: bold !important;
	}

/* Consultation des archives et de la bibliotheque */

/* Communs */

#listeConsult-archives, 
#listeConsult-biblio {
width: 650px; 
float: left; 
min-height: 250px; 
padding: 0;
	}

#listeConsult-archives h2,
#listeConsult-biblio h2 {
width: 650px; 
height: 26px; 
display: block; 
text-indent: -1500em; 
margin: 0; 
padding: 0;
	}

#listeConsult-archives ul li,
#listeConsult-biblio ul li {
background: url('../images/puceLi.gif') no-repeat 0 5px; 
padding: 0 0 0 15px; 
margin: 8px 0;
font: 93%/131% Georgia, serif; 

	}

/* Consultation des archives */

#listeConsult-archives {
background: url('../images/bgConsultArchives.png') no-repeat top left;
	}

#listeConsult-archives h2 {
background: #fff url('../images/bgConsultArchives-tit.gif') no-repeat top left;
	}

#listeConsult-archives h3 {
font-weight: bold;
	}

#listeConsult-archives .blocA,
#listeConsult-archives .blocB,
#listeConsult-archives .blocC {
width: 197px; 
margin: 9px; 
float: left;
	}

/* Consultation des bibliotheques */

#listeConsult-biblio {
background: url('../images/bgConsultBiblio.png') no-repeat top left;
	}

#listeConsult-biblio h2 {
background: #fff url('../images/bgConsultBiblio-tit.gif') no-repeat top left;
	}

#listeConsult-biblio h3 {
font-weight: bold;
	}

#listeConsult-biblio .blocA,
#listeConsult-biblio .blocB {
width: 305px; 
margin: 9px; 
float: left;
	}

/* PAGE NOS SERVICES */

span.prixPrestation {
font-size: 85%;
margin: 5px 0 0 0; 
display: block;
font-weight: bold;
}

/* LES FORMULAIRES */

label {
width: 150px; 
float: left; 
text-align: right; 
margin: 0 10px 0 0;
	}

label.long {
width: 98%; 
text-align: left;
	}

form {
margin: 10px 0;
	}

p.field_line {
width: 98%; 
float: left; 
margin: 5px 0;
	}

p.field_line.decale,
p.button_line.decale {
width: 450px;
margin:  5px 0 15px 160px;
	}

p.infos {
font-weight: bold;
color: #674066;
color: red; 
margin-bottom: 20px;
}

p.field_line input, p.field_line textarea {
float: left; 
border: 1px solid #999;
	}

p.button_line {
width: 98%; 
float: left; 
text-align: center; 
margin: 5px 0;
	}

p input.button {
background: #e1007a;
border: 0;
padding: 3px 15px;
font-size: 115%;
color: #fff;
}

span.required {
color: red; 
float: left; 
margin: 0 5px; 
font-size: 77%;
	}

input {
float: left;
	}

textarea#references, textarea#question {
width: 98%; 
float: left; 
margin: 3px 0;
	}

/* LA PAGE HISTOIRE ET DOCUMENTS */

p.nextDoc {
margin: 25px 0 0 0;
font-size: 85%;
}

p.nextDoc span {
color: #674066; 
font-weight: bold;
}

/* LA PAGE MENTIONS LEGALES */

div.prestataire {
margin: 5px 0;
	}

/* LA PAGE PREMIERE VISITE */

.pucePremiereViste {position: relative;top: 2px;}

.infoPratique {text-indent: 20px;}

ul.premiereVisite {margin-left: 8px;}
/* LE FOOTER */

/* Il est commun a toutes les pages */

#footer {
width: 840px; 
/* pour regler le probleme du au padding */
padding: 5px 0 0 120px; 
margin: 5px 0; 
/*border-top: 1px solid #c8b6c7;*/
	}

#footer address {
font: 100% "Tahoma", "Trebuchet MS", Verdana, sans-serif;
display: none;
	}

#footer address p strong {
color: #674066; 
font-weight: bold;
	}

#footer ul li {
float: left; 
margin: 0 5px 5px 0;
display: none;
	}

#footer ul li a {
font: 85% Arial, sans-serif; 
color: #c7006a;
	}

/* = CARTES POSTALES ENLIGNE */

fieldset {
border: 0!important; 
margin: 0!important; 
padding: 0!important;
	}

.field_valid {
padding: 1em;
	}

.error {
padding: 1em; 
margin: .5em 0; 
background: #ffe; 
border: 1px goldenrod solid; 
color: brown;
	}

/* = Navigation en onglets
------------------------- */

#main ol {
font-size: 1.1em;
float: left;
	}

#main ol#etapes {
list-style: none;
width: 98%;
border-bottom: 1px #674066 solid;
margin: 0 0 10px 0;
	}

#main ol#etapes li {
float: left;
margin: 5px 3px 0 0;
position: relative;
top: 3px; 
padding: 0;
list-style: none; 
background: none; 
display: inline;
	}

#main ol#etapes a {
display: block;
margin: 0 2px 0 0 ;
padding: 5px 5px 4px 5px; 
background-color: #fff5fa; 
color: #674066;
	}

#main ol#etapes .current a {
border: 1px #674066 solid; 
border-right-width: 2px; 
border-bottom: 2px #fff solid; 
background-color: #fbc8ea; 
color: #674066; 
font-weight: normal;
	}

#themeCartes {
clear: both; 
margin-top: 1.5em;
	}

#themeCartes label.float,
#listeDestinataireAutre label {
width: auto !important;
margin: 0px 5px;
}
#themeCartes p.medium {
font-size: 108%; 
font-weight: bold;
	}

p.accrocheCarte {
margin: 10px; 
float: left;
	}

.carte {
width: 180px; 
height: 180px; 
float: left; 
font-size: 1.2em;
	}

.carte a {
display: block; 
height: 130px; 
background: #f7f7f7; 
outline: 1px #ddd solid; 
text-align: center; 
padding: 10px; 
margin: 5px; 
font-size: 77%; 
text-decoration: none;
	}

.carte img {
border-bottom: 2px #ddd solid; 
border-right: 2px #ddd solid; 
border-top: 1px #ddd solid; 
border-left: 1px #ddd solid; 
background: #fff; 
margin-bottom: 10px; 
padding: 5px;
	}
.carte a:hover img, .carte a:focus img {
border-color: #763c74; 
background: #F4FAFF;
	}

/* =Rédaction du message-------------  */

#messageZone,#fontZone, #colorZone {
margin-bottom: 5px; 
padding-bottom: 10px;
	}

/*Rédaction message*/

#messageZone img {
float: left; 
display: block; 
margin: 10px 10px 0 0;
	}

#messageZone p {
float: left; 
clear: none!important; 
width: 380px; 
height: 100px;
	}

#messageZone textarea {
width: 90%; 
height: 80px;
	}

/*Choix fonte*/

#fontZone img {
vertical-align: middle;
	}

/*Choix couleur*/

#colorZone br {
display: none;
	}

#colorZone label {
width: 80px!important; 
margin-bottom: 5px; 
float: left; 
text-align: left; 
font-weight: bold;
	}

#main label.noFloat {
		display: inline;
		float: none;
		text-align: left;
		width: auto;
	}
.black {
color: black;
	}

.orange {
color: orange;
	}

.red {
color: red;
	}

.dodgerblue {
color: dodgerblue;
	}

.purple {
color: purple;
	}

.green {
color: green;
	}

/* =Apercu carte-------------  */

#cardPrev {
border: 1px #ddd solid; 
height: 315px;
	}

#laCarte {
width: 516px;
padding: 10px; 
height: 260px; 
margin: 0 0 25px 0;
float: left; 
position: relative; 
float: left;
background: #fff url(/cartes-postales/medias/img/bg-carte.gif) no-repeat top left;
	}

#navdroite {
width:200px;
float: right;
}

span.legendeCarte {
width:98%;
float: left;
font-size: 77%;
color: #999;
font-style: italic;
border-bottom: 1px solid;
margin: 0 0 5px 0;
}

#message {
width: 180px; 
position: absolute; 
left: 275px; 
top: 8px;
	}

#message p {
margin: 0 0 0.5em 0;
	}

#expediteur {
width: 180px; 
position: absolute; 
top: 100px; 
left: 260px;
	}

#destinataire {
width: 180px; 
position: absolute; 
top: 120px; 
left: 260px; 
line-height: 1.6em;
	}

#laCarte img {
position: absolute;
	}

#boutonCarte {
width: 128px; 
height: 315px; 
float: right;
	}

a#Lk_message, a#Lk_carte {
width: 100px; 
float: left; 
text-align: center; 
margin: 130px 14px;
	}
/* Gestion des popup */

#header {
}
#page.popup {
	width: 665px;
}
#main.popup {
	width: 665px;
}
#popupContent {
	width: 665px;
}

a:focus {
outline:none;
}