/* styles généraux */
body{
	background-color: #000;
	background-image: url(../commun/images/structure_site/silhouette_ville.jpg);	/* pour ie */
	background-position: top;
	background-repeat: no-repeat;
	background: url(../commun/images/structure_site/silhouette_ville_transparent.png) top no-repeat, url(../commun/images/structure_site/texture_asphalte_grise_fonce.jpg);
	color: #000;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	-webkit-text-size-adjust:none; /* pour iPhone, redimensionnage des liens de suite, bug... */
	}

h2{
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
 	background: -moz-linear-gradient(100% 100% 90deg, #000, #222);
	background: -webkit-gradient(linear, left top, left bottom, to(#000), from(#222));
	background-color: #222;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	font-weight: normal;
	letter-spacing: 0.05em;
	margin: 0 0 1px 0;
	padding: 4px 8px;
	}

h2 a:link, h2 a:visited, h2 a:hover{
	color: #fff;
	text-decoration: none;
	}

h3{
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0em;
	line-height: 1.2em;
	padding: 0 0 2px 0;
	}

p{
	line-height: 1.1em;
	}

.evenement p, #contact p, #footer p{
	font-size: 0.8em;
	}

a:link, a:visited{
	color: #000;
	}

a:hover{
	color: #666;
	}

.fermeture
	{
	clear: both;
	}

/*sections */

#page{
	background-color: #fff;
	margin: 0 auto;
	padding: 0 10px;
	width: 920px;
	}

#header{
	background-repeat: no-repeat;
	height: 251px;					/* 251 au lieu de 250 pour éviter un bug sous IE7 qui ne veut pas de marge de 1px */
	margin: 0;
	}

#nav{
	background-color: #000;
	background: -moz-linear-gradient(100% 100% 90deg, #333, #000);
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
	margin: 0 0 10px 0;
	/*padding: 0 0 0 26px; avec tous les menus*/
	padding: 0 0 0 110px;
	}

#nav a{
	font-size: 1.3em;
	display: block;
	margin: 0 15px;
	padding: 12px 8px;
	}

#nav a:link, #nav a:visited, #nav a:hover{
	color: #fff;
	text-decoration: none;
	}

#nav a:hover{
	background-color: #333;
 	background: -moz-linear-gradient(100% 100% 90deg, #000, #333);
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
	}

#nav ul li{
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

#contenu_principal{
	background-image: url(../commun/images/structure_site/fond_colonne_gauche_grise_pale.gif);
	background-position: left;
	background-repeat: repeat-y;
	margin: 0 0 10px 0;
	}

#contenu_general{
	float: left;
	margin: 0 10px 0 0;
	width: 630px;
	}

/* nouvelles */

#nouvelles{
	float: left;
	width: 375px;
	}

#nouvelles .date{
	margin: 0 0 4px 0;
	}

.article{
	background-color: #f3f3f3;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	}

/*article h3, article p, article .suite*/
.article h3, .article p{
	margin: 0 0 5px 8px;
	}

.article p{
	line-height: 1.3em;
	}

.article a.suite{
	margin: 0 0 5px 8px;
	}

/* événements */

#evenements{
	float: left;
	margin: 0 10px 0 0;
	width: 245px;
	}

.evenement{
	background-color: #ddd;
	border-bottom: 4px solid #fff;
	padding: 0 0 4px 0;
	}

.evenement p{
	margin: 0 0 0 8px;
	padding: 0;
	}

.evenement h3{
	margin: 2px 0 3px 8px;
	padding: 0;
	}

/* autres */

#contenu_secondaire{
	float: left;
	width: 280px;
	}

#photo_semaine, #video_semaine, #contact{
	display: block;
	margin: 0 0 10px 0;
	}

#contact h2{
	margin: 0 0 5px 0;
	}

#contact p{
	margin: 0 0 1em 0;
	}

#footer{
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	}

/* spécificités */

.suite:before{
	content: "» ";
	}

.suite{
	font-size: 0.8em;
	}

.date{
 	background: -moz-linear-gradient(100% 100% 90deg, #5a626b, #8d959e);
	background: -webkit-gradient(linear, left top, left bottom, to(#5a626b), from(#8d959e));
	background-color: #5a626b;
	color: #fff;
	text-shadow: 1px 1px 1px #444;
	margin: 0 0 1px 0;
	padding: 3px 8px;
	}

.description, .credits{
	color: #444;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	font-style: italic;
	margin: 0 0 4px 0;
	}