﻿




/*
     FILE ARCHIVED ON 16:45:25 Jun 4, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 5:54:25 Oct 24, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
* {
	margin: 0;
	padding: 0;
}

.wrapper {
	width: 100%;
	overflow: hidden;
}

.wrapper-1 {
	width: 100%;
}

.clear {
	clear: both;
	font-size: 0%;
	line-height: 0%;
	height: 0;
}

input, select {
	vertical-align: middle;
	font-weight: normal;
}

img {
	border: 0;
	vertical-align: top;
	text-align: left;
}

ul, ol {
	list-style-image: url(/images/marker-1.gif);
	list-style-position: outside;

}

object {
	vertical-align: top;
	outline: none;
}

a {
	outline: none;
	color: #00c2ff;
}

	a:hover {
		text-decoration: none;
	}

html {
	min-width: 980px;
}

body {
	background: url(/images/body-tail.jpg) repeat 50% 0%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1em;
	color: #393939;
}

h2 {
	width: 100%;
	padding: 0 0 19px 0;
	overflow: hidden;
	line-height: 1.25em;
	font-size: 2.333em;
	font-weight: normal;
	color: #252525;
}

	h2 span {
		display: block;
		float: left;
		padding: 0 9px 0 0;
	}

	h2 img {
		float: left;
		margin: 12px 0 0 0;
	}
	
	h2 strong {
		display: block;
		padding: 0 0 4px 0;
		font-weight: normal;
	}

h3 {
	padding: 0 0 26px 0;
	line-height: 1.167em;
	font-size: 2.5em;
	font-weight: normal;
	color: #252525;
}

	h3 strong {
		display: block;
		padding: 0 0 3px 0;
		font-weight: normal;
	}

h6 {
	padding: 0 0 9px 0;
	line-height: 1.389em;
	font-size: 1.5em;
	font-weight: normal;
	color: #fff;
}

	h6 strong {
		display: block;
		padding: 0 0 7px 0;
		font-weight: normal;
	}
	
	h6 em {
		display: block;
		margin: 0 0 -2px 0;
		font-style: normal;
	}

.fleft {
	float: left;
}

	img.fleft {
		margin: 0 27px 0 0;
	}
	
	img.fleft1 {
		float: left;
		margin: 0 27px 23px 0;
	}
	
	img.fleft2 {
		float: left;
		margin: 1px 32px 26px 1px;
	}

.fright {
	float: right;
}

	img.fright {
		margin: 0 0 24px 0;
	}

.col-1, .col-2, .col-3, .col-4 {
	float: left;
	overflow: hidden;
}

.block-1, .block-2, .block-3, .block-4 {
	float: left;
	overflow: hidden;
}

#main-bg {
	background: #fff url(/images/main-bg.jpg) no-repeat 50% 104px;
}
#main-bg2 {
	background: #fff;
}

#main {
	font-size: 0.75em;
}

#header {
	position: relative;
	width: 904px;
	height: 565px;
	margin: 0 auto;
}
#header2 {
	position: relative;
	width: 904px;
	height: 165px;
	margin: 0 auto;
	background-position: bottom;
}

#logo {
	position: absolute;
	top: 48px;
	left: 7px;
}

#menu {
	position: absolute;
	top: 51px;
	left: 480px;
	width: 423px;
}

	#menu li {
	float: left;
	padding: 0 19px 0 0;
	line-height: 1.786em;
	font-size: 1.167em;
	list-style-image:none;
	list-style:none;
	list-style-type:none
	}
	
		#menu li a {
			display: block;
			float: left;
			padding: 0 0 2px 0;
			text-decoration: none;
			color: #252525;
		}
		
		#menu li a:hover {
			background: url(/images/menu-tail.gif) repeat-x 0% 100%;
		}
		
		#menu li.act a {
			background: url(/images/menu-tail.gif) repeat-x 0% 100%;
		}

#slogan {
	position: absolute;
	top: 254px;
	left: 75px;
}

#button-1 {
	background: url(/images/button-1.gif) no-repeat 0% 0%;
	display: block;
	width: 119px;
	height: 36px;
	overflow: hidden;
	line-height: 36px;
	font-size: 1.167em;
	text-decoration: none;
	color: #252525;
	text-align: center;
	position: absolute;
	top: 392px;
	left: 265px;
}

	#button-1:hover {
		color: #00c2ff;
	}

#button-2 {
	background: url(/images/button-browse-presta-templates.gif) no-repeat 0% 0%;
	display: block;
	width: 305px;
	height: 36px;
	overflow: hidden;
	line-height: 36px;
	font-size: 1.167em;
	text-decoration: none;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 392px;
	left: 380px;
}

	#button-2:hover {
		color: #000;
	}

#content {
	width: 904px;
	margin: 0 auto;
	padding: 12px 0 28px 0
}

	#content .indent {
		padding: 0 0 0 12px;
	}

	#content p {
		padding: 0 0 15px 0;
		line-height: 1.286em;
		font-size: 1.167em;
		color: #5d5d5d;
	}
	
	#content p.extra {
		padding: 0 0 18px 0;
	}
	
	#content p.extra1 {
		padding: 0 0 20px 0;
	}
	
	#content p.extra2 {
		padding: 0 0 3px 0;
	}
	
	#content p.extra3 {
		padding: 0 0 22px 0;
	}
	
	#content p.extra4 {
		padding: 0 0 13px 0;
	}
	
		#content p a {
			text-decoration: none;
			color: #00c2ff;
		}
		
		#content p a:hover {
			text-decoration: underline;
		}
		
	#content p big {
		display: block;
		padding: 3px 0 0 0;
		font-size: 1em;
	}
	
		#content p small {
			float: right;
			padding: 0 10% 0 0;
			font-size: 1em;
		}
		
	#content p span a {
		text-decoration: underline !important;
	}
	
		#content p span a:hover {
			text-decoration: none !important;
		}

.row-1 {
	width: 100%;
}

.row-1a {
	width: 865px;
	padding: 0 0 0px 12px;
}
	.row-1 .inner {
		padding: 0 0 64px 12px;
	}
	
	.row-1 .inner-1 {
		padding: 0 0 65px 12px;
	}

.row-2 {
	width: 100%;
}

	.row-2 .inner {
		padding: 0 0 0 10px;
	}

.link {
	background: url(/images/link-tail.gif) repeat-x 0% 0%;
	display: inline-block;
	height: 26px;
	float: left;
	overflow: hidden;
	line-height: 26px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.833em;
	color: #fff;
}

	.link span {
		background: url(/images/link-left.gif) no-repeat 0% 0%;
		display: inline-block;
	}
	
	.link span span {
		background: url(/images/link-right.gif) no-repeat 100% 0%;
		display: inline-block;
		height: 26px;
		padding: 0 27px 0 9px;
	}
	
	.link:hover span span {
		cursor: pointer;
		color: #000;
	}

.link-1 {
	background: url(/images/link-tail.gif) repeat-x 0% 0%;
	display: inline-block;
	height: 26px;
	float: right;
	overflow: hidden;
	line-height: 26px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.833em;
	color: #fff;
}

	.link-1 span {
		background: url(/images/link-left.gif) no-repeat 0% 0%;
		display: inline-block;
	}
	
	.link-1 span span {
		background: url(/images/link-right.gif) no-repeat 100% 0%;
		display: inline-block;
		height: 26px;
		padding: 0 27px 0 9px;
	}
	
	.link-1:hover span span {
		cursor: pointer;
		color: #000;
	}

.list {
	overflow: hidden;
	padding: 0 0 10px 0;
}

	.list li {
		background: url(/images/marker.gif) no-repeat 0% 6px;
		padding: 0 0 0 24px;
		line-height: 1.286em;
		font-size: 1.167em;
		color: #00c2ff;
	}
	
		.list li a {
			text-decoration: none;
			color: #00c2ff;
		}
		
		.list li a:hover {
			text-decoration: underline;
		}

.list-1 {
	overflow: hidden;
}

	.list-1 li {
	background: url(/images/line-hor.gif) repeat-x 50% 100%;
	line-height: 1.3em;
	color: #fff;
	list-style-position: outside;
	padding: 6px 0px;
	margin: 0 0 0 15px;
	}
	
	.list-1 li.extra {
	background: none;
	padding-bottom: 15px;
	}
	
		.list-1 li a {
	padding: 0;
	text-decoration: none;
	color: #fff;
		}
		
		.list-1 li a:hover {
	color: #000;
		}

.list-2 {
	margin: 0 0 -1px 0;
	padding: 1px 0 0 0;
	line-height: 1.286em;
	font-size: 1.167em;
	color: #5d5d5d;
}

	.list-2 dt {
		text-decoration: none;
	}
	
		.list-2 dt a {
			text-decoration: none;
			color: #5d5d5d;
		}
		
		.list-2 dt a:hover {
			text-decoration: underline;
		}
		
	.list-2 dd {
		padding: 0 0 26px 0;
	}
	
		.list-2 dd a {
			text-decoration: none;
			color: #00c2ff;
		}
		
		.list-2 dd a:hover {
			text-decoration: underline;
		}

.list-3 {
	margin: 0 0 -39px 0;
	padding: 0 0 0 12px;
}

	.list-3 li {
		width: 100%;
		padding: 0 0 39px 0;
		overflow: hidden;
		vertical-align: top;
		line-height: 1.286em;
		font-size: 1.167em;
		color: #5d5d5d;
	}
	
		.list-3 li img {
			float: left;
			margin: 12px 36px 0 0;
		}
		
		.list-3 li p {
			overflow: hidden !important;
			padding: 0 !important;
			line-height: 1.286em !important;
			font-size: 1em !important;
			color: #5d5d5d !important;
		}
		
			.list-3 li p strong {
				display: block;
				width: 100%;
				padding: 15px 0 0 0;
				overflow: hidden;
				font-weight: normal;
			}

				.list-3 li p strong a {
					background: url(/images/link-tail.gif) repeat-x 0% 0%;
					display: inline-block;
					height: 26px;
					float: left;
					overflow: hidden;
					line-height: 26px;
					text-transform: uppercase;
					text-decoration: none;
					font-size: 0.714em;
					color: #fff !important;
				}
				
				.list-3 li p strong a:hover {
					text-decoration: none !important;
				}
				
					.list-3 li p strong a span {
						background: url(/images/link-left.gif) no-repeat 0% 0%;
						display: inline-block;
					}
					
					.list-3 li p strong a span span {
						background: url(/images/link-right.gif) no-repeat 100% 0%;
						display: inline-block;
						height: 26px;
						padding: 0 27px 0 9px;
					}
					
					.list-3 li p strong a:hover span span {
						cursor: pointer;
						color: #000;
					}

.list-4 {
	padding: 0 0 3px 0;
	overflow: hidden;
	line-height: 1.286em;
	font-size: 1.167em;
	color: #5d5d5d;
}

	.list-4 dd {
		width: 100%;
		padding: 0 0 18px 0;
		overflow: hidden;
	}
	
		.list-4 dd small {
			float: right;
			padding: 0 21% 0 0;
			font-size: 1em;
		}

#icons {
	width: 100%;
	padding: 0 0 0 0;
	overflow: hidden;
}

	#icons li {
		float: left;
		padding: 0 3px 0 0;
	}
	
		#icons li a {
			display: block;
			width: 32px;
			height: 32px;
			overflow: hidden;
			float: left;
		}
		
		#icons li#icon-1 {
			padding: 0 3px 0 6px;
		}
		
		#icons li#icon-1 a {
			background: url(/images/icon-1.gif) no-repeat 0% 0%;
		}
		
			#icons li#icon-1 a:hover {
				background: url(/images/icon-act1.gif) no-repeat 0% 0%;
			}
		
		#icons li#icon-2 a {
			background: url(/images/icon-2.gif) no-repeat 0% 0%;
		}
		
			#icons li#icon-2 a:hover {
				background: url(/images/icon-act2.gif) no-repeat 0% 0%;
			}
		
		#icons li#icon-3 a {
			background: url(/images/icon-3.gif) no-repeat 0% 0%;
		}
		
			#icons li#icon-3 a:hover {
				background: url(/images/icon-act3.gif) no-repeat 0% 0%;
			}
		
		#icons li#icon-4 a {
			background: url(/images/icon-4.gif) no-repeat 0% 0%;
		}
		
			#icons li#icon-4 a:hover {
				background: url(/images/icon-act4.gif) no-repeat 0% 0%;
			}

.line-ver-1 {
	background: url(/images/line-ver.gif) repeat-y;
	width: 100%;
}

.line-ver-2 {
	background: url(/images/line-ver.gif) repeat-y;
	width: 100%;
}

.overflow {
	overflow: hidden;
}

.pic {
	float: right;
	margin: 16px 0 0 10px;
}

.pic-1 {
	float: right;
	margin: 16px 0 0 15px;
}

.no-indent {
	margin: 0 !important;
	padding: 0 !important;
}

#contact-form {
	width: 265px;
	padding: 4px 0 0 0;
}

	#contact-form label {
		display: block;
		width: 100%;
		height: 26px;
		overflow: hidden;
	}
	
	#contact-form input {
		background: none;
		width: 256px;
		height: 16px;
		padding: 1px 3px 1px 3px;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.167em;
		color: #5d5d5d;
	}
	
	#contact-form textarea {
		background: none;
		width: 256px;
		height: 91px;
		padding: 1px 3px 1px 3px;
		float: left;
		overflow: auto;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.167em;
		color: #5d5d5d;
	}

	#contact-form a {
		background: url(/images/link-tail.gif) repeat-x 0% 0%;
		display: inline-block;
		height: 26px;
		float: right;
		margin: 19px 0 0 19px;
		overflow: hidden;
		line-height: 26px;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 0.833em;
		color: #fff;
	}
	
		#contact-form a span {
			background: url(/images/link-left.gif) no-repeat 0% 0%;
			display: inline-block;
		}
		
		#contact-form a span span {
			background: url(/images/link-right.gif) no-repeat 100% 0%;
			display: inline-block;
			height: 26px;
			padding: 0 27px 0 9px;
		}
		
		#contact-form a:hover span span {
			cursor: pointer;
			color: #000;
		}

.visible {
	overflow: visible !important;
}

.privacy {
	padding: 0 0 3px 10px;
}

	.privacy p {
		padding: 0 0 18px 3px !important;
	}
	
	.privacy p.no-indent {
		padding: 0 0 0 3px !important;
	}

#footer-tail {
	background: url(/images/body-tail.jpg) repeat 50% 0%;
}

#footer-bg {
	background: url(/images/footer-tail.jpg) repeat-x 50% 0%;
	width: 100%;
}

#footer {
	width: 904px;
	min-height: 346px;
	height: auto !important;
	height: 346px;
	margin: auto;
}
	
	#footer .inner {
		padding: 38px 0 0 0;
	}
	
	#footer .block-1 {
	width: 230px;
	padding: 0 0 0 0;
	}
	
	#footer .block-2 {
	width: 150px;
	padding: 0 40px 0 0;
	}
	
	#footer .block-3 {
	width: 149px;
	padding: 0 72px 0 0;
	}
	
	#footer .block-4 {
	width: 251px;
	}

	#footer p {
		padding: 0 0 0 2px;
		line-height: 1.5em;
		color: #fff;
	}
	
		#footer p a {
			text-decoration: none;
			color: #fff;
		}
		
		#footer p a:hover {
			text-decoration: underline;
		}
.blue {
	color: #FFF;
	background-color: #00C2FF;
	padding: 1px 5px;
}
.searchform {
	float: right;
	top: 90px;
	position: absolute;
	left: 670px;
}
#page1 #main-bg #main #header #searchform form .searchbutton {
	color: #FFF;
	background-color: 00C2FF;
	background-image: url(/images/link-tail.gif);
	border: none;
	padding: 2px 5px;
	cursor: pointer;
}
#page1 #main-bg #main #header #searchform form .searchfield {
	color: #C3C3C3;
	font-size: 12px;
	border: 1px solid #C3C3C3;
	line-height: 19px;
	height: 19px;
	width: 155px;
}
#header2 #searchform form .searchbutton {
	color: #FFF;
	background-color: 00C2FF;
	background-image: url(/images/link-tail.gif);
	border: none;
	padding: 2px 5px;
	cursor: pointer;
}
#header2 #searchform form .searchfield {
	color: #C3C3C3;
	font-size: 12px;
	border: 1px solid #C3C3C3;
	line-height: 19px;
	height: 19px;
	width: 155px;
}
.smallt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: capitalize;
	color: #919191;
}
.Headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #00c2ff;
	line-height: 36px;
	padding-bottom: 40px;
	letter-spacing: -1px;
}
.HeadlineMed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #00c2ff;
	line-height: 36px;
	padding-bottom: 40px;
	letter-spacing: -1px;
}
.help_bg {
	padding-bottom: 30px;
}

#contacts-form div {
	margin-bottom: 10px;
}

#page1 #main-bg2 #main #content #contacts-form div #Message {
	font-size: 14px;
	color: #5D5D5D;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #5D5D5D;
}
.searchbutton {
	background-color: #00C2FF;
	color: #FFF;
	border: none;
	padding: 8px 16px;
	cursor:pointer;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #00c2ff;
	line-height: 36px;
	padding-bottom: 40px;
	letter-spacing: -1px;
	text-transform: none;
}
.inputfield1 {
	width: 300px;
	margin: 5px 0 0 0;
}
.p2 {
	padding: 0 0 5px 0;
	line-height: 1.286em;
	font-size: 1.167em;
	color: #5d5d5d;
	margin: 0 0 5px 0;
}
.ps-visit {
	text-decoration: none;
	padding-right: 5px;
	color: #393939;
	font-size: 10px;
}
.LGSN_link1 {
	margin-right:4px;
}
#language {
	position:absolute;
	width:99px;
	height:27px;
	z-index:1;
	left: 770px;
	top: 8px;
	text-align:right
}
.recherchez-button {
	background-color: #00C2FF;
	color: #FFF;
	border: none;
	padding: 4px 16px;
	cursor:pointer;
}
#language {
	position:absolute;
	width:150px;
	height:27px;
	z-index:1;
	left: 720px;
	top: 8px;
	text-align:right
}
