body{
	background-color: #DDEEFF;
	font-family: "Arial";
	font-size: 14px;
	margin: 10px 0;
	padding: 0;
	text-align: center;
}

#mainframe{
	width: 959px;
	text-align: center;
	margin: 0 auto;
}

#mainframe_home{
	width: 800px;
	text-align: center;
	margin: 0 auto;
}

#accueil_titre{
	margin-top: 40px;
}

.accueil_contact{
	clear: left;
	padding: 20px 0;
	margin: 10px 0 0 100px;
	text-align: left;
	font-weight: bold;
}

.red{
	color: red;
}

h1{
	font-size: 30px;
}

#saisir_id{
	text-align: left;
	margin-left: 33px;
}

#cluster{
}

#div_gart{
	position: absolute;
	width: 270px;
	right: 0;
	top: 57px;
}

#div_utp{
	position: absolute;
	width: 207px;
	left: 50px;
	top: 20px;
}

#choice{
	border: 1px gray dotted;
	width: 600px;
	margin: 40px auto;
	padding: 10px 0;
/* 	background-color: white; */
}

#info_home{
	text-align: left;
	margin: 25px auto 0 50px;
}

#session{
	width: 712px;
	margin: 0 auto;
	text-align: center;
	border: 1px gray dotted;
}

#session_admin{
	width: 800px;
	margin: 0 auto;
	text-align: center;
	border: 1px gray dotted;
}

#session_admin_requetes{
	width: 850px;
	margin: 0 auto;
	text-align: center;
	border: 1px gray dotted;
}

.intro{
	text-align: left;
	margin-left: 100px;
}

.intro_admin{
	text-align: left;
	margin-left: 30px;
}

#info{
	text-align: left;
}

#session ul{

}

#session li{
	list-style-type: none;
	margin-left: 25px;
}

#session_admin li{
	margin-left: 0px;
	margin-top: 15px;
}

.logo_gart{
	width: 270px;
	height: 85px;
}

.logo_utp{
	width: 207px;
	height: 180px;
}

#accueil{
	text-align: center;
	position: relative;
	top: 30px;
}

.active{
	font-style: italic;
	font-weight: bold;
	color: navy;
}

.flottant{
	float: left;
	margin-right: 30px;
}

.others_prix{
	
}

.checkboxes{
/* 	position: relative; */
/* 	bottom: 30px; */
	margin-left: 20px;
	float: left;
}

.label{
	display: block;
	float: left;
	width: 36%;
	color: navy;
}

.label_periode{
	display: block;
	float: left;
	width: 50%;
	color: navy;
}

.label_precaire{
	display: block;
	float: left;
	width: 50%;
	color: navy;
}

.label_invalide{
	display: block;
	float: left;
	width: 47%;
	color: navy;
}

.label_militaire{
	display: block;
	float: left;
	width: 75%;
	color: navy;
}

.label_perso{
	display: block;
	float: left;
	width: 61%;
	color: navy;
}

.label_salarie{
	display: block;
	float: left;
	width: 65%;
	color: navy;
}

.label_salaire{
	display: block;
	float: left;
	width: 50%;
	color: navy;
}

.label_sy{
	font-style: italic;
	font-weight: bold;
}

.label_center{
	text-indent: 40px;
}

.titre_table{
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 26px;
}

.warning{
	border: 1px red dashed;
}

.retour{
	position: absolute;
	top: 15px;
	right: 0px;
}

.retour_rg{
	position: absolute;
	top: 0px;
	right: 0px;
}

.retour_ttc{
	position: absolute;
	top: 35px;
	right: 0px;
}

.retour_sy{
	position: absolute;
	top: 35px;
	right: 0px;
}

.deactivate{
	float: right;
	font-weight: 100;
	font-style: normal;
	font-size: 12px;
}
/***********************login.php*****************************/
#login_box{
	border: 1px black solid;
	width: 330px;
	height: 200px;
	padding: 10px;
	margin:  0 auto;
}

