@charset "UTF-8";
/* Général */

/* >>> Base */
body {
	color: #white;
	background-repeat:no-repeat;
	background-position:center top;
}
/* Bloc central contenant #navigation et #contenu */

/* Contenu principal */
/* >>> Base */
#contenu {
	background: white; /* -> 2 */
}

/* >>> acces Admin */
.admin_title {
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#F00;
}

#formLog {margin:25px 0 0 300px; padding:20px; border-style:solid; border-width:1px; border-color:#F00; width:280px; height:130px;}

.text_login_admin {display:block; margin-left:300px; width:500px; font-style:italic; color:red;}

.accueil_admin {display:block; margin-left:250px; width:500px; height:50px; background-image:url(image/icon_accueil_admin_03.jpg); background-repeat:no-repeat; background-position:left top; padding:0 0 0 60px;}

/* Page */
/* >>> Position */
body {
	padding: 0;
	margin:0;
}

#global {
	width: 960px; /* -> 3 */
	margin: 0 auto; /* -> 4 */
}

/* >>> Base */
#global {
	background-color:white;
}

/* En-tête */
#entete {
	background-image:url(image/bg-header.png);
	background-repeat:no-repeat;
	background-position:center top;
}

/* >>> Position */
#entete {
	padding: 0;
	margin:0;
	width:960px;
	height:80px;
}

#entete h1 {
	margin: 0;
}

#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}

#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* >>> Base */

#entete {
	background-repeat:no-repeat;
}

/* Menu */
/* >>> Base */
#menu {
	background-repeat:no-repeat;
}

#chemin {
	background-color:white;
}

/* >>> Position */
#menu {
	padding:0px;
	margin:0px;
	width:960px;
	height:29px;
	float:none;
}

#chemin {
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:960px;
	height:20px;
}

#chemin p {
	padding:0;
	margin:0;
}

/* Bloc central contenant #gauche et #contenu */
/* >>> Base */
#centre {
	overflow: hidden; /* -> 5 */
}

/* >>> Position */
#centre {
	width: 100%; /* -> 5 */
	min-height:840px;
}

/* Menu de navigation */
#gauche a {
	color: #FF6533;
}
#gauche a:hover, #gauche a:focus {
	background: #000000;
}

/* >>> Base */
#gauche {
	background: white; /* -> 2 */
}

/* >>> Position */
#gauche {
	width: 200px;
	float: left; /* -> 6 */
}

#actualite {
	width: 200px;
	height:300px;
}

#administration {
	width: 200px;
}

#agenda {
	width: 200px;
	height:447px;
}

#daylimotion {
	margin:0 0 25px 0;
	padding:0 0 0 10px;
	width: 190px;
	height:400px;
}

/* >>> Base */
#administration {
	background-image:url(image/bg_actu_13.jpg);
	background-repeat:repeat-x;
	background-position:center bottom;
}

#actualite {
	background-image:url(image/bg_actu_13.jpg);
	background-repeat:repeat-x;
	background-position:center bottom;
}

#daylimotion {
	background-image:url(image/cale_09.jpg);
	background-repeat:no-repeat;
}



/* Contenu */
/* >>> Position */
#contenu {
	margin-left: 210px; /* -> 8 */
	padding:0;
	width:750px;
}

#contenu > :first-child {
	margin-top: 0;
}

#caroussel {
	padding: 0;
	margin:0;
	width:750px;
	height:300px;
	background-repeat:no-repeat;
}

#caroussel p.car_titre {
	color:white;
	padding:0 0 0 15px;
	margin:0;
}

/* >>> Base */
#caroussel p.car_titre {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	background-image:url(image/car_titre_08.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	font-weight:bold;
	font-size:13px;
	text-align:left;
}

/* Vignettes accueil */
/* >>> Position */
#un {
	padding: 0;
	margin:9px 0 0 0;
	width:242px;
	height:214px;
	float:left;
}

