body  { background: #f7fbfc; height: 100%; width: 100%; margin: 0px; 
background: -moz-radial-gradient(center, ellipse cover,  #f7fbfc 0%, #d9edf2 40%, #add9e4 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f7fbfc), color-stop(40%,#d9edf2), color-stop(100%,#add9e4)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* IE10+ */
background: radial-gradient(center, ellipse cover,  #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* W3C */
}

::selection {
	background:#3887A6;
	color:#ffffff;
}

::-moz-selection {
	background:#3887A6;
	color:#ffffff;
}

::-webkit-selection {
	background:#3887A6;
	color:#ffffff;
}

.container {
height: 100%; 
top: 0px; 
bottom: 0px;
position: absolute;
margin: 0px;
background:transparent;
}
.mainboard  {
background: transparent; 
position: relative;
}
.subboard {
color: #3887A6;
}
.subboard a{
color: #3887A6;
text-decoration: none;
font-weight: bold;
}
.styleboard {
  display: inline-block;
  margin: 0 0 20px 0;
  font-weight: normal;
  font-size: 45px; 
  text-align: right;
  line-height: 0.8;
  text-shadow: 0px 0px 35px #3887A6; 
  color: #3887A6;
  height: 100%; 
position: absolute;
background:transparent;
}
.styleboard hr {
border: 1px solid #3887A6;
width: 960px;
}
.styleboard a{
color: #3887A6;
text-decoration: none;
font-weight: bold;
}
.styleboard_body {
background: #AAD8E6; 
color: #3887A6;
-moz-transition: all 0.4s ease; 
-webkit-transition: all 0.4s ease; 
-o-transition: all 0.4s ease; 
transition: all 0.4s ease;
-moz-box-shadow: 0 0 3px #3887A6;
-webkit-box-shadow: 0 0 3px #3887A6;
box-shadow: 0 0 3px #3887A6;
border: 1px solid #E6F4F8;
  font-weight: normal;
  font-size: 45px; 
  text-align: right;
  line-height: 0.8;
  overflow: hidden;
  text-shadow: 0px 0px 0px #3887A6; 
}
.styleboard_body:hover {
background: #ffffff; 
color: #AAD8E6;
}

.mainboard  th{
background: #3887A6; 
color: #ffffff;
font-size: 35px;

-moz-box-shadow: 0 0 3px #3887A6;
-webkit-box-shadow: 0 0 3px #3887A6;
box-shadow: 0 0 3px #3887A6;

text-shadow: 0px 0px 3px #ffffff; 
border: 1px solid #E6F4F8;
}
.mainboard_headbody {
background: linear-gradient(right bottom, #C5E4EC 38%, #AAD8E6 69%);
background: -o-linear-gradient(right bottom, #C5E4EC 38%, #AAD8E6 69%);
background: -moz-linear-gradient(right bottom, #C5E4EC 38%, #AAD8E6 69%);
background: -webkit-linear-gradient(right bottom, #C5E4EC 38%, #AAD8E6 69%);
background: -ms-linear-gradient(right bottom, #C5E4EC 38%, #AAD8E6 69%);
background: -webkit-gradient(
	linear,
	right bottom,
	left top,
	color-stop(0.38, #C5E4EC),
	color-stop(0.69, #AAD8E6)
);
color: #3887A6;
-moz-box-shadow: 0 0 3px #3887A6;
-webkit-box-shadow: 0 0 3px #3887A6;
box-shadow: 0 0 3px #3887A6;
border: 1px solid #E6F4F8;
}

.mainboard_body {
background: #AAD8E6; 
color: #3887A6;
-moz-transition: all 0.4s ease; 
-webkit-transition: all 0.4s ease; 
-o-transition: all 0.4s ease; 
transition: all 0.4s ease;

-moz-box-shadow: 0 0 3px #3887A6;
-webkit-box-shadow: 0 0 3px #3887A6;
box-shadow: 0 0 3px #3887A6;
border: 1px solid #E6F4F8;
}
.mainboard td{
color: #3887A6;
}
.mainboard_head:hover .mainboard_body {
background: #3887A6; 
color: #AAD8E6;
}
.mainboard_menu_tr {
-moz-box-shadow: 0 0 3px #3887A6;
-webkit-box-shadow: 0 0 3px #3887A6;
box-shadow: 0 0 3px #3887A6;
}
.mainboard_menu {
background: url('image/menu_gradient.png') repeat-x center; 
color: #AAD8E6;
border-left: 1px solid #AAD8E6;
border-top: 1px solid #AAD8E6;
border-bottom: 1px solid #AAD8E6;
-moz-transition: all 0.4s ease; 
-webkit-transition: all 0.4s ease; 
-o-transition: all 0.4s ease; 
transition: all 0.4s ease;
}
.mainboard_menu:hover{
background: url('image/menu_gradient_hover.png') repeat-x center; 
color: #3887A6;
}
.mainboard_menu a {
color: #AAD8E6;
text-decoration: none;
font-weight: bold;
}
.mainboard_menu:hover a {
color: #3887A6;
}
.mainboard hr {
border: 1px solid #3887A6;
}
.font_size_35 {
font-size: 35px;
text-shadow: 0px 0px 3px #3887A6; 
}

#td_info {
background: #AAD8E6 url('image/button_gradient.png') no-repeat; 
color: #ffffff;
-moz-transition: all 0.4s ease; 
-webkit-transition: all 0.4s ease; 
-o-transition: all 0.4s ease; 
transition: all 0.4s ease;

-moz-box-shadow: 0 0 3px #3887A6;
-webkit-box-shadow: 0 0 3px #3887A6;
box-shadow: 0 0 3px #3887A6;
border: 1px solid #E6F4F8;
}
#td_info:hover {
background: #ffffff url('image/button_gradient_hover.png') no-repeat; 
color: #3887A6;
}

#submit_btn { 
background: transparent; 
height: 100%; 
color: #3887A6; 
font-size: 18px;
padding: 8px; 
font-weight: bold;
border: none;
-moz-transition: all 0.4s ease; 
-webkit-transition: all 0.4s ease; 
-o-transition: all 0.4s ease; 
transition: all 0.4s ease;
}
#td_info:hover  #submit_btn { 
background: transparent; 
color: #3887A6; 
border: none;
}

#td_tel {
background: #AAD8E6;

-moz-box-shadow: 0 0 3px #3887A6;
-webkit-box-shadow: 0 0 3px #3887A6;
box-shadow: 0 0 3px #3887A6;
border: 1px solid #E6F4F8;
}

input {
background: #ffffff; 
width: 100%; 
height: 40px; 
color: #3887A6; 
font-size: 14px; 
border: 8px solid #FFFFFF;
-moz-transition: all 0.4s ease; 
-webkit-transition: all 0.4s ease; 
-o-transition: all 0.4s ease; 
transition: all 0.4s ease;
}
input:hover {
border: 8px solid #3887A6;
}
select { 
background: #ffffff; 
width: 100%; 
height: 50px; 
color: #3887A6; 
font-size: 14px; 
border: 8px solid #FFFFFF;
-moz-transition: all 0.4s ease; 
-webkit-transition: all 0.4s ease; 
-o-transition: all 0.4s ease; 
transition: all 0.4s ease;
}
select:hover {
border: 8px solid #3887A6;
}

#ligne_tel_client {
visibility: hidden;
}
.mainboard_menu:hover .menu_popup {
color: #3887A6;
}
.menu_popup {
font-weight: bold;
color: #AAD8E6;
}
.menu_popup:hover {
color: #3887A6;
}
.menu_popup:hover .form_popup {
visibility: visible;
display: inline;
z-index: 100;
}
.mainboard_menu:hover .form_popup {
visibility: visible;
display: inline;
z-index: 100;
}
.form_popup {
visibility: hidden;
display: none;
position: absolute;
border: 1px solid #E6F4F8;
background: #ffffff; 
color: #3887A6;
margin-left: -260px;
margin-top: 8px;

-moz-box-shadow: 0 0 8px #3887A6;
-webkit-box-shadow: 0 0 8px #3887A6;
box-shadow: 0 0 8px #3887A6;
}
.form_popup  select {
background: #E6F4F8;;
border: 1px solid #E6F4F8;
color: #3887A6;
height: 45px; 
}
.form_popup  select:hover {
background: #E6F4F8;
border: 1px solid #E6F4F8;
color: #3887A6;
}
.input_file {
background: #E6F4F8;;
border: 1px solid #E6F4F8;
color: #3887A6;
height: 45px; 
}
.input_file:hover {
background: #E6F4F8;
border: 1px solid #E6F4F8;
color: #3887A6;
}
.input_sbt {
background: #3887A6;
border: 1px solid #3887A6;
color: #E6F4F8;
height: 45px; 
}
.input_sbt:hover {
background: #AAD8E6;
border: 1px solid #AAD8E6;
color: #3887A6;
}
.input_text {
background: #E6F4F8;;
border: 1px solid #E6F4F8;
color: #3887A6;
height: 28px; 
}
.input_text:hover {
background: #E6F4F8;
border: 1px solid #E6F4F8;
color: #3887A6;
}
/*********************************************IDENTIFICATION FORM****************************************/
.identification {
border: 1px solid #E6F4F8;
background: #ffffff; 
color: #3887A6;
-moz-box-shadow: 0 0 3px #3887A6;
-webkit-box-shadow: 0 0 3px #3887A6;
box-shadow: 0 0 3px #3887A6;
} 
.identification input {
background: #E6F4F8;
border: 1px solid #E6F4F8;
color: #3887A6;
width: 100%;
}
.identification input:hover {
background: #E6F4F8;
border: 1px solid #E6F4F8;
color: #3887A6;
}
.identification .submit_btn {
background: #3988A6 url('image/menu_gradient.png') repeat-x top; 
border: 1px solid #3887A6;
color: #E6F4F8;
height: 90px; 
width: 100%;
}
.identification  .submit_btn:hover {
background: #AAD8E6 url('image/menu_gradient_hover.png') repeat-x top; 
border: 1px solid #E6F4F8;
color: #3887A6;
}
.header_logo {
color: #3887A6;
font-size: 35px;
text-shadow: 0px 0px 3px #3887A6; 
font-weight: bold;
}
/*********************************************DELETE CLIENT FORM****************************************/
#submit_btn_delete {
background: transparent; 
border: 1px solid transparent;
color: #E6F4F8;
}
#td_delete {
background: #3988A6 url('image/menu_gradient.png') repeat-x top; 
border: 1px solid #E6F4F8;
color: #E6F4F8;

-moz-transition: all 0.4s ease; 
-webkit-transition: all 0.4s ease; 
-o-transition: all 0.4s ease; 
transition: all 0.4s ease;

-moz-box-shadow: 0 0 3px #3887A6;
-webkit-box-shadow: 0 0 3px #3887A6;
box-shadow: 0 0 3px #3887A6;
}
#td_delete:hover {
background: #AAD8E6 url('image/menu_gradient_hover.png') repeat-x top; 
border: 1px solid #E6F4F8;
color: #3887A6;
}
/*********************************************DELETE CLIENT FORM****************************************/
#td_info_update {
background: #AAD8E6 url('image/menu_gradient_hover.png') repeat-x top; 
border: 1px solid #E6F4F8;
color: #3887A6;
-moz-transition: all 0.4s ease; 
-webkit-transition: all 0.4s ease; 
-o-transition: all 0.4s ease; 
transition: all 0.4s ease;