#logout{
	margin: 20px auto;
	width: 100px;
	font-size: 12px;
}

#login_titre{
	font-size: 21px;
	text-align: center;
	margin-top: 10px;
	height: 30px;
	font-weight: bold;
}

#login_formulaire{

}

#login_formulaire_button{
	text-align: center;
	text-indent: 0px;
}

#invalid_login_message{
	color: red;
	font-size: 12px;
}

.label_login{
	margin-right: 36px;
}

.label_pwd{
	margin-right: 13px;
}

#button_box{
	margin: 0 auto;
	width: 600px;
}

.button_01{
	float: left;
	text-align: center;
	width: 25%;
}
/***********************fin login.php***************************/

/***********************donnees-generales.php*******************/
div.table {
        display:table;
        /* Joindre les bords des cellules */
        border-collapse:collapse;
        /* Forcer le tableau à prendre la largeur écran */
        width:100%;
       border-bottom: 1px dotted gray;
}

div.table_sy {
        display:table;
        /* Joindre les bords des cellules */
        border-collapse:collapse;
        /* Forcer le tableau à prendre la largeur écran */
        width:97%;
       border-bottom: 1px dotted gray;
}

div.caption {
        /* Ffox n'affiche pas le caption dans la table
                il faut le déclarer bloc */
        display:block;
        /* Si déclaré bloc, lui donner la largeur des
                td cumulés */
        width:204%; /* 100 % x 4 colonnes */
        /* Aligner le titre au centre */
       /* text-align:center;*/
       border-bottom: 1px dotted gray;
       font-size: 14px;
       font-style: italic;
       font-weight: bold;
}

div.caption4 {
        /* Ffox n'affiche pas le caption dans la table
                il faut le déclarer bloc */
        display:block;
        /* Si déclaré bloc, lui donner la largeur des
                td cumulés */
        width:695%; /* 100 % x 4 colonnes */
        /* Aligner le titre au centre */
       /* text-align:center;*/
       border-bottom: 1px dotted gray;
       font-size: 14px;
       font-style: italic;
       font-weight: bold;
}

div.caption_sy {
        /* Ffox n'affiche pas le caption dans la table
                il faut le déclarer bloc */
        display:block;
        /* Si déclaré bloc, lui donner la largeur des
                td cumulés */
        width:304%; /* 100 % x 4 colonnes */
        /* Aligner le titre au centre */
       /* text-align:center;*/
       border-bottom: 1px dotted gray;
       font-size: 14px;
       font-style: italic;
       font-weight: bold;
}

div.caption_long {
        /* Ffox n'affiche pas le caption dans la table
                il faut le déclarer bloc */
        display:block;
        /* Si déclaré bloc, lui donner la largeur des
                td cumulés */
        width:336%; /* 100 % x 4 colonnes */
        /* Aligner le titre au centre */
       /* text-align:center;*/
       border-bottom: 1px dotted gray;
       font-size: 14px;
       font-style: italic;
       font-weight: bold;
}

        /* tbody optionnel */
div.tr {
        display:table-row;
}
div.td4 {
        display:table-cell;
        /*border:1px solid red;*/
        padding:5px;
        width:20%;
}

div.td4_gratuit{
	display:table-cell;
        /*border:1px solid red;*/
        padding:5px;
        width:24.5%;
}

.special{
}

div.td2 {
        display:table-cell;
        /*border:1px solid red;*/
        padding:5px;
        width:49%;
}

div.td2_court {
        display:table-cell;
        /*border:1px solid red;*/
        padding:5px;
        width:38%;
}

div.td2_long {
        display:table-cell;
        /*border:1px solid red;*/
        padding:5px;
        width:59%;
}

div.td3 {
        display:table-cell;
        /*border:1px solid red;*/
        padding:5px;
        width:34%;
}

