/* 
************************************************
Title : JANUA 
URL : www.janua.fr
Author : JahanDesign.com
Created : 6 janvier 2006
Modified : 
************************************************
*/

* {margin: 0; padding: 0;}
html, body {height: 100%;}
body{
	background:#fff url(../images/bg-janua-b.gif) repeat-x center top;
	font:	80%/1.4 "Trebuchet MS", Georgia, "Times New Roman";
	color:#555;
	text-align:center;
}

/* ===== Conteneurs ===== */
#wrapper{
	width:748px;
	margin:0 auto 10px;
	background:url(../images/bg-shadow-b.gif) no-repeat center top;
	text-align:left;
	padding-top:4px;
}
#header{
	position:relative;
	margin:0 16px;
	width:716px;
	height:102px;
	background:url(../images/header.jpg) no-repeat center top;
}
#mainnav{
	position:relative;
	margin:0 16px;
	width:716px;
	height:27px;
	background:url(../images/bg-tabs.png) repeat-x left center;
	border-bottom:1px solid #999;
	border-top:1px solid #CCC;
	font-size:12px;
}
#sitenav {
	position:absolute;
	right:15px;
	bottom:0;
	height:25px;
}
#contentwrapper{
	margin:0 16px;
	width:716px;
	background:url(../images/bg-contentwrapper.png) repeat-y right top;
}
#contentwrapperfull{
	margin:0 16px;
	width:716px;
}
#content{
	width:507px;
	float:left;
	margin-bottom:20px;
	background:url(../images/bg-content.gif) repeat-x right top;
}
#contentfull{
	width:716px;
	float:left;
	margin-bottom:20px;
	background:url(../images/bg-content.gif) repeat-x right top;
}
#sidebar{
	width:208px;
	float:right;
	margin-bottom:20px;
	background:url(../images/bg-sidebar.gif) repeat-x left top;
	font-size:.9em;
}
#footer{
	clear:both;
	padding:5px;
	height:12px;
	background:url(../images/bg-footer.gif) repeat left top;
	font-size:10px;
	text-align:center;
}
#copytext{
	padding:10px;
	text-align:center;
	color:#777;
	font-size:9px;
}

/* ===== Rules ===== */
a:link, a:visited{ 
	color:#0045CA;
	text-decoration:none;
	}
a:hover{ 
	color:#fff;
	background-color:#668FDF;
	}
ol, ul{
	list-style:none;
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5{
	padding:0;
	margin:0 30px .5em;
	font-weight:normal;
	color:#553E11;
}
h1{
	padding-top:9px;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px; 
	letter-spacing:5px;
	text-transform:uppercase;
}
h2{
	font-size:1.8em;
}
h3{
	color:#AA7C23;
	font-size:1.5em;
}
h4{
	color:#AA7C23;
	font-size:1.3em;
}
img, a img{ 
	border:none;
}
img.centre{
	display:block;
	margin:15px auto;
}
abbr, acronym{
	border-bottom: 1px dotted #999;
	cursor: help;
}
.hide{display:none;}

.quote{
	margin:0 30px 1em;
	padding:0 0 0 15px;
	font-style:italic;
	border:0;
	border-left:2px dotted #A1A97F;
}
.boite{
	margin:0 30px 1em;
	padding:15px;
	text-align:justify; 
	border: 1px dotted #A1A97F;
}
table{
	border:0;
	margin-left:30px;
	margin-bottom:20px;
	width:445px;
}
#header a{
	background-color:transparent;
	}

/* ===== Navigation principale ===== */
#sitenav a:link, #sitenav a:visited{
	padding:2px 10px;
	margin-bottom:4px;
	text-decoration:none;
	color:#777;
	font-family:Arial, Helvetica, sans-serif;
}
#sitenav a:hover{
	color:#444;
	text-decoration:underline;
}
#mainnav ul{
	margin:2px 0 0 30px;
}
#mainnav li{
	display:inline;
	margin:0;
	padding:0;
}
#mainnav a{
	float:left;
	color:#555;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px 10px;
	background:url(../images/tab-in.png) no-repeat left center;
}
#mainnav a:hover{
	color:#fff;
	background:url(../images/tab-out.png) no-repeat left center;
}
#mainnav a.activetab{
	color:#333;
	background:url(../images/tab-out.png) no-repeat left center;
	font-weight:bold;
}

/* ===== Contenu principal ===== */
#content p, #contentfull p{
	margin:0 30px 1em;
	font-size:1em;
	text-align:justify; 
}
#content p img, #contentfull p img{
	float:right;
	padding:0 0 1em 2em; 
	max-width: 100%;
}
#content p.line, #contentfull p.line{
	margin:0 30px 20px;
	background:url(../images/lignesep.gif) no-repeat center center;
}
.contentbox{
	display:block;
	margin:0 30px 20px;
	padding:10px;
	background-color:#FFDD9A;
	border-top:1px solid #FFBA35;
	border-right:1px solid #FFCF72;
	border-bottom:1px solid #FFCF72;
	border-left:1px solid #FFBA35;
}
.contentbox h2{
	margin:0 0 .5em;
}
#content ul{
	margin:0 30px 1em;
}
#content ul li{
	margin:0;
	padding:0 0 .4em 15px;
	background:#fff url(../images/bullet3.gif) no-repeat 0 5px;
	text-align:justify; 
}
#content ul ul{
	margin:.4em 30px 0 15px;
}
#content ul ul li{
	margin:0;
	padding:0 0 .4em 15px;
	background:#fff url(../images/bullet3-2.gif) no-repeat 0 5px;
	text-align:justify; 
}

