html, body
	{
	margin: 0; padding: 0;
	height: 100%;
	}

body
	{
	background:url(noel.jpg);
	}

.grid
	{
	display : table;
	height: 100%;
	margin:auto;
	min-width:930px;
}
.auth
{
	display : table;
	margin:auto;
	margin-top:20px;
	min-width:300px;
	text-align:center;
	background:url(sand.jpg);
}

form {margin: 0; padding: 0;}
pre
{
	background:#86E1B2;
}
/* ##### ENTETE #####  */
header
	{
	display : table-row;
	height: 100px;
	}

.entete
	{
	display:table;
	width:100%;
	text-align:center;
	}

.corner
{
height: 100px;
width:100px;
margin: 0; padding: 0;
text-align:center;
display : table-cell;
vertical-align: middle;
}

.ident
{
display:table;
width:100px;
/*background:url(jm_small.jpg) no-repeat center;*/
  opacity:.70;
}

#titre
{
display:table-cell;
vertical-align: middle;
color:red;
}
#dat
{
display:table-cell;
margin-top:0px;
display:block;
height:50px;
font-size:small;
vertical-align:top;
}
#login
{
display:table-row;
height:50px;
}
#login div
{
display:table-cell;
vertical-align:bottom;
height:50px;
}


/*########### CONTENT ########### */
.content
{
display : table-row;
margin:10pt;

}
.blabla
{
margin:10px 10px 10px 10px;
background:#C6D8E3;
max-width:1024px;
}
.coltit
{
background:#212774;
font-weight:bold;
color:white;
display : table-header-group;
text-align:center;
}

#coltit_opt
{
background:#F6F66A;
color:black;
}

#coltit_rsv
{
background:#742321;
}

#coltit_off
{
background:#21743A;
}

.liste, .liste_opt, .liste_rsv, .liste_off
{
display:table;
border-spacing: 2pt;
margin-left:auto;
margin-right:auto;
background:transparent;
/*width:100%;*/
}

#user_list_tit
{
margin-bottom:20px;
}

.list_det, .list_opt_det, .list_res_det, .list_off_det
{
display:table-row-group;
width:100%;

}

.liste p, .list_det p, .list_opt p, .list_res p
{
width:100%;
display : table-row;

}
.liste p span, .coltit span, .list_det p span, .list_opt p span, .list_res p span
{
display:table-cell;
border-collapse:separate;
border:1px;
vertical-align: middle;
}
.liste p:nth-child(odd)
{
background:#C2D6E5;
}
.liste p:nth-child(even)
{
background:#78CEEC;
}

.liste_opt p:nth-child(odd)
{
background:#E4E5C2;
}
.liste_opt p:nth-child(even)
{
background:#EEF593;
}

.liste_rsv p:nth-child(odd)
{
background:#E5C3C2;
}
.liste_rsv p:nth-child(even)
{
background:#F59A93;
}

.liste_off p:nth-child(odd)
{
background:#C2E5CB;
}
.liste_off p:nth-child(even)
{
background:#93F5A6;
}

.user_name
{
	background:#FFFFFF;
}

.ph
{
	margin: auto;
	padding: 0px;
	text-align:center;
	display : table-cell;
	vertical-align: middle;
	opacity:0.80;
	cursor:pointer;
}

.ph:hover
{
opacity:1;

}

.ph_menu
{
	margin-top: 5px;
	padding: 0px;
	vertical-align: middle;

}


.liste p:nth-child(odd):hover
{
background:#D5E1EC;
color:blue;
}
.liste p:hover
{
background:#9AC5F0;
color:green;
}

.liste p span:last-child
{
/*text-align:right;*/
padding-right:3pt;
}
.caption
{
display : table-caption;
padding:2px;
background:#75DAE2;
text-align:center;
font-weight:bold;
vertical-align:middle;
min-height:30px;
}

#lkdo_opt
{
padding-top:8px;
border-radius: 10px 10px 0 0px;
}

#lkdo_off
{
background:#87D28F;
border-radius: 10px 10px 0 0px;
}

#lkdo_rsv
{
padding-top:8px;
border-radius: 10px 10px 0 0px;
}

#my_opt
{
padding-top:8px;
border-radius: 10px 10px 0 0px;
}

#my_rsv
{
padding-top:8px;
border-radius: 10px 10px 0 0px;
}

.fich
{
padding-top:8px;
border-radius: 10px 10px 0 0px;
}

#dat_rsv
{

}

#kdo_rsv_lib
{
background:#E5C3C2;
}

