/* Feuille de style */
@import url('reset.css');
@import url('index.pages.css');
@import url('tinymce.css');
@import url('pushup.css');

#body {
	background:url(../images/bg.png) repeat-x top left #E1E1E1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
}
h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	margin-bottom:15px;
}
a {
	text-decoration:none;	
	color:#e64215;
}
a:hover {
	text-decoration:underline;
}
/* Centrer */
.center{
	width:960px;
	margin:0 auto;
}
#wrap {
	
}
/* Header */
#header{
	background:url(../images/header.bg.png) repeat-x top left;
	width:100%;
	height:132px;
	position:absolute;
	position:fixed;
	left:0;
	margin-top:20px;
	z-index:1000;
}
	#header .wrapper {
		width:960px;
		margin:0 auto;
		position:relative;
	}
	#logo {
		margin-top:4px;
		margin-left:15px;
		float:left;
	}
		#logo a{
			display:block;
			width:601px;
			height:124px;
			background:url(../images/logo.png) no-repeat top left;
			text-indent:-8000px;
		}
		#lien_contact {
			display:block;
			background:url(../images/contact.png) no-repeat top left;
			width:65px;
			height:15px;
			position:absolute;
			right:20px;
			top:55px;
			text-indent:-8000px;
		}
		#lien_contact:hover {
			background-position: bottom left;
		}
	#langues{
		position:absolute;
		right:20px;
		top:105px;
	}
		#langues a{
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-weight:800;
			text-transform:uppercase;
			color:#262626;
			text-decoration:none;
			text-align:right;
			margin-left:5px;
		}
		#langues a:hover,
		#langues .actif{
			color:#e64215;	
		}
/* Content */
#corps{
	background:url(../images/content.wrap.bg.png) repeat-y top left;
	z-index:1;
}

	#menu{
		width:250px;
		padding-left:20px;
		float:left;
		position:fixed;
		padding-top:165px;
	}
		#menu a {
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:16px;
			text-transform:uppercase;
			line-height:24px;
			color:#fff;	
			text-decoration:none;
		}
		
		#menu a:hover,
		#menu .actif{
			color:#e64215;
		}
	#content{
		width:680px;
		float:right;
		margin-top:170px;
		min-height:1300px;
		height:auto !important;
		height:1300px;
	}
		#banniere {
			position:relative;	
			margin-bottom:20px;
		}
			#banniere_slogan {
				position:absolute;
				background:#e64215;
				padding:5px 10px;
				border:1px solid #fff;
				color:#fff;
				top:180px;
			}
		#banniere_box,
		.content_marge{
			width:640px;
			margin:0 auto;
		}
/* Contact */
.contact-data{
	float:left;
	width:285px;
}
	.contact_map{
		padding-bottom:20px;
	}
	.clear+.contact_info{
		padding-top:20px;
		border-top:1px dashed #ccc;
	}
	.contact-titre{
		padding-bottom:1em;	
		font-size:23px;
	}
	
	.contact-adresse, .contact-coordonnees{
		line-height:2em;
		padding:0 0 1em 0;
	}
	
	.contact-plan a{
		background:url(../images/plan.png);
		width:280px; height:110px;
		display:block;
		margin:1em 0 0.5em 0;
	}
	
		.contact-plan span{
			display:none;
		}
	
	.contact-zoom img{
		vertical-align:bottom;
	}

.contact-formulaire{
	float:right;
}

	.contact_field label{
		display:block;
		width:120px;
		float:left;
		height:26px;
		line-height:26px;
	}
	
	.contact_field input, .contact_field textarea, .field-captcha input{
		background:#f6f6f6;
		height:26px;
		line-height:26px;
		border:1px solid #cccccc;
		width:200px;
	}
	
	.contact-multiple{
		width:200px;
		background:#f6f6f6;
		border:1px solid #cccccc;
	}
	
	.contact_field textarea{
		height:110px;
		line-height:18px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}
	
	.contact-captcha{
		padding:0 0 1em 0;
	}
		
		.contact-captcha label{
			display:block;
			padding-bottom:0.5em;
		}
		
		.img-captcha{
			float:left;
		}
		
		.field-captcha{
			float:right;
		}
	
	.contact-champsobligatoire{
		padding-left:120px;
	}
	
	.contact-bouton{
		background:url(../images/form.btn.png) repeat-x top left;
		padding:0 20px 0 20px;
		height:30px;
		border:none;
		cursor:pointer;
		color:#FFF;
		display:block;
	}
	
	.contact-bouton:hover{
		background:none;
		border:1px solid #e64215;
		color:#e64215;
	}
	
	.obligatoire{
		font-size:12px;
		padding:1em 0;
	}

.vert{
	background-color:#9bdc04;
	border:2px solid #99CC00;
	width:300px;
	color:#FFF;
	font-weight:600;
	padding: 10px;
	display:block;
}

.rouge{
	background-color:#e4461e;
	border:2px solid #CC3300;
	width:300px;
	color:#FFF;
	font-weight:600;
	padding:10px;
	display:block;
}

/* Map */
#map {
	border-top:1px dashed #262626;
	margin-top:20px;
	padding-top:40px;
}
#mygooglemap{
	width:640px;
	height:480px;
}
#tracerroute{
	background:url(../images/rech.form.backg.jpg) repeat-x;
	padding:0 0 1em 0;
}
	#tracerroute label{
		display:block;
		float:left;
		line-height:30px;
		width:150px;
	}
	
	#google_local{
		width:350px;
		height:26px;
		float:left;
	}
	
	#adresse_trace{
		background:url(../images/form.btn.png) top left repeat-x;
		width:27px; height:30px;
		border:none;
		cursor:pointer;
		float:left;
		color:#FFF;
	}
	#adresse_trace:hover{
		background:none;
		border:1px solid #e64215;
		color:#e64215;;
	}
		.aide_google{
			padding:0.5em 0 0.5em 150px;
		}

#mytracegooglemap{
	padding:1em 0;	
}

#mytracegooglemap .google_step td{
	line-height:1.5em;
	border-bottom:1px dotted #666;
	padding:1em 0.5em;
	/*vertical-align:middle;*/
}

.pair td{
	background:#CFCFCF;	
}

.google_segment{width:5%;}
.google_infos{width:65%;}
.google_duration{width:15%;}
.google_distance{width:15%;}

/* Copyright */
#infos_footer {
	margin:0 auto;
	width:640px;	
	border-top:1px solid #262626;
	margin-top:20px;
	padding-top:10px;
}

/* Mentions */
.mentions-menu{
	padding:0 0 20px 20px;
	margin-left:10px;
}

	.mentions-menu li{
		color:#000;
		line-height:26px;
		list-style-type:decimal;
	}
.mentions-bloc+.mentions-bloc {
	border-top:1px dashed #262626;
	margin-top:20px;
	padding-top:40px;
}

	.mentions-texte{
		padding:0 0 1em 0;
	}
	#content .mentions-texte p{
		padding:0;
	}

/* Footer */
#footer{
	background:url(../images/content.wrap.bg.png) repeat-y top left;
	position:relative;
}
	#novitis{
		font:Arial, Helvetica, sans-serif;
		line-height:20px;
		margin-bottom:15px;
		color:#262626;
		text-transform:uppercase;
		text-decoration:none;
		float:right;
	}
	#mentions{
		line-height:20px;
		text-transform:uppercase;
	}