@charset "utf-8";
/* CSS Document */
html,
body {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}
body {
/*background: url(images/paterns/1468.png);*/
background: url(images/a8.jpg) no-repeat center center fixed;

  	-webkit-background-size: cover;
 	-moz-background-size: cover;
   	-o-background-size: cover;
  	background-size: 100% 100%;
	text-align:center;
	width:100%;
}

#main {
	/*background-color: #A5C7E0;*/
	text-align:center;
	width:100%;
	  box-sizing: border-box;
  height: 100%;
  width: 100%;
	
}
#corps{
  box-sizing: border-box;

background: #FFFFFF;
/*background:url(images/a4.jpg) no-repeat center center fixed;*/
-webkit-background-size: cover;
 	-moz-background-size: cover;
   	-o-background-size: cover;
  	background-size: 100% 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	/*background: url(images/dark_fish_skin.png);
*/padding-top:18px;
padding-bottom:15px;
margin-top:10px;
	box-shadow: 1px 1px 12px #555;
	height:100%;
	margin-bottom:0px;
	
	/*-moz-border-radius-bottomright: 15px;
	-khtml-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;*/
	/*--Bottom left rounded corner--*/
	/*-moz-border-radius-bottomleft: 15px;
	-khtml-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;*/
	/*--Bottom right rounded corner--*/
	/*-moz-border-radius-topright: 30px;
	-khtml-border-radius-topright: 30px;
	-webkit-border-top-right-radius: 30px;*/
	/*--Bottom left rounded corner--*/
	/*-moz-border-radius-topleft: 30px;
	-khtml-border-radius-topleft: 30px;
	-webkit-border-top-left-radius: 30px;*/
	

/*-moz-box-shadow:0px 0px 10px 3px #74D0F1;
-webkit-box-shadow:0px 0px 10px 3px #74D0F1;
box-shadow:0px 0px 10px 3px #74D0F1;*/


}


h1{
color:#0099FF;
font-family: "Baskerville Old Face";
font-size: 36px;
}
.myButton {
	box-shadow: 3px 4px 0px 0px #1564ad;
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	background-color:#79bbff;
	border-radius:5px;
	border:1px solid #337bc4;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding:12px 44px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.myButton:hover {
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	background-color:#378de5;
}
.myButton:active {
	position:relative;
	top:1px;
}
/*menu*/
.bn30 {
font-family:monospace;
font-family: Castellar;
font-weight:bolder;
  font-size: 24px;
  
  background:url(images/a4.jpg);
  border: #4ab1e5 thin solid;
  width:100%;
  height:80%;
  border-left:#4e6cfe thick solid;
  color:#dd5065;
  border-width: 8px 10px;

}
.bn30:hover {
  font-size: 20px;
  background: #FFF;
  font-weight:bold;
  text-decoration:underline;
  
  border: #4ac8ee thin solid;
  width:100%;
  height:80%;
  border-left: #dd5065 thick solid;
  border-right: #dd5065 thick solid;
  border-width: 2px 7px;

}

.milieu{
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #2B6299;
	/*background:#FF9966;*/
text-align:center;
/*background: url(images/back1.png);
-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	
	-moz-border-radius-topright: 10px;
	-khtml-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	
	-moz-border-radius-topleft: 10px;
	-khtml-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	
	-moz-box-shadow:inset 0px 0px 10px 3px #3672b8;
-webkit-box-shadow:inset 0px 0px 10px 3px #3672b8;
box-shadow:inset 0px 0px 10px 3px #3672b8;*/

  width: 100%;
 
   height: 100%; 
   min-height: 100%; 

}
#logo {
	
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 2;
	text-align: left;
	color: #4586B9;
}

.textbox { 
    background: #f5f5f5; 
    font-size: 0.8rem; 
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border-radius: 6px; 
    border: none; 
    padding: 8px 8px;
    width:200px; 
    margin-bottom: 0px;
	margin-top:0px;
	margin-left:10px;
    box-shadow: inset 0px 2px 3px  #2393d3; 
    clear: both; 
} 
 .textbox:focus{ 
    background: #fff; 
    box-shadow: 0px 0px 0px 1px #5bbbef, inset 0px 1px 1px rgba( 0,0,0,0.2 ), 0px 1px 1px rgba( 0,0,0,0.15 ); 
    outline: none;    
} 