div.td1 {
        display:table-cell;
        /*border:1px solid red;*/
        padding:5px;
        width:100%;
        border-bottom: 1px solid black;
}

div.end {
        width:auto;
}

div.start{
	
}

div.middle{
	vertical-align: middle;
}

div.top{
	vertical-align: top;
}

div.plus{
	width: 407%;
}

div.desc{
	float:left;
	position: relative;
	margin-top: 3px;
}

div.big{
	height: 30px;
}

div.validation{
text-align: center;
}

.text{
	margin-top: 5px;
}

#dg_box{
margin-left: auto;
margin-right: auto;
width: 100%;
top: 11px;
position: relative;
overflow-y:scroll;
overflow-x: hidden;
height: 65%;
text-align: left;
}

#dg_titre{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	font-size: 20px;
	border: 1px black dotted;
	text-align: center;
	background-color: #7FFFBB;
}

#distribution_autres{
	padding-bottom: 0px;
}

.fixed1 {
	width: 89%;
	top: 20px;
	left:70px;
	position: fixed;
	text-align: left;
	z-index: 10000;
}

.fixed1_ttc {
	width: 89%;
	top: 20px;
	left:70px;
	position: fixed;
	text-align: left;
	z-index: 10000;
}

/*
.fixed2{
	width: 89%;
	height:123%;
	top: 165px;
	left: 69px;
	position: fixed;
}
*/

.fixed2_rg{
	width: 89%;
	height:115%;
	top: 163px;
	left: 69px;
	position: fixed;
}

.fixed2_im{
	width: 89%;
	height:115%;
	top: 183px;
	left: 69px;
	position: fixed;
}

.fixed2, .fixed2_ttc{
	width: 89%;
	height:115%;
	top: 133px;
	left: 69px;
	position: fixed;
}

.fixed2_sy{
	width: 89%;
	height:115%;
	top: 171px;
	left: 69px;
	position: fixed;
}

.fix_left{
	float: left;
	width: 5%;
}

.fix_right{
	float: right;
	width: 5%;
}
/**********************fin donnees-generales.php****************/

/***********************home.php*******************/
#home_box{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 70%;
	top: 50px;
}

#home_titre{
	margin: 20px auto 10px;
	width: 100%;
	font-size: 18px;
	text-align: center;
	border: 1px black dotted;
	background-color: #7FFFBB;
	font-weight: bold;
}

#home_user{
	margin-left: 300px;
}

#home_table{
	margin: 20px auto;
	text-align: center;
}

#home_sstitre{
	text-align: right;
}

#argument_home{
	text-align: center;
	margin: 10px auto 0 auto;
	width: 100%;
	height: auto;
}

#table_sections{
	margin: 0px auto;
	text-align: left;
	border: 1px gray dotted;
}

#table_sections td{
	border-bottom: 1px gray dotted;
}

#table_sections th{
	text-align: center;
	font-weight: bold;
	border-bottom: 1px gray dotted;
	border-top: 1px gray dotted;
	font-style: italic;
	background-color: #7FFFBB;
}

.t_right{
	border-right: none;
}

.t_left{
	border-right: 1px gray dotted;
}

.label_dg{
	color: navy;
}
/**********************fin home.php****************/

/**********************toutes-clienteles.php****************/

#menu li{
	float:left;
	list-style-type:none;
	margin-left: -36px;
	margin-right: 40px;
}

#conteneur{
	top: 25px;
	padding-right: 5px;
	overflow: scroll;
	height: 62%;
	position: absolute;
	width: 100%;
	text-align: left;
}

.ttc_table{
	border: 1px black solid;
	margin-top: 7px;
	padding: 10px;
}

.titre{
	margin: 5px 5px 5px 5px;
	padding: 10px;
	border: 1px gray dotted;
}

#menu{
	border-top: 1px gray dotted;
	border-bottom: 1px gray dotted;
	padding-bottom: 17px;
	position: absolute;
	left:0px;
	top:60px;
	width: 100%;
}

