html{
	height:100%;
}
body{
	margin:0;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:0.8em;
	background-image:url(/composants/images/fonds/fond_bandes.jpg);
	height:100%;
}

/* html */
/*titres*/
h1{
	font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
	color:#f55a1c;
	font-size:20px;
	text-align:center;
	margin:30px 0;
	/*border-top:1px solid #3366cc;
	background-color:#e5ecf9;
	font-size:18px;
	color:black;
	padding:3px 25px 3px 5px;
	margin:5px 10px 50px 10px;
	font-weight:normal;*/
}/*
#conteneur h1{ margin-left:0; margin-right:0; }*/
#under_bandeau{
	border-top:1px solid #3366cc;
	background-color:#e5ecf9;
	font-size:18px;
	color:black;
	height:20px;
	padding:3px 25px 3px 5px;
	margin:5px 10px 30px 10px;
	font-weight:normal;
}
.label_validation{ float:right; margin-right:25px;}
h2{color:#3366cc;
	font-size:14px;
	font-weight:normal;
	border-bottom:1px solid #3366cc;
	background-color:white;
}
h3{color:gray;font-size:14px; font-weight:normal;}
/*liens */
/*a{text-decoration:none;color:gray;}
a:visited{color:gray;}
a:hover{color:firebrick;}
a:active{color:silver;}*/
a{ color:#0000cc; }
a.novisited:visited{color:#0000cc;}

p{text-align:justify;}
img{ border:0; }
input,select{ font-size:1em; }


/* id */
#page{
	background-color:white;
	margin:0 auto;
	width:750px;
	height:auto;
	min-height:100%;
	padding:0;
	border:2px solid whitesmoke;
	border-width:0 2px;
}
* html #page {
	height: 100%; /* hack uniquement interprété par IE Win+Mac */
}
#conteneur{
	padding:50px;
	padding-top:0;
}


#footer{ margin-top:50px; text-align:center; padding:20px;}
#ariane{margin:0 10px 5px 10px; position:relative; top:-28px;}
#ariane a{ text-decoration:none; color:gray; }
#ariane a:visited{color:gray;}
#ariane a:hover{color:gray; text-decoration:underline;}
#ariane a:active{color:firebrick;}

#menutop{	margin-top:50px; margin-bottom:4px; width:400px; text-align:left;  }
#menutop ul{ margin:0 0 5px 0 !important; margin:0; padding:0;}
#menutop li{ display:inline; list-style-type:none; padding-right:20px; }

#menu_princ{	margin:0 0 10px 0; padding-top:30px; text-align:left; position:relative;}
#menu_princ #logo{ float:left; margin: 10px 20px 0 10px; }
#menu_princ #conteneur_menu{ float:left; width:560px; text-align:left;}
#menu_princ #menutop{ width:560px; margin-top:0;}
#menu_princ hr{}
#logged{ display:block; position:absolute; top:5px; right:10px; font-size:12px; font-weight:bold; }
#logged a{ text-decoration:none; }


/*classes */
.box{
	background-color:snow;
	border:1px solid silver;
	padding:10px;
	margin-top:0;
}
.doublecol{
	width:550px;
	margin:0 auto;
}
.col{
	float:left;
	width:200px;
	margin-right:20px;
}
.doublecol .col{
	width:225px;
	margin:30px 20px;
}


hr{	clear:both;	visibility:hidden;}
.liste_menu{
	list-style-image:url('/composants/images/puces/fleche_red.gif');
	line-height:12px;
}
.liste_menu li{	margin-bottom:12px;}