/* 
Theme Name: Artisans du Patrimoine Fr
Theme URI: http://www.artisans-patrimoine.fr/
Description: Thème réalisé à partir de Defaut Fr
Version: 1.0
Author: TWD
Author URI: http://www.artisans-patrimoine.fr
Tags: Artisans, Patrimoine, Rouge, Gris, Blanc cassé

/// Tous droits réservés ///

Ce fichier est une feuille de style commune pour l'annuaire et le blog
Il est complèté par style.css

Mis en place pour une meilleure maintenabilité et commonalité

Charte graphique :

- texte body :	 			#4C4C4C (gris)
- background principal : 	#660000 (rouge foncé)
- sous-titre : 				#FFFFDD (blanc cassé)
- texte barre de nav : 		#FFFFDD (blanc cassé)
- barre de nav background hover : #000000 (noir)
- fond de texte : 			#FFFFDD (blanc cassé)
 
- texte colonne gauche : 	#4C4C4C (gris)
- liens colonne gauche : 	#4C4C4C (gris)
- liens hover col gauche : 	#990000 (rouge)
- h2 colonne gauche :		#333333 (gris foncé)

- texte colonne droite :	#777 (gris) => pas utilisé ?

- lien :					#222 (gris foncé)
- petit lien footer :		#4C4C4C (gris)

Cadre mots clés, pub inscription, etc :
- background :				#F1EBDE (saumon)
- bordure :					#CCCCCC (gris)

- hr :						#CCCCCC 
- bordure texte area :		#CCCCCC (gris plus foncé)
- input et texte area : 	#666 (gris)

- lien span :				#330000 (rouge très foncé) => utilisé ?
- ariane : 					#666 (gris)
- ariane hover :			#A9A9A9 (gris clair)

Références Adsense :
Bordure : 					#FFFFDD (blanc cassé)
Titre :						#990000 (rouge)
Arrière-plan :				#FFFFDD (blanc cassé)
Texte :						#4C4C4C (gris)
URL :						#330000 (rouge foncé) 

*/

body {
	word-spacing: 2px; /* est-ce vraiment utile ? */
	color: #4C4C4C;
	background-attachment: inherit;
	background-color: #660000;
	background-image: url(images/fond-fleur-lys.png);
	background-repeat: repeat;
	background-position: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78.5%;
	line-height: 1.6em;
}

/* Par défaut sur tous les éléments non spécifés */
* {
	margin:0;
	padding:0;
}

/* /////////////////////// */
/* Les propriétés générales */
/* /////////////////////// */

img {
	border: 0 none;
	/* display: block; */
}

h1 {
	font-size: 200%;
	line-height: 1.5em;
	/* text-align: left; */
}

h2 {
	color: #990000;
	font-size: 160%;
	line-height: 1.5em;
	/* text-align: left; */
}

h3 {		/* Non utilisé dans l'annuaire */
	font-size: 140%;
	/* margin: 10px 0; */
}

h4 {
	font-size: 110%;
}

h5 {
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
}

p {
	margin:15px 0;
	line-height:22px;
}

p img {
	float:left;
	margin:0 10px 0 0;
}

a {
	color:#333333;
}

a img {
	border: none;
}

a:hover {
	text-decoration:none;
}

hr {
	clear: both;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #CCCCCC;
}

form {
	padding:10px;
	border:1px solid #CCCCCC;
}

label {
	display:block;
	font-weight:bold;
	color:#444;
	margin:5px 0;
}
input {
	padding: 2px;
/*	border :1px solid #ccc; */
	font:90% Verdana;
	color:#666;
}

textarea {
	padding:4px;
	font:90% Verdana;
	border:1px solid #CCCCCC;
/*	height:200px; */
	display:block;
	color:#666;
}

.surligne {
	color: #990000;
	font-style: italic;
	font-weight: bold;
}

.aligncentre {
	text-align:center;
}

/* ///////////////////////////// */
/*		No more IE6				 */
/* ///////////////////////////// */

.nomoreie6-main {
	border: 4px solid #F7941D;
	background: #FEEFDA;
	text-align: center;
	clear: both;
	height: 75px;
	position: relative;
}

.nomoreie6-close {
	position: absolute;
	right: 3px;
	top: 3px;
/*	font-family: courier new;
	font-weight: bold; */
}

.nomoreie6-main2 {
	width: 950px;
	margin: 0 auto;
	text-align: left;
/*	padding: 0;	Déjà par défaut */
	overflow: hidden;
	color: black;
}

.nomoreie6-image {
	width: 75px;
	float: left;
}

.nomoreie6-texte {
	width: 570px;
	float: left;
/*	font-family: Arial, sans-serif; Déjà par défaut */ 
}

.nomoreie6-texte2 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 8px;
}

.nomoreie6-texte3 {
	font-size: 12px;
	margin-top: 6px;
	line-height: 12px;
}

/* ///////////////////////////// */
/*		Structure en tete		 */
/* ///////////////////////////// */

#entete {
	background-color: #660000;
	background-image: url(images/fond-titre.png);
	background-repeat: repeat-x;
	background-position: top;
}

#entete #main_nav {
	clear: both;
	text-align: left;
	font-weight: bold;
	font-size: 100%;
	color: #990000;
	padding: 0 0 0 20px;
}

#entete #main_nav li {
	display:inline;
	list-style:none;
	margin: 0 8px 0 0;
}

#entete #main_nav .select {
	background-color:#660000;
}

#entete #main_nav a {
	text-decoration:none;
	padding: 4px 10px;
	background-color:#333333;
	color: #FFFFDD;
	-moz-border-radius: 0 0 6px 6px; 
	-webkit-border-radius: 0 0 6px 6px; 
	border-radius: 0 0 6px 6px;         
	-webkit-border-bottom-left-radius: 6px; /* pour Chrome */ 
	-webkit-border-bottom-right-radius: 6px; /* pour Chrome */ 
}

