* {margin:0; padding:0;}

body {
	background-color:#000000;
	background-image:url('/images/fond.jpg');
	background-repeat:repeat-x;
}
body,input,textarea,td {
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	color: #CCCCCC;
}

a:link {text-decoration: none; color: #0079C4;}
a:visited {text-decoration: none; color: #0079C4;}
a:hover, a:active {text-decoration: none; color: #0079C4;}
/*a:hover, a:active {text-decoration: none; color: #7A0D0D;}*/

img {border: 0px;}
h1 {
	font-size:18px;
	width:100%;
	text-align:center;
	margin: 0 0 10px 0;
}
h2 {
	font-size:14px; padding:3px;
	height:25px;
	margin:0 0px 15px -11px; padding-left:70px;
	color:#A1EF56;
	border-top:1px solid #4A7D8C;
	background-image:url('/images/fond_h2.jpg'); background-repeat:repeat-x;
}
h3 {
	font-size:14px;
	display: inline;
	color:#7A0D0D;
}
ul,li {margin-left:10px;}
li {list-style-image: url("/images/puce.gif"); list-style-type: square; margin-bottom:5px;}
p {margin-bottom:15px;}
input, textarea, select, option {
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
	background: #000000;
	border: 1px solid #4A7D8C;
}
.centre, .reflect {margin:0 auto; text-align:center;}
.coinhg{background:url(/images/coinhg.jpg) no-repeat; height:12px; width:12px; float:left; margin:-11px 11px 11px -21px;}
.coinhd_h2{background:url(/images/coinhd_h2.jpg) no-repeat; height:12px; width:12px; float:right; margin:-4px -3px 0 0;}

/** Template Général */
#global {width:953px; min-height:231px; margin: 0 auto 0 auto; text-align:left; background:url('/images/logo.jpg') top center no-repeat;}
html>body #global {width:953px; height: auto; min-height: 231px; margin: 0 auto 0 auto; text-align:left; background:url('/images/logo.jpg') top center no-repeat;}

#haut {width:953px; height:180px; float:left;}

#zik {width:893px; padding-bottom:10px; float:left; text-align:right;}

#contenu {width:953px; float:left; background-color:#000000; background-image:url('/images/contenu_milieu.png'); background-repeat:repeat-y;}
#contenu_bas {width:953px; height:14px; float:left; background-image:url('/images/contenu_bas.png'); background-repeat:no-repeat;}

#bas_page {width:893px; float:left; padding:30px; text-align:center;}

.apercu {float:left; margin:0 100px 0 -40px;}
.haut {margin-top:10px; font-size: 10px; text-align: right;}
.date {
	position:absolute;
	height: 50px;
	width: 41px;
	color: #7A0D0D;
	font-weight:bold;
	text-align: center;
	line-height: 12px;
	float: left;
	z-index:10;
	margin:-12px 0 0 0;
}
.date_jour {font-size:16px;}
.date_mois {font-size:8px;}
.date_annee {
	height: 16px;
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	padding-top: 5px;
}

/** Index - news **/
#liste_news {width:650px; float:left; margin: 15px 30px 15px 0;}
li.news{margin:0 0 20px 10px; text-align:justify; list-style-image: url("/images/pixel.gif"); list-style-type: none;}

/** Index - annee **/
#liste_news_annee {  
	padding:10px 10px 10px 20px;
	margin: 15px 0 0 0;
	width:233px;
	color:#DDDDDD;
	float:left;
	background-color:#111111;
	border-top: 1px solid #222222;
	border-left: 1px solid #222222;
	border-bottom: 1px solid #222222;
}

/** Index - MSN **/
#dialogue_msn {  
	padding:10px 10px 10px 20px;
	margin: 15px 0 0 0;
	width:233px;
	color:#DDDDDD;
	float:left;
	background-color:#111111;
	border-top: 1px solid #222222;
	border-left: 1px solid #222222;
	border-bottom: 1px solid #222222;
}

/** Index - Twitters **/
#zik {
	padding:10px 20px 10px 20px;
	margin: 15px 0 0 0;
	width:223px;
	float:left;
	background-color:#111111;
	border-top: 1px solid #222222;
	border-left: 1px solid #222222;
	border-bottom: 1px solid #222222;
}
#twitters {
	background:url(/images/twitterific.png) 190px 10px no-repeat;
	padding:10px 75px 10px 20px;
	margin: 15px 0 0 0;
	width:168px;
	color:#DDDDDD;
	font-size:11px;
	line-height:1.3em;
	font-style:italic;
	float:left;
	background-color:#111111;
	border-top: 1px solid #222222;
	border-left: 1px solid #222222;
	border-bottom: 1px solid #222222;
}

