/**************************************************/
/****************** GENERAL ***********************/
/**************************************************/

body
{
	font-size:9pt;
	margin:0px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#212121;
	background: #212121 url("../images/site/back.png");
}

li{margin-bottom:10px;}
img{border:0px;}
acronym{cursor:help;}
legend{color:#0000bb;}

a:link, a:visited, a:active
{
	color:#535353;
	text-decoration:none;
}

a:link.ext, a:visited.ext, a:active.ext
{
	background:url(../images/extlink.gif) left center no-repeat;
	padding-left:16px;
	
}

a:hover
{
	color:#212121;
	text-decoration:none;
}

.u{text-decoration:underline;}
p.r30j{text-align:justify;text-indent:30px;}
img.milieu{vertical-align:middle;}


h1
{
	text-align:left;
	font-size:20px;
	height:35px;
	padding-top:2px;
	padding-left:50px;
	font-weight:normal;
	background: url("../images/site/h1.png") left top no-repeat;
	border-bottom:1px solid #212121;
}

h2 {
	text-align:left;
	font-size:14px;
	font-weight:bold;
}

li
{
	list-style-image: url("../images/site/contenu/puce.gif");
}

legend
{
	color:#0000bb;
	background-color:#ffffff;
}

fieldset {
	padding:10px;
	margin:0px;
}


#conteneur
{
	margin:auto;
	margin-top:10px;
	width:90%;
	min-width:900px;
	border:0px;
	padding:10px;
	
	/*background-color:#ffffff; // pour le fond blanc*/
}

#header {
	margin:auto;
}

#header_left {
	height:162px;
	width:16px;
	background: url("../images/site/header_winter_left.png") right no-repeat;
	float:left;
}

#header_center {
	height:156px;
	min-width:800px;
	background: url("../images/site/header_winter_background.png") center repeat-x;
	background-color:#eeeeee;
	margin-left:16px;
	margin-right:16px;
	border-top:3px solid #bcbcbc;
	border-bottom:3px solid #bcbcbc;
}

#header_right {
	height:162px;
	width:16px;
	background: url("../images/site/header_winter_right.png") left no-repeat;
	float:right;
}

#slogan {
	margin-top:135px;
	margin-right:5px;
	font-size:11px;
	color:#6097cc;
	float:right;
}

#main_logo {
	height:156px;
	min-width:800px;
	background: url("../images/site/ban_winter_top.png") center center no-repeat;
}

#main_logo_deco {
	height:156px;
	min-width:800px;
	background: url("../images/site/neige.png") center center repeat-x;
}

.clearBoth {
	clear:both;	
}

.clearLeft {
	clear:left;
}

.clearRight {
	clear:right;
}

/**************************************************/
/*******************Quick acces *******************/
/**************************************************/

#quickaccess {
	margin-top:136px;
	float:left;
	height:20px;
	width:167px;
	background: url("../images/site/quickacces/embout_winter.gif") right no-repeat;
}

#quickaccess img{
	border:0px;
	height:20px;
	width:32px;
}

#quickaccess .button {
	background-color:#ffffff;	
	height:20px;
	width:32px;
	float:left;
}

#Qaccueil {
	background: url("../images/site/quickacces/accueil.png") center no-repeat;
}
#Qaccueil .on {
	background: url("../images/site/quickacces/accueil_on.png") center no-repeat;
}

#Qaccess {
	background: url("../images/site/quickacces/accessibilite.png") center no-repeat;
}
#Qaccess .on {
	background: url("../images/site/quickacces/accessibilite_on.png") center no-repeat;
}

#Qcontact {
	background: url("../images/site/quickacces/contact.png") center no-repeat;
}
#Qcontact .on {
	background: url("../images/site/quickacces/contact_on.png") center no-repeat;
}
#Qfavorites {
	background: url("../images/site/quickacces/favorites.png") center no-repeat;
}
#Qfavorites .on {
	background: url("../images/site/quickacces/favorites_on.png") center no-repeat;
}
#Qrss {
	background: url("../images/site/quickacces/rss.png") center no-repeat;
}
#Qrss .on {
	background: url("../images/site/quickacces/rss_on.png") center no-repeat;
}

