/*
Theme Name: Theme annuaire hdclic
Theme URI: http://www.hdclic.com/
Description: Un theme pour un annuaire
Version: 0.1
Author: HDClic
 
Creation Theme by hdclic || http://www.hdclic.com
 
*/
* {
	margin: 0px;
	padding: 0px;
}
body {
	background: #e9e1d8 url(images/bg.jpg) repeat-x;
	text-align: center;
	font: 0.7em "Times New Roman", Times, serif;
	color: #5a5a5a;
}
#conteneur {
	margin-right: auto;
	margin-left: auto;
	width: 1067px;
}
#head {
	float: left;
	width: 1067px;
	background: url(images/head.jpg);
	height: 176px;
}
#cont {
	background: url(images/bg-cont.png);
	float: left;
	width: 1067px;
}
#texte {
	background: url(images/bg-texte.jpg) no-repeat;
	float: left;
	width: 1067px;
	height: 259px;
}
html>body #texte {
	height: auto;
	min-height:259px;
}
#content, .post, #content_erreur {
	float: left;
	width: 601px;
}
#foot {
	background: url(images/foot.jpg);
	float: left;
	height: 90px;
	width: 1067px;
	padding-top: 123px;
}
/* Contenu */
#description {
	padding: 10px;
	float:left;
	width:601px;
	text-align: left;
}
#description p {font-size: 110%;}
#description p, #description h1 {
	margin-bottom: 8px;
	padding-right: 45px;
	padding-left: 22px;
}
#description h1 {
	line-height: 20px;
	font-size: 2.5em;
	font-weight: normal;
	text-align: center;
}
#sepa_cat {
	float:left;
	width:601px;
	background: url(images/bg-texte-2.jpg) no-repeat;
	height: 3px;
}
.content_rep, .bottom_marge {
	padding-bottom: 20px;
}
.content_rep {
	background: url(images/bg-texte-2.jpg) no-repeat;
}
#content_erreur {
	background: url(images/404.jpg) no-repeat;
	height: 492px;
}
#content .accueil {
	font-size: 3em;
	line-height: 27px;
	text-align: left;
	padding: 25px 35px 30px 22px;
	font-weight: normal;
}
#content .accueil a {
	color: #5a5a5a;
	text-decoration: none;
}
#content .accueil a:hover {	
	color: #FF6C00;
}
div.illustration {
	background: url(images/titre.jpg) no-repeat left bottom;
	float: left;
	height: 154px;
	width: 594px;
	padding-top: 7px;
	padding-left: 7px;
}
div.illustration img {
	float: left;
}
.post_content {
	float: left;
	width: 538px;
	padding-right: 39px;
	padding-left: 22px;
	margin-top: -20px;
}
.date {
	float: right;
	height: 99px;
	width: 158px;
	font-size: 350%;
	color: #868686;
	padding-top: 15px;
	text-align: right;
	padding-right: 18px;
}
.date span {
	color: #b1b1b1;
}
.date p.cat {
	text-align: right;
	padding-top: 10px;
	font-size: 28%;
}
.date p.cat a {
	color: #868686;
	font-weight: bold;
	text-decoration: none;
}
.date p.cat a:hover {
	color: #ff9600;
}
ul.related_post {
	background: url(images/autres-sites.jpg) no-repeat;
	float: left;
	width: 538px;
	padding-top: 59px;
	font-size: 120%;
	text-align: left;
	padding-left:32px;
	margin-top: 10px;
}
div#tags {
	background: url(images/tags.jpg) no-repeat;
	float: left;
	width: 506px;
	padding-top: 59px;
	padding-left: 32px;
	margin-top: 10px;
}

ul.related_post a {
	color: #868686;
}
ul.related_post a:hover {
	color: #616161;
	text-decoration: none;
}

/* Menu haut */
#menu {
	float: right;
	width: 1067px;
	text-align: right;
	height: 70px;
	font: 130% Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}
#menu li {
	text-align: right;
	padding-top: 10px;
	float: right;
	display: inline;
	margin-right: 20px;
	margin-left: 20px;
}
#menu li.search {
	padding-top: 5px;
}

#menu li a {
	color: #dbd9cf;
	text-decoration: none;
}
#menu li a:hover {
	color: #ff9600;
}
#search #searchfield {
	float: left;
	background: url(images/champ_recherche.png) no-repeat;
	height: 16px;
	width: 223px;
	border-style: none;
	padding-left: 25px;
	margin-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
