/* CSS Document */

body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #314517;
	margin:10px;
	padding:0px;	
	background: #4c6321 url("images/background.jpg") 50% 0 no-repeat;
	}
	
a {
font-weight:normal;
color:#8d0f86;
text-decoration:none;
}

a:hover {
color:white;
}

	
#conteneur1 {
position: absolute;
top: 0px;
margin-left: -400px;
left: 50%;
width: 800px;
background: transparent url("images/background_conteneur1.gif") repeat-y;
}

#conteneur2 {
position: relative;
width: 800px;
background: transparent url("images/background_conteneur2.jpg") no-repeat;
}

	
/* -------------------- ImageCache -------------------- */
.ImagesCache
	{
	position: absolute;
	display: none;
	left: 0px;
	top: -5000px;
	visibility:hidden;
	}
	
	
	

/* -------------------- Clear -------------------- */
#clear
	{
	clear:both;
	}




/* -------------------- Header -------------------- */
#header {
margin:0 20px;
height: 120px;
background-color: transparent;
}




/* -------------------- Menu -------------------- */
#menu {
margin:0 20px;
height: 42px;
text-align:center;
padding:10px 10px 0;
}

#menu ul
	{
	border: 0;
	padding: 0;
	list-style-type: none;
	margin: 0;
	left:50%;
	height: 32px;
	}

#menu li
	{
	display: block;
	float: left;
	text-align: center;
	margin:0 2px;
	}


#menu li a
	{
	width: 119px;
	color: #66822f;
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 0.8em;
	font-style: normal;
	height: 32px;
	line-height: 32px;
	background: url("images/menu_off.gif") no-repeat;
	}

#menu li.selected a
	{
	width: 119px;
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 0.8em;
	font-style: normal;
	height: 32px;
	line-height: 32px;
	color:#314517;
	background: url("images/menu_on.gif") no-repeat;
	}
		
#menu li a:hover
	{
	color:#314517;
	background: url("images/menu_on.gif") no-repeat;
	}
	




/* -------------------- Page -------------------- */
#page {
margin:20px 0 0 20px;
background: transparent url("images/background_page.jpg") bottom no-repeat;
}

#barretitre {
width:100%;
padding:0;
margin:0;
background: transparent url("images/background_barretitre.gif");
height:22px;
}

#barretitre h1 {
font-size:0.95em;
letter-spacing:0.2em;
color:white;
margin:0;
padding:5px 0;
text-indent:20px;
font-weight:normal;
text-transform:uppercase;
}

#separation {
width:100%;
padding:0;
margin:0;
background: transparent url("images/background_separation.gif");
height:2px;
line-height:2px;
}

/* -------------------- Colonne gauche -------------------- */
#colonnegauche {
width: 420px;
background-color:transparent;
float:left;
margin-bottom:20px;
}

#texte {
margin:20px 0 20px 20px;
}

#texte h1 {
color:black;
font-weight:bold;
font-size:1.2em;
}

#texte p {
margin:5px 0;
padding-bottom:8px;
text-align:justify;
}

#texte img {
margin: 0 15px 20px 0;
}

#photographie, #texteD {
margin:20px;
}

#photographie h1, #texteD h1 {
color:black;
font-weight:bold;
font-size:1.2em;
}

#photographie p, #texteD p {
padding-bottom:8px;
text-align:justify;
}

#photographie .titre {
text-align:center;
}

a.suite {
background: transparent url("images/puce1.gif") 0 2px no-repeat;
color:#8d0f86;
font-weight:bold;
padding-left:16px;
text-decoration:none;
}

a.suite:hover {
color:white;
}

a.lire {
background: transparent url("images/puce2.gif") 0 2px no-repeat;
color:#8d0f86;
font-weight:bold;
padding-left:16px;
text-decoration:none;
}

a.lire:hover {
color:white;
}


#sousmenu {
margin:20px 0 20px 0;
padding:0;
}

#sousmenu h1 {
color:black;
font-weight:bold;
font-size:1.2em;
padding-left:20px;
}