#entete #main_nav a:hover {
	background-color: #000000;
	color: #CC0000; 
}

#entete #titre {
	/* max-width:900px;			A spécifier différemment pour le blog et l'annuaire
	min-width:760px; */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#entete #titre table {
	margin: -16px 0 0 0;
}

#entete h1 {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	border: 1px;
	border-width: 1px;
	border-style: solid;
}

#entete img {
	display: block;
	padding: 0 20px;
	margin: 0;
/*	border: 1px;
	border-width: 1px;
	border-style: solid; */
}

#entete #titre #titreie6 {
	position: absolute;
	top: 0px;
	background-image: url(images/fond-titre.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #660000;
}

#entete h2 {
	font-weight:bold;
	color:#FFFFDD;
	border:none;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	text-align: left;
	margin: -16px 0 0 0;
}

/* //////////////////////////////////// */
/* 		Barre de menu de navigation 	*/
/* //////////////////////////////////// */

#entete #nav {
	clear:both;
	/*	padding:4px 10px 10px 0; */
	background-color: #660000;
	background-image: url(images/nav.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0;
	text-align: center;
	font-weight: bold;
	/* padding:8px;*/
	/* font-family: Arial; */
	font-size: 120%;
	color: #FFFFDD;
}

#entete #nav a {
	text-decoration:none;
/*	font-weight: bold; */
	padding:8px;
/*	font-family: Arial;
	font-size: 120%; */
	color: #FFFFDD; 
}

#entete #nav a:hover {
	background-color: #000000;
}

#entete #nav li {
	display:inline;
	list-style:none;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 0;
}

/* //////////////////////////////////////////////// */
/*		Mise en page du corps avec bordures			*/
/* //////////////////////////////////////////////// */

#bordure {
/*	max-width:1200px;
	min-width:760px; */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.bordure-gauche {
	width: 13px;
	background: url(images/border-left.png) repeat-y;
}

.bordure-droite {
	width: 13px;
	background: url(images/border-right.png) repeat-y;
}

#corps {
/*	max-width:1200px;
	min-width:760px; */
	background-color: #FFFFDD;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* ///////////////////////////////////// */
/* 		Commun colonnes latérales		 */
/* ///////////////////////////////////// */

.colonnelat h2 {
	color:#333333;
	margin:15px 0 10px 0;
	font-size: 120%;
}

/* ///////////////////////////////////// */
/* 		Colonnes gauche					 */
/* ///////////////////////////////////// */

#colgauche {
	width:200px;
	float:left;
	color:#4C4C4C;
	padding: 10px 0 0 0;
}

#colgauche .subnav {
}

#colgauche .subnav li {
	list-style:none;
}

#colgauche .subnav li a {	
	color:#4C4C4C;
	text-decoration:none;
}

#colgauche .subnav li a:hover {
	color:#990000;
	text-decoration: underline;
}


/* ///////////////////////////////////// */
/* 		Colonnes droite 				 */
/* ///////////////////////////////////// */

#coldroite {
	width:170px;
	float:right;
	padding:10px 0 0 20px;
}

#recherche {
	text-align: left;
	border-style: none;
	margin: 0px;
	padding: 0px;
}

#recherche #s {
	width: 110px;
	/* padding: 2px; */
}

.rss {
	display: inline;
	vertical-align: middle;
	/* margin: 0px; border: 0px; */
}


/* le contenu du milieu */
#content {
	margin:0 200px 0 200px;
	padding:20px 0 0 20px;
}

#pubhaute {
	text-align: center;
	margin-bottom: 20px;
}

#pubbasse {
	text-align: center;
}

.cadrepub {
	width: 98%;
	padding-top: 5px;
	border: 1px solid #CCCCCC;
}

.cadremain {
	width: 98%;
	border: 1px solid #CCCCCC;
}

.textemain {
	padding: 0 20px;
	text-align:justify;
}

.cadrepub2 {
	background-color: #F1EBDE;
	width: 98%;
	border: 1px solid #CCCCCC;
}

.cadrepub2:hover{
	background-color: #990000;
	color: #FFFFDD;
}

.textepub2 {
	padding: 0 20px;
	text-align:center;
}


#nopub {
	height: 60px;
	margin-bottom: 20px;
}

#colonnetexte {
	max-width: 500px;
	text-align: justify;
}

/* ///////////////////////////////////// */
/* 		Pagination	Blog				 */
/* ///////////////////////////////////// */

.pagebar {
/*	padding: 0.2em 0.5em;*/
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	/* border: 1px solid #fff; */
	text-decoration: none;
	font-weight:bold;
	line-height:22px;
}

.pagebar a,.pageList .this-page {
	padding: 1px 3px;
	border:1px solid #CCCCCC;
	color:#4C4C4C;
	text-decoration:none;
}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	/* background: #fff; */
	text-decoration: none;
}

.pagebar .this-page {
	padding: 1px 3px;
	border:1px solid #990000;
	background-color:#990000;
	color:#FFFFDD;
}

.pagebar a:hover {
	border:1px solid #990000;
	color:#990000;
}

.pagebar .inactive {
	padding: 1px 3px;
	border:1px solid #DDDDDD;
	color:#999999;
}



/* ///////////////////////////////////// */
/* 		Pied de page					 */
/* ///////////////////////////////////// */

#footer {
	clear:both;
	padding:10px;
	margin:30px 0 0;
	text-align: center;
}

#footer span {
	font-size: 10px;
}

#footer span a {
	color:#4C4C4C;
	text-decoration: none;
}

#footer img {
	display: inline;
	margin: 5px 0 0 0;
}