/* PARAMETRES GENERAUX */
body {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 0.7em;
	margin : 0;
	padding : 0;
}

h1 {
	margin : 0 0 15px 0;
	font-size : 18px;
	color : #383838;
	letter-spacing : 2px;
}

h2 {
	margin : 20px 0 10px 0;
	font-size : 14px;
	color : #383838;
}

h3 {
	margin : 5px 0 10px 15px;
	font-size : 11px;
	color : #383838;
}

p {
	margin : 0 0 10px 0;
	color : #595959;
}



/* PARAMETRAGE DES DIVISIONS */
#conteneur {
	position : absolute;
	width : 100%;
	margin : 30px 0 0 0;
}

#header {
	height : 10px;
}

#header p {
	padding : 0;
	text-align : right;
	margin-right : 35px;
}

#header a {
	color : #b5b5b5;
	text-decoration : none;
}

#header a:hover {
	text-decoration : underline;
}

#content {
	margin-left: 190px;
	margin-right: 360px;
	border-left : 1px dotted #dfdfdf;
	padding : 0 0 0 10px;
}

#flashcontent {
	text-align: left;
	margin: 0 auto;
}

/*#text {
	margin-left : 20px;
	margin-right: 450px;
	border-right : 1px dotted #dfdfdf;
	padding : 0 15px 0 10px;
}*/

/* Liste figurant dans le contenu */
#content ul, #text ul {
	color : #595959;
}

#content li {
	list-style-type : disc;
}

#content a {
	margin : 0 2px;
	color : #b5b5b5;
	text-decoration : none;
	font-size : 14px;
	letter-spacing : 2px;
}

#content a:hover {
	color : gray;
	padding-left : 5px;
}

/* Paragraphe avec alinéa quand le titre de niveau 3 est utilisé. */
p.parag {
	margin-left : 15px;
}

.cp {
	margin-top : 20px;
}

#content div.cp a {
	font-size : 1em;
}

#content div.cp a:hover {
	padding : 0;
	text-decoration : none;
}

/* Lien sous le contenu. */
#liens {
	padding : 0 0 0 10px;
}

#liens p {
	margin-top : 25px;
	margin-bottom : 25px;
}

#liens a {
	margin : 0 2px;
	color : #b5b5b5;
	text-decoration : none;
	font-size : 14px;
	letter-spacing : 2px;
}

#liens a:hover {
	color : gray;
	padding-left : 5px;
}	

#left {
	position: absolute;
	left:0;
	width: 180px;
	padding-left : 10px;
}

/* Division du menu aligné à droite */	
#right {
	position : absolute;
	right : 0;
	width : 360px;
	z-index : 1;
}

#submenu {
	position: absolute;
	right: 265px;
	top : 35px;
	width: 150px;
	border-left : 1px solid #b5b5b5;
	border-top : 1px solid #b5b5b5;
	z-index : 2;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#submenuart {
	position: absolute;
	right: 265px;
	top : 67px;
	width: 150px;
	border-left : 1px solid #b5b5b5;
	border-top : 1px solid #b5b5b5;
	z-index : 2;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


/* Positionnement des listes dans la div rightmenu. */
.rightmenu {
	list-style-type : none;
	margin : 0 0 0 95px;
	padding : 0; 
	border-left : 1px solid #b5b5b5;
}

.rightmenu li {
	margin : 0 0 5px 15px;
}

.rightmenu a {
	margin : 0 2px;
	color : #b5b5b5;
	text-decoration : none;
	font-size : 16px;
	letter-spacing : 2px;
	font-variant : small-caps;
}

.rightmenu a:hover {
	color : gray;
	padding-left : 5px;
}

#img {
	width : 350px;
	height : 180px;
	background :  url(../images/logo.jpg) no-repeat right bottom;
	z-index : 0;
}

#form {
	margin-top : 20px;
	background :  url(../images/photos2.jpg) no-repeat right bottom;
}
#form2 {
	width: 650px;
	margin-top : 0px;
	margin-right :10px;
	background :  url(../images/iniphoto.jpg) no-repeat  right top;
}

/* FORMULAIRE */

/* Opacité de la zone de texte en fonction du navigateur utilisé. */
.saisie {
	border : 1px solid silver;
	width : 250px;
	filter:alpha(opacity=80);    /* Internet Explorer 6     */
    -moz-opacity : 0.8;          /* Mozilla 1.6 et infér.   */
    opacity : 0.8;               /* CSS3 et Mozilla récents */
	background : white;
}

/* SOUS-MENU POUR AFFICHAGE DES GALERIES */

.leftmenu {
	list-style-type: none;
	margin: 0;
	padding:0;
}

.leftmenu li {
	margin : 5px 0 5px 15px;
}
.leftmenu a {
	margin : 0 2px;
	color : #b5b5b5;
	text-decoration : none;
	font-size : 16px;
	letter-spacing : 2px;
	font-variant : small-caps;
}

.leftmenu a:hover {
	color : gray;
	padding-left : 5px;
}

/* GALERIE */

#showroom {
	width : 800px;
	height : 650px;
	margin : 15px auto;
	background : #f4f7e8;
	border : 1px solid #e4e7d5;
}
		
#showroom h1 {
	background : #eaecde;
	border-bottom : 2px solid white;
	padding : 5px;
}
		
#showroom a {
	margin : 0 2px;
	color : #b5b5b5;
	text-decoration : none;
	font-size : 13px;
	/*letter-spacing : 1px;*/
	font-variant : small-caps;
}
	
#showroom a:hover {
	color : gray;
}

.return { 
	position : absolute; 
	top : 22px;
	width : 780px;
	text-align : right;
}

.return p {
	color : red;
}

#showroom a#selected {
	text-decoration : underline;
	color : gray;
}
		
ul#pagemenu  {
	list-style-type : none;
	padding : 0;
	margin-left : 5px;
}
		
#pagemenu li {
	display : inline;
	margin-right : 5px;
}
		
ul#thumb {
	width : 100px;
	height : 490px;
	overflow : auto;
	float : left;
	list-style-type : none;
	margin : 0 0 0 5px;
	padding : 0;
	border : 1px dashed #b0b598;
	background : #eef0e1;
}
		
#thumb li {
	float : left;
}
		
#thumb li a img {
	margin : 3px 5px 0 5px;
	padding: 2px 2px 5px;
	background: white;
	border: 1px solid #dddddd;
   	border-width: 1px 2px 2px 1px;
}
		
#photo {
	width : 500px;
	height : 500px;
	margin : 10px 0 10px 150px;
}
		
#big_pict {
    padding: 1% 1% 5%;
  	background: white;
   	border: 1px solid #dddddd;
   	border-width: 1px 2px 2px 1px;
}

/*¨LIENS */

#content div.list {
	float : left;
}

#content div.list a:hover {
	text-decoration : underline;
	padding-left : 0; 
}
.spacer {
	clear: both;
}
#listes {
	width : 100%;
}

.orange {
	font-size : 22px;
	color: #df6004;
}

