/* Pour toutes versions, FF...  */
html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	margin: 15px 0 40px 0;
	padding: 0;
	text-align: center;
	background-color: #000000;
	width: 100%;
	height: 100%;
}
* {
	margin: 0;
	padding: 0;
}
.p-left {text-align: left;}
.p-right {text-align: right;}
.p-center {text-align: center;}
.p-justify {text-align:justify;}

/* COMMUN POUR TOUTES LES PAGES */

#global {
	width: 760px; /* Pour IE 720 au lieu de 760, car padding cumulé aux 720px */
	margin-left: auto;
	margin-right: auto;
	padding : 0; /* Pour IE padding 20, et enlever les margins des conteneurs */
	text-align: center;
	background-color:#1c1c1c;
	border: 1px solid #4c4c4c;
		position: relative;
}
.entete {
	font-size: 10px;
	color: #CCCCCC;
	margin: 5px 20px;
	text-align: justify;
}
.pano {			/* -----------ici, ajouter pour centrer le pano --------------- */
	margin: 0px 20px;
	text-align: center;
}
.p-langues{ /* langues dans le bandeau têtière */
	text-align: right;
	padding-right: 20px;
}
.p-mention{ /* siret & co dans le bandeau têtière */
	text-align: center;
	color: #000000;
	letter-spacing: 1.3px;
}