/**************************************************/
/********************* MENU ***********************/
/**************************************************/
#menu
{
	float:left;
	width:180px;
	padding:0px 0px 10px 0px;
	margin-top:10px;
}

#menu ul
{
	list-style:none;
	margin:0px;
	padding:0px;
	color: #535353;
	margin-top:7px;
	list-style-position: inside;
}

#menu li.groupe
{
	color: white;
	font-size:14px;
	padding-top:5px;
	padding-left:28px; /*Lié*/
	margin-left:0px;
	margin-bottom:8px;
	list-style-image:none;
}

#menu li.groupe ul li
{
	font-size:11px;
	margin-left:-28px; /*Lié*/
	padding-left:15px;
	margin-bottom:0px;
	padding-top:4px;
	font-weight:normal;
	list-style-image: none;
	list-style-type: square;
	background-color:#eeeeee;
}

.bas_menu {
	margin-left:-28px; /*Lié*/
	background: url("../images/site/menu/bas_menu.png") no-repeat left top;
	width:180px;
	height:14px;
	border:0px;
}

#menu #participer
{
	background: url("../images/site/menu/participer.png") no-repeat left top;
}

#menu #participer a:hover {
	color:#ee8917;
}

#menu #documentation
{
	background: url("../images/site/menu/outils.png") no-repeat left top;
}

#menu #documentation a:hover {
	color:#b5387c;
}

#menu #wedus
{
	background: url("../images/site/menu/wedus.png") no-repeat left top;
}

#menu #wedus a:hover {
	color:#68a601;
}

#menu #telecharger
{
	background: url("../images/site/menu/telecharger.png") no-repeat left top;
}

#menu #telecharger a:hover {
	color:#3874fc;
}

.nomenu {
	font-size:12px;
	margin-left:10px; 
	padding-left:20px;
}
.nomenu a:hover {
	color:#52a9cd;
	text-decoration:none;
}
.nomenu#accueil {
	background: url("../images/site/menu/home.png") left no-repeat;
}
.nomenu#accessibilite {
	background: url("../images/site/menu/accessibilite.png") left no-repeat;
}

/**************************************************/
/**********************MAIN ***********************/
/**************************************************/
#main
{
	margin:15px 160px 0px 200px;
}

#main .contenu {
	padding:15px;
	border:3px solid #bbbbbb;
	background-color:#ffffff;
}

#mainContenu {
	min-height:595px;	
}

.labelform {
	margin-right:10px;
	width:200px;
	float:left;
	
}

#mainContenu .field {
	margin-top:20px;
}

#mainContenu .field input {
	border:1px solid #bcbcbc;
	width:200px;
	background-color: #ffffff;
}

#mainContenu fieldset {
	border:1px dashed #bcbcbc;
}

#mainContenu fieldset legend {
	color:#6097cc;
	padding:5px;
}

#retourHaut {
	margin-top:15px;
	text-align:right;
	margin-right:5px;	
	font-size:10px;
}

/* propriétés communes à l'ensemble des 4 coins */
.hautgauche, .hautdroit, .basgauche, .basdroit {
height: 18px; width: 18px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
.hautgauche {
float: left;
background: url("../images/site/hautgauche.png");	
}
.hautdroit {
float: right;
background: url("../images/site/hautdroit.png");
}
.basgauche {
background: url("../images/site/basgauche.png");
margin-top:-18px;
}
.basdroit {
float: right;
background: url("../images/site/basdroit.png");
margin-top:-18px;
}

/**************************************************/
/*********************FOOTER***********************/
/**************************************************/

#footer
{
	margin-left:200px;
	margin-right:160px;
	margin-bottom:10px;
	margin-top:10px;
	padding:2px;
	font-size:10px;
	text-align:center;
	clear:left;
	height:15px;
	color:#bbbbbb;
}

#footer a {
	color:#ffffff;	
}