#deux {
	padding: 0;
	margin:9px 0 0 9px;
	width:242px;
	height:214px;
	float:left;
}

#trois {
	padding: 0;
	margin:9px 0 0 9px;
	width:242px;
	height:214px;
	float:left;
}

#quatre {
	padding:15px 0 0 5px;
	margin:9px 0 0 0;
	width:237px;
	height:127px;
	float:left;
}

#cinq {
	padding:15px 0 0 0;
	margin:9px 0 0 9px;
	width:242px;
	height:127px;
	float:left;
}

#six {
	padding:15px 0 0 5px;
	margin:9px 0 0 9px;
	width:237px;
	height:127px;
	float:left;
}

#sept {
	padding:15px 0 0 5px;
	margin:9px 0 0 0;
	width:237px;
	height:127px;
	float:left;
}

#huit {
	padding:15px 0 0 5px;
	margin:9px 0 0 9px;
	width:237px;
	height:127px;
	float:left;
}

#neuf {
	padding:15px 0 0 5px;
	margin:9px 0 0 9px;
	width:237px;
	height:127px;
	float:left;
}

/* >>> Base */
#un {
	background-repeat:repeat-x;
	border-left:1px solid #999; 
	border-right:1px solid #999; 
}

#deux {
	background-repeat:repeat-x;
	border-left:1px solid #999; 
	border-right:1px solid #999; 
}

#trois {
	background-repeat:repeat-x;
	border-left:1px solid #999; 
	border-right:1px solid #999; 
}

#quatre {
	background-repeat:repeat-x;
	border-left:1px solid #999; 
	border-right:1px solid #999; 
}

#cinq {
	background-repeat:repeat-x;
	border-left:1px solid #999; 
	border-right:1px solid #999; 
}

#six {
	background-repeat:repeat-x;
	border-left:1px solid #999; 
	border-right:1px solid #999; 
}

#sept {
	background-repeat:repeat-x;
	border-left:1px solid #999; 
	border-right:1px solid #999; 
}

#huit {
	background-repeat:repeat-x;
	border-left:1px solid #999; 
	border-right:1px solid #999; 
}

#neuf {
	background-repeat:repeat-x;
	border-left:1px solid #999; 
	border-right:1px solid #999; 
}

/* -------------->>> Catégories */
/* >>> Base */
#categorie h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:23px; 
	font-weight:bold;
	line-height:19px;
}

#categorie h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:15px; 
	font-weight:bold;
	color:#666;
}

#categorie_droite li, #categorie_gauche li {list-style-type:disc; }

#categorie_droite a, #categorie_gauche a {color:#222;}

/* >>> Position */
#categorie {
	margin: 0 0 0 20px; 
}

#categorie h1 {
	margin:0;
	padding:0;
}

#categorie h3 {
	margin:0;
	padding:0;
}

#categorie_gauche, #categorie_droite {margin:25px 0 0 15px; float:left; width:350px;}

/* -------------->>> Articles */
/* >>> Base */
#article_principal {
	background-image:url(image/separ_articles_11.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}

#article_simple {
	background-image:url(image/separ_articles_11.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	min-height:630px;
}

#articles h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:23px; 
	font-weight:bold;
	line-height:19px;
}

#articles a{font-weight:bold;}

#articles a:hover{color:white; font-weight:bold;}

#navigation_articles {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
}

#navigation_articles a {font-weight:bold; color:black; text-decoration:none;}

#next {float:right; background-image:url(image/next_25.jpg); background-position:right center; background-repeat:no-repeat; padding:0 15px 0 0;}

#previous {float:left; background-image:url(image/next_22.jpg); background-position:left center; background-repeat:no-repeat; padding:0 0 0 15px;}

/* >>> Position */
#articles {margin: 0; padding:0 5px 0 0;}

#article_principal {
	padding:0 0 25px 0;
	margin:10px 0 25px 0;
	min-height:310px;
}

