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

body {
	background-color:#171717;
	background-image:url(../images/bg1.jpg);
	background-repeat:repeat-x;
	margin:0px;
}
#corps {
	margin-top:30px;
}
#accueil {
	margin:auto;
	width:940px;
}
.page {
	margin:auto;
	width:1040px;
}
#accueil h1 {
	color:#181818;
	text-shadow:0px 2px 3px #555;
	font-size:35px;
	font-family:Arial, Times, "Times New Roman", serif;
	text-align:center;
	font-variant:small-caps;
	letter-spacing:6px;
	margin-top:-5px;
	margin-bottom:-10px;
}
#accueil h2 {
	color:#1b1b1b;
	text-shadow:0px 2px 3px #555;
	font-size:18px;
	font-family:Arial, Times, "Times New Roman", serif;
	text-align:center;
	font-variant:small-caps;
	letter-spacing:5px;
	margin-bottom:0px;
}
#accueil h3 {
	display:block;
	margin:0px;
	color:white;
	font-size:17px;
	font-family:Arial, "Arial Black", Times, "Times New Roman", serif;
	margin-left:20px;
	text-align:left;
	color:#dddddd;
	text-shadow:0px 1px 2px #888888;
}
h1 {
	color:white;
	font-size:20px;
	font-family:Arial, Times, "Times New Roman", serif;
	text-align:center;
	margin-bottom:25px;
}
#accueil_aleatoire {
	float:left;
	margin:auto;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	border-color:#515151;
	border-style:solid;
	border-width:1px;
	margin-top:20px;
	padding-top:20px;
	padding-bottom:0px;
	background-image:url(../images/bg.png);
	outline:none;
	padding-left:20px;
	padding-right:20px;
}
#accueil_aleatoire p {
	margin-top:5px;
	text-align:center;
	color:#ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#accueil_aleatoire img {
	margin-top:10px;
	text-align:center;
}
#accueil_aleatoire h3 {
	margin-left:0;
	margin-top:-9px;
}
#pied_de_page a {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	color:#D6D6D6;
	font-size:10px;
}
#pied_de_page a:active {
	font-family:Verdana, Geneva, sans-serif;
	color:#D6D6D6;
	font-size:10px;
}
#pied_de_page a:hover {
	text-decoration:underline;
	font-family:Verdana, Geneva, sans-serif;
	color:#D6D6D6;
	font-size:10px;
}
#pied_de_page {
	float:left;
	width:100%;
	border-style:solid;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	border-top:1px;
	border-top-color:#000000;
	background-color:#333333;
	margin:0px;
	height:23px;
	padding-left:0px;
	padding-right:0px;
	vertical-align:bottom;
	color:#D6D6D6;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:right;
	bottom:0px;
}
#pied_de_page img {
	margin-bottom:0px;
	margin-top:0px;
	margin-left:13px;
	margin-right:13px;
	border:none;
	background-color:transparent;
	text-decoration:none;
}
#gauche {
	float:left;
	width:40%;
	text-align:left;
	padding-top:4px;
}
#centre {
	float:left;
	width:19.95%;
	text-align:center;
	padding-top:4px;
}
#centre a:hover {
	text-decoration:none;
}
#droite {
	float:left;
	width:40%;
	text-align:right;
	padding-top:4px;
}
#gauche img {
	margin-left:3px;
	margin-right:3px;
}
#accueil_galeries, #accueil_notices, #accueil_ressources {
	float:left;
	width:100%;
	margin:auto;
	border-color:#515151;
	border-style:solid;
	border-width:1px;
	margin-top:20px;
	padding-top:20px;
	padding-bottom:20px;
	background-image:url(images/bg.png);
}
#accueil_galeries .vignette, #accueil_notices .vignette, #accueil_ressources .vignette {
	float:left;
	width:24.99%;
	margin:auto;
	text-align:center;
	margin-top:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#accueil_galeries .vignette span, #accueil_notices .vignette span, #accueil_ressources .vignette span {
	text-align:center;
	display:block
}
.vignettes a img {
	border-style:solid;
	border-width:1px;
	border-color:#323232;
	text-decoration:none;
}
.vignettes a:active img, .vignettes a:focus img {
	border-style:solid;
	border:1px;
	border-color:#00B0DB;
	text-decoration:none;
}
.vignettes a:visited img {
	border:1px;
	border-style:solid;
	border-color:#000000;
	text-decoration:none;
	opacity:0.4;
}
.vignettes a:hover img {
	border:1px;
	border-style:solid;
	text-decoration:none;
	border-color:#FFFFFF;
	opacity:1;
}
.vignettes a:visited img {
	border-color:#000000;
}
.vignettes a .nom {
	text-decoration:none;
	color:#FFFFFF;
}
.vignettes a:visited .nom {
	text-decoration:none;
	color:#666666;
}
.vignettes a:hover .nom {
	text-decoration:none;
	color:#FFFFFF;
}
.presentation a {
	text-decoration:none;
	color:#D6D6D6;
}
.presentation a:active {
	color:#FFFFFF;
}
.presentation a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}
.vignettes {
	margin:auto;
}
/* galerie-photo */
#galerie_photo {
	margin-top:30px;
}
.photos {
	text-align:center;
	margin-bottom:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#CCC;
}
#galerie_photo a img {
	border: none;
}
.presentation {
	margin-bottom:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#CCCCCC;
	text-align:justify;
	line-height:15px;
}
.pub {
	text-align:center;
	margin-bottom:20px;
}
.photos a {
	text-align:center;
	margin-bottom:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#CCC;
	text-decoration:none;
}
.photos a:hover {
	text-decoration:underline;
	font-family:Verdana, Geneva, sans-serif;
	color:#CCC;
	font-size:12px;
	text-align:center;
	margin-bottom:30px;
}
a {
	outline:none;
	text-decoration:none;
}
a:active, a:focus {
	color:#00B0DB;
	border-color:#00B0DB;
}

