/*
# Theme Name: Connections (for DotClear)
# Theme URI: http://wpthemes.info
# Version: 1.0
# Description: A Theme from wpthemes.Info
# Author: Patricia Muller
# Author URI: http://www.vanillamist.com/blog/
# DotClear adaptation: Franck Paul (http://franck.paul.free.fr)
# Thème réutilisé dans MODx: Perrine Mathé (http://www.e-dealiz.com)
*/

/* Layout */

*{
	margin: 0;
	padding: 0;
	border:0;
}

#page {
	width: 751px;
	margin: 0 auto;
	padding: 0 8px;
	text-align: left;
	background: #fff url('img/rap.jpg') center repeat-y;
	font-size: 0.9em;
border-bottom:4px solid #000;
}

#top {
	margin: 0 auto;
	width: 743px;
	height:170px;
	padding: 0;
	border-bottom:1px solid #DFDAD6;
	background: #FFF url('img/banniere-visage.jpg') no-repeat bottom;
	position:relative;
}

#main 
{
	margin: 0 auto;
	padding: 0;
	width: 740px;
	background:#FFF url('img/content_bg.gif') repeat;
}

#content, #contentdivers{
	width: 520px;
	float: left;
	padding: 5px 5px 25px 5px;
	margin: 0;
	overflow: hidden;
	display: inline;
}

#sidebar {
	width: 186px;
	float: right;
	padding: 0 8px 10px 8px;
	margin: 0;
	font-size: 1em;
	display: inline;
} 

#footer {
	margin: 0 auto;
	padding: 7px 0;
	border-top: #FF9900 1px solid;
	clear: both;
	text-align: center;
	width: 740px;
	background:#FFF;
}

/* ######################### GENERAL #################### */
 
body {
	font-family: 'Lucida Sans', 'Bitstream Vera Sans', Helvetica, Verdana, sans-serif;
	font-size: 0.9em;
	color: #000000;
	line-height: 1.3em;
	background: #A9A9A9 url('img/bodybg.jpg') repeat-x;
}

p {
	margin: 0 0 1em;
	padding: 0;
	line-height: 1.5em;
}

h1, h2, h3, h4, h5 {
	font-weight: normal;
	letter-spacing: 1px;
}

h3.title-mentions{
font-size:0.9em;
color:#BA1F1F;
}

a img {
	border: none;
}


/* ######################### HEADER #################### */
#topnav {
	list-style: none;
	font-size: 0.8em;
	margin: 0 auto;	
	padding: 5px 20px 4px 0;
	text-align: right;	
	color: #666666;
	border-bottom:1px solid #DFDAD6;
	background:#FF9900;
}

#topnav li {
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

#topnav li a:link, #topnav li a:visited {
	text-decoration: none;	
	color: #000;
}

#topnav li a:hover, #topnav li a:active {
	color: #FFF;	
}

#top h1, #enviede span{
position:absolute;
top:-1000px;
}

#top h2{
position:absolute;
top:105px;
left:20px;
}

#top h2 a{
display:block;
width:368px;
height:57px;
background: #FFF url('img/dis-lui.gif') no-repeat;
border:0;
}

#dire-accueil a:visited{
border:0;
}

#top h2 a:hover{
background: #FFF url('img/dis-lui.gif') no-repeat -367px;
border:0;
}

#top h2 a span, #dire-accueil a span{
position:absolute;
top:-1000px;
}

#enviede a, #dire-accueil a{
display:block;
width:92px;
height:95px;
background: transparent url('img/dislui-small.gif') no-repeat;
margin:5px auto 0 auto;
}

#enviede a:hover, #dire-accueil a:hover{
background: transparent url('img/dislui-small.gif') no-repeat -96px;
}

/* ######################### CONTENU (DOCS) #################### */
.post {
	margin: 0 0 30px 0;
}

.post-info {
	font-size: 0.85em;
	margin: 0;
	padding: 5px 0 4px 0;
}

.post-content a, .post-info a, .post-suite a, .listeaccueil a, #contentdivers a{
	color: #666666;	
	text-decoration: none;
	border-bottom:1px dotted #FF9900;
}

.post-content a:visited, .listeaccueil a:visited, #contentdivers a:visited{
	color: #666666;
	border-bottom:1px solid #FF9900;
}

.post-content a:hover, .post-info a:hover, .post-suite a:hover, .listeaccueil a:hover, #contentdivers a:hover{
	color: #BA1F1F;
	border-bottom:1px solid #BA1F1F;
}

#contentdivers .annuaires-rss a{
border:0;
}

.post-content {
	padding: 10px 0;
	margin: 3px 0;
	border-top: #FF9900 1px solid;	
	font-size: 1em;
}

.post-content img {
	border: 1px solid #DFDAD6; 
	padding: 4px;
	margin: 2px;
}

.post-content pre {
	font-size: 1.1em;
}

.post-title {
	font-size: 1.5em;
	margin:0 0 5px 0;
	font-weight: bold;
}

.post-title a:link, .post-title a:visited, .post-title a:active {
	text-decoration: none;
	color: #000;
	border:0;
}

.post-title a:hover{
	border-bottom:1px solid #BA1F1F;
}

.post-date {
	float: left;
	color: #000;
	font-size: 0.9em;
	text-align: right;
	font-weight: bold;
	margin: 3px 10px 0 0;
	padding: 8px 3px 5px 3px;
	width: 60px;
	background: #FF9900;
	line-height: 1em;
}

