/*Feuille de style du générateur*/

/*Styles généraux*/
body {
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#bfafa8;
	font-family: Verdana, serif;
	font-size: 12px;
	padding:0;
	margin:0;
	}
	
p {
	padding: 0;
	margin: 0 15px 0 6px;
	}
	
a:visited, a {
	color: #000;
	}
	
a:hover {
	color: #aa7521;
	}
	
.small {
	font-size: 10px;
	font-weight: none;
	}
	
/*Styles du header*/
#header {
	background-image: url(../images/BGheader.png);
	background-repeat: repeat-y;
	width: 820px;
	margin: auto;
	padding: 0;
	}
	
#header p, #header img {
	padding-left: 15px;
	}
	
/*Styles du conteneur principal*/
#page {
	background-image: url(../images/BGpage.png);
	background-repeat: repeat-y;
	width: 820px;
	margin: 0 auto 0 auto;
	padding: 0;
	}
	
/*Styles de l'edito*/	
.edito {
	background-color: #c1a089;
	clear: both;
	margin: auto;
	margin-top: 5px;
	width: 800px;
	padding: 0px;
	}

.titreedito {
	color: #57392f;
	font-size: 22px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	}

.edito p {
	padding: 5px;
	padding-bottom: 10px;
	margin: 0;
	}
	
/*Styles du footer*/
#footer {
	background-image: url(../images/BGfooter.png);
	background-repeat: no-repeat;
	width: 820px;
	height: 57px;
	margin: auto;
	padding: 0;
	font-size: 10px;
	text-align: center;
	}
	
/*Styles du formulaire gauche*/
.formleft {
	width: 350px;
	float: left;
	margin: 15px;
	margin-top: 5px;
	margin-right: 0px;
	}
	
.formleft p {
	margin: 0;
	padding: 0;
	}
	
.plusmoins {
	width: 20px;
	height: 20px;
	background-color: transparent;
	color: #8a5a46;
	border: 1px solid #8a5a46;
	}
	
input.pos {
	width: 30px;
	}
	
.textpos {
    background-color: #e9d7cb;
	border: 1px solid #8a5a46;
	width: 200px;
	padding: 10px;
	margin-top: 5px;
	}
	
.gras {
	font-weight: bold;
	}
	
.gras input, .gras select {
	margin-top: 5px;
	margin-bottom: 15px;
	}
	
.space input, .space p {
	margin-top: 5px;
	margin-bottom: 3px;
	}
	
.nombre {
	font-size: 18px;
	color: #aa7521;
	font-weight: bold;
	}

/*Styles de l'aperçu*/
.preview {
	background-image: url(../images/BGpreview.png);
	background-repeat: no-repeat;
	width: 350px;
	height: 250px;
	float: right;
	margin-right: 30px;
	}
	
.preview img {
	margin-left: 25%;
	margin-top: 25%;
	}
	
/*Styles du formulaire de choix du fond*/
.formcenter {
	clear: both;
	margin: auto;
	width: 800px;
	padding: 0px;
	clear: both;
	}
	
/*Style de la navigation par onglet*/	
.content {
    background-color: #e9d7cb;
	border: 1px solid #8a5a46;
	padding: 10px;
	margin-top: 3px;
}

#content_2, #content_3 { display:none; }

.tabbed_box {
	width: 600px;
	padding: 0;
	padding-bottom: 10px;
	margin: auto;
	margin-top: 0;
	}

ul.tabs {
	padding: 0;
	margin: 0;
	}
	
ul.tabs li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
	}
	
ul.tabs li a.active {
	border-bottom: 1px solid #e9d7cb;
	}
	
ul.tabs li a {
	background-color: #e9d7cb;
	border: 1px solid #aa7521;
	border-bottom: none;
	padding: 3px 3px 3px 3px;
	margin: 0;
	text-decoration: none;
	}