@charset "ISO-8859-1";
/* CSS Document */


/* GENERAL */
	body {
		background-image:url(../images/design/bg-website.png);
		background-repeat:repeat-x;
		background-color:#FFFFFF;
		margin:0px;
		padding:0px;
		font-family:Arial, Helvetica, sans-serif;
		}
	
	img, img a { border:0px none; }
	
	.mauve { color:#005DA8; }

	/* div float*/
	.left { float:left; }
	.right { float:right; }
	.clear { clear:both; }
	
	a { color:#005DA8; text-decoration:none; }
	a:hover { color:#005DA8; text-decoration:underline; }
	
	
	
	.website {
		position:relative;
		width:950px;
		margin:auto;
		}


/* BANNER AND TOP MENU */
	.banner {
		background-image:url(../images/design/bg-banner.png);
		background-repeat:no-repeat;
		background-color:#8da1b0;
		width:950px;
		height:157px;
		display:block;
		}
	
	.logo {
		float:left;
		margin:7px 0px 0px 0px;
		}
	
	/* langmenu */
	.langmenu {
		position:absolute;
		top:0px;
		right:0px;
		z-index:99;
		}
	
	.langmenu ul{
		display:inline;
		list-style:none;
		margin:0px;
		padding:0px;
		}
	.langmenu li {
		float:left;
		margin:0px;
		padding:0px;
		text-transform:uppercase;
		}
	
	.langmenu li a {
		background-image:url(../images/design/bg-lang.png);
		background-repeat:no-repeat;
		height:34px;
		line-height:28px;
		width:39px;
		font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
		font-size:18px;
		font-weight:bold;
		color:#FFFFFF;
		text-decoration:none;
		display:block;
		text-align:center;
		}
	.langmenu li a:hover {
		background-image:url(../images/design/bg-lang-hover.png);
		background-repeat:no-repeat;
		height:34px;
		line-height:28px;
		width:39px;
		font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
		font-size:18px;
		font-weight:bold;
		color:#FFFFFF;
		text-decoration:none;
		display:block;
		text-align:center;
		}
	
	
	/* topmenu */
	.topmenu {
		float:right;
		margin:65px 0px 0px 0px;
		}
	
	.topmenu ul {
		display:inline;
		list-style:none;
		margin:0px;
		padding:0px;
		}
	
	.topmenu li {
		float:left;
		margin:0px 0px 0px 40px;
		padding:0px;
		text-transform:uppercase;
		}
	
	.topmenu li a {
		font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
		font-size:24px;
		font-weight:bold;
		color:#FFFFFF;
		text-decoration:none;
		}
	.topmenu li a:hover {
		font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
		font-size:24px;
		font-weight:bold;
		color:#083c67;
		text-decoration:none;
		}
	li.actif a {
		font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
		font-size:24px;
		font-weight:bold;
		color:#083c67;
		text-decoration:none;
		}
	li.actif a:hover {
		font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
		font-size:24px;
		font-weight:bold;
		color:#083c67;
		text-decoration:none;
		}		
		
/* CONTENT */
	.content {
		margin:20px 0px 3px 0px;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		color:#595959;
		}
	
	
	.content-top {
		background-color:#FFFFFF;
		width:950px;
		height:28px;
		display:block;
		}
	
	.content-middle {
		background-image:url(../images/design/content-middle.png);
		background-repeat:repeat-y;
		background-color:#FFFFFF;
		width:894px;
		display:block;
		padding:0px 28px;
		text-align:justify;
		}
	.bg-snow {
		background-image:url(../images/design/bg-snow.png);
		background-repeat:no-repeat;
		background-position:left bottom;
		}
	
	.content-bottom {
		background-color:#FFFFFF;
		width:950px;
		height:28px;
		display:block;
		}
	.titre h1 {
		font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
		color:#8fb5d4;
		font-size:24px;
		font-weight:bold;
		margin:0px 0px 15px 0px;
		padding:0px;
		
		}
	.video {
		background-image:url(../images/design/bg-video.png);
		background-repeat:no-repeat;
		width:512px;
		height:304px;
		padding:8px;
		}


/* FOOTER */

	.copyright {
		float:left;
		color:#8398A7;
		font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
		font-size:10px;
		font-weight:bold;
		margin:0px 0px 0px 28px;
		}
	
	/* bottom menu */
	.bottommenu {
		float:right;
		margin:0px 28px 0px 0px;
		}
	
	.bottommenu ul {
		display:inline;
		list-style:none;
		margin:0px;
		padding:0px;
		}
	
	.bottommenu li {
		float:left;
		margin:0px 10px 0px 10px;
		padding:0px;
		text-transform:uppercase;
		color:#8397A7;
		font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		}
	
	.bottommenu li a {
		font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#8397A7;
		text-decoration:none;
		}
	.bottommenu li a:hover {
		font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#083c67;
		text-decoration:none;
		}
/* FORMULAIR DE CONTACT */

	td.contact-colonne-gauche {
		width:440px;
		padding:0px 12px 0px 0px;
		}
	td.contact-colonne-droite {
		width:440px;
		}
	input.contact {
		border:1px solid #7E7A7A;
		/*color:#7E7A7A;*/
		color:#005DA8;
		width:400px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		padding:3px 3px 3px 3px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		}
	.labelcontact{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		display:block;
		margin-bottom:3px;
		padding-left:3px;
		margin-top:20px;
		}
	
	textarea.contact {
		border:1px solid #7E7A7A;
		/*color:#7E7A7A;*/
		color:#005DA8;
		width:406px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		padding:3px 3px 3px 3px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		}
	
	#cadreok { 
		color:#083C67; 
		border: 1px solid #083C67;
		background-color:#d0d4d8;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		height:50px;
		line-height:50px;
		}