@charset "utf-8";
/* CSS Document */

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px;  background:#000; color:#CCC }
a {color:#0099CC; text-decoration:none }
.all {width:100%; background:url(images/fond_all.jpg); background-position: center; background-repeat:repeat-y; }
 .head {width:950px; background:#000000; height:20px; text-align:right; }
   #logo { position:static; float:left; width:250px; background:#000000; }
   #liens { position:static; float:left; width:700px; text-align:right; background:#000000; color:#FFF;}
   #liens a { color:#fff}
 .header {width:950px; height:261px; text-align:left;  background:#000 url(images/header.jpg); }
   #title {color:#FFF; font-weight:bold; text-transform:uppercase; font-size:22px; padding:80px 0 0 570px; }
   #description {color:#FFF; margin:0px 0 0 590px;}
   #logo { position:static; float:left; width:200px}
   #liens { position:static; float:left; width:750px; text-align:right;}
 .content {width:950px;   background:url(images/debut_content.jpg); background-position:center 0px; background-repeat:no-repeat;}
   .left {width:225px; padding:5px; text-align:center;}
   .center {width:505px; text-align:left;padding:20px 10px 0 0;}
   		.news_content { padding: 0 10px; color:#ccc;}
		.news_title { font-size:18px; font-weight:bold; color:#0099CC}
		.news_infos {  font-style:italic; color:#999; border-bottom:1px #0099CC solid; margin-bottom:5px;}
		.news_plus {font-weight:bold; color:#ccc; padding-top:5px; text-align:right}
		.news_comments {font-style:italic; color:#ccc; padding:3px; text-align:right}
		.news_separator { margin:10px 0 15px 0; height:1px; font-size:14px;}
		.comments_title {font-size:16px; font-weight:bold; padding:15px 0 0 20px;}
  	    .comments_post {font-weight:bold; color:#5bb5ff; padding:10px 0 0 25px}
        .comments_date {font-style:italic; color:#6666; padding-left:25px; }
        .comments_content {margin:0 20px 0 25px; background:#e4e4e4; border-top:2px #5bb5ff solid; padding:5px; color:#666}
   .right {width:180px; padding:10px; text-align:center;}
   .separator {width:950px; position:static; float:left; display:table-cell; outline:none}
 .footer {width:950px; background:#2c2c2c; display:table-cell; text-align:right; }
 	#copyright {padding:10px 5px 3px 0; color:#FFF; font-size:12px; font-weight:bold; }
	#copyright a {color:#ccc; text-decoration:underline }


.titre_bloc {color:#356c99; font-size:14px; text-transform:uppercase; font-weight:bold; text-align:center; padding-top:15px; }
.liens_bloc {font-size:14px; text-align:left; padding:5px 0 2px 5px;}
.liens_bloc a { color:#fff;}


/*Calendrier*/
#calendrier {}
#calendrier th { padding:5px; color:#356c99}
#titre_cal { font-size:14px; font-weight:bold; color:#356c99}
.lienCalendrierJour { color:#FFF; font-weight:bold; text-align:center}
.lienCalendrierJour a {color:#fff; font-size:14px; font-weight:bold; border:1px #fff dotted; display:block; text-align:center;}
.lienCalendrierJour a:hover {background:#ccc; color:#FFF; font-size:14px; font-weight:bold; border:1px #ccc dotted; display:block; text-align:center;}
.lienCalendrier {color:#666; text-align:center}
.lienCalendrier a {color:#fff; font-size:14px; font-weight:bold; border:1px #fff dotted; display:block; text-align:center;}
.lienCalendrier a:hover {background:#ccc; color:#FFF; font-size:14px; font-weight:bold; border:1px #ccc dotted; display:block; text-align:center;}

.profil { margin-top:30px; width:215px }
.profil #pseudo { text-align:center; color:#FFF; font-size:14px;}
.profil #avatar { text-align:center}
.profil #desc { font-size:11px; color:#CCC; text-align:justify}
.profil #infos { text-align:left; margin-top:25px; }
.profil #infos a { color:#fff }

.officiels { width:215px}
.officiels .titre_bloc {color:#CCC; font-size:14px; text-transform:uppercase; font-weight:bold; text-align:left; padding-top:15px; border-bottom:3px #CCC solid; }
.officiels .liens_bloc {font-size:12px; text-align:left; padding:3px 0 2px 7px; border-bottom:1px #CCC dotted;}
.officiels .liens_bloc a { color:#fff;}