/* ===== Contenu sidebar ===== */
#sidebar h1{
	letter-spacing:3px;
	margin:0 15px .9em;
}
#sidebar h2{
	font-size:14px;
	margin:0 10px .5em;
	padding:0 5px;
	color:#fff;
	background:#D4BD91 url(../images/bg-sidebar.gif) repeat-x left top;
}
#sidebar .box{
	display:block;
	margin:0 10px 20px;
	padding:3px;
	background-color:#F6F2E9;
	border-top:1px solid #DDCBA7;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #DDCBA7;
}
#sidebar .box h2{
	margin:0 0 .5em;
}
#sidebar .bloc{
	margin-bottom:20px;
}
#sidebar ul{
	margin:0 0 1em;
}
#sidebar ul li{
	margin:0 8px 6px;
	padding-left:13px;
	line-height:1.4em;
	background:url(../images/bullet2.gif) no-repeat 0 4px;
}

/* ===== Navigation secondaire ===== */
#secondarynav ul {
	padding: 0;
	margin: 0 15px 0 0;
	display: block;
}
#secondarynav ul li {
	display: inline;
	margin: 0;
	padding: 0;
	background: none;
}
#secondarynav a:link, #secondarynav a:visited {
	display: block;
	padding: 7px 9px;
	border:1px solid #E6D8BD;
	margin: 0;
	color:#AA7C23;
	background: #fff url(../images/secondarynav.gif) no-repeat left center;
}
#secondarynav .selected a:link, #secondarynav .selected a:visited, #secondarynav .selected a:hover {
	color: #fff;
	font-weight:bold;
	background: #AA7C23 url(../images/secondarynav-on.gif) no-repeat left center;
}
#secondarynav a:hover {
	color:#AA7C23;
	background: #CCB07B url(../images/secondarynav-hover.gif) no-repeat left center;
}
* html #secondarynav a:link, * html #secondarynav a:visited {height: 1%;}

/* ===== pied de page ===== */
#footer li{
	display:inline;
	background: none;
	margin: 0;
	padding: 0;
}
#footer li a:link, #footer li a:visited{
	color:#555;
	margin: 2px 4px;
	padding:0 4px;
	text-decoration:none;
}
#footer li a:hover{
	color:#333;
	background-color:#fff;
}

/* ===== autres... ===== */
.buttons{
	font-size:10px;
}
.floatleft{
	float:left;
	width:47%;
	padding:0 1%;
}
.floatright{
	float:right;
	width:47%;
	padding:0 1% 0 2%;
	border-left:1px dashed #999;
}

/* ===== tables ===== */
table{
	border:0;
}
table.doc{
	width:650px;
}
.doc th{
	padding:0 10px;
	background-color:#FFBA35;
	text-align:left;
	font-weight:bold;
}
.doc th.d1{
	width:470px;
}
.doc th.d2{
	width:40px;
	text-align:center;
}
.doc th.d3{
	width:40px;
	text-align:center;
}
.doc tr.pair{
	background-color:#FFDD9A;
}
.doc td{
	padding:3px 10px;
	font-size:.9em;
}
.doc td.poids{
	text-align:center;
}
.doc td.format{
	text-align:center;
}
.doc td.format a:hover{
	background-color:transparent;
}
.choix1, .choix3{background-color:#EBD8E2;}
.choix2{background-color:#E1C4D4;}

/* ===== formulaire ===== */
#contactform {
  position:relative;
  left: 50%; 
	border: none;
	margin: 20px 0;
	padding: 0;
	width: 500px;	/*** Largeur du formulaire ***/
  margin-left: -250px;
	text-align:right;
}
#corpForm {
	border: 1px dotted #888;
	color:#444;
	background: #EEE1D3;
	margin:0;
	padding: 1em;
}
#corpForm legend {	
	font-weight:bold;
	color:#A96822;
	background: transparent;
}
#corpForm p {	
	padding:.2em 0;
	margin:0 0 .2em 0;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 1em;
}
#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#corpForm label:hover {cursor: pointer;}
#corpForm label.oblig {font-weight: bold;}
#corpForm .legende {	
	font-style: italic;
	font-size:.9em;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpForm a.aide {text-decoration: none;}
#corpForm a.aide img {	
	margin: 0;
	padding: 0;
	border: 0;
}
#corpForm a.aide:hover {cursor: help;}
#corpForm .focus {	
	background:#D0D4BF;
	color: black;
}
#corpForm .normal {	
	background: white;
	color: black;
}
#corpForm input{width:200px;}
#corpForm textarea{width:280px;}
#piedForm {
	text-align:center; /* Les boutons sont alignés au centre */
}
#piedForm input {
	width:80px;
	font-weight: bold;
	color: #fff;
	background: #E29500 url(../images/button-bg.gif) repeat-x 0 0;
	border: solid 1px #E29500;
	padding: 4px;
	text-align:center;
}
#piedForm input:hover {
	background: #FFAF08 url(../images/buttonhover-bg.gif) repeat-x 0 0;
}

/*** Mise en forme des messages d'erreur ***/
#corpForm .alerte {
	border: 1px solid red;
}
#corpForm .messageAlerte {
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url(../images/icon_alert.gif) no-repeat left center;
}