/* =RESET (http://developer.yahoo.net/yui/license.txt)
version: 2.2.1
--------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/* END RESET -------------------------------------- */

html, body {
	width: 100%;
	height: 100%;
}

body {
	background-color: #eae5dd;
	text-align: center;
	font-size: 11px;
	font-family: Tahoma, sans-serif;
	color: #000;
}

strong {
	font-weight: bold;
}

a, p {
	position: relative;
	z-index: 1;
}

#global {
	position: relative;
	width: 801px;
	margin: 0 auto;
	text-align: left;
	padding: 90px 0 50px 0;
}

#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	font-size: 10px;
	color: #999;
}

	#footer a {
		color: #999;
		text-decoration: none;
	}

	#footer a:hover {
		text-decoration: underline;
	}

#logo {
	width: 235px;
	height: 62px;
	float: left;
}

#menu0, #menu1, #menu2, #menu3, #menu4 {
	width: 545px;
	height: 53px;
	background: transparent url(../img/menu_0.png) no-repeat left top;
	padding: 0 0 0 8px;
	float: right;
	z-index: 10;
	margin: 9px 0 0 0;
}

#menu1 {
	background: transparent url(../img/menu_1.png) no-repeat left top;
}

#menu2 {
	background: transparent url(../img/menu_2.png) no-repeat left top;
}

#menu3 {
	background: transparent url(../img/menu_3.png) no-repeat left top;
}

#menu4 {
	background: transparent url(../img/menu_4.png) no-repeat left top;
}

#menuList {
	margin: 0 0 0 5px;
}

	#menuList li {
		display: inline;
		text-align: center;
	}

	#menuList .selected a {
		color: #FFF;
		font-weight: bold;
	}

		#menuList li a {
			display: block;
			color: #000;
			text-transform: uppercase;
			height: 40px;
			line-height: 40px;
			margin: 13px 0 0 0;
			float: left;
			display: inline;
			text-decoration: none;
			text-align: center;
		}

#bandeau {
	position: relative;
	float: left;
	width: 801px;
	height: 226px;
	background: transparent url(../img/bg_bandeau.png) no-repeat left top;
}

#bandeau2 {
	position: relative;
	float: left;
	width: 801px;
	height: 147px;
	background: transparent url(../img/bg_bandeau2.png) no-repeat left top;
}


#content {
	float: left;
	width: 801px;
}

#indexLeft, #contactLeft {
	float: left;
	width: 200px;
	padding: 55px 20px 0;
	background: transparent url(../img/picto_bienvenue.png) no-repeat 25px 12px;
}

	#indexLeft p, #contactLeft p {
		text-align: justify;
		color: #666;
	}

#indexMiddle {
	float: left;
	width: 260px;
	margin: 0 0 0 130px;
	padding: 15px 0 0 0;
	display: inline;
}

	#indexMiddle ul li {
		padding: 0 0 0 10px;
		background: transparent url(../img/puce.gif) no-repeat left 3px;
		font-size: 12px;
		color: #666;
		font-weight: bold;
		margin: 0 0 5px 0;
	}

#indexRight {
	float: left;
	width: 160px;
	padding: 55px 5px 0;
	background: transparent url(../img/picto_contactus.png) no-repeat 15px 12px;
	display: inline;
}

	#indexRight p {
		text-align: right;
		font-size: 10px;
		color: #666666;
	}

#presLeft {
	float: left;
	width: 200px;
	padding: 55px 40px 0 20px;
	background: transparent url(../img/picto_presentation.png) no-repeat 25px 12px;
}

	#presLeft p {
		text-align: justify;
		color: #666;
	}

#presMiddle {
	width: 190px;
	float: left;
	padding: 55px 40px 0 0;
}

	#presMiddle p {
		color: #666;
		text-align: justify;
	}

#presRight {
	float: left;
	width: 310px;
	text-align: right;
	padding: 55px 0 0 0;
	display: inline;
}

#cuveLeft {
	float: left;
	width: 195px;
	padding: 55px 0 0 20px;
	display: inline;
}

	#cuveLeft ul li {
		padding: 0 0 0 20px;
		background-repeat: no-repeat;
		margin: 0 0 10px 0;
		color: #666;
	}

#cuveMiddle {
	position: absolute;
	padding: 20px 0 0 0;
	left: 190px;
	top: 0;
}

#cuveRight {
	width: 355px;
	float: left;
	padding: 30px 0 0 20px;
	margin: 0 0 0 200px;
	display: inline;
}

	#cuveRight ul li {
		float: left;
		width: 45%;
		padding: 0 0 0 10px;
		background: transparent url(../img/puce.gif) no-repeat left 3px;
		margin: 10px 0 10px 0;
		color: #666;
		display: inline;
	}