#footer a:hover {
	color:#535353;	
}

/**************************************************/
/*********************BAN DROIT********************/
/**************************************************/
#ban_droit {
	float:right;	
}

#ban_droit .ban {
	margin-top:15px;
	width:142px;
}

#ban_droit .contenu {
	padding-top:5px;
	padding-bottom:5px;
	border:3px solid #bbbbbb;
	background-color:#ffffff;	
	text-align:center;
	font-weight:bold;
}

#ban_droit a {
	color:#6097cc;	
}

#ban_droit .note a {
	font-size:10px;	
	color:#212121;
}

/*********ADMINISTRATION**********/

#admin
{
	margin-top:10px;
	text-align:center;
}

#admin input
{
	padding:0px;
	margin:0px;
	margin-top:4px;
	width:100px;
	font-size:11px;
}

#adminSubmit {
	margin-top:8px;
	height:20px;
	/*midth:20px;*/
	background: #ffffff url("../images/site/connection/connect.png") no-repeat right;
	border:0px;
}

#admin .titre {
	margin:auto;
	text-align:center;
	font-weight:normal;
	color:#ffffff;
	width:105px;
	height:18px;
	padding-top:1px;
	margin-bottom:4px;
	background: url("../images/site/connection/administration.png") no-repeat top center;
}


/**************************************************/
/*********************NEWS*************************/
/**************************************************/

.newsTop {
	width:455px;
	height:20px;
	padding-top:19px;
	padding-left:34px;
	margin:auto;
	margin-top:10px;
	font-weight:bold;
	background: url("../images/site/news/top.png") left no-repeat;
}
.newsMiddle {
	width:449px;
	margin:auto;
	padding-left:20px;
	padding-right:20px;
	background: url("../images/site/news/middle.png") left repeat-y;
}

.newsMiddle p {
	margin:0px;
	padding:0px;
	padding-top:5px;
	text-indent:10px;	
}

.newsMiddle img {
	margin-right:10px;	
}

.newsBottom {
	margin:auto;
	width:459px;
	height:24px;
	padding-top:10px;
	padding-right:30px;
	text-align:right;
	background: url("../images/site/news/bottom.png") left no-repeat;
}

.newsBottom .nom {
	display:inline;	
	text-decoration:underline;
	font-style:italic;
}

/**********************FIN NEWS*******************/

.pointer
{
	cursor:pointer;
}

.pointoff
{
	cursor:auto;
}

.OK
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009900;
	border: dashed 1px #009900;
	text-align: center;
	margin: 3px;
	padding:3px;
	height: auto;
	width: auto;
}

.FAIL
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	border: dashed 1px #FF0000;
	text-align: center;
	margin: auto;
	padding:3px;
	height: auto;
	width: 95%;
}

table.max33, table.max25, table.max20{width:100%;}
table.max33 th, table.max33 td{width:33%;border:1px solid #c0c0c0;}
table.max25 th, table.max25 td{width:25%;border:1px solid #c0c0c0;}
table.max20 th, table.max20 td{width:20%;border:1px solid #c0c0c0;}
table.max33 td, table.max25 td, table.max20 td{padding:5px;text-align:center;}
table.max33 tr.off, table.max25 tr.off, table.max20 tr.off{background-color:transparent;color:#212121;}
table.max33 tr.on, table.max25 tr.on, table.max20 tr.on{background-color:#e0e0e0;color:#595959;}

.center{text-align:center;}
img.Lfloat{float:left;padding-right:15px;padding-bottom:5px;}
img.Rfloat{float:right;padding-left:15px;padding-bottom:5px;}