#sousmenu ul {
margin:0;
padding:0;
list-style:none;
}

#sousmenu li {
margin:0;
padding:2px 0;
list-style:none;
text-transform:uppercase;
}

#sousmenu li a {
display:block;
margin:0;
padding:2px 0 2px 20px;
font-size:12px;
color: #314517;
text-decoration:none;
}
#sousmenu li a:hover {
color:black;
background: transparent url("images/background_sousmenu.gif") 0 50% repeat-x;
}

.puce {
margin:2px 8px 0 0;
border:none;
}

.diapo {
margin:0 -4px 5px 10px;
border:none;
}

.navigateur {
margin:0 0 5px 17px;
border:none;
}

.portfolio {
margin:0 0 10px 11px;
border:none;
}

.categorie {
font-size:0.9em;
text-transform:uppercase;
color: #657c22;
letter-spacing:0.05em;
}

.reference {
font-size:0.9em;
letter-spacing:0.05em;
}


/* -------------------- Colonne droite -------------------- */
#colonnedroite {
margin-left:20px;
margin-bottom:20px;
float:left;
width: 320px;
background-color:transparent;
}

/* -------------------- Menu footer -------------------- */
#menu_footer {
clear:both;
margin:0px;
height: 31px;
padding-top:9px;
padding-left:40px;
background: transparent url("images/background_menu_footer.gif") no-repeat;
}

#menu_footer ul
	{
	border: 0;
	padding: 0;
	list-style-type: none;
	margin:0;
	height: 22px;
	}

#menu_footer li
	{
	display: block;
	float: left;
	text-align: center;
	}


#menu_footer li a
	{
	color: #66822f;
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 9px;
	font-style: normal;
	height: 22px;
	padding:0 5px;
	line-height: 22px;
	}
	
#menu_footer li a:hover {
	color:#314517;
	background: black url("images/menufooter_bouton_on.gif") repeat-x;
	}
	
#menu_footer .copyright
	{
	color: #66822f;
	text-decoration: none;
	display: block;
	text-align: right;
	font-size: 9px;
	font-style: normal;
	height: 22px;
	padding:0 10px;
	line-height: 22px;
	}
	



/* -------------------- Footer -------------------- */
#footer {
clear:both;
height:80px;
background: #4c6321 url("images/footer.gif") no-repeat;
margin:0px;
color:#99abcb;
text-align:center;
padding-top:30px;
font-size:0.8em;
}

/* -------------------- formulaire -------------------- */
#formulaire {
margin-bottom:20px;
}

#formulaire td {
padding:15px 10px 0 0;
vertical-align:middle
}

#formulaire td.erreurform {
padding:2px 10px 0 0;
vertical-align:middle;
font-size:9px;
color:red;
text-transform:uppercase;
letter-spacing:0.3em;
}

#formulaire input {
font-size:12px;
padding:4px;
background-color:#d6ff8d;
color:#000000;
border:1px solid #334418;
}

.pleinelargeur {
width:100%;
}

#formulaire .textbox {
width:100%;
font-size:12px;
padding:4px;
height:100px;
background-color:#d6ff8d;
color:#000000;
border:1px solid #334418;
}

#formulaire .submit {
background-color:#d6ff8d;
color:#000000;
border:1px solid #334418;
}

#erreur {
padding:0 10px 20px 0;
font-size:12px;
font-weight:bold;
color:red;
text-transform:uppercase;
letter-spacing:0.3em;
}

#formulaire td.rubrique {
margin-top:20px;
padding:3px;
text-transform:uppercase;
letter-spacing:0.2em;
font-size:0.9em;
background-color:#c1e181;
border-bottom:1px dotted #334418;
}

/* -------------------- Navigation -------------------- */
#navigation {
	margin: 0;
	padding:4px 0;
	text-align: center;
	font-size:0.95em;
	background-color:#c1e181;
	}
	
#navigation img {
margin:0;
padding:0;
}