#visuHome {
	background: transparent url(../img/visu_home.png) no-repeat left top;
	width: 137px;
	height: 354px;
	position: absolute;
	top: 180px;
	left: 230px;
}

#contactLeft {
	background: transparent url(../img/picto_contact2.png) no-repeat 25px 12px;
}

#contactMiddle {
	float: left;
	margin: 0 0 0 130px;
	padding: 15px 0 0 0;
	display: inline;
	width: 400px;
}

	#contactMiddle p {
		font-size: 12px;
		padding: 0 0 0 15px;
		background: transparent url(../img/puce.gif) no-repeat left 3px;
		margin: 5px 20px 2px 0;
		float: left;
		width: 40%;
		display: inline;
	}
		#contactMiddle p label {
			color: #666;
			font-size: 11px;
			font-weight: bold;
		}

		#contactMiddle p span {
			color: #da782f;
			font-weight: bold;
		}

#servLeft {
	float: left;
	width: 455px;
	padding: 55px 0 0 20px;
	background: transparent url(../img/picto_services.png) no-repeat 25px 12px;
}

	#servLeft ul {
		float: left;
		width: 145px;
		padding-right: 10px;
	}

	#servLeft .txt {
		width: 290px;
		float: left;
		margin: 0 0 0 0;
		font-size: 11px;
		color: #666;
		text-align: justify;
		display: inline;
		padding: 5px;
	}

		#servLeft .txt h2 {
			font-weight:bold;
			font-size: 14px;
			margin: 0 0 5px 0;
		}

		#servLeft .txt em {
			font-weight:bold;
			font-size: 12px;
		}

		#servLeft .txt em.em2 {
			font-weight:bold;
			font-size: 11px;
		}

		#servLeft .txt table {
			width: 100%;
			margin: 10px 0;
		}

		#servLeft .txt td {
			border: 1px solid #000;
			padding: 5px;
		}

	#servLeft ul li {
		background: transparent url(../img/puce.gif) no-repeat left 3px;
		padding: 0 0 0 15px;
		margin: 0 0 10px 0;
	}
		#servLeft ul li .liens {
			font-size: 12px;
		}

		#servLeft ul li .liens2 {
			margin: 0 0 0 7px;
			font-size: 10px;
		}

		#servLeft ul li a {
			font-size: 12px;
			color: #666;
			font-weight: bold;
			text-decoration: none;
		}

		#servLeft ul li a.selected {
			color: #dd7930;
		}

#servMiddle {
	float: left;
	width: 326px;
	text-align: right;
	padding: 55px 0 0 0;
}

#mentionsLeft, #mentionsMiddle, #mentionsRight {
	float: left;
	width: 30%;
	padding: 55px 3% 0 0;
}

	#mentionsLeft p, #mentionsMiddle p, #mentionsRight p {
		text-align: justify;
		font-size: 10px;
		color: #666;
	}

	#mentionsLeft strong, #mentionsMiddle strong, #mentionsRight strong {
		color: #333;
	}

	#mentionsLeft h2 {
		font-size: 12px;
		font-weight: bold;
		color: #dd7930;
		margin: 0 0 15px 0;
	}

	#mentionsMiddle ul li {
		text-align: center;
	}

	#mentionsMiddle ul li a {
		color: #666;
		text-decoration: none;
	}

	#mentionsMiddle ul li a:hover {
		text-decoration: underline;
	}

	#mentionsRight a {
		color: #666;
	}

#window {
	display: none;
}

/* =MYMODAL */
#pageOverlay, #myModal-loader {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9990;
	width: 100%;
	height: 500px;
	background-color: #fff;
}

#myModal-loader {
	display: none;
}

#myModal {
	text-align: left;
	position: fixed;
	top: 50%;
	left: 30%;
	z-index: 9992;
	background: transparent url('../img/shadowAlpha.png') right bottom no-repeat;
	padding: 0 6px 6px 0;
}

* html #myModal, * html #pageOverlay,
	* html #myModal-loader {
		position: absolute;
	}

	#myModal #ajaxLoading {
		position: absolute;
		bottom: 9px;
		right: 20px;
		display: block;
		width: 16px;
		height: 16px;
	}

#myModal-content {
	border: 2px solid #bfbfbf;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	background: #fff;
	margin-top: -4px;
	position: relative;
	min-height: 80px;
}
	#myModal-content p {
		margin-top: 30px;
	}

	#myModal-content h5  {
		background-color: #eeeff1;
		color: #779e04;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
		padding: 10px;
		margin-bottom: 10px;
		font-weight: 700;
		font-size: 16px;
	}

	#myModal-close {
		position: absolute;
		top: 5px;
		right: 15px;
		display: block;
		width: 15px;
		height: 15px;
		background: transparent url('../img/bt-error.gif') left top no-repeat;
		text-indent: -999px;
		overflow: hidden;
		cursor: pointer;
	}
/* End MYMODAL */