body {
	font-family: verdana, arial;
	font-size: 11px;
	background-color: #d3dce9;
	vertical-align:top;
}
/*Les zones   */
div#conteneur { 
	position: relative; 
	width:100%; 
	 }
	 
div#haut {
	width:100%;
	height:auto;
	text-align:center;
	margin-bottom: 9px;
	}

#page{
	width:100%;
	vertical-align:top;
}


#menu_g{
	width:210px;
	vertical-align:top;
}

#contenu{
	vertical-align:top;
}

#menu_d{
	width:170px;
	vertical-align:top;
}

div#copy {	
	margin-top: 20px;
	left: 30%;
	text-align: center;
	font-size: 9pt;
}

#galerie_titre
{
	font-size: 17px;
	font-family: verdana, arial;
	font-style: normal;
}
#galerie_date
{
	font-size: 11px;
	font-family: arial, verdana;
	font-style: normal;
	color: #393939; 
}
	
input, form, td, select, option {
	font-family: verdana, arial;
	font-size: 11px;
	margin: 0 0 0 0;
}
table{
	vertical-align:top;
	}


	

.menu{
	width:100%;
	border-style: solid;
	border-color: #6ba4ef;
	border-width: 1px;
	-moz-border-radius : 5px; 
}
.menu th{
	border-style: solid;
	border-color: #6ba4ef;
	border-width: 0px;
	background-color: #498ce3;
	border-left-width: 0px;
	border-right-width: 0px;
	text-align: left;
	-moz-border-radius : 3px; 
	padding-left:5px;
}
.galerie th{
	border-style: solid;
	border-color: #6ba4ef;
	border-width: 0px;
	background-color: #498ce3;
	border-left-width: 0px;
	border-right-width: 0px;
	text-align: left;
	-moz-border-radius : 5px;
	padding-left:10px;
	 
}



	
.zone_page{
	vertical-align:top;
	}

.cadre_page{
	width:100%;
	border-style: solid;
	border-color: #6ba4ef;
	border-width: 1px;
	vertical-align:top;
	-moz-border-radius : 5px; 
}

.cadre_page th{
	border-style: solid;
	border-color: #6ba4ef;
	border-width: 0px;
	background-color: #498ce3;
	border-left-width: 0px;
	border-right-width: 0px;
	text-align: left;
	-moz-border-radius : 3px; 
	padding-left:5px;
}
/*écriture des noms de personnes */

A .user	{
	text-decoration: none;
	color:green;
	}
	
.page_date{
	text-align:right;
	}
.page_der_modif{
	text-align:right;
	}
.page_createur{
	text-align:right;
	color:green;
	}
.page_gession_menu{
	width:100%;
	}
	
.page_gession_sous_menu{
	width:100%;

}
	
.page_gession{
	width:100%;

}
/* Section pour le menu dynamique */

.big_menu {
	width: 115px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;	
}

.treeview {
	width: 115px ;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;	
}

.treeview ul{ 
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

.treeview li{ 
	list-style-type: none;
	margin-bottom: 3px;
}

.treeview li.submenu{ 
	/* background: url(img/closed.gif) no-repeat ; */
	cursor: pointer !important;
}

.treeview li.submenu ul{ 
	display: none; 
	margin-top: 3px;
	margin-left: 10px;
}

.treeview .submenu ul li{ 
	cursor: default;
}


/*opt*/
table.page_opt{
	width: 100%;
	border:1px;
	}
.opt_title{
	width: 100%;
}


.input_description{
	width: 100%;

}
.input_contenu{
	width: 100%;
	height: 400px;
}
.input_petit{
	width: 20px;
}
.input_annee{
	width: 40px;
}

.opt_checkbox{

}


a, a:visited {
	text-decoration: underline;	
	color: black;
}

a:hover {
	text-decoration: none;
	color: black;
}

/*les pages ( galerie)*/

.galerie{
width: 100%;
text-align: left;
}

a.page_active:visited{
color: red;
}
a.page_active:hover {
color: red;
}

/*CODE*/

.code
{
	color: #000000;
	background-color: #dddddd;
	font-size: x-small;
	/* Put a nice border around it. */
	border: 1px solid #000000;
	margin: 1px auto 1px auto;
	padding: 1px;
	width: 99%;
	/* Don't wrap its contents, and show scrollbars. */
	white-space: nowrap;
	overflow: auto;
	position: relative;
	font-size: 100%;
}



.quoteheader, .codeheader
{
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
	line-height: 1.2em;
}

h1{
	border-style:outset;
	border-color:#498ce3;
	background-color: #498ce3;
	border-left-width: 0px;
	border-right-width: 0px;
	margin:0px;
}