/* CSS Document */

* 				{ margin: 0;	padding: 0;}
body 			{ background:url(../../images/bg_page.jpg) top center repeat-x #f4f5f6; color:#004494; font:11px Arial, Helvetica, sans-serif; height:100%;  }
img, a img 		{ border: 0;}
a, a:visited 	{ color:#004494; text-decoration:none; }
a:hover 		{ color:#004494; text-decoration:underline; }

html, body, #conteneur 	{ height: 100%;}
body > #conteneur 		{ height: auto; min-height: 100%; width:965px; margin:0 auto;}
#contenu 				{ position:relative; padding-bottom: 317px; width:965px; margin:0 auto;}
#contenu #panorama 		{ position:absolute; top:141px; left:-29px; width:323px; height:153px; background:url(../../images/panorama.png) top center no-repeat; behavior:url(./inc/iepngfix/iepngfix.htc); z-index:5;}

/* BLOCS */
#bloc_gauche { position:relative; float:left; width:263px; display:inline; padding-top:8px;  }

#bloc_gauche #auth_off 				{ position:relative; width:263px; height:141px;}
#bloc_gauche #auth_off .fd 			{ position:absoltue; width:263px; height:141px; background:url(../../images/auth_off.png) top center no-repeat; behavior:url(./inc/iepngfix/iepngfix.htc);}
#bloc_gauche #auth_off .identifiant { position:absolute; top:54px; left:115px; width:138px; height:17px; }
#bloc_gauche #auth_off .motdepasse 	{ position:absolute; top:85px; left:115px; width:138px; height:17px;}
#bloc_gauche #auth_off .ok 			{ position:absolute; display:block; width:57px; height:20px; top:115px; left:206px; }
#bloc_gauche #auth_off .restitution { position:absolute; display:block; top:117px; left:0px; }
#bloc_gauche #auth_off input 		{ text-align:center; border:0; background: transparent; font:11px Arial, Helvetica, sans-serif; color:#004494;}

#bloc_gauche #auth_on 			{ position:relative; width:263px; height:141px;}
#bloc_gauche #auth_on .fd 		{ position:absoltue; width:263px; height:141px; background:url(../../images/auth_on.png) top center no-repeat; behavior:url(./inc/iepngfix/iepngfix.htc);}
#bloc_gauche #auth_on .logout 	{ position:absolute; display:block; width:20px; height:20px; top:9px; left:244px; text-indent:-30000px;}
#bloc_gauche #auth_on .identite { position:absolute; display:block; width:240px; height:20px; top:26px; left:10px; font:12px Verdana, Helvetica, sans-serif; color:#FFFFFF;}
#bloc_gauche #auth_on .trophees { position:absolute; display:block; width:240px; height:20px; top:72px; left:10px; font:12px Verdana, Helvetica, sans-serif;}

#bloc_gauche #menu 	{ position:relative; width:231px; margin-top:145px; margin-left:20px; padding-left:6px; border-left:1px solid #004494;}

#bloc_droite 						{ position:relative; float:right; width:702px; display:inline; z-index:1; margin:0px; padding:0px;}
#bloc_droite .fd 					{ position:absolute; width:702px; height:240px; top:0px; right:0px; background:url(../../images/logo.jpg) top right no-repeat; }
#bloc_droite #page 					{ position:relative; width:629px; z-index:1; margin-left:56px; padding-top:110px;}
#bloc_droite #page .content			{ position:relative; width:629px; background:#d5e0ee; padding:0;}
#bloc_droite #page .retour_accueil 	{ position:absolute; top:142px; left:475px; width:152px; height:26px ; text-indent:-30000px;}

/* LIGHT WINDOW */
#lw 					{ background:none; }

#lw-header 				{ position:relative; width:626px; height:104px; background:transparent url(../../images/lw_header.png) top left no-repeat; behavior:url(./inc/iepngfix/iepngfix.htc); }
#lw-header .lw-titre 	{ position:absolute; top:17px; left:83px; width:175px; height:29px; z-index:100; }
#lw-contener 			{ position:relative; width:626px; height:332px; background:#FFFFFF url(../../images/lw_contener.jpg) bottom left repeat-x;}
#lw-content 			{ position:relative; width:626px; height:332px; overflow:hidden; overflow-y:scroll;}
#lw-content .content 	{ position:relative; width:592px; margin:0 auto; text-align:justify; padding:10px; }

#lw_bis-header 				{ position:relative; width:519px; height:71px; background:transparent url(../../images/lw_bis_header.png) top left no-repeat; behavior:url(./inc/iepngfix/iepngfix.htc); }
#lw_bis-header .lw-titre 	{ position:absolute; top:17px; left:83px; width:175px; height:29px; z-index:100; }
#lw_bis-contener 			{ position:relative; width:519px; height:274px; background:#FFFFFF}
#lw_bis-content 			{ position:relative; width:519px; height:274px; overflow:hidden; overflow-y:scroll;}
#lw_bis-content .content 	{ position:relative; width:485px; margin:0 auto; text-align:justify; padding:10px; }

/* FOOTER */
#footer 			{ position: relative; margin-top: -317px; height: 317px;	clear:both;}
#footer_bg 			{ position: absolute; top:0px; left:0px; width:100%; height:317px; background:url(../../images/bg_footer.png) top center repeat-x; behavior:url(./inc/iepngfix/iepngfix.htc);} 
#footer_contenu 	{ position: relative; width:965px; margin:0 auto;}

/* ----------------------------------------------- 
	TEXTES // TABLEAUX // INPUT
   ----------------------------------------------- */
h1 { background:url(../../images/puce.png) top left no-repeat; padding-left:35px; height:28px; line-height:28px; color: #004494;font-size:larger;font-weight:bolder; behavior:url(./inc/iepngfix/iepngfix.htc);}
h3 { background:url(../../images/puce.png) top left no-repeat; padding-left:35px; height:28px; line-height:28px; color: #004494;font-size:larger;font-weight:bolder; behavior:url(./inc/iepngfix/iepngfix.htc);}
h4 { padding-left:15px; height:25px; line-height:25px; color: #004494; font-size:larger; font-weight:bolder;}

.tableau { width:100%; margin:0 auto; }

.td_form_gauche { height:25px; text-align:right; width:50%; padding-right:5px; }
.td_form_droite { height:25px; text-align:left; width:50%; padding-left:5px; }
.td_form_vide { height:25px; text-align:center;}

.row_titre td { height:20px; text-align:center; padding:3px; color:#FFFFFF; background-color:#68a8e2; font-weight:bold; }
.row_titre th { height:20px; text-align:center; padding:3px; color:#FFFFFF; background-color:#68a8e2; font-weight:bold; }
.row_1 td { height:20px; text-align:left; padding-right:3px; padding-left:3px; background-color:#FFFFFF; }
.row_2 td { height:20px; text-align:left; padding-right:3px; padding-left:3px; background-color:#dce6f3; }
.row_3 td { height:20px; text-align:left; padding-right:3px; padding-left:3px; background-color:#aac5e9; color:#FFFFFF; }
.row_4 td { height:20px; text-align:left; padding-right:3px; padding-left:3px; background-color:#87aee1; color:#FFFFFF; }
.row_5 td { height:20px; text-align:left; padding-right:3px; padding-left:3px; background-color:#5f91d2; color:#FFFFFF; }

.resultats thead .header {background: #68a8e2 url(../../images/bg-sort.gif) no-repeat center right;cursor:pointer;	padding-right:15px; background-color:#68a8e2; text-align:center; height:20px; font-size:11px; font-weight:bold; }
.resultats thead tr .headerSortUp {background: #68a8e2 url(../../images/asc-sort.gif) no-repeat center right;text-align:center; height:20px; font-size:11px; font-weight:bold; }
.resultats thead tr .headerSortDown {background: #68a8e2 url(../../images/desc-sort.gif) no-repeat center right;text-align:center; height:20px; font-size:11px; font-weight:bold; }

.saisie { text-align:left; border:#666666 1px solid; background: #FFFFFF; color:#004494; font:11px Arial, Helvetica, sans-serif; padding:3px 5px; }
.liste { text-align:left; border:#666666 1px solid; background: #FFFFFF; color:#004494; font:11px Arial, Helvetica, sans-serif; padding:3px 5px; }
.bouton { text-align:left; border:#666666 1px solid; background: #FFFFFF; text-align:center; color:#004494; font:11px Arial, Helvetica, sans-serif; padding:3px 5px; }
.saisie_area { text-align:left; border:#666666 1px solid; background: #FFFFFF; color:#004494; font:11px Arial, Helvetica, sans-serif; padding:3px 5px;}

/* CLEAR FIX*/
.clearfix:after 	{ content: ".";	display: block;	height: 0;	clear: both;visibility: hidden;}
.clearfix 			{ display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix 	{ height: 1%;}
.clearfix 			{ display: block;}
/* End hide from IE-mac */