footer
	{
	display : table-row;
	width:100%;
	height: 20px;
	margin-top:10px;
	background:#49669A ;
	color: #fff;
	text-align:center;
	font-size:small;
	vertical-align: middle;
	}

.action
{
	background:#A1D3C8 ;
	float:right !important;
}


/*########### 	SAISIE ########### */
.saisie
{
	display:table;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	background:#ADBBD2;
	border: blue inset 3px;
	text-align:center;
}
.sais_com
{
	margin:10px;
	padding:5px;
	max-width:70%;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	background:#A4B5E5;
	border: green outset 2px;
	text-align:center;
}
.sais_err_g
{
	background: url(alert.png) no-repeat 1px 1px ;
	padding-left:20px;
	color:red;
	margin-left:auto;
	margin-right:auto;
	display:inline;
	font-weight:bold;
}

.sais_zone
{
	display:table;
	margin-left:auto;
	margin-right:auto;
}
.sais_zone p
{
	display:table-row;
}
.sais_zone p span
{
	display:table-cell;
	text-align:left;
	vertical-align: middle;
}

.sais_err
{
	background: #FFC0CB;
}
.sais_rem
{
	font-style:italic;
	color:#605F6C;
}
.sais_valid
{
	margin:8px;
	text-align:center;
}

/*########### GENERAUX ########### */

.full
{
	width:100%;
}
h1
{
margin-top:5px;
margin-bottom:5px;
}h2
{
	margin: 5px;
	color:white;
	background:blue;
}
h3
{
	margin: 2px 0px 3px 0px;
	background:#4646FF;
	color:#CADEFF;
}

img
{
	vertical-align:middle;
}


a:hover
	{
	background-color: #ffff00;
	color : blue;
	}
.lien_visu
{
	background:url(lien_b.gif) no-repeat 1px 3px;
	padding-left:15px;
	color:#003399;
	border-radius: 5px;
}
.lien_anul
{
	background:url(lien_r.gif) no-repeat 1px 3px #F7F4D3;
	padding-left:15px;
	color:#003399;
	border-radius: 5px;
}
.lien_sel
{
	background:url(lien_j.gif) no-repeat 1px 3px #F7F4D3;
	padding-left:15px;
	color:#003399;
	border-radius: 5px;
}
.lien_go
{
	background:url(lien_p.gif) no-repeat 1px 3px;
	padding-left:15px;
	color:#003399;
	border-radius: 5px;
}
.lien_ok
{
	background:url(lien_v.gif) no-repeat 1px 3px #F7F4D3;
	padding-left:15px;
	color:#003399;
	border-radius: 5px;
}
.clic:hover
{
	background-color: #ffff00;
	color:blue;
}
.clic
{
	cursor:pointer;
}
.s
{
	font-size:x-small;
	display:inline;
}
.c
{text-align:center;}
.l
{text-align:left;}
.r
{text-align:right;}

.mev
	{
	background-color: #ffff00;
	color:red;
	font-weight:bold;
	}
tr.mev
	{
	background-color: #ffffcc;
	color:red;
	}
.g
{
font-weight:bold;
}

.red
{
color:red;
}

.hide
{
display:none;
}


/*########### APPLICATIF ########### */
.opt
{
background:url(/img/hand.png) no-repeat 1px 1px #EDEDB4;
}
.rsv
{
background:url(/img/cadenas.gif) no-repeat 1px 1px #FABFBF;
}
.off
{
color:blue;
background:url(/img/cadeau-s.png) no-repeat 1px 1px #38DE38;
}
.nouv
{
background:url(/img/new.gif) no-repeat 1px 1px #E6E6FA;
}
.rem
{
background:#E6E6FA;
padding-left:350px;
min-height:32px;
max-width:1000px;
}
.dat_rem
{
margin-left:10px;
margin-right:10px;
color:#686868;
font-size:small;
}
.ph_rem
{
position:absolute;
}

.surprise
{
color:blue;
background:url(/img/ampoule_s.png) no-repeat 1px 1px;
padding-left:17px
}

.acc
{
margin-top:5px;
border-radius: 10px;
padding:5px;
padding-left:25px;
min-height:25px;
}

.rem
{
margin-top:5px;
border-radius: 10px;
padding:5px;
}

.cde_supp
{
margin-left:25px;
}

.admin
{
color:red!important;
}

/*########### ID ########### */
#accueil, #rem_list, #rem_kdo_list
{
background-color: #B9F7BD;
}
#info_url
{
display:inline;
vertical-align:middle;
color:red;
}

#KDO_supp
{
background-color: #EA5B60;
border-radius: 10px;
padding:15px;
}

.up_arrow
{
float:right;
height:30px;
}