/* CSS Document */

html, body {
	height: 100%;
	margin:0;
	padding:0;
	background-color:#666;
	color: #111;
	font-family: Tahoma, Geneva, sans-serif;
	}
				
body,td,th {
	min-height: 100%;
	position:relative;
	background: url(../img/fond_bg.jpg) #666666 repeat-x !important;
	color: #111;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	}
				
				a {
					color: #f18e00;
					text-decoration: none;
					}
								
				a:link a:visited {
					color: #fff;
					text-decoration: none;
								}
								
				a:hover {
					color: #000;
					text-decoration: none;
					}
								
				a:active {
					color: #777777;
					text-decoration: none;
					}
				
h1 {
	font-size:1.3em;
	margin:0;
	padding:25px 0 5px 0;
	color: #000;
				}
				
h2 {
	font-size:1.1em;
	margin:0;
	padding:10px;
	color: #f18e00;
	}
								
.orange {
	color:#f18e00;
	}
								
#site {
	position:relative;
	z-index:2;
	width:1000px;
	min-height:750px;
	margin:10px auto;
	border: 1px solid #333;
	border-radius: 15px;
	background-color: #f3f3f3;
	box-shadow: 2px 2px 25px #000;
	}
					
#header {
	height:120px;
	width:1000px;
	margin: auto;
	padding: 15px 0;
	border-radius:15px 15px 0 0;
	background: #fff url(../img/header_bg.jpg) repeat-y ;
	}
											
#menu {
	width:1000px;
	height:43px;
	line-height:43px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	//border-radius: 15px;
	margin:auto;
	padding:5px 0;
	background: url("../img/menu_bg_53.png") repeat-x scroll left top transparent;
	font-size: 16px;
	font: Arial, Helvetica, sans-serif;
	}
								
	#menu .button {
		height:40px;
		padding:10px 30px;
		font-weight: bold;
		}
								
	#menu .button a {
		height:40px;
		padding:10px 30px;
		color: #000;
		}
					
	#menu .button_actif {
		height:40px;
		padding:10px 30px;
		color: #fff;
		text-decoration: none;
		}
								
	#menu .button_actif a {
		height:40px;
		padding:10px 30px;
		color: #fff;
		text-decoration: none;
		}
								
	ul#menu li {
		display: inline;
		font-weight: normal;
		text-decoration: none;
		margin: auto;
		}
							
	ul#menu li a {
		color: #000;
		text-decoration: none;
		}
							
	ul#menu li a:hover {
		color: #fff;
		text-decoration: none;
		}
								
	#menu li {
		list-style-type: none;
		position: relative;
		}
													
#contenu {
	position:relative;
	width:970px;
	min-height:530px;
	padding: 15px;
	margin: 5px auto;
	z-index:5;
	}
	
#img_accueil {
	position:relative;
	float:left;
	height:180px;
	margin:5px;
	//border: 1px solid #000;
	border-radius: 15px;
	box-shadow: 2px 2px 25px #000;
	}

#encart {
	position:relative;
	width:940px;
	background-color:#f18e00;
	padding: 10px;
	margin: 15px auto;
	border-radius: 15px;
	box-shadow: 1px 1px 12px #555;
	color:#fff;
	clear:both;
	}

#logos_clients {
	width: 970px;
	height: 180px;
	margin: auto;
	}
	
	#logo_client {
		position:relative;
		float:left;
		width:60px;
		height:60px;
		margin:15px 10px;
		border-radius: 15px;
		box-shadow: 1px 1px 12px #555
		}
						