-moz-box-shadow: 0 0 3px #3887A6;
-webkit-box-shadow: 0 0 3px #3887A6;
box-shadow: 0 0 3px #3887A6;
border: 1px solid #E6F4F8;
}
#td_info_update:hover {
background: #3887A6 url('image/menu_gradient.png') repeat-x top; 
border: 1px solid #E6F4F8;
color: #E6F4F8;
}
#td_info_update #submit_btn { 
font-weight: normal;
}
#td_info_update:hover  #submit_btn { 
color: #E6F4F8;
}
#temps_mobile {
background: #ffffff; 
width: 50%;
height: 50px; 
color: #3887A6; 
font-size: 14px; 
border: 1px solid #FFFFFF;
-moz-transition: all 0.4s ease; 
-webkit-transition: all 0.4s ease; 
-o-transition: all 0.4s ease; 
transition: all 0.4s ease;
}

.group_select { 
background: #ffffff; 
width: 100%; 
height: 28px; 
color: #3887A6; 
font-size: 14px; 
border: 1px solid #FFFFFF;
-moz-transition: all 0.4s ease; 
-webkit-transition: all 0.4s ease; 
-o-transition: all 0.4s ease; 
transition: all 0.4s ease;
}
.group_select:hover {
border: 1px solid #3887A6;
}

#update_submit_btn {
background: transparent; 
border: 1px solid transparent;
color: #3887A6;
}
#td_update {
background: #E6F4F8; 
border: 1px solid #E6F4F8;
color: #3887A6;

-moz-transition: all 0.4s ease; 
-webkit-transition: all 0.4s ease; 
-o-transition: all 0.4s ease; 
transition: all 0.4s ease;

-moz-box-shadow: 0 0 3px #3887A6;
-webkit-box-shadow: 0 0 3px #3887A6;
box-shadow: 0 0 3px #3887A6;
}
#td_update:hover {
background: #ffffff; 
border: 1px solid #E6F4F8;
color: #3887A6;
}