/* Head */
img.logo {
	float: left;
}
p.site_title {
	float: left;
	width: 1043px;
	color: #e3e0d6;
	font: bold 120% Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 24px;
}
p.site_title a {
	color:#FF6C00;
}
p.site_title a:hover {
	text-decoration: none;
}
/* Sidebar gauche */
#sidebar_gauche {
	float: left;
	width: 250px;
	padding-right: 5px;
	padding-left: 8px;
	padding-top: 120px;
}
ul.categories {
	background: url(images/categories.png) no-repeat;
	padding-top: 28px;
	text-align: right;
	font: 110% "Century Gothic", Arial;
	margin-top: 20px;
}
ul.categories a {
	display: block;
	color: #4f4f3b;
	font-weight: bold;
	text-decoration: none;
}
ul.categories a:hover, ul.categories li:hover a {
	color: #F3F3F3;
}
ul.categories li {
	background: #d6d6d6;
	border-bottom: 1px solid #FFF;
	list-style: none;
	padding: 5px;
}
ul.categories li li {
	border: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	background: #999;
}
ul.categories li li a {
	color: #FFF;
}
ul.categories li li:hover {
	background: #B6B6B6;
}
ul.categories li:hover {
	border-bottom: 1px solid #FFF;
	background: #21211f;
}
ul.categories li:hover ul.children li {
	border: none;
	background: #515151;
}
/* Sidebar droite */
#sidebar_droite {
	float: left;
	width: 183px;
	padding-left: 13px;
	padding-top: 26px;
}
#sidebar_droite .soumission {
	float: left;
	height: 100px;
	width: 179px;
}
#sidebar_droite .soumission:hover {
	background: url(images/soumission.jpg);
}
#sidebar_droite ul.au_hasard {
	background: url(images/au-hasard.png) no-repeat;
	padding-top: 27px;
	margin-top: 35px;
}
#sidebar_droite ul.au_hasard li {
	list-style: none;
	text-align: left;
	padding: 5px;
	height: 45px;
	float: left;
}
html>body #sidebar_droite ul.au_hasard li {
	height: auto;
	min-height:45px;
}

#sidebar_droite .au_hasard li img {
	float: left;
	border: 3px solid #FFF;
}
#sidebar_droite .au_hasard li p {
	float: right;
	width: 110px;
	padding: 3px 0px 3px 10px;
	margin-bottom: 0px;
}
#sidebar_droite .au_hasard li p a {
	text-decoration: none;
	font-weight: bold;
	color: #5e5e5e;
}
#sidebar_droite .au_hasard li:hover {
	background: #21211f;
}
#sidebar_droite .au_hasard a:hover, #sidebar_droite .au_hasard li:hover a {
	color: #F3F3F3;
}
/* Formulaire */
.tdomf_form textarea, .wpcf7-textarea{
	width:538px;
	background: #FFF url(images/textearea.jpg) no-repeat left top;
	border: 1px solid #CCC;
}
.tdomf_form textarea:focus, .tdomf_form input:focus {
	border: 1px solid #666;
}
.ed_button  {
	background: url(images/bg_bouton.png) repeat-x;
	padding: 2px;
	margin-right: 0.1em;
	border: 1px solid #003;
	color: #FFF;
	margin-bottom: 0.1em;
	font-size: 95%;
}
.ed_button:hover {
	border-color: #FFF;
	color: #ff9503;
}
input.submit, input.wpcf7-submit {
	background: url(images/envoyer.jpg);
	height: 28px;
	width: 85px;
	border-style: none;
	text-indent:-9999px;
}
/* Générale & typo */
.post_content p, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6, .post_content ul, .post_content ol, #tags p {
	text-align: left;
	color: #323639;
	margin-bottom: 10px;
	font-size: 125%;
}

.post_content a, #tags a {
	text-decoration: underline;
}
span.orange,.post_content a, ul.categories li li a:hover, #tags a {
	color: #FF6C00;
}
.post_content a:hover, #tags a:hover {
	color: #323639;
	text-decoration: none;
	background: #E4E4E4;
}
.post_content a:visited {
	color: #323639;
}
.post_content ul, .post_content ol {
	overflow: hidden;
	padding-left: 35px;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	border: 1px solid #CCCCCC;
}
img.centered, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* Ariane */
#ariane {
	padding-left: 22px;
	font-size: 90%;
	color: #666;
	text-align: left;
 }
#ariane a {color: #666;}
#ariane a:hover {color: #FF6C00}
/* Footer */
#foot #amis {
	width: 519px;
	float: left;
	padding-right: 10px;
	padding-left: 30px;
	font-size: 120%;
}
#foot #amis li {
	padding: 2px 5px;
	float: left;
	list-style: none;
}
#foot li a {
	color: #23221f;
	font-weight: bold;
}
p.footer_link a {
	color: #5A5A5A;
	font-weight: normal;
}
#foot li a:hover, p.footer_link a:hover {
	text-decoration: none;
}

#foot p.annuaire_gratuit {
	font-size: 100%;
	color: #23221f;
	float: right;
	width: 428px;
	padding-right: 40px;
	text-align: left;
}
/* Navigation */
#navigation {
	height: 20px;
	display: block;
	clear: both;
	position: relative;
	float: left;
	width: 100%;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 5px 2px 5px;
	margin: 3px;
	text-decoration: none;
	border: 1px solid #333;
	color: #333;
	background: #fff;
}
.wp-pagenavi a:hover {
	border: 1px solid #333;
	color: #CCC;
	background: #666;
}
.wp-pagenavi span.pages {
	padding: 2px 5px 2px 5px; 
	margin: 3px 3px 3px 3px;
	color: #303030;
	border: 1px solid #333;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 5px 2px 5px;
	margin: 3px;
	font-weight: bold;
	border: 1px solid #333;
	color: #ffffff;
	background: #333;
}
.wp-pagenavi span.extend {
	padding: 2px 5px 2px 5px; 
	margin: 3px;	
	border: 1px solid #333;
	color: #303030;
	background-color: #FFFFFF;
}
/* Divers */
img {
	border: none;
}
img.aff {
	padding: 2px;
				 }
a:hover img, .submit:hover, .recherche:hover {
	  opacity: 0.8;
	  filter:alpha(opacity=80); 
}