#article_simple {
	padding:0 0 25px 0;
	margin:0 0 25px 0;
	min-height:310px;
}

#articles h1 {
	margin:0;
	padding:0;
}
	
#article_bas_gauche, #article_bas_droite {
	margin:0;
	float:left;
	width:350px;
	min-height:250px;
}

#article_bas_gauche {margin:0 25px 0 0;}

#navigation_articles {
	float:left;
	width:670px;
	padding:0 40px 0 40px;
	margin:50px 0 15px 0;
}

/* -------------->>> Plan de site */
/* >>> Position */
#categorie_1, #categorie_2, #categorie_3, #categorie_4, #categorie_5, #categorie_6 {float:left; margin:0 0 50px 0;}

/* Formatage du texte */
/* >>> Position */
#entete p {
	padding:5px 0 0 0;
	margin:0;
}

/* >>> Base */
#entete p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	text-indent:9px;
}

#entete a {
	color:#999;
	text-decoration:none;
}

#entete a:hover {
	color:#333;
	text-decoration:none;
}

#chemin p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	font-size:11px;
	color:#999;
	text-indent:9px;
	padding:0;
	margin:5px 0 0 0;
}

#chemin a {
	text-decoration:none;
}

#chemin a:hover {
	text-decoration:none;
}

#actualite p.date, #newsletter p.date {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	background-image:url(image/bg_date_06.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	font-weight:bold;
	font-style:italic;
	font-size:13px;
	text-align:right;
	color:white;
	padding:0 9px 0 0;
	margin:0;
}

#actualite p.date2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	background-image:url(image/bg_date_04.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	font-weight:bold;
	font-style:italic;
	font-size:13px;
	text-align:right;
	color:white;
	padding:0 9px 0 0;
	margin:0;
}


#actualite h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	color:#e02517;
	padding:0 0 0 15px;
	margin:0;
}

#actualite p.fil {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:left;
	line-height:12px;
	color:black;
	padding:0 0 0 13px;
	margin:0;
}

#actualite .fil a {
	color:red;
	font-weight:bold;
	text-decoration:underline;
}

#actualite .fil a:hover {
	color:white;
	background-color:red;
}

#administration p.date {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	background-image:url(image/bg_date_04.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	font-weight:bold;
	font-style:italic;
	font-size:13px;
	text-align:right;
	color:white;
	padding:0 9px 0 0;
	margin:0;
}


#administration h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	color:#e02517;
	padding:0 0 0 15px;
	margin:0;
}

#administration p.fil {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:left;
	line-height:12px;
	color:black;
	padding:0 0 0 13px;
	margin:0;
}

#administration .fil a {
	color:red;
	font-weight:bold;
	text-decoration:underline;
}

#administration .fil a:hover {
	color:white;
	background-color:red;
}

#agenda p.ag_titre {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	background-image:url(image/agenda_17.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	font-weight:bold;
	font-style:italic;
	font-size:13px;
	text-align:right;
	color:white;
	padding:0 9px 0 0;
	margin:0;
}

#un h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:black;
	text-transform:uppercase;
	padding:0 0 0 6px;
	margin:5px 0 0 0;
	background-image:url(image/fd_art_gd.jpg);
}

#un h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	padding:0 0 0 6px;
	margin:5px 0 0 0;
}

#un p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:left;
	line-height:12px;
	color:black;
	padding:0 0 0 6px;
	margin:0;
}

#un a {
	font-weight:bold;
	text-decoration:underline;
}

#un h2 a, #deux h2 a, #trois h2 a, #quatre h2 a, #cinq h2 a, #six h2 a, #sept h2 a, #huit h2 a, #neuf h2 a {
	text-decoration:none;
}

#un a:hover {
	color:white;
}


#deux h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:black;
	text-transform:uppercase;
	padding:0 0 0 6px;
	margin:5px 0 0 0;
	background-image:url(image/fd_art_gd.jpg);
}

