@charset "utf-8";
/* CSS Document created by Nicolas Fiorini - CREATOX */

/* Propriété générale */
* {
	margin:0;
	padding:0;
}

/* Corps de page */
body {
	background:url(images/BG.gif) repeat;
}

/* Grand titre, partie gauche */
h2 {
	color:#49789e;
	text-transform:uppercase;
	font-weight:bold;
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	font-weight:bold;
}

/* style particulier de titre (posteur et date, page news) */
h2 span {
	display:block;
	margin-top:-7px;
	font-size: 10px;
	text-transform:none;
	color:#333;
}

/* Style de paragraphe */
p {
	margin-bottom:15px;
}

/* Style de tableau */
table {
	color:#dbf8fd;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:15px;
}

/* Liens généraux */
a {
	color:#333;
	font-weight:bold;
	text-decoration:none;
}

/* Lors du survol */
a:hover {
	text-decoration:underline;
	color:#FFF;
}

/* Style de balise input de formulaire */
input {
	background:url(images/input.gif) no-repeat;
	width:129px;
	height:22px;
	border:none;
	color:#666;
	padding-top:3px;
	padding-left:5px;
}

/* Style de saisie de texte de formulaire */
textarea {
	width:450px;
	height:200px;
	border:solid 2px #FFF;
	color:#666;
	padding-top:6px;
	padding-left:5px;
	background-color:#eeeeee;
}

/* Ligne séparatrice */
hr {
	border:dashed #CCC 1px;
	margin-top:10px;
	margin-bottom:10px;
}

/* Placement de l'entête */
#site {
	background:url(images/head_BG.gif) no-repeat top center;
	margin:auto;
}


/* Tête de page */
#body_head {
	background:url(images/head_bar.png) repeat-x;
	height:47px;
	padding-top:7px;
	padding-right:5px;
	color:#C4C4C4;
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:225px;
}

/* Bloc de menu */
.menu {
	background:url(images/menu_BG.png) no-repeat;
	margin:auto;
	width:969px;
	height:47px;
    list-style:none; 
    text-align:center; 
}

/* Une case de menu */
.menu li { 
	float:left;
    width:116px; 
	padding-right:3px;
	padding-left:7px;
}

/* La case flottant à droite */
.menu li.menu_left { 
	float:right;
    width:116px; 
	padding-right:7px;
	padding-left:3px;
}

/* Un lien du menu */
.menu li a { 
    width:116px; 
	height:47px;
	display:block;
    color:#FFF;  
    font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height:47px ; 
    text-align:center ; 
    text-decoration: none;
}

/* Le lien survolé */
.menu li a:hover {
	background:url(images/menu_over.png) no-repeat;
	color:#528cbc;
}

/* Le lien de la page en cours */
.menu li a.focus {
	background:url(images/menu_over.png) no-repeat;
}

/* Le lien de la page en cours survolé */
.menu li a.focus:hover {
	color:#528cbc;
}

/* Bloc de contenu */
#container {
	width:890px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
}

/* Partie gauche */
#left_side {
	width:890px;
	margin-right:10px;
}

/* Partie droite */
#right_side {
	float:right;
	width:293px;
}

/* Bloc bleu à gauche */
.bleu_60 {
	width:inherit;
	color:#dbf8fd;
}

.bleu_60 .head {
	background:url(images/left_blue_head2.png) no-repeat;
	width:890px;
	height:48px;
	padding:15px 15px 0 15px;
	font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.bleu_60 .head span {
	float:right;
	width:auto;
}

.bleu_60 .body {
	background:url(images/left_blue_body2.png) repeat-y;
	width:890px;
	padding:0 15px 0 15px;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.bleu_60 .foot {
	background:url(images/left_blue_foot2.png) no-repeat;
	width:890px;
	height:54px;
}

/* Bloc banc à gauche */
.blanc_60 {
	width:inherit;
	color:#666;
	margin-bottom:10px;
}

.blanc_60 .head {
	background:url(images/left_blanc_head.png) no-repeat;
	width:890px;
	height:48px;
	padding:15px 15px 0 15px;
	font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.blanc_60 .head span {
	float:right;
	width:auto;
}

.blanc_60 .body {
	background:url(images/left_blanc_body.png) repeat-y;
	width:596px;
	padding:0 15px 0 15px;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.blanc_60 .foot {
	background:url(images/left_blanc_foot.png) no-repeat;
	width:626px;
	height:54px;
}

/* Div sur fond gris */
.grey_content {
	margin-top:40px;
	width:inherit;
}

/* Bloc blanc à droite */
.blanc_40 {
	width:inherit;
	color:#999;
}

.blanc_40 .head {
	background:url(images/right_white_head.png) no-repeat;
	width:263px;
	min-height:7px;
	padding:15px 15px 0 15px;
	font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;
}

.blanc_40 .body {
	background:url(images/right_white_body.png) repeat-y;
	width:263px;
	padding:0 15px 0 15px;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.blanc_40 .foot {
	background:url(images/right_white_foot.png) no-repeat;
	width:293px;
	height:19px;
}

/* Les liens dans le bloc blanc de droite */
.blanc_40 a {
	color:#49789e;
	font-weight:bold;
	text-decoration:none;
}

/* Au survol */
.blanc_40 a:hover {
	color:#528cbc;
}

/* Les liens dans le bloc blanc de gauche */
.blanc_60 a {
	color:#49789e;
	font-weight:bold;
	text-decoration:none;
}

/* Au survol */
.blanc_60 a:hover {
	color:#528cbc;
}

/* Flux RSS en accueil */
.rss {
	width:inherit;
	margin-top:35px;
}

.rss a {
	color:#C4C4C4;
	text-decoration:none;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.rss a:hover {
	color:#528cbc;
}

/* ID de scroll automatique des news */
#newsbox {
	height: 350px; 
	position: relative; 
	overflow: hidden; 
}

#newslist { 
	position: absolute; 
	padding: 0 0.5em; 
}

/* Vignette classique */
.vignette_150 a {
	background:url(images/vignette_150.png) no-repeat top left;
	margin:10px;
	padding:15px;
	display:block;
	width:127px;
	height:127px;
}

/* Survol de souris */
.vignette_150 a:hover {
	background-position:0 -157px;
}

/* Suppression de bordure */
.vignette_150 img {
	border:none;
}

/* Bouton classique du site (page de contact) */
.button {
	border:none;
	padding:0;
	margin:0;
	background:url(images/btn.png) top left;
	padding-top:3px;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#dbf8fd;
	width:100px;
	height:45px;
	cursor:pointer;
}

/* Le bouton survolé */
.button:hover {
	background-position: 0 -45px;
	color:#49789e;
}

/* Pied de page */
.menu_footer {
	background:url(images/menu_BG.png) no-repeat;
	margin:auto;
	width:969px;
	height:47px;
    list-style:none; 
    text-align:center; 
}

/* Une case de menu */
.menu_footer li { 
	float:left;
	padding-left:7px;
	color:#C4C4C4;
	font:10px Verdana, Geneva, sans-serif;
	width:auto;
}

/* La case flottant à droite */
.menu_footer li.menu_left { 
	float:right;
	padding-right:7px;
	width:auto;
}

/* Un lien du menu */
.menu_footer li a { 
	height:47px;
	width:150px;;
	display:inline;
    color:#528cbc;  
    font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height:47px ; 
    text-align:center ; 
    text-decoration: none;
}

/* Le lien survolé */
.menu_footer li a:hover {
	color:#FFF;
}