@CHARSET "UTF-8";


body{ 
	font-family:"Verdana","Sans","LucidaGrande","Arial","Helvetica","sans-serif"; 
	font-size:11px;
    margin: 0;
    padding: 0;
    color:black;
}

#allcontent{
	margin: 0px;
	padding: 0px;
}

#banner{

	height: 110px;
	width: 100%;
	margin: 0px;
}

#slogan{
	margin-left: 200px;
	margin-top: 15px;
	color: #FFF;
	font-weight: bold;
	font-size: 11pt;
}

#menuG{	
	display:none;
	padding-left:30px;
	background-color:white;
	color:black;
	text-align:center;
	font-size:10px;	
}

#menuG a{	
	color:black;
}


#chemin_navigation{
font-size:10px;
}


#chemin_navigation a{
	color:black;
	font-weight:bold;
}
/**********************************************************/
/* The title */
h1.main{
	font-size: 15px !important;
	color: #606060;
	width: 33%;
	margin: 8px;
	padding: 8px;
	padding-top : 10px;
	margin-left: 0px;
	margin-top: 0px;
}

/********************************************************/
/* partie principal du site -- site optimis? en 800*600 */
#maincontent{
	position: relative;
	background-repeat:no-repeat;
	margin-top: -96px;
	padding-top: 16px;
	background-color: #FFF;
	padding-bottom: 10px;
	margin-left: 10%;
	padding-left: 8px;
	width: 75%;
}
#maincontent h1 {
	font-size: 14pt;
}

#maincontent h2, #maincontent h3,#maincontent h4{
	color: #b60000;
}

#maincontent h2{
	font-size: 12pt;
}

#maincontent h3{
	font-size: 10pt;
}

#maincontent h4{
	font-size: 8pt;
}

#entete_app{
	background-repeat:no-repeat;
	background-position : center right;
	width:99%;
}

#entete_app span{
	font-family:arial;
	color: #616161;
	font-size:42px;
	padding-left:80px;
	padding-top:20px;
}

#entete_app .sous-titre{
	font-family:arial;
	color: #a8a8a8;
	font-size:15px;
}

#log_form{
margin-top:40px;
width:30%;
margin-left:30%;
padding:20px;

}

/**************************************************/
/* pied de page */
#footer{
	display:none;
	color: black;
	text-align: center;
	font-size:9px;
	background-color:#e9e9e9;
	background-image: url('../img/degrade_foot.jpg');
	background-position: bottom left;
	background-repeat: repeat;
	margin-left: -8px;
	margin-bottom: -10px;
	padding-bottom: 12px;
	padding-top: 15px;
}

#footer a{
	color: white;
}

#footer a:hover{
	background:none;
	color: white;
}

/************************************************/
#menu{
	float: left;
}

#menu li{
	list-style-type: none;
	color: #FFF;
	background-color: #e9e9e9;
	margin-bottom: 2px;
	margin-left: -40px;
	width: 140px;
	padding: 5px;
	font-weight: bold;
	position: relative;
	clear:both;
	font-size: 10px;
	/*Only at start, mootools effect will set display*/
	display: none;
}

#menu li:hover{
	color: #333;
}

#menu li a{
    display: block;
    width: 140px;
	color: white;
	background-color: transparent !important;
	margin: 0;

}

#menu li a:hover{
    color: #ffffff;
    margin: 0;
}

img{
	border: none;
}

/*******************************************/

a{
	color: #524c4c;
	text-decoration: none;
	font-weight: bold;
}

a:visited{
	color: #524c4c;
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	color: #0072ba;
	text-decoration: underline;
}


input[type=text],input[type=password],input[type=listbox],textarea{
	border: 1px solid #e9e9e9;
	margin: 1px;
}

input[type=text]:focus,input[type=password]:focus,input[type=listbox]:focus{
	background-color: #e9e9e9;
	color: black;
}

input[type=text]:hover,input[type=password]:hover,input[type=listbox]:hover{
	background-color: #e9e9e9;
	color: black;
	border: 1px solid #AA2314}

.rtabs li{
	display:inline;
	padding: 10px;
	border: 1px solid #e9e9e9;
}

.rtabs {
	padding:0;
	margin: 10px 0px 10px 0px;
	list-style-type:none;
}

.rtab {
	background-color: #CCCCCC;
}

.rtab_selected {
	background-color: #FFFFFF;
}

h2 {
	width: 98%;
}

/* encadré infos */

.moduletable_grandcontenu{
	margin-top:20px;
	background: url('../img/tools/grandezone_t.png') no-repeat top;
	padding-top:10px;
	position:relative;	
	margin-bottom:20px;
}

.moduletable_grandcontenu p{
	background: url('../img/tools/grandezone_b.png') no-repeat bottom;
	margin:0;
	padding:10px 0 10px 45px;
}