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

 	Createur: Roxanne Fanny Corriveau
	Version: 1.2
	Date de dernière modification: 6 mai 2008
*/

html, body {
	margin:							0;
	padding:						0;
	height:							100%;
	background-color:				#0b0905;
	color:							#a5a5a5;
	font-size:						11px;
	font-family:					Arial, sans-serif;
	background-image:				url(../media/base/fond.jpg);
	background-repeat: 				repeat-x;
}

a {
 	color:							#a5a5a5;
	text-decoration:				none;
}

form{
	margin:							0;
	padding:						0;
}

#contenu a {
 	color:							#999;
	text-decoration:				underline;
	font-weight:					bold;
}

#contenu a.nonsouligne {
	text-decoration:				none;
}

#contenu a.popup {
 	color:							#b78f2d;
	text-decoration:				none;
	font-weight:					normal;
	font-size:						12px;
}

a:hover {
 	color:							#FFF;
}

#contenu a:hover {
 	color:							#FFF;
	text-decoration:				underline;
}

a img {
	border: 						0;
}

h1, #contenu h1 a, #contenu h1 a:hover {
	color:							#f26925;
	font-size:						17px;
	font-weight:					normal;
	margin-bottom:					0px;
	margin-top:						2px;
	text-decoration:				none;
}

h1 + p {
	margin-top:						5px;
}

#contenu h1 a:hover {
	text-decoration:				none;
}

h2 {
	color:							#b96713;
	font-size:						12px;
	font-weight:					normal;
	margin-top:						0px;
	margin-bottom:					3px;
}

h2 + p, h2 + ul {
	margin-top:						3px;
}

blockquote {
	margin-left:					25px;
}

sup {
	font-size:						7px;
}

table td {
	vertical-align:					top;
	padding: 						3px;
}

label {
	width: 							150px;
	display:						block;
	float: 							left;
}

#champs input {
	margin-bottom:					3px;
	width:							200px;
	background-color:				#383435;
	border:							1px solid #4c4c4c;
}

textarea {
	width:							350px;
	background-color:				#383435;
	border:							1px solid #4c4c4c;
}

/* #corps {
	
	
} */

.erreur {
	background-color:	#FFCCCC;
}

#attention {
	color:				#FF0000;
}

span.attention {
	font-size:			10px;
	background-color:	#FFFFCC;
	padding:			1px 4px;
	border:				1px solid #FF3333;
}



#svallee {
	background-image:				url(../media/base/svallee.png);
	background-repeat: 				no-repeat;
}

#formatage {
	width:							650px;
	margin:							0 auto;
	padding:						15px 0 50px 0;	
}

#titre {
	float: 							right;
	width:							210px;
	padding-right:					40px;
}

#menu .droit {
	font-size:						11px;
	padding-top:					9px;
}

#menu .gauche {
	font-size:						20px;
	padding-left:					8px;
	float:							left;
	width:							135px;
}

#choix {
	float:							left;
	width:							395px;
}

#choix a {
	margin-right:					10px;
}

#langue {
	float:							right;
	width:							90px;
	text-align:						right;
	font-size:						10px;
	padding-top:					1px;
}

#langue a {
	margin-left:					8px;
}

#contenu {
	background-color:				#000;
	height:							460px;
}

#accueil .gauche, #accueil .droit, #menu .gauche, #menu .droit {
	margin:							5px;
}

#accueil .gauche {
	float:							left;
	width:							145px;
}

#menu .droit, #accueil .droit {
	float:							right;
	width:							485px;
}

#biographie .gauche {
	float:							left;
	width: 							183px;
	padding:						0 10px 0 0;
	margin:							0;
	border-right: 					dashed #666 1px;
}

#biographie .droit {
	float:							right;
	width: 							183px;
	padding:						0 15px 0 10px;
	margin:							0;
}

#atelier .gauche {
	float:							left;
	width: 							220px;
	padding:						0 10px 0 0;
	margin:							0;
}

#atelier .droit {
	float:							right;
	width: 							226px;
	padding:						0 15px 0 10px;
	margin:							0;
	border-left: 					dashed #666 1px;
}

img.tropher {
	margin:							1px;
}

img.artiste, img.tropher {
	float:							left;
	margin-right:					9px;
}

img.artiste, img.kayak {
	margin-top:						5px;
}

img.kayak {
	float:							right;
	margin-left:					9px;
	
}

/* Pour la Gallerie à gauche */

#contenu ul {
	padding-left:					15px;
	margin:							0px;
}

#contenu ul.nouvelle li {
	margin-bottom:					5px;
}

#wn ul {
	margin: 						0px;
	padding: 						0px;
}

#wn ul li {
	display:						block;
	float:							left;
	list-style: 					none;
	margin: 						0px 3px 1px 3px;
	padding: 						0px;
}

#wn a {
	display: block;
	border:							3px #000000 solid;
}

#wn a:hover {
	border:							3px #f3ba53 solid;
}

.plus {
	text-align:						right;
	padding-right:					5px;
	margin:							0px;
}

#contenu .plus a {
	text-decoration:				none;
}

div#boutique {
	background-color:				#363435;
	height:							210px;
	padding:						5px 2px;
}

div.oeuvre {
	width: 							150px;
	overflow:						hidden;
	float:							left;
	padding:						0px;
	margin:							5px;
	text-align:						center;
}

div.oeuvre img {
	height: 						60px;
	padding-bottom:					0px;
	margin:							0px;
}

#contenu p.plus a.encours {
	color:							#f3ba53;
	text-decoration:				underline;
}

div.liens {
	text-align:						center;
}

div#zonegrise {
	background-color:				#383435;
	padding:						10px;
}

div#zonegrise h1 {
	margin-top:						0px;
}

div#zonegrise h2 {
	color:							#b96713;
}

div.apropos {
	height:							270px;
}

div#zonegrise table, div#zonegrise td, div#zonegrise tr {
	margin: 						0px;
	padding: 						0px;
	vertical-align:					top;
}

div#zonegrise td.texte {
	height: 						255px;
}

table.artistique td {
	padding:						9px 5px;
}

tr.gris {
	background-color:				#1f1f1f;
}

div.centre {
	text-align:						center;
}

div#sportive {	
	width: 							410px;
	height:							113px;
	text-align:						left;
	margin:							10px auto;
	background-color:				#1f1f1f;
	border:							1px solid #402f1f;
}

div#sportive h1 {	
	margin-bottom:0px;
}

ul.menu, ul.menu li {
	list-style: 					none;
	margin:							0px;
	padding: 						0px;
	display: 						inline ;
}

#contenu ul.menu a {	
	display: 						block;
	margin: 						5px 5px 5px 0px;
	padding: 						2px 3px;
	width:							125px;
	float:							left;
	text-align:						center;
	background-color: 				#363435;
	color:							#b98613;
	text-decoration:				none;
}

#contenu ul.menu a:hover {
	color:							#FFF;

}

div#accueil div.texte {
	padding-top:					4px;
}

h1.reduidre {
	margin-top:0px;
}