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

*{
	margin:0;
	padding:0;
}

.clear{
	clear:both;
	height:0;
	width:0;
	font-size:0;
}

img{
	border:0;
}

body{
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	text-align:center;
    color:#2D353B;
	background:url(../images/bg-body.jpg);
	background-repeat:repeat-x;
	background-color:#E1E1E1;
	
}

/****************/
/*****PAGE 1*****/
/****************/

#all_index{
    background:url(../images/bg_index.gif) top left no-repeat;
	width:734px;
    height:609px;
	margin:0 auto;
	text-align:left;
    padding-top:140px;
    padding-left:221px;
}

#acces{
    width:496px;
    height:283px;
    background:transparent url(../images/acces.gif) top left no-repeat;
    padding:178px 10px 10px 9px
}

h1{
    background:transparent url(../images/arrow.gif) left 2px no-repeat;
    padding-left:25px;
    font-size:16px;
    margin:0px 30px 20px;
}

#acces form{
    padding-left:60px;
}

#acces form p{
    padding-right:30px;
}

#acces label{
    float:left;
    width:115px;
    padding-top:5px;
}

#acces .input{
    margin-bottom:10px;
    width:150px;
    height:23px;
    border:1px solid #B5BDC1;
}

#acces form .bouton{
    float:right;
    margin-top:28px;
}

#acces form #submit{
    background:transparent;
    width:136px;
    height:35px;
    border:0;
    color:#ffffff;
    text-transform:uppercase;
    font-size:19px;
    padding-bottom:3px;
    padding-left:30px;
}

/***************/
/*****INDEX*****/
/***************/

#all{
    background:#e1e1e1 url(../images/bg.gif) top left no-repeat;
	width:1160px;
    min-height:750px;
    height:auto !important;
    height:750px;
	margin:0 auto;
	text-align:center;
}

#all #header{
    width:953px;
    height:88px;
	margin:0 auto;
    background:transparent url(../images/header.png) top left no-repeat;
}

#all #container{
    width:953px;
	margin:0 auto;
    background:transparent url(../images/bg_container.png) top left repeat-y;
    text-align:left;
}

#all #menu{
    border-bottom:1px solid #B5BDC1;
    text-align:center;
    margin:0 10px;
    padding:10px 0 5px 0;
}

#all #menu ul li{
    display:inline;
    font-size:14px;
    text-transform:uppercase;
}

#all #menu ul li a{
	padding-left:15px; padding-right:15px;
    color:#2D353B;
    text-decoration:none;
}

#all #menu ul li a:hover{
    color:#FFFFFF;
    text-decoration:none;
	background:#D30A7E;
}

#all #menu .separateur{
    margin:0px 0px 0px 0px;
}

#all #menu .active{
    color:#D3067E;
}

#all #menu .active a{
    color:#D3067E;
    text-decoration:none;
}



#all .flap{
    margin:15px 100px;
    padding:10px;
    background-color:#ECF0F0;
    font-size:12px;
}

#all .liste_btn{
    width:380px;
    margin:0 auto;
    font-size:14px;
    padding:20px 0px;
}

#all .liste_btn li{
    width:322px;
    height:25px;
    border:1px solid #B5BDC1;
    list-style:none;
    padding-left:38px;
    background:#ffffff url(../images/liste_btn.gif) top left no-repeat;
    color:#5E6B73;
    padding-top:14px;
    margin-bottom:10px;
    padding-right:20px;
}

#all .liste_btn .two_lines{
    padding-top:5px;
    height:35px;
}

#all #footer{
    background:transparent url(../images/footer.png) top left no-repeat;
    font-size:0;
    width:953px;
    height:21px;
    margin:0 auto;
}

/*******************************/
/*****RECHERCHE DE DOSSIERS*****/
/*******************************/

#all #recherche{
	width:900px;
	border-collapse:collapse;
	margin:15px 0 0 25px;
	font-size:14px;
}

#all #recherche th{
	height:40px;
	background-color:#B5BDC1;
	color:#ffffff;
	padding-left:15px;
	font-weight:normal;
}

#all #recherche td{
	padding-left:15px;
	height:25px;
}

#all #recherche .colored{
	background-color:#ECF0F0;
}

#all .flapDroite{
    margin:15px 27px 15px 0;
	float:right;
}

#all #pagination{
	float:right;
	margin-right:150px;
	padding-top:40px;
}

