/*#####################################################*/
/*#                                                   #*/
/*#      Style CSS Administration			          #*/
/*#      01/04/2010                                   #*/
/*#                                                   #*/
/*#####################################################*/



/*#####################################################*/
/* Principal */
/*#####################################################*/

body {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	text-align:center;
	background-color:#FFFFFF;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size: 11px;
	}
	
input, textarea, select {
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size: 11px;
	background-color: #FFFFFF;
	color: #333333;
	border: 1px solid #6a6a6a;
	}
	
p.aide {
	background-color:#fef7ce;
	padding:3px;
	padding-left:5px;
	border:1px solid #feed90;	
	}
	
.spacer {
	clear:both;
	}
 
/*#####################################################*/
/* Liens */
/*#####################################################*/

a {
	color:#3961a1;
	text-decoration:none;
	}
	
a:hover {
	color:#e64689;
	text-decoration:none;
	}
	
a.btn-barre {
	color:#FFFFFF;
	border:0px;
	text-decoration:none;
	}
	
a.btn-barre:hover {
	border:0px;
	text-decoration:none;
	}

a.footer {
	color:#b4b1a9;
	text-decoration:none;
	font-size:11px;
	}
	
a.footer:hover {
	color:#e64689;
	text-decoration:none;
	font-size:11px;
	}
	
a.bleu {
	color:#3961a1;
	text-decoration:none;
	}
	
a.bleu:hover {
	color:#e64689;
	text-decoration:none;
	}
	
a.blanc {
	color:#FFFFFF;
	text-decoration:none;
	}
	
a.blanc:hover {
	color:#e64689;
	text-decoration:none;
	}
	
a.gris {
	color:#999999;
	text-decoration:none;
	}
	
a.gris:hover {
	color:#e64689;
	text-decoration:none;
	}
	
/*#####################################################*/
/* Textes */
/*#####################################################*/

p {
	text-align:justify;
	font-size:12px;
	}
	
ul {
	list-style: none;
	margin:0px;
	padding:0px;
	text-align:left;
	font-size:12px;
	margin-left:20px;
	}
	
li {
	text-align:left;
	}
	
h5.txt_bleu {
	font-size:13px;
	color:#000066;
	text-align:left;
	margin-bottom:0px;
	padding-bottom:0px;
	}
	
h5.titre_N2 {
	font-size:13px;
	color:#000066;
	text-align:left;
	margin-bottom:0px;
	margin-left:20px;
	padding-bottom:0px;
	text-decoration:underline;
	}

span.txt_rouge {
	color:#FF0000;
	}
	
span.txt_gris {
	color:#999999;
	}
	
span.txt_vert {
	color:#006600;
	}
	
span.txt_rouge {
	color:#FF0000;
	}
	
span.txt_rose {
	color:#e64689;
	}
	
span.txt_bleu {
	color:#000066;
	}
	
span.txt_bleu_clair {
	color:#3961a1;
	}
	
span.txt_italic {
	font-style:italic;
	}
	
span.txt_souligne {
	text-decoration: underline;
	}
	
span.txt_italix_souligne {
	font-style:italic;
	text-decoration: underline;
	}

/*#####################################################*/
/* Barre */
/*#####################################################*/
	
#barre {
	width:100%;
	height:25px;
	margin-left:auto; 
	margin-right:auto;
	margin-bottom:10px;
	background-image:url(../img/barre.png);
	}

#barre #ou{
	background-color:#608fda;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	}
	
#barre #home {
	position:absolute;
	padding-right:5px;
	padding-top:5px;
	}
	
#barre #btn_home {
	position:absolute;
	margin-left:15px;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	color:#FFFFFF;
	text-align:center;
	}

#barre #btn_home:hover {
	position:absolute;
	margin-left:15px;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	color:#FFFFFF;
	background-color:#e64689;
	text-align:center;
	}
	
#barre #btn_module {
	position:absolute;
	margin-left:60px;
	height:20px;
	width:72px;
	padding-left:0px;
	padding-right:0px;
	padding-top:2px;
	color:#FFFFFF;
	text-align:center;
	}

#barre #btn_module:hover {
	position:absolute;
	margin-left:60px;
	height:20px;
	width:72px;
	padding-left:0px;
	padding-right:0px;
	padding-top:2px;
	color:#FFFFFF;
	background-color:#e64689;
	text-align:center;
	}
	
#barre #btn_module #etiquette {
	padding-left:5px;
	padding-right:5px;
	color:#FFFFFF;
	border:0px;
	text-decoration:none;
	}
	
#barre .sous_menu {	
	display: none;
	list-style-type: none;
	margin-top: 4px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	border-top: 0px;
	border-left: 1px solid #4c75b4;
	border-right: 1px solid #4c75b4;
	border-bottom: 1px solid #4c75b4;
	width:170px;
	}
	