#deux h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	padding:0 0 0 6px;
	margin:5px 0 0 0;
}

#deux p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:left;
	line-height:12px;
	color:black;
	padding:0 0 0 6px;
	margin:0;
}

#deux a {
	font-weight:bold;
	text-decoration:underline;
}

#deux a:hover {
	color:white;
}

#trois h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:black;
	text-transform:uppercase;
	padding:0 0 0 6px;
	margin:5px 0 0 0;
	background-image:url(image/fd_art_gd.jpg);
}

#trois h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	padding:0 0 0 6px;
	margin:5px 0 0 0;
}

#trois p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:left;
	line-height:12px;
	color:black;
	padding:0 0 0 6px;
	margin:0;
}

#trois a {
	font-weight:bold;
	text-decoration:underline;
}

#trois a:hover {
	color:white;
}

#quatre h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:black;
	text-transform:uppercase;
	padding:0 0 0 6px;
	margin:5px 0 0 0;
}

#quatre h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	padding:0 0 0 6px;
	margin:5px 0 0 0;
}

#quatre p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:left;
	line-height:12px;
	color:black;
	padding:0;
	margin:0;
}

#quatre a {
	font-weight:bold;
	text-decoration:underline;
}

#quatre a:hover {
	color:white;
}


#cinq h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:black;
	text-transform:uppercase;
	padding:0 0 0 6px;
	margin:5px 0 0 0;
}

#cinq h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	padding:0 0 0 6px;
	margin:5px 0 0 0;
}

#cinq p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:left;
	line-height:12px;
	color:black;
	padding:0 0 0 6px;
	margin:0;
}

#cinq a {
	font-weight:bold;
	text-decoration:underline;
}

#cinq a:hover {
	color:white;
}

#six h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:black;
	text-transform:uppercase;
	padding:0 0 0 6px;
	margin:5px 0 0 0;
}

#six h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	padding:0 0 0 6px;
	margin:5px 0 0 0;
}

#six p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:left;
	line-height:12px;
	color:black;
	padding:0 0 0 6px;
	margin:0;
}

#six a {
	font-weight:bold;
	text-decoration:underline;
}

#six a:hover {
	color:white;
}

#sept h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:black;
	text-transform:uppercase;
	padding:0 0 0 6px;
	margin:5px 0 0 0;
}

#sept h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	padding:0 0 0 6px;
	margin:5px 0 0 0;
}

#sept p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:left;
	line-height:12px;
	color:black;
	padding:0 0 0 6px;
	margin:0;
}

#sept a {
	font-weight:bold;
	text-decoration:underline;
}

#sept a:hover {
	color:white;
}

#huit h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:black;
	text-transform:uppercase;
	padding:0 0 0 6px;
	margin:5px 0 0 0;
}

#huit h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	padding:0 0 0 6px;
	margin:5px 0 0 0;
}

#huit p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:left;
	line-height:12px;
	color:black;
	padding:0 0 0 6px;
	margin:0;
}

#huit a {
	font-weight:bold;
	text-decoration:underline;
}

#huit a:hover {
	color:white;
}

#neuf h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:black;
	text-transform:uppercase;
	padding:0 0 0 6px;
	margin:5px 0 0 0;
}

#neuf h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:18px;
	padding:0 0 0 6px;
	margin:5px 0 0 0;
}

#neuf p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:left;
	line-height:12px;
	color:black;
	padding:0 0 0 6px;
	margin:0;
}

#neuf a {
	font-weight:bold;
	text-decoration:underline;
}

#neuf a:hover {
	color:white;
}

/* Pied de page */
/* >>> Position */
#footer_conteneur {
	height:200px;
	width:936px;
	padding:12px 12px 0px 12px;
}

#footer_conteneur ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#footer_colonnes {float:left;}

#footer_conteneur ul {
	margin:0;
	padding:0;
}

#footer_menu_6 {
	float:left;
	width:142px;
}