#all .pagination{
	float:left;
	color:#ffffff;
	margin-right:10px;
}

#all #recherche .maxth{
	height:60px;
	padding-right:15px;
}

#all #left{
	width:442px;
	padding-left:25px;
	padding-top:15px;
	float:left;
}

#all #left h2{
	font-size:14px;
	color:#5E6B73;
	background:#ffffff url(../images/liste_btn.gif) -9px -13px no-repeat;
	padding-left:25px;
}

#all #left .cadre{
	padding:10px 15px;
	width:412px;
	border:1px solid #B5BDC1;
	margin:10px 0;
}

#all #left .scroll{
	height:85px;
	overflow:auto;
}

#all #right{
	width:442px;
	padding-right:30px;
	padding-top:15px;
	float:right;
}

#all #right h2{
	font-size:14px;
	color:#5E6B73;
	background:#ffffff url(../images/liste_btn.gif) -9px -13px no-repeat;
	padding-left:25px;
}

#all #right .cadre{
	padding:10px 15px;
	width:412px;
	border:1px solid #B5BDC1;
	margin:10px 0;
}

#all #right .scroll{
	height:85px;
	overflow:auto;
}

#all #right .important{
	color:#D3067E;
	background:#ffffff url(../images/liste_btn_u.gif) -9px -13px no-repeat;
}

#all #right .textRight{
	color:#D3067E;
	text-align:right;
	border:1px solid #D3067E;
	font-weight:bold;
}

#all .important{
	color:#D3067E;
	background:#ffffff url(../images/liste_btn_u.gif) -9px -13px no-repeat;
	font-size:14px;
	padding-left:25px;
	margin-left:25px;
	margin-right:30px;
}

#all #choix{
	margin:10px 0 10px 27px;
}

#all #choix .marginLeft{
	padding-left:8px;
}

#all #choix .choix{
	border:1px solid #D3067E;
	width:870px;
	padding:15px 0 0 15px;
	background-color:#fbe5f2;
	margin-top:15px;
}

#all #choix .choix h2{
	margin:0px;
	background:#fbe5f2 url(../images/liste_btn_s.gif) -9px -13px no-repeat;
	padding-bottom:10px;
}

#all #choix .choix h2 em{
	font-size:12px;
	color:#000000;
}

#all #choix .choix p{
	height:25px;
	padding-bottom:10px;
}

#all #choix .choix .input{
	width:100px;
	height:23px;
	border:1px solid #B5BDC1;
	float:left;
}

#all #choix .choix .commentaire{
	width:735px;
	height:23px;
	border:1px solid #B5BDC1;
	float:left;
}

#all #choix .choix select{
	width:250px;
	height:23px;
	border:1px solid #B5BDC1;
	float:left;
}

#all #choix .choix label{
	width:100px;
	float:left;
	position:relative;
	top:5px;
}

#all #choix .choix p.bouton{
    float:right;
	padding:0;
	height:35px;
}

form #submit{
    background:transparent url(../images/submit.gif) top left no-repeat;
    width:136px;
    height:35px;
    border:0;
    color:#ffffff;
    text-transform:uppercase;
    font-size:19px;
    padding-bottom:3px;
    padding-left:30px;
}

#all #choix #commentaire .flapDroite{
	width:195px;
	float:left;
	margin:0 100px;
	display:inline;
}

#all #choix #commentaire .bouton{
	margin-top:20px;
}

/********************************/
/*****DEMANDE D'INFORMATIONS*****/
/********************************/

#all #recherche .nopadding{
	padding:0;
}

#all #recherche .border td{
	border:1px solid #ECF0F0;
}

#all #demande_infos{
	width:900px;
	border:1px solid #D3067E;
	padding-bottom:7px;
	margin-left:25px;
	margin-bottom:15px;
}

#all #demande_infos h2{
	font-size:14px;
	color:#ffffff;
	background:#D3067E url(../images/attention.gif) top left no-repeat;
	padding-left:26px;
	height:20px;
	padding-top:5px;
	margin-bottom:5px;
}

#all #demande_infos p{
	padding-left:17px;
}

/*************************************/
/*****STATISTIQUES PAR GENERATION*****/
/*************************************/

#all .stats th{
	border:1px solid #B5BDC1;
}