#barre .sous_menu li {
	float: none;
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-left: 4px;
	padding-right: 4px;
	border: 0px;
	background-color:#FFFFFF;
	filter : alpha(opacity=85);
	-moz-opacity : 0.85;
	opacity : 0.85;
	}
	
#barre .sous_menu li:hover {
	float: none;
	margin: 0px;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-left: 4px;
	padding-right: 4px;
	border: 0px;
	background-color:#a0bae4;
	filter : alpha(opacity=85);
	-moz-opacity : 0.85;
	opacity : 0.85;
	}
	
#barre .sous_menu li a {
	color:#4c75b4;
	text-decoration:none;
	font-size:11px;
	}
	
#barre .sous_menu li a:hover {
	color:#3b3b3b;
	text-decoration:none;
	font-size:11px;
	}
	
#barre .sous_menu #trait {
	color:#858585;
	}
	
#barre #btn_module:hover > .sous_menu { display: block; }

#barre #btn_admin {
	position:absolute;
	margin-left:133px;
	height:20px;
	width:86px;
	padding-left:0px;
	padding-right:0px;
	padding-top:2px;
	color:#FFFFFF;
	text-align:center;
	}

#barre #btn_admin:hover {
	position:absolute;
	margin-left:133px;
	height:20px;
	width:86px;
	padding-left:0px;
	padding-right:0px;
	padding-top:2px;
	color:#FFFFFF;
	background-color:#e64689;
	text-align:center;
	}
	
#barre #btn_deconnexion,
#barre #btn_connexion {
	float:right;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	color:#FFFFFF;
	}

#barre #btn_deconnexion:hover,
#barre #btn_connexion:hover {
	float:right;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	color:#FFFFFF;
	background-color:#e64689;
	}
	
#barre a.barre_acces {
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	width:100%;
	height:100%;
	}

#barre a.barre_acces:hover {
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	width:100%;
	height:100%;
	}
	
/*#####################################################*/
/**/
/* Principal */
/**/
/*#####################################################*/

#principal {
	width:800px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	}
	
#principal #haut {
	width:800px;
	height:6px;
	background-image:url(../img/tab_haut.png);
	}
	
#principal #bas {
	width:800px;
	height:6px;
	background-image:url(../img/tab_bas.png);
	}
	
#principal #gauche {
	width:6px;
	background-image:url(../img/tab_gauche.png);
	background-repeat:repeat-y;
	}
	
#principal #centre {
	width:768px;
	padding:10px;
	}
	
#principal #droite {
	width:6px;
	background-image:url(../img/tab_droite.png);
	background-repeat:repeat-y;
	}
	
#principal .titre_bloc {
	font-size:20px;
	font-weight:bold;
	color:#1f4e8c;
	margin-bottom:6px;
	margin-top:10px;
	text-align:left;
	}
	
#principal .titre_bloc_N2 {
	font-size:13px;
	color:#000066;
	text-align:left;
	margin-bottom:0px;
	margin-left:20px;
	padding-bottom:0px;
	text-decoration:underline;
	}
	
#principal .categorie_N2 {
	text-align:left;
	margin-left:20px;
	padding-bottom:0px;
	}		
	
#principal #Ident {
	padding:10px;
	background-color:#f2f2f3;
	border:1px dotted #CCCCCC;
	margin-left:auto;
	margin-right:auto;
	width:340px;
	}
	
#principal #Ident table {
	width:340px;
	text-align:center;
	}
	
#principal #Ident table .col_A {
	width:80px;
	text-align:left;
	}
	
#principal #Ident table .col_B {
	width:130px;
	text-align:left;
	}
	
#principal #Ident table .col_C {
	width:100px;
	text-align:left;
	}
	
#principal #Ident table .col_D {
	width:130px;
	text-align:right;
	}
	
#principal #Ident input {
	width:130px;
	}
	
#principal #Ident .col_AB input {
	width:100px;
	color:#e64689;
	font-weight:bold;
	}
	
#principal #Ident .col_AB input:hover{
	width:100px;
	background-color:#e64689;
	color:#FFFFFF;
	font-weight:bold;
	}
	
#principal .Erreur{
	color:#FF0000;
	}
	
/*#####################################################*/
/**/
/* Footer */
/**/
/*#####################################################*/
	
#footer {
	border-bottom:1px dotted #828282;
	width:800px;
	height:60px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	color:#999999;
	font-size:11px;
	}
	
#footer #2isr_p {
	width:435px;
	height:50px;
	margin-left:10px;
	float:left;
	}

#footer #logo_p {
	float:left;
	width:45px;
	height:45px;
	}
	
#footer #texte {
	float:left;
	width:380px;
	margin-top:4px;
	text-align:left;
	margin-left:10px;
	}
	
#footer ul {
	list-style: none;
	margin:0px;
	padding:0px;
	}
	
#footer li {
	padding-top:0px;
	}
	
#footerB {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	color:#999999;
	font-size:11px;
	text-align:left;
	}