.post-date .day{
	font-size:2.5em;
	float:left;
	padding-top:5px;
	height:15px;
}

.post-date .heure{
display:block;
margin-top:4px;
}

.post-suite{
text-align:right;
}

.post-footer {
	padding-top: 20px;
	clear: both;
}

#dire-accueil{
width:350px;
margin-left:100px;
}

ul.listeaccueil {
margin-left:25px;
list-style-type:square;
}

ul.listeaccueil span{
font-size:0.8em;
color: #666666;	
}

.AS_ajax_highlight, .ajaxSearch_highlight{
font-weight:bold;
color:#BA1F1F;
}

.ajaxSearch_extract{
margin-bottom:15px;
}

#ads-center, .ads-in{
text-align:center;
margin-bottom:8px;
}

#ads-billet{
float:right;
margin:4px 0 5px 10px;
}

/* ######################### FORMULAIRE DE CONTACT #################### */
h2.diverstitle{
text-align:center;
margin-bottom:15px;
}

#sendform form {margin-bottom: 10px;}
#sendform label {display: block;font-weight:bold;}
#sendform input, #sendform textarea{
border:1px solid #FF9900;
padding:2px;
font-family: 'Lucida Sans', 'Bitstream Vera Sans', Helvetica, Verdana, sans-serif;
margin-bottom:10px;
}
#sendform textarea{
font-size:1em;
}
#sendform input:focus, #sendform textarea:focus{
border:1px solid #000000;
}

#sendform #jot-submit{
margin:10px 0 0 20px;
}

#sendform p{
color:#666666;
font-size:0.7em;
}

#sendform h3, .formok h3{
font-weight:bold;
font-size:1em;
margin-left:25px;
}

#sendform .error{
border: 1px solid #BA1F1F;
color: #BA1F1F;
padding: 5px;
margin-bottom: 10px;
font-size:0.9em;
}

.formok{
border: 1px solid green;
color: green;
padding: 5px;
margin-bottom: 10px;
font-size:0.9em;
}

.formok td{
vertical-align:top;
padding-bottom:10px;
border-top:1px solid #DFDAD6;
}

/* ######################### SIDEBAR #################### */
#sidebar{
font-size:0.9em;
}

#sidebar a{
color: #666666;	
text-decoration: none;
border-bottom:1px dotted #FF9900;
}

#sidebar a:hover{
color: #BA1F1F;
border-bottom:1px solid #BA1F1F;
}

#sidebar #partenaires a, #sidebar #partenaires a:hover, #sidebar .star-rating a, #sidebar .star-rating a:hover, #enviede a, #enviede a:hover{
border:0;
}

#sidebar #partenaires li{
padding-top:5px;
}

#sidebar li.active a{
color:#BA1F1F;
}

#sidebar h3{
text-align:center;
background:#999999;
color:#FFFFFF;
font-size:1em;
font-weight:bold;
margin:0 0 4px 0;
padding:2px 0;
}

#sidebar #post-infos, #sidebar #nav-categorie, #sidebar #post-tags, #sidebar #pagination, #sidebar #calendrier, #sidebar #enviede, #sidebar #partenaires, #sidebar #search, #sidebar #rss{
background:#FFF;
border:1px solid #DFDAD6;
padding:2px 2px 6px 2px;
margin-top:12px;
}

#sidebar #post-infos ul, #sidebar #nav-categorie ul, #sidebar #pagination ul, #sidebar #enviede p, #sidebar #partenaires ul, #sidebar #search p, #sidebar #rss p{
list-style:none;
margin-left:4px;
}

#sidebar #pagination .prev-next{
text-align:center;
}

#sidebar #partenaires{
text-align:center;
}

/* ######################### TAGCLOUD #################### */

#sidebar #post-tags .tagcloud{
margin-left:4px;
}

#sidebar #post-tags .tagcloud .s1{
font-size:0.9em;
}

#sidebar #post-tags .tagcloud .s2{
font-size:1em;
}

#sidebar #post-tags .tagcloud .s3{
font-size:1.1em;
}

#sidebar #post-tags .tagcloud .s4{
font-size:1.2em;
}

#sidebar #post-tags .tagcloud .s5{
font-size:1.3em;
}

/* ######################### CALENDRIER #################### */
#sidebar .calendar{
width:180px;
text-align:center;
font-size:0.9em;
}

#sidebar .calendar tr{
border-top:1px solid #ECECEC;
}


#sidebar #calendar-next, #sidebar #calendar-prev{
border:0;
}

#sidebar .calendar .curDay a{
color:#BA1F1F;
}

/* ######################### RECHERCHE #################### */
#search input{
border:1px solid #FF9900;
padding:2px;
font-family: 'Lucida Sans', 'Bitstream Vera Sans', Helvetica, Verdana, sans-serif;
margin-bottom:3px;
}
#search input:focus{
border:1px solid #000000;
}

#search{
text-align:center;
}
/* ######################### FOOTER #################### */
#footer{
}

#footer a{
	color: #666666;	
	text-decoration: none;
	border-bottom:1px dotted #FF9900;
}

#footer a:hover{
	color: #BA1F1F;
	border-bottom:1px solid #BA1F1F;
}