/* -------------------------
		== STYLES GENERAUX ==
		------------------------- */
		
html, body{height:100%;width:auto;}
body
{
	font-family:"Trebuchet MS", Arial,sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background:#928E7B url(images/CSS_fond.jpg) repeat-x;
	color:#000;
}
h1, h2, h3, h4, h5, h6{color:#FF2400;}
h1 { font-size : 1.3em; margin : 0.67em 0 0.67em 0; }
h2 { font-size : 1.2em; margin : 0 0.50em 0.50em 0; }
h3 { font-size : 1.1em; margin : 0 0 0.50em 0; }
h4 { font-size : 1em; margin : 0 0 0.50em 0; }
h5 { font-size : 0.9em; margin : 0 0 0.50em 0; }
h6 { font-size : 0.8em; margin : 0 0 0.50em 0; }
a img{border:none;}
p{text-align:justify;}
form, fieldset{
	margin:0;
	border:0;
	padding:5px;
}
a:hover{color:#FF2400;}
code,pre,cite { font-family : "Courier New",monospace; font-size : 1em; }
q { font-style : italic; }

a { color : #000; }
a:hover { color: #FF2400; }


/* -------------------------
		== BLOCS PRINCIPAUX ==
		------------------------- */
		
#conteneur {
	background : transparent url(images/CSS_img_fond.jpg) no-repeat;
	height:800px;
	padding-left:200px;
	padding-top:33px;
}
#header {
	display:none;
}
#contenu{	
	float:left;
	width:400px;
	background:transparent url(images/CSS_fond_contenu.gif) repeat-y;
	padding:25px 40px 20px 20px;
	text-align:justify;
	min-height:400px;
}
*html #contenu{height:400px;}
#galerie{
	width:630px;
	clear:both;
	margin:20px auto;
}
#pied {
	width:530px;color:#fff;font-size:10px;text-align:right;
}
#pied a{color:#fff;}

/* ------------------------------
		== NAVIGATIONS ET MENUS ==
		------------------------------ */

/*
Navigation
--------------- */
#nav a {
	margin: 0 2px;
	color: #000000;
	text-decoration: underline;
}
#nav a:hover {text-decoration: none;}
#nav .current{font-weight:bold;}

/*
Menus 
--------------- */
#menu1{display:block;margin:0 0 50px 0;padding:0 0 0 350px;}
#menu1 li{display:inline;margin:0;padding-right:5px;}
#menu1 a{text-decoration:none;color: #FFDA00;}
#menu2 a{text-decoration:none;color:#000;}

#menu1 a:hover, #menu1 .current a{ color: #FFDA00;text-decoration:underline; }
#menu2 a:hover{ color:#FF2400;text-decoration:none;}
#menu2 .current a{ color:#FF2400;text-decoration:none;font-weight:bold;}
li.current{font-weight:bold;}

#menu2{
	float:left;
	display:block;
	width:100px;
	margin:240px 0 0 0 ;
	padding:0 0 15px 0;
	background:transparent url(images/CSS_fond_nav.gif) no-repeat bottom left;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
}
#menu2 li{
	display:block;
	border-left:1px solid #fff;
	background-color:#FFDA00;
	text-align:right;
	list-style:none;
	padding:1px 3px;
}

#pied, #menu1, #menu2{ font-family : "Trebuchet MS",Arial,Helvetica,sans-serif;}

/*
Sélecteurs de multipage
--------------- */
#PgSelect{text-align:right;}
#PgSelect input, #PgSelect legend{display:none;}
#PgSelect label{color:#fff;}


/* ----------------
		== GALERIES ==
		---------------- */

#galerie{width:400px;}
#galerie img{/*border:1px solid #000;*/}
#galerie ul{text-align:center;margin:0;padding:5px;padding-bottom:0;}
#galerie li{display:inline;margin:0 2px;padding:0;}
#galerieBig{
	text-align:center;
}
#galerieBig p{padding:0 10px;}


#PgSelect{display:block;margin:0;width:418px;background:transparent url(images/CSS_fond_multipage.png) no-repeat right top;}
html>body #PgSelect{width:421px;margin-left:102px;}
#PgSelect fieldset{text-align:right;padding:0;border:none;}
#PgSelect legend{display:none;}
#PgSelect label{color:#FF2400;position:relative;top:-4px;font-size:80%;}
#PgSelect select, #PgSelect option{margin:0;font-size:9px;}
#PgSelect select{margin-bottom:2px;}

/* -------------------
		== FORMULAIRE ==
		------------------- */
		
		
#Form{
	display:block;
	width:90%;
	margin:10px auto;
	background:#fff url(images/fond_fieldset.png) repeat-x;
	border:1px solid #999;
	padding:10px;
}
#Form input, #Form textarea, #Form select, #Form option{
	display:block;
	width:97%;
	background:transparent url(images/fond_input.png) repeat-x;
}
#Form label, #Form fieldset fieldset legend{
	display:block;
	background-image:none;
	color:#FF2400;
	font-weight:bold;
	border:0;
}
#Form label{margin-top:10px;}
#Form fieldset fieldset {
	border:none;
	font-weight:normal;
	background:none;
	padding:0;
	margin-top:10px;
}
#Form .line{width:auto;font-weight:normal;display:inline;}
#Form .submit{width:auto;display:block;margin:10px auto;background-image:none;background-color:#FF2400; color:#fff;border:1px solid #000;}
#obligatoires{display:none;}


/* --------------------
		== CLASSES ==
		-------------------- */
.clear{clear:both;}
.hrclear{clear:both;visibility:hidden;}
#contenu .tab3 h2, div .tab2 h3 {margin-top:0;}
#contenu .tab3 .col1{width:33%;}
#contenu .tab3 .col2{width:41%;}
#contenu .tab3 .col3{width:25%;}
#contenu .tab2 .col1{width:50%;}
#contenu .tab2 ul{margin:0;padding:15px;}

/* --------------------
		== BALISES TEXT ==
		-------------------- */

/*
Styles de texte 
--------------- */
.bold, .italic, .underlined, .big, .small, .colore{display:inline;}
.bold{ font-weight:bold; }
.italic{ font-style:italic;}
.underlined{ text-decoration:underline;}
.big{font-size:large;}
.small{font-size:85%;}
.colore{ color:#FF2400;text-align:justify; }

/* 
Alignements de texte
-------------------- */
.left{ text-align:left; }
.right{ text-align:right; }
.center{ text-align:center;padding-top:1em; }
.retrait{ padding-left:5%;text-align:justify; }
.note{
	clear:both;
	color:#999;
	font-size:80%;
	margin:10px 5%;
}

/*
Alignements d'images
--------------------- */
.imgleft{float:left;margin-right:10px;}
.imgright{float:right;margin-left:10px;}
.imgcenter{display:block;clear:both;margin-right:auto;margin-left:auto;}

/*
Multicolonnes
------------- */
.tab2, .tab3{clear:both;}
.tab2 .col1, .tab2 .col2{float:left;width:50%;}
.tab3 .col1, .tab3 .col2, .tab3 .col3{float:left;width:33%;}