/* Liens */
a:link { font-size: 10px; color: #CCCCCC; }
a:visited { color: #CCCCCC; }
a:hover { color: #FFFFFF; }
a:active { color: #FFFFFF; }

/* Liens calque 1 */
a.layer:link { font-size: 12px; color: #FFFFFF; font-weight: bold;}
a.layer:visited { color: #FFFFFF; font-weight: bold; }
a.layer:hover { color: #666666; font-weight: bold; }
a.layer:active { color: #666666; font-weight: bold; }

/* Liens calque 2 */
a.layer2:link { font-size: 12px; color: #666666; }
a.layer2:visited { color: #666666; }
a.layer2:hover { color: #000000; }
a.layer2:active { color: #000000; }

/* Liens calque 3 */
a.layer3:link { font-size: 12px; color: #000000; }
a.layer3:visited { color: #000000; }
a.layer3:hover { color: #666666; }
a.layer3:active { color: #666666; }

/* Liens haut de page */
a.haut:link { text-decoration: none; font-size: 10px; color: #666666; }
a.haut:visited { text-decoration: none; font-size: 10px; color: #666666; }
a.haut:hover { text-decoration: none; font-size: 10px; color: #000000; }
a.haut:active { text-decoration: none; font-size: 10px; color: #000000; }

/* Liens de la liste de liens */
a.listeliens:link {font-size: 12px; color: #CCCCCC;}
a.listeliens:visited {color: #999999;}
a.listeliens:hover {color: #FFFFFF;}
a.listeliens:active {color: #FFFFFF;}

/* Liens "Français" */
a.langues1{text-decoration: none; font-size: 20px; color: #CCCCCC; letter-spacing: 7.5px; }
a.langues1:hover{color: #ffffff; }
/* Liens allemand */
a.langues2{ text-decoration:none; font-size: 20px; color: #CCCCCC; letter-spacing: 9.2px; }
a.langues2:hover{ color: #ffffff; }
/* Liens anglais */
a.langues3{ text-decoration:none; font-size: 20px; color: #CCCCCC; letter-spacing: 10.5px; }
a.langues3:hover{ color: #ffffff; }
/* Liens pied-de-page prestations */
a.pied:link { font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none;}
a.pied:visited { color: #FFFFFF; font-weight: bold; text-decoration: none;}
a.pied:hover { color: #666666; font-weight: bold; text-decoration: none;}
a.pied:active { color: #666666; font-weight: bold; text-decoration: none;}


/* Fin des liens */

#conteneur0{ /* Conteneur du bandeau têtière */
	width: 720px;
	height: 180px;
	margin: 0px 20px 5px 20px;
	padding: 0px;
	background-image : url(http://www.guide-nantes-isabelleloirat.fr/images/fonds/bandeau.gif);
}

/* PAGE PRINCIPALE DEROULANTE */
.list { /* style liste à puces */
    margin: 0px;
}
.list ul {
    margin:0;
    padding:0 0 0 15px;
	list-style-type: square;
}
.list2 { /* style liste à puces */
    margin: 0px;
}
.list2 ul {
    margin:0;
    padding:0 0 0 15px;
	list-style-type: square;
}
.list2 li {
    margin:20px 0 0 0;
}
.p-list2 { /* paragraphe aligné liste à puce  */
	padding:0 0 0 15px;
}
.list3 { /* style liste à puces pour le calque 3 des Conseils */
    margin: 0 10px 0 10px;
	text-align: left;
	width: 185px;
	float: right;
}
.list3 ul {
    margin:0;
    padding:0;
	list-style-type: disc;
	list-style-position: inside;
}
.hautdepage { /* conteneur pour placer le lien "haut de page" */
	float: left ;
	width: 680px;
	font-weight: normal;
	text-align: right;
}

#conteneur1{ /* Conteneur de la carte */
	width: 720px;
	height: 330px;
	margin: 0px 20px;
	padding: 0;
	background-image : url(http://www.guide-nantes-isabelleloirat.fr/images/fonds/carte.gif);
}
#conteneur2{ /* Conteneur de visites-guidées */
	width: 720px ;
	height: 470px ;
	margin: 0px 20px;
	padding: 0;
	background-image : url(http://www.guide-nantes-isabelleloirat.fr/images/fonds/visites.gif);
}
#conteneur2en{ /* Conteneur de visites-guidées anglais */
	width: 720px ;
	height: 470px ;
	margin: 0px 20px;
	padding: 0;
	background-image : url(http://www.guide-nantes-isabelleloirat.fr/images/fonds/visites_en.gif);
}
#conteneur2de{ /* Conteneur de visites-guidées allemand */
	width: 720px ;
	height: 470px ;
	margin: 0px 20px;
	padding: 0;
	background-image : url(http://www.guide-nantes-isabelleloirat.fr/images/fonds/visites_de.gif);
}
.photo{
margin: 140px 0px 0px 10px;
float: left;
}
#calque1 { /* Calque-texte de visites-guidées */
	float: right ;	
	overflow: auto;
	height: 270px;
	width: 300px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align: justify;
	margin-top: 140px;
	margin-right: 40px;
	padding-right:10px;
	list-style-type: square;
}
#conteneur3{ /* Conteneur des boutons diapos */
	width: 720px ;
	height: 90px ;
	margin: 0px 20px;
	padding: 0;
	background-color : #677246;
}
.btn { /* bouton diapos */
	float: left;
	height: 70px;
	width: 70px;
	padding: 0;
	margin: 5px 4.5px;
	border: 0px;
}
#conteneur4{ /* Conteneur de références */
	width: 720px;
	height: 310px;
	margin: 0px 20px;
	padding: 0;
	background-image : url(http://www.guide-nantes-isabelleloirat.fr/images/fonds/references.gif);
}
#conteneur4en{ /* Conteneur de références anglais */
	width: 720px;
	height: 310px;
	margin: 0px 20px;
	padding: 0;
	background-image : url(http://www.guide-nantes-isabelleloirat.fr/images/fonds/references_en.gif);
}
#conteneur4de{ /* Conteneur de références allemand */
	width: 720px;
	height: 310px;
	margin: 0px 20px;
	padding: 0;
	background-image : url(http://www.guide-nantes-isabelleloirat.fr/images/fonds/references_de.gif);
}
#calque2 { /* Calque-texte des références */
	float: right ;	
	overflow: auto;
	height: 165px;
	width: 300px;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-align: justify;
	margin-top: 95px;
	margin-right: 40px;
	padding-right:10px;
}
#conteneur5{ /* Conteneur des conseils */
	width: 720px;
	height: 530px;
	margin: 0px 20px;
	padding: 0;
	background-image : url(http://www.guide-nantes-isabelleloirat.fr/images/fonds/conseils.gif);
}
#conteneur5en{ /* Conteneur des conseils anglais */
	width: 720px;
	height: 530px;
	margin: 0px 20px;
	padding: 0;
	background-image : url(http://www.guide-nantes-isabelleloirat.fr/images/fonds/conseils_en.gif);
}
#conteneur5de{ /* Conteneur des conseils allemand */
	width: 720px;
	height: 530px;
	margin: 0px 20px;
	padding: 0;
	background-image : url(http://www.guide-nantes-isabelleloirat.fr/images/fonds/conseils_de.gif);
}
#calque3 { /* Calque-texte des conseils */
	float: right;	
	overflow: auto;
	height: 330px;
	width: 650px;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin-top: 150px;
	margin-right: 40px;
	padding-right:10px;
}
.p-conseils { /* Colonnes des conseils */
	float: right;
	width: 185px;
	text-align: left;
	margin:0 10px 0 10px;
}
#conteneur6{ /* Conteneur de la citation */
	width: 720px;
	height: 90px;
	margin: 0px 20px;
	padding: 0;
	background-image : url(http://www.guide-nantes-isabelleloirat.fr/images/fonds/quote.gif);
}
.citation{
	margin: 0px 120px;
	padding-top: 10px;
	width: 500px;
	height: 100%;
	color: #000000;
}
.renke{
color: #FFFFFF;
font-weight: bold;
padding-top: 130px;
}
#conteneur-pied{ /* Conteneur du pied de page */
	width: 720px ;
	height: 150px ;
	margin: 0px 20px 5px 20px;
	padding: 0;
	background-image : url(http://www.guide-nantes-isabelleloirat.fr/images/fonds/pied.gif);
}

/* PAGE CONTACTS ET LIENS */

.conteneur-loirat{ /* Conteneur carte-visite au-dessus du devis et des liens  */
	position: relative;
	text-align: center;
	letter-spacing: 0.2em;
	color: #FFFFFF;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}
#conteneur-devis{ /* Conteneur des bandeaux-titres "formulaire de contact" */
	width: 720px ;
	height: 50px ;
	margin: 0px 20px;
	padding: 0;
	background-image : url(http://www.guide-nantes-isabelleloirat.fr/images/fonds/devis.gif);
}
#conteneur-devis_en{ /* Conteneur des bandeaux-titres "formulaire de contact" anglais */
	width: 720px ;
	height: 50px ;
	margin: 0px 20px;
	padding: 0;
	background-image : url(http://www.guide-nantes-isabelleloirat.fr/images/fonds/devis_en.gif);
}
#conteneur-devis_de{ /* Conteneur des bandeaux-titres "formulaire de contact" allemand */
	width: 720px ;
	height: 50px ;
	margin: 0px 20px;
	padding: 0;
	background-image : url(http://www.guide-nantes-isabelleloirat.fr/images/fonds/devis_de.gif);
}
#conteneur-liens{ /* Conteneur des bandeaux-titres "liens utiles" */
	width: 720px ;
	height: 50px ;
	margin: 0px 20px;
	padding: 0;
	background-image : url(http://www.guide-nantes-isabelleloirat.fr/images/fonds/liens.gif);
}
#conteneur-liens_en{ /* Conteneur des bandeaux-titres "liens utiles" anglais */
	width: 720px ;
	height: 50px ;
	margin: 0px 20px;
	padding: 0;
	background-image : url(http://www.guide-nantes-isabelleloirat.fr/images/fonds/liens_en.gif);
}
#conteneur-liens_de{ /* Conteneur des bandeaux-titres "liens utiles" allemand */
	width: 720px ;
	height: 50px ;
	margin: 0px 20px;
	padding: 0;
	background-image : url(http://www.guide-nantes-isabelleloirat.fr/images/fonds/liens_de.gif);
}
#conteneur-webmaster{ /* Conteneur du bandeaux webmaster */
	width: 720px ;
	height: 50px ;
	margin: 0px 20px;
	padding: 0;
	background-image : url(http://www.guide-nantes-isabelleloirat.fr/images/fonds/webmaster.gif);
}
#conteneur-webmaster_de{ /* Conteneur du bandeaux webmaster */
	width: 720px ;
	height: 50px ;
	margin: 0px 20px;
	padding: 0;
	background-image : url(http://www.guide-nantes-isabelleloirat.fr/images/fonds/webmaster_de.gif);
}
h3{ /* Forme des titres de rubriques des liens */
	color: #A5B383;
	letter-spacing: 0.5em;
	border-top-style: solid;
	border-width: 20px;
	border-bottom-style: solid;
	margin: 0px;
	text-align: left;
}
h4{ /* Forme des titres de rubriques des liens */
	color: #A5B383;
	margin: 0px;
	text-align: left;
	font-weight: bold;
}
#bloc-liens { /* Conteneur du bloc des liens utiles avec liste à puces */
	width: 720px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
	background-color:#1c1c1c;
}
.list-liens { /* style liste à puces */
    margin-left: 0px;
}
.list-liens ul {
    margin:0;
    padding:0 0 0 20px;
	list-style-type: square;
}
.list-liens li {
    margin:0 0 10px 0px;
}
/* formulaire de devis */
.conteneur-tete{ /* bande titre */
	position: relative;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	width: 400px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 3px 20px;
	background-color: #A5B383;
}
.conteneur-haut{ /* bande vide */
	position: relative;
	text-align: left;
	font-weight: bold;
	width: 400px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 3px 20px;
	background-color: #336666;
}
.conteneur-input{
	position: relative;
	text-align: left;
	font-weight: bold;
	width: 400px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	padding: 3px 20px;
	background-color: #336666;
}
input{
	position: absolute;
	top: 5px;
	right: 20px;
}
select{
	position: absolute;
	top: 5px;
	right: 20px;
}
.conteneur-area{
	position: relative;
	text-align: left;
	font-weight: bold;
	width: 400px;
	height: 180px;
	margin-left: auto;
	margin-right: auto;
	padding: 3px 20px;
	background-color: #336666;
}
textarea{
	position: absolute;
	top: 5px;
	right: 20px;
}
.input-submit{
	position: relative;
	margin: 0px;
	padding: 0px;
	float: right;
}