#gallery {
	position:relative;
	width:570px;
	margin: 5px auto;
	padding: 80px 0 0 80px;
	clear:both;
	}
	
	#titre_gallery {
		position:relative;
		float:left;
		margin: 0 0 25px 25px;
		font-size: 1.2em;
		font-weight:bold;
		}
			
	#img_gallery {
		position:relative;
		float:left;
		height:180px;
		width:134px;
		margin:5px;
		//border: 1px solid #000;
		border-radius: 15px;
		box-shadow: 1px 1px 12px #555;
		}


	ul#gallery li {
		position:relative;
		float:left;
		height:180px;
		width:134px;
		//padding:10px;
		margin:5px;
		list-style:none;
		}
	
	ul#gallery li a {
		display:block;
		height:180px;
		width:134px;
		margin-top:0px;
		margin-left:0px;
		//border:0px solid rgba(0,0,0,0.7);
		transition-property:width,height,margin,z-index,border;
		transition-duration:0.4s;
		border-radius: 15px;
		}
	
	ul#gallery li a:hover {
		position:absolute;
		height:360px;
		width:268px;
		margin-top:-50%;
		margin-left:-50%;
		z-index:100;
		border:1px solid rgba(0,0,0,0.7);
		border-radius: 15px;
		}

	ul#gallery li.img_gallery_h {
		position:relative;
		float:left;
		height:180px;
		width:227px;
		//padding:10px;
		margin:5px;
		list-style:none;
		}
	
	ul#gallery li.img_gallery_h a {
		display:block;
		overflow:hidden;
		height:180px;
		width:227px;
		margin-top:0px;
		margin-left:0px;
		//border:0px solid rgba(0,0,0,0.7);
		transition-property:width,height,margin,z-index,border;
		transition-duration:0.4s;
		border-radius: 15px;
		}
	
	ul#gallery li.img_gallery_h a:hover {
		position:absolute;
		height:270px;
		width:340px;
		margin-top:-25%;
		margin-left:-25%;
		z-index:100;
		border:1px solid rgba(0,0,0,0.7);
		border-radius: 15px;
		}

	
	ul#gallery li a img {
		position:absolute;
		height:100%;
		width:100%;
		z-index:20;
		transition-property:width,height,z-index;
		transition-duration:0.4s;
		border-radius: 15px;
		box-shadow: 1px 1px 12px #555;
		}
	
	ul#gallery li a:hover img {
		height:100%;
		width:100%;
		z-index:100;
		border-radius: 15px;
		box-shadow: 1px 1px 12px #555;
		}


#keys_footer {
	clear:both;
	position: relative;
	bottom: 0;
	width:900px;
	margin:auto;
	color:#ccc;
	font-weight: bold;
	}
				
#footer {
	clear:both;
	position: relative;
	bottom: 0;
	width:900px;
	margin: auto;
	padding:0 0 5px 0;
	}
												
#form_contact {
	width:900px;
	margin:auto;
	padding: 20px;
	border: 1px solid #ff0;
	border-radius: 15px;
	background-color:#fadcb4;
	box-shadow: 1px 1px 12px #555;
	}
								
	.label {
		font-size: 1em;
		margin-top: 3px;
		text-align: left;
		width: 140px;
		}
												
	.champ {
		margin-bottom: 3px;
		width: 250px;
		}
								
	.inputForm {
		background-color: #f18e00;
		color: #fff;
		font: 12px Arial;
		padding: 1px 2px;
		width: 380px;
		height: 25px;
		line-height: 25px;
		}
								
	.labelcaptcha {
		clear: both;
		color: #000000;
		display: inline;
		float: left;
		font: 12px/1.4em Arial,Helvetica,sans-serif;
		padding: 10px 0;
		text-align: left;
		width: 125px;
		line-height:18px;
		vertical-align:middle;
		}
				
	.champcaptcha {
		background-color: #111;
		border: 1px solid #222;
		color: #4A4A4A;
		font: 12px Arial;
		padding: 1px 2px;
		float: left;
		width: 175px;
		height:25px;
		line-height:25px;
		vertical-align:middle;
		}
				
	.submit {
		background-color: #f18e00;
		font-weight: bold;
		color: #000;
		height: 44px;
		padding: 7px 10px;
		}
								
	.submit:hover {
		background-color: #000;
		color: #f18e00;
		padding: 7px 10px;
		cursor: pointer;
		}