.onglets{
	display: inline;
	cursor: pointer;
}

#main{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 85%;
}

.alternative{
	margin-left: 154px;
	display: inline;
	width: 156px;
	position: relative;
}

.ou{
margin-right: 160px;
}

.ou_cav{
margin-right: 200px
}

.flottant_cav{
float: left;
margin-right: 87px;
}

.alternative_cav{
	margin-left: 154px;
	display: inline;
	width: 226px;
	position: relative;
}
/***********************fin toutes-clienteles.php*******************/
/**********************réduits-gratuits.php****************/

.straight1{
	margin-right:87px;
}

.straight2{
	margin-right:83px;
}

.straight3{
	margin-right:61px;
}

.straight4{
	margin-right:180px;
}

.straight5{
	margin-right:212px;
}

.straight6{
	margin-right: 97px;
}

.straight7{
	margin-right: 183px;
}

.straight9{
	margin-right: 107px;
}

.straight10{
	margin-right: 66px;
}

.straight11{
	margin-right: 66px;
}

.straight12{
	margin-right: 99px;
}

.straight13{
	margin-right: 53px;
}

.straight14{
	margin-right: 57px;
}

.ajust{
	margin-right: 8px;
}

/***********************fin réduits-gratuits.php*******************/

#fin{
	text-align: center;
	font-weight: bold;
	font-family: "Trebuchet MS";
}

#fin p{
	margin:0;
}

#commentaires{
	font-size: 14px;
	margin-bottom: 10px;
	font-family: "Trebuchet MS";
	font-weight: bold;
}

#commentaires p, #commentaires_sy p{
	margin: 0;
}

#titres_sy{
	position: absolute;
	top: 128px;
}
.scol{
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-styl: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	padding: 10px;
	border-bottom-style: solid;
}

#total_sy{
	position: absolute;
	top: 150px;	
}

#commentaires_sy{
	font-size: 14px;
	position: absolute;
	top: 63px; 
}

#syn_box{
margin-left: auto;
margin-right: auto;
width: 100%;
top: 25px;
position: relative;
overflow-y:scroll;
overflow-x: hidden;
height: 55%;
text-align: left;
}

.info_bulle{
	display: none;
	position: absolute;
	background-color: white;
	border : 1px gray dotted;
	font-size: 9;
	padding: 3px;
	z-index: 10000;
}

.stupid_fix1, .stupid_fix2, .stupid_fix3{
}

affine1{
	text-indent: 4px;
}

.resize{
	width: 40%;
}

.label_rsz{
	display: block;
	float: left;
	width: 67%;
	color: navy;
}

.resize2{
	width: 34%;
}

.label_rsz2{
	display: block;
	float: left;
	width: 60%;
	color: navy;
}

.resize3{
	width: 29%;
}

.label_rsz3{
	display: block;
	float: left;
	width: 53%;
	color: navy;
}

.t_empty{
	border: none;
}

.gray{
	color: gray;
}

.clic{
	font-size: 12px !important;
	color:black;
	font-style: italic;
}

.accueil_contact_login{
	margin: 10px 0 0 227px;
	font-weight: bold;
	text-align: left;
}

.no_padding{
	padding: 0!important;
}

.optioned{
	color:green;
}

#reponse{
	border: 1px gray dotted;
	width: 93%;
	padding: 10px;
}

.retour_req{
	position: relative;
	right: 30px;
	text-align: right;
}

textarea {
	font-family: Arial;
}

.encadre{
	border: 1px gray dotted;
	width: 94%;
	padding: 2px 8px;
}

.aqua{color:aqua}
.black{color:black}
.blue{color:blue}
.fuchsia{color:fuchsia}
.green{color:green}
.lime{color:lime}
.maroon{color:maroon}
.navy{color:navy}
.olive{color:olive}
.purple{color:purple}
.silver{color:silver}
.teal{color:teal}
.white{color:white}
.yellow{color:yellow}