#footer_menu_1, #footer_menu_2, #footer_menu_3, #footer_menu_4, #footer_menu_5 {
	float:left;
	width:142px;
	height:100px;
	margin-right:15px
}

li#footer_menu_1 ul, li#footer_menu_2 ul, li#footer_menu_3 ul, li#footer_menu_4 ul, li#footer_menu_5 ul, li#footer_menu_6 ul  {padding:10px 0 0 0; margin:0 0 25px 0;}

#footer_autres_liens {float:none;}

#credit_photos {width:400px; margin:0; padding:0;}

#Copyrights {float:right;}

li#mentions_legales ul li {display:inline;}

li#mentions_legales ul {float:right;}

#mentions_legales {width:505px;}

#footer_autres_liens {float:left;}

p#copyright {float:right; margin:0; padding:0; text-align:right;}

/* >>> Base */
#footer_conteneur {
	background-image:url(image/bg_footer_75.jpg);
	background-color:#666;
	background-repeat:repeat-x;
	background-position:center top;
	font-family:Verdana, Geneva, sans-serif;
	color:white;
	font-size:9px;
	text-decoration:none;
}

#footer_menu_1, #footer_menu_2, #footer_menu_3, #footer_menu_4, #footer_menu_5 {border-right:1px #CCC solid;}

li#footer_menu_1 ul li, li#footer_menu_2 ul li, li#footer_menu_3 ul li, li#footer_menu_4 ul li, li#footer_menu_5 ul li, li#footer_menu_6 ul li  {line-height:13px;}

li#footer_menu_1 li a, li#footer_menu_2 li a, li#footer_menu_3 li a, li#footer_menu_4 li a, li#footer_menu_5 li a, li#footer_menu_6 li a, #mentions_legales a, #credit_photos a  {text-decoration:none; color:white;}

li#footer_menu_1 li a:hover, li#footer_menu_2 li a:hover, li#footer_menu_3 li a:hover, li#footer_menu_4 li a:hover, li#footer_menu_5 li a:hover, li#footer_menu_6 li a:hover, #mentions_legales a:hover, #credit_photos a:hover {text-decoration:underline;}

#mentions_legales a:visited, #credit_photos a:visited { color:#FFF;}

.titre_menu {text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

p#copyright {text-align:right;}

/* Classes génériques */
.rouge {color:red;}

.left {float:left;}

.indication {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; font-weight:bold; font-size:11px; font-style:italic;}

.pt_ph {padding:3px; border:1px solid #999; float:left; margin-right:4px;} /* A voir si on modifie la taille en CSS */

.gd_ph {padding:3px; border:1px solid #999; float:left; margin-right:4px;} /* A voir si on modifie la taille en CSS */

#plansite h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:23px; 
	font-weight:bold;
	line-height:19px;
	margin:0 0 10px 0;
	padding:0;
	color:#555;
}
#plansite h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:14px; 
	margin:0 0 0px 0;
	padding:0;
	color:#555;
}


#recherche h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:23px; 
	font-weight:bold;
	line-height:19px;
	margin:0 0 10px 0;
	padding:0;
	color:#555;
}

#recherche a{font-weight:bold;}

#recherche a:hover{color:white; font-weight:bold;}

a.lien_recherche { color:gray; font-size:10px;}

a:hover.lien_recherche { color:white; background-color:gray;}