#all #recherche.stats td{
	vertical-align:top;
	border:1px solid #B5BDC1;
	padding:4px;
}

#all #recherche .little{
	font-size:12px;
	text-align:center;
}

#all #retour{
	padding:15px 0 15px 450px;
}

/*********************/
/*****INDEX ADMIN*****/
/*********************/

#all #menu.admin{
	background-color:#2D353B;
	text-align:left;
	padding:8px 0 8px 15px;
	margin-bottom:10px;
}

#all #menu.admin ul li{
    color:#ffffff;
}

#all #menu.admin ul li a{
    color:#ffffff;
}

#all #menu.admin .active{
    color:#717171;
}

#all #menu.admin .active a{
    color:#717171;
}

#all #menu.admin .separateur{
	color:#D3067E;
}

#all .liste_btn.admin{
	padding:5px 0;
}

/***********************/
/*****COMPTES ADMIN*****/
/***********************/

#all #retour.admin{
	padding-left:370px;
}

#all #retour .droite{
	float:none;
	display:inline;
}

#all #formCompte{
	margin-top:15px;
	margin-left:45px;
	font-size:14px;
}

#all #formCompte label{
	width:275px;
	float:left;
}

#all #formCompte p{
	padding-bottom:5px
}

#all #formCompte .input{
	width:320px;
	height:23px;
	border:1px solid #B5BDC1;
	float:left;
}

#all .separation{
	background:transparent url(../images/separation.gif) top left no-repeat;
	height:20px;
}

#all #formCompte .button{
	text-align:center;
	margin-right:40px;
	padding-top:10px;
}

/****************************/
/*****STATISTIQUES ADMIN*****/
/****************************/

#all .strongLeft td strong{
	float:left;
	width:20px;
	margin-right:10px;
}

#all .sousbarre{
	width:180px;
	float:left;
}

#all .barre{
	height:13px;
	background-color:#5E6B73;
}

#all .stats_left{
	width:275px;
	float:left;
}

#all .stats_right{
	width:608px;
	float:left;
	height:90px;
	border:1px solid #B5BDC1;
	overflow:auto;
}

#all .form{
	margin-left:45px;
	font-size:14px;
}

#all .form h2{
	font-size:14px;
	color:#D3067E;
	background:#ffffff url(../images/liste_btn_u.gif) -9px -13px no-repeat;
	padding-left:25px;
}

#all .stats_left .pagination{
	float:right;
	font-size:12px;
}

#all .stats_left input{
	margin:10px 0;
	width:260px;
	height:23px;
	border:1px solid #B5BDC1;
}

#all .stats_right table{
	border-collapse:collapse;
	width:608px;
}

#all .stats_right .colored{
	background-color:#ECF0F0;
}

#all .stats_right .paddingLeft{
	padding-left:10px;
}

#all .stats_right td{
	height:20px;
}

#all .stats_right a{
	color:#B5BDC1;
}

/***************/
/*****MODAL*****/
/***************/

#header_modal{
	background:#ffffff url(../images/header_modal.jpg) top left no-repeat;
	width:494px;
	height:149px;
	padding-left:0px;
}

#modal{
	width:494px;
	margin-left:11px;
}

#modal .bouton{
    float:right;
	padding-right:4px;
	margin:0px;
}

#modal #submit{
    background:transparent url(../images/submit.gif) top left no-repeat;
    width:136px;
    height:35px;
    border:0;
    color:#ffffff;
    text-transform:uppercase;
    font-size:19px;
    padding-bottom:3px;
    padding-left:30px;
	margin:0px;
}

#modal input{
	float:left;
	margin:50px 5px 30px 80px;
}

#modal .select{
	float:left;
	margin:50px 5px 10px 80px;
	text-align:left;
	display:inline;
}

#modal .modal_montant{
	float:left;
	text-align:left;
	margin-top:50px;
}

#modal .noMargin{
	margin-top:0;
}

#modal .left{
	text-align:left;
	float:left;
	width:280px;
	padding:25px 0 0 50px;
}

#modal .right{
	text-align:left;
	float:left;
	width:140px;
	padding-top:25px;
}

#modal h2{
	text-align:left;
	margin-left:-40px;
	padding-left:25px;
	background:#ffffff url(../images/liste_btn_u.gif) -9px -13px no-repeat;
	margin-top:15px;
	color:#2D353B;
	font-size:14px;
	font-weight:normal;
	margin-bottom:5px;
	width:440px;
}