/** Perso **/
#perso {width:913px; padding:0 20px; text-align:justify;}
#perso h2 {margin-top:30px;}

/** Mavie **/
#liste_tweets {width:650px; float:left; margin: 0 30px 15px 0;}
li.tweets{margin:0 0 20px 10px; text-align:justify; list-style-image: url("/images/pixel.gif"); list-style-type: none;}
li.tweet{margin:0 0 10px 20px; list-style-image: url("/images/comment.png"); list-style-type: none;}

/** Mavie - mois **/
#liste_tweets_mois {  
	background:url(/images/twitterific.png) 190px 10px no-repeat;
	padding:10px 65px 10px 20px;
	margin: 0 0 15px 0;
	width:178px;
	color:#DDDDDD;
	font-size:11px;
	line-height:1.3em;
	font-style:italic;
	float:left;
	background-color:#111111;
	border-top: 1px solid #222222;
	border-left: 1px solid #222222;
	border-bottom: 1px solid #222222;
}

/** Livre d'or **/
.fc-field-error {border : 1px solid #800 !important;}
#liste_commentaires {width:650px; float:left; margin: 0 30px 15px 0;}
#liste_commentaires i {margin-left: 10px;}
li.commentaires{margin:0 0 20px 10px; text-align:justify; list-style-image: url("/images/pixel.gif"); list-style-type: none;}
li.commentaire{margin:0 0 10px 20px; list-style-image: url("/images/comment.png"); list-style-type: none;}

#livre_formulaire {
	width:874px;
	margin:30px 0 30px 10px;
	padding:30px;
	background-color:#111111;
	border-top: 1px solid #222222;
	border-bottom: 1px solid #222222;
}
#livre_submit {width:893px; clear:both; padding:30px 0 0 0; text-align:center;}
#livre_civilite {width: 300px; float:left;}
#livre_commentaire {width: 550px; float:left;}
#livre_signer {width: 300px;}

/** Livre d'or - annee **/
#liste_commentaires_annee {  
	padding:10px 10px 10px 20px;
	width:233px;
	color:#DDDDDD;
	float:left;
	background-color:#111111;
	border-top: 1px solid #222222;
	border-left: 1px solid #222222;
	border-bottom: 1px solid #222222;
}

/** Contact **/
#contact {width:913px; padding:0 20px; text-align:justify;}
#contact_formulaire {
	width:874px;
	margin:30px 0 30px 10px;
	padding:30px;
	background-color:#111111;
	border-top: 1px solid #222222;
	border-bottom: 1px solid #222222;
}
#contact_submit {width:893px; clear:both; padding:30px 0 0 0; text-align:center;}
#contact_civilite {width: 300px; float:left;}
#contact_commentaire {width: 550px; float:left;}
#contact_signer {width: 300px;}

/** Sites Live **/
#sites-live {width:913px; padding:0 20px; text-align:justify;}

/** Divers **/
#divers {width:913px; padding:0 20px; text-align:justify;}


/** Sites **/
#liste_sites{width:934px; float:left; margin: 0 30px 15px 10px;}

.site_apercu{
	width:320px;
	margin: 30px 0 0 15px;
	text-align: center;
	float:left;
}
.site_apercu b {color:#7A0D0D;}
.site_boite{
	width:934px;
	margin:20px 0 20px 0;
	background-color:#111111;
	border-top: 1px solid #222222;
	border-bottom: 1px solid #222222;
	overflow:hidden;
	position:relative;
}
.site_boite_pro{
	width:934px;
	margin:20px 0 20px 0;
	background-color:#101020;
	border-top: 1px solid #222222;
	border-bottom: 1px solid #222222;
	overflow:hidden;
	position:relative;
}
.site_infos{
	width: 580px;
	margin:5px;
	float:right;
}
.site_infos b {color:#7A0D0D;}
.site_infos i {font-size:10px; color:#555;}
.picto {opacity:0.4; border: 1px solid #222222;}
.picto:hover {opacity:1; border: 1px solid #7A0D0D;}