/* CSS Document */
*{
    margin: 0;
    padding: 0;
}

body{
	margin:0 auto;
	background-color:#4f5253;
}
td{
  vertical-align:top;
}
 label.contact
{
	display: block;
	width: 90px;
	float: left;
}

.attention{ color:#CC0000;}

#top-bg{
	position:relative;
	background: url(top-bg2.jpg) no-repeat center;
	height:43px;
}
#content{ 
	position:relative;
	background: url(content-bg2.jpg) repeat-y center;
	/*background-color:#FFFFFF;*/
	/*border:red solid 1px;*/
	width:980px;
	margin:0 auto;
	padding:0 10px 10px 10px;
	color:#000000;
}
#slogan{ 
	position:relative;
	background-color:#ffffff;
	/*border:red solid 1px;*/
	margin:0 auto;
	color:#000000;
	width:940px;
}
#bandeau{
	position:relative;
	margin:0 auto;
	/*border:red solid 1px;*/
	width:940px;
	height:170px;
}
#photo-bandeau{
	position:relative;
	float:left;
	width:440px;
	height:inherit;
	background:#999;
}
#nom-page{
	position:relative;
	float:left;
	text-align:center;
	color:#ffffff;
	width:260px;
	height:170px;
	background-color:#3399FF;
}
#mot1-big{
	position:relative;
	top:25px;
	width:100%;
	font-size:48px;}
#mot1-small{
	position:relative;
	top:25px;
	width:100%;
	font-size:34px;
}
#mot2-big{
	position:relative;
	top:10px;
	width:100%;
	font-size:48px;}
#mot2-small{
	position:relative;
	top:10px;
	width:100%;
	font-size:34px;
}

#imageCV{
	position:relative;
	top:25px;
	width:100%;
}
#menu-page{
	position:relative;
	float:left;
	width:240px;
	height:170px;
	background-color:#666;
	color:#ffffff;
}
#liste-menu{
	margin:5px 20px 20px 40px;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:2px;
}
#liste-menu a:link {
	color:#FFFFFF;
	text-decoration:none;
}
#liste-menu a:active {
	color:#FFFFFF;
}
#liste-menu a:visited {
	color:#FFFFFF;
}
#liste-menu a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#z1Title, #z2Title, #z3Title{
	height:20px;
	padding:10px 0px 0px 5px;
	color:#999999;
	border-bottom:#CCC solid 1px;
}

#lesZones{
	position:relative;
	margin:0px auto;
	width:940px;
	overflow:hidden;
	/*height:auto;*/
}

#zone1{
	/*position:relative;*/
	float:left;
	background-color:#ffffff;
	color:#000000;
	min-height:520px;
	width:200px;
	border-bottom: #999 solid 7px;
}
#z1img1{
	margin:20px 10px 20px 0px;
}
#z1img2{
	margin:20px 10px 20px 0px;
}
img#180x180{
	/*position:relative;
	float:left;*/
	width:180px;
	height:180px;
}
img#180x150{
	/*position:relative;
	float:left; */
	width:150px;
	height:180px;
}
#zone2{
	/*position:relative;*/
	float:left;
	background-color:#E4E4E4;
	color:#000000;
	min-height:520px;
	width:940px; 
	border-bottom:#3399FF solid 7px;
}

#z2Content{
	/* margin:20px 0;
	width:500px; */
	margin:auto;
	width:auto;
	color:#666;
}

#z2Content h5{
	margin:5px 0px 5px 10px;
	color:#0066FF;
}
#contact{
margin:0px 20px 10px 20px;
}
#z2Content p{
	margin:0px 20px 10px 20px;
	text-align:justify;
	font-size:16px;
}
#z2Content ul{
	color:#0066FF;
	margin:15px 50px 0px 50px;
	padding:0px;
	font-size:16px;
	text-align:justify;
	/*text-transform:uppercase;*/
	list-style-position:outside;
}
#z2Content li{
	margin:5px 0px;
}

#zone3{
	/*position:relative;*/
	float:left;
	background-color:#ffffff;
	color:#000000;
	min-height:520px;
	width:240px; 
	border-bottom:#666 solid 7px;
}
#zone3 a:link {
	color:#03F;
	text-decoration:none;
}
#zone3 a:active {
	color:#03F;
}
#zone3 a:visited {
	color:#03F;
}
#zone3 a:hover {
	color:#333;
	text-decoration:underline;
}
#zone3 h5{
	margin:0px 0px 10px 0px;
}
#zone3 .offres{
	color:#0066FF;
	margin:15px 15px 0px 20px;
	padding:0px;
	font-size:12px;
	text-align:left;
	list-style-position:outside;
}
#zone3 ul{
	color:#0066FF;
	margin:15px 15px 0px 20px;
	padding:0px;
	font-size:15px;
	text-align:left;
	list-style-position:outside;
}

#zone3 li{
	margin:0px 0px 10px 0px ;
	padding:0px;
	text-transform:uppercase;
	text-align:left;	
}
#logo{
	position:absolute;
	right:50px;
	bottom:30px;
}
#bottom-bg{
	position:relative;
	background: url(bottom2.jpg) no-repeat center;
	text-align:center;
	height:35px;
}
#copyright{
	color:#0066CC;
	padding-top:3px;
	font-size:10px;
	font-style:italic;
}