#modal h2 span{
	font-size:12px;
}

#modal #formMod{
	text-align:left;
	padding-left:50px;
}

#modal #formMod input{
	float:none;
	margin:0;
}

#modal #formMod .input{
	width:150px;
	height:23px;
	border:1px solid #B5BDC1;
}

#modal #formMod label{
	width:140px;
	float:left;
}

#modal #formMod p{
	margin-bottom:5px;
}

#modal #formMod p.bouton{
	margin-bottom:0;
}

#modal #formMod p span{
	font-size:10px;
	display:inline;
	float:right;
	margin-right:10px;
}

#modal #formMod .liste_btn{
    width:380px;
    font-size:14px;
    padding:20px 0;
}

#modal #formMod .liste_btn li{
    width:322px;
    height:25px;
    border:1px solid #B5BDC1;
    list-style:none;
    padding-left:38px;
    background:#ffffff url(../images/liste_btn_u.gif) top left no-repeat;
    color:#D3067E;
    padding-top:0px;
    margin-bottom:0px;
    padding-right:20px;
}

#modal #formMod .liste_btn .two_lines{
    padding-top:5px;
    height:35px;
}

#header_grande_modal{
	background:#ffffff url(../images/header_grande_modal.jpg) top left no-repeat;
	width:834px;
	height:149px;
	margin-left:10px;
}

#modal.grande{
	width:834px;
}

#modal.grande h2{
	margin-left:25px;
	margin-right:10px;
}

#modal.grande .left{
	width:375px;
	float:left;
	padding-left:25px;
}

#modal.grande .left label{
	float:left;
	width:145px;
}

#modal.grande .right{
	width:425px;
	float:left;
}

#modal.grande .right label{
	float:left;
	width:210px;
}

#modal.grande .left input, #modal.grande .right input{
	width:210px;
	height:23px;
	border:1px solid #B5BDC1;
	margin:0 0 5px 0;
}

#modal.grande .left select{
	width:212px;
	height:23px;
	border:1px solid #B5BDC1;
	margin-bottom:5px;
}

#modal #formGdMod{
	text-align:left;
	font-size:14px;
}

#ombre_haute{
	width:516px;
	height:9px;
	background:transparent url(../images/ombre_haute.png) top left no-repeat;
	font-size:0;
}

#ombre{
	width:516px;
	background:transparent url(../images/ombre.png) top left repeat-y;
}

#ombre_bas{
	width:516px;
	height:10px;
	background:transparent url(../images/ombre_bas.png) top left no-repeat;
	font-size:0;
}

#gd_ombre_haute{
	width:854px;
	height:9px;
	background:transparent url(../images/gd_ombre_haute.png) top left no-repeat;
	font-size:0;
}

#gd_ombre{
	width:854px;
	background:transparent url(../images/gd_ombre.png) top left repeat-y;
}

#gd_ombre_bas{
	width:854px;
	height:10px;
	background:transparent url(../images/gd_ombre_bas.png) top left no-repeat;
	font-size:0;
}

#body{
	text-align:left;
}

*html .bouton{
    position:relative;
	top:2px;
}

img, div { behavior: url(css/iepngfix.htc) }


ul.menu {
	list-style:none;
	margin:0;
	padding-left:0;
	border-width:1px;
	border-color:#2D353B;
	border-style:solid;
	background-color:#FFFFFF;
}
ul.menu li {
	display:block;
	margin:0;
	padding:0;

}
ul.menu li a {
	display:block; 	
	color:#2D353B;
	text-decoration: none;
	font-weight: normal;
	padding:3px;
	background-color:#FFFFFF;
	width:200px;
}
#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7 {
	text-align:left;
	position: absolute; 
	top:0px; 
	left:0px; 
	width:257px;
	display:none; 
	z-index:100;
}
#menu1 a, #menu2 a, #menu3 a, #menu4 a, #menu5 a, #menu6 a, #menu7 a {
	width:238px;
	z-index:100;
	padding-left:10px;
}
#menu1 a:hover, #menu2 a:hover, #menu3 a:hover, #menu4 a:hover, #menu5 a:hover, #menu6 a:hover, #menu7 a:hover {
	text-decoration: none;
	width:240px;
	z-index:100;
	color: #FFFFFF;
	background-color:#D5057D;
}