.chemin_recherche {font-style:italic; color:#999; font-size:10px;}

.mot_recherche {font-style:italic; color:#999; font-size:10px;}

.evidence, .mot_trouve {color:#000; font-weight:bold;}

a.liens_contact {
	font-family:Arial, Helvetica, sans-serif;
	color:#F00;
	
	}

a:hover.liens_contact {
	color:white;
	background-color:red;
	}


/* --- NOTES ---

1.	Dans ce gabarit, nous avons un conteneur div#centre, qui regroupe
	div#gauche et div#contenu uniquement. C'est ce conteneur que l'on
	utilise pour placer une image de fond répétée en hauteur, qui dessine
	le fond de la colonne de gauche et de la colonne de droite.
	Ainsi, quelle que soit la colonne la plus longue, on aura bien,
	visuellement, deux colonnes de hauteurs égales.

2.	On utilise ici des couleurs de fond pour div#navigation et div#contenu.
	Et pourtant, nous avons déjà une image de fond, sur div#centre, qui
	«dessine» nos deux colonnes. Pourquoi rajouter des couleurs de fond à
	ces blocs, alors? C'est en fait une sécurité, au cas où:
	- l'image de fond mettrait du temps à se charger (ça arrive);
	- l'image de fond ne peut pas être chargée (rare, mais ça arrive aussi).
	Ainsi, si ces problèmes surviennent, le contenu restera lisible. Notamment
	le contenu de div#contenu, qui est sombre, tandis que le fond de la page
	est déjà sombre.
	Notez que dans certains cas ce genre de «sécurité» sera difficile à mettre
	en place, par exemple parce que la couleur de fond des blocs masquerait
	une image de fond comportant des motifs.
	Mais, plus généralement, un bon design de site web devrait rester lisible
	même si les image sont désactivées (ce qui est une option de beaucoup
	de navigateurs).

3.	On utilise ici une largeur fixe de 750px. Pourquoi 750px? Parce que c'est
	une largeur dont on peut être à peu près sûr qu'elle passera sur un
	écran en 800x600 (résolution encore utilisée par une partie des
	internautes), sans générer de barre de défilement horizontal inutile.
	De plus, pour un site au contenu relativement réduit, cette largeur suffit
	généralement.
	Pour un site au contenu plus important, avec un design en trois colonnes
	par exemple, une largeur plus importante, telle que 900 ou 950px, peut
	être pertinente.

4.	Les marges automatiques à gauche et à droite permettent de centrer notre
	bloc div#global, et donc tout le site.
	Pour aligner div#global à gauche, on fera:
		margin-left: 0;
		margin-rigth: auto;
	Pour aligner div#global à droite, on fera:
		margin-left: auto;
		margin-right: 0;
	Pour aligner div#global à droite avec un retrait (à droite) de 100px:
		margin-left: auto;
		margin-right: 100px;

5.	On utilise ces propriétés pour empêcher le dépassement des flottants (cf.
	http://web.covertprestige.info/test/
	03-elements-flottants-et-element-parent-1.html).
	Le overflow:hidden crée un contexte de formatage qui vient contenir les
	flottants. Le width:100% a le même rôle, mais uniquement pour Internet
	Explorer 6 (utilisation du HasLayout). Dans l'idéal, on le placera avec
	des correctifs destinés à IE6 dans une feuille de styles appelée via un
	commentaire conditionnel.

6.	C'est la propriété "float" qui nous permet de placer deux blocs
	côte-à-côte. Notez bien que l'élément flottant (ici, notre menu de
	navigation) doit être placé en premier dans le code HTML. Il est
	préférable de lui donner une largeur, ce que nous faisons ici avec un
	"width: 180px;".

7.	Correction d'un bug d'Internet Explorer 6. Voir la dernière partie de
	http://blog.alsacreations.com/2006/10/20/294-impact-sur-le-rendu-de-la-
	mise-en-forme-du-code-html
	Dans l'idéal, on placera ce correctif dans une feuille séparée, appelée
	via un commentaire conditionnel visant IE6.

8.	Les éléments flottants ne repoussent pas les blocs, mais repoussent
	uniquement leur contenu. Pour que notre bloc de contenu principal forme
	une colonne distincte du menu, on lui donne donc une marge à gauche de
	200px.
	Il existe une autre technique pour adapter la largeur d'un bloc aux
	flottants qui le précèdent. On pourra lire l'article suivant:
		http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/
		design-trois-colonnes-positionnement-flottant

*/