.textbox1 { 
    background: #f5f5f5; 
    font-size: 0.8rem; 
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    border-radius: 6px; 
    border: none; 
    padding: 8px 8px;
    width:200px; 
    margin-bottom: 0px;
	margin-top:0px;
	margin-left:10px;
    box-shadow: inset 0px 2px 3px  #2393d3; 
    clear: both; 
	
	
} 
 .textbox1:focus{ 
    background: #fff; 
    box-shadow: 0px 0px 0px 1px #5bbbef, inset 0px 1px 1px rgba( 0,0,0,0.2 ), 0px 1px 1px rgba( 0,0,0,0.15 ); 
    outline: none;    
} 
/*.bouton_val {
   background: #A5E1FF;
   background-image: -webkit-linear-gradient(top, #A5E1FF, #1E85D0);
   background-image: -moz-linear-gradient(top, #A5E1FF, #1E85D0);
   background-image: -ms-linear-gradient(top, #A5E1FF, #1E85D0);
   background-image: -o-linear-gradient(top, #A5E1FF, #1E85D0);
   background-image: -webkit-gradient(to bottom, #A5E1FF, #1E85D0);
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   color: #FFFFFF;
   font-family: Times New Roman;
   font-size: 30px;
   font-weight: 500;
   padding: 10px 30px 10px 30px;
   
   -webkit-box-shadow: 0 0 15px 0 #186BB5;
   -moz-box-shadow: 0 0 15px 0 #186BB5;
   box-shadow: 0 0 15px 0 #186BB5;
   text-shadow: 0 -2px 0 #0059A0;
   border: solid #337FED 0;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}

.bouton_val:hover {
   border: solid #337FED 0;
   background: #1E85D0;
   background-image: -webkit-linear-gradient(top, #1E85D0, #A5E1FF);
   background-image: -moz-linear-gradient(top, #1E85D0, #A5E1FF);
   background-image: -ms-linear-gradient(top, #1E85D0, #A5E1FF);
   background-image: -o-linear-gradient(top, #1E85D0, #A5E1FF);
   background-image: -webkit-gradient(to bottom, #1E85D0, #A5E1FF);
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   text-decoration: none;
}*/
.lab{
				font-style:italic;
				color: #0A386B;
				margin-left:10px;
				text-decoration:underline;
			}
.custom-btn {
  width: 150px;
  height: 50px;
  color: #fff;
  border-radius: 5px;
  padding: 10px 25px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:16px;
  text-transform: uppercase;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
}
/* 3 */
.btn-3 {
  background: rgb(92,224,253);
background: linear-gradient(10deg, rgba(89,22,135,1) 10%,  rgba(92,224,253,1) 70%);
  width: 150px;
  height: 50px;
  line-height: 20px;
  padding: 0;
  border: none;
  position: relative;
  display: block;
  
}

.btn-3:hover{
   background: transparent;
  box-shadow: none;
  color: rgba(2,126,251,1);

  border:medium solid #3399FF;
  transition: all 0.3s ease;
 
}
.btn-3:hover:before {
  height: 100%;
}
.btn-3:hover:after {
  width: 100%;
}

/******Bouton OK******/
.custom-btn4 {
  width: 35px;
  height: 35px;
  color: #fff;
  border-radius: 5px;
  padding: 10px 25px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:16px;
  text-transform: uppercase;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
}
.btn-4 {
  background: rgb(92,224,253);
background: linear-gradient(10deg, rgba(89,22,135,1) 10%,  rgba(92,224,253,1) 70%);
  width: 35px;
  height: 35px;
  line-height: 20px;
  padding: 0;
  border: none;
  position: relative;
  display: block;
  
}

.btn-4:hover{
   background: transparent;
  box-shadow: none;
  color: rgba(2,126,251,1);

  border:medium solid #3399FF;
  transition: all 0.3s ease;
 
}
.btn-4:hover:before {
  height: 100%;
}
.btn-4:hover:after {
  width: 100%;
}



/**coord**/
.custom-btn5 {
  width: 250px;
  height: 30px;
  color: #fff;
  border-radius: 5px;
  padding: 10px 25px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:16px;
  text-transform: uppercase;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
}
/* 3 */
.btn-5 {
  background: rgb(92,224,253);
background: linear-gradient(10deg, rgba(89,22,135,1) 10%,  rgba(92,224,253,1) 70%);
  width: 250px;
  height: 30px;
  line-height: 20px;
  padding: 0;
  border: none;
  position: relative;
  display: block;
  
}

.btn-5:hover{
   background: transparent;
  box-shadow: none;
  color: rgba(2,126,251,1);

  border:medium solid #3399FF;
  transition: all 0.3s ease;
 
}
.btn-5:hover:before {
  height: 100%;
}
.btn-5:hover:after {
  width: 100%;
}
/*.top_menu {
	font-family: "Lucida Handwriting";
	font-size: 8px;
	font-weight: normal;
	color: #FF6600;
	margin-right:2px;
	
}
.top_menu ul {
	margin: 0;
	list-style: none;
	padding-left: 0px;
}

.top_menu li {
	display: inline;
}

.top_menu a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
	line-height:35px;
	float: left;
	height: 36px;
	width: 99px;
	padding-bottom:0px;
	text-align: center;
	padding-left: 0px;
	background: url(images/index_071.jpg);
	background-repeat: no-repeat;
}
.top_menu a:hover {	
	background: url('images/hover1.jpg');
	background-repeat: no-repeat; 
	height: 36px;
	width: 99px;
	text-decoration: none;
}
*/
.categ{
font-weight:bold;
text-align:left;
text-decoration:underline;
color:#3399FF;
}
.inp{
	width:100px;
	
	}
.tab{
		
	border:#3366FF double thin;
	/*margin-top:10px;*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
		
		}
#tabl{
	font-size:11px;
	font-weight:bold;
	}	
.tdd{
	font-size:11px;
	font-weight:bold;
	color:#000;
	}	
.td{
	font-size:11px;
	color:#333;
	}	
		
		
		
.user{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	color:#4ab1e5;
	}		
#ta{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
#inpt{
	background:#999;
	}	
<!--espace membre-->

.messages_table td
{
	border-top:1px solid #aaaaaa;
	vertical-align:top;
}