@charset "utf-8";

a {
	color: #6d6d6d;
}

img {
	border:none;
}

textarea, select {
	border: 1px solid #AAA;
}

.fieldset
{
	width:94%;
	margin-left: 1%;
	margin-right: 1%;
}

.table {
	border-collapse:collapse;
	margin-left: 1%;
	margin-right: 1%;
	width:100%;
	 border:2px solid #DDD;
}

.table td, .table th {
	 border:1px solid #DDD;
	 text-align: left;
	 padding: 2px;
	 font-size: 10px;
	 font-weight:bold;	
	 border-bottom-style:solid;
	 border-bottom-color:#C4C8A8;	
	border-bottom-width:thin;
}
.table th {
	text-align:center
}
/* ************************* END GENERAL STYLING ************************* */


/* *************************  START DIV STYLING  ************************* */

#menu
{
	/*border: 1px solid #E4E4E4; /* Crazy about dotted and dashed borders! */
	/*background-color: #FFFFFF;
	-moz-border-radius: 0px 0px 25px 25px;
	border-radius: 0px 0px 25px 25px;*/
	
	width:180px;
	padding:0px;
	float: left;
/*	background-color: #EEEEEE;*/
	background: none;
	margin-bottom:7px;
}

.menuTitre
{
	padding:10px;
	text-align: center;
	font-variant:small-caps;
	font-weight:bold;
	background-color: #EEEEEE;
	border-bottom: 1px solid #FFFFFF;
}

.menuItem
{
	background: url(commun/affichage/images/puce.gif) no-repeat #6194c3;
	padding: 2px;
	padding-left:20px;
	font-size:13px;
	/*background-color: ;/*#F3FFC0;/*#00ACF4*/
	border-bottom: 1px solid #FFFFFF;
	/*border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;*/
}
.menuItem a {
	text-decoration:none;
	color: #FFFFFF;/*6d6d6d;*/
}

#contenu {
	border-left: 1px solid #FFFFFF;
	background-color: #EEEEEE;
	/*-moz-border-radius: 0px 0px 25px 25px;
	border-radius: 0px 0px 25px 25px;*/
	padding: 10px;
	margin-left: 180px;
}

.txtfloat {
	text-align: justify;
}

.erreur {
	color: red;
	text-align: center;
	font-size: 12px;
}

.div_erreur {
	border: 1px solid #FF9999;
	padding:3px;
	background-color:#FFEEEE;
	text-align:center;
	color:#FF6666;
	font-weight:bold;
	font-size:15px;
}

.div_succes
{
	/*border: 1px solid #6194c3;*/
	padding:3px;
	background-color:#6194c3;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	font-size:15px;
}

.action {
	/*border:1px solid #DDD;*/
}
	.action img {
		border:1px solid #DDD;
	}

#footer { /* The bottom, with the copyright notice. */
	
	border: 2px solid #FFFFFF;
	background-color: #555555;
	-moz-border-radius: 0px 0px 25px 25px;
	border-radius: 0px 0px 25px 25px;
	margin-bottom:5px;
	
	clear: both; /* Appear UNDER core_right, not next to it. Not even with changed width on #container. */
	/*width: 680px; /* 680px? Yep, the same width as #container. */
	/*height: 100px; /* Give it some height! */
	text-align: center; /* The text should appear on the rightside of the footer. */
	margin: 0px;
	margin-top: 7px;
	margin-bottom: 25px;
	padding-top: 25px;
}
	#footer p { /* The <p> within the footer is styled here. */
		text-transform: uppercase; /* ALL CAPS ON THIS LINE OF TEXT */
		/*background: #FFFFFF url(../images/diags.jpg)  0% 30% repeat-x; /* Those cool diagonal lines in the back. */
		font-size: 50%; /* An even smaller font then the list we just did. */
		color: #000000; /* Ocean blue color... */
		letter-spacing: 1px; /* spread those letters over your screen a bit more */
		font-family: "Trebuchet MS", Verdana, sans-serif; /* I love Trebuchet, should've been the standard font! ;-) */
	}
	
	#footer a { /* The a href="..." tags in the footer are styled here. */
		text-decoration: none; /* No lines under the text. */
		color: #000000; /* Black beauty. */
	}
	
	#footer img { 
		border: none; /* No lines under the text. */
		margin: 5px; /* Black beauty. */
	}

input.bouton {
	width: auto;
	height: 35	;
	background-color: #FFFFFF;
	border: 1px solid #AAA;
	margin: 10px;
	background-color:#EEEEEE;
}

input.classic, textarea.classic {
	width: 200px;
	background-color: #FFFFFF;
	border: 1px solid #AAA;
}

.input_plus {
	background-image: url(commun/affichage/images/plus.gif);
	background-repeat: no-repeat;
	border: 1px solid #AAA;
	padding-left:10px;
}

.input_http {
	background-image: url(commun/affichage/images/http.gif);
	background-repeat: no-repeat;
	border: 1px solid #AAA;
	padding-left:45px;
}

.formLabel
{
	width:120px;
	float:left; 
	text-align:right; 
	padding:3px;
}

.fromDiv
{
	padding:3px;
}
	.fromDiv input
	{
		width:120px;
	}

img {
	border:none;
}

input, select, option {
	font-size: 12px;
	
}