@charset "UTF-8";
/* CSS Document */
@import url('typography.css');

*{
	margin:0;
	padding:0;
	border:none;
	list-style:none;
}
hr{display:none;}

html{text-align:center; background-color:#999999;}
body{ position:relative; margin:0 auto; text-align:left; width:900px;}

body#infosLegales
{
	width:360px;
	margin:20px;
}
	body#infosLegales > h3
	{
		margin-top:20px;
	}

form{overflow:hidden;}
input, textarea{border:#999999 solid 1px; min-height:15px; width:220px; margin-top:5px; margin-bottom:6px;}
textarea{width:280px; max-width:280px; min-height:190px; padding:5px;}

input.checkbox{width:15px; margin:0px; margin-top:5px;}

input.button{background-color:#999999; color:#000000; cursor:pointer;}
input.button:hover{background-color:#333333; color:#FFFFFF;}

div.mainHeadline{
	background-image:url(images/layout_02.png);
	background-repeat:no-repeat;
	height:100px;
	
	text-indent:-9999px;
}

object#bandeauAccueil{
	position:absolute;
	top:50px;
	left:100px;
}

div.coordinates{
	position:absolute;
	left:750px;
	width:130px;
	top:53px;
	padding:10px;
}

/*
	MAIN NAVIGATION -----------------------------------------------------
*/
div.mainNavigation{
	position:absolute;
	top:100px;
	width:900px;
	background-image:url(images/layout_07.png);
	background-repeat:no-repeat;
	border-bottom:#000000 solid 1px;
	height:35px;
	z-index:9999;
}
	div.mainNavigation > ul{
		position:absolute;
		display:inline;
		width:500px;
		height:100%;
		left:100px;
	}
	div.mainNavigation > ul > li{
		position:relative;
		display:block;
		float:left;
		text-align:left;
		background-image:url(images/Accueil.png);
		background-repeat:no-repeat;
		background-position:left top;
		width:100px;
		height:35px;
	}
	div.mainNavigation > ul > li:hover{
		background-position:left bottom;
	}
		div.mainNavigation > ul > li > a, div.mainNavigation > ul > li > p{
			display:block;
			height:23px;
			width:100%;
			padding-top:12px;
			padding-left:12px;
		}
	p#accueilMenu, p#contactMenu{
		position:absolute;
		text-align:center;
		background-image:url(images/Accueil.png);
		background-repeat:no-repeat;
		background-position:left top;
		width:100px;
		height:35px;
		left:0px;
	}
	p#contactMenu{
		position:absolute;
		left:750px;
		width:150px;
	}
		p#accueilMenu > a, p#contactMenu > a{
			display:block;
			position:relative; margin:0 auto;
			height:11px;
			top:0px;
			padding:12px;
		}
	li#menuGeneral > ul > li:hover, p#accueilMenu:hover, p#contactMenu:hover{
		background-position:left bottom;
		cursor:pointer;
	}
	
	
	/* Sous menus */
	div.mainNavigation > ul > li > ul{
		display:none;
	}
	div.mainNavigation > ul > li:hover > ul, div.mainNavigation > ul > li:hover > ul:hover 
	{
		display:block;
		background-image:url(images/sousMenu.png);
		background-repeat:repeat-y;
		position:absolute;
		top:35px;
		width:150px;
		left:0px;
		padding:5px;
	}
		div.mainNavigation > ul > li:hover > ul > li, div.mainNavigation > ul > li:hover > ul:hover > li{
			position:relative;
			padding:5px;
		}
		div.mainNavigation > ul > li:hover > ul > li, div.mainNavigation > ul > li:hover > ul:hover > li:hover{
			cursor:pointer;
		}

/*
------------------------------------------------------------------------------
*/
div.mainContent{
	position:absolute;
	top:135px;
	left:100px;
	
	background-color:#FFFFFF;
	width:630px;
	min-height:400px;
	padding:10px;
}
	div.mainContent > h2{
		position:absolute;
		top:80px;
		left:20px;
		font-size:14px;
		color:#000;
	}
	div.textContent{
		width:295px;
		float:left;
		
		padding:10px;
	}
	div.imgContent{
		width:295px;
		text-align:left;
		float:left;
		padding:10px;
	}
		div.textContent > h3,
		div.imgContent > h3,
		h3.sousTitre{
			background-color:#0099CC;
			color:#ffffff;
			width:285px;
			padding:5px;
			margin-top:30px;
			margin-bottom:15px;
		}
		div.textContent > ul > li,
		div.imgContent > ul > li {
			margin-bottom:10px;
		}
		div.textContent > ul > li > h3,
		div.imgContent > ul > li > h3{
			margin-bottom:5px;
		}
		div.textContent > ul > li > ul,
		div.imgContent > ul > li > ul{
			padding-left:20px;
		}
		div.textContent > ul > li > ul > li,
		div.imgContent > ul > li > ul > li{
			margin-bottom:5px;
			width:260px;
		}
		
	


div.hotline{
	position:absolute;
	top:135px;
	left:750px;
	
	padding:15px;
	width:120px;
	
	text-align:center;
}
	div.hotline > p{
		margin-bottom:10px;
	}

div.ours{
	position:absolute;
	left:0px;
	width:80px;
	top:135px;
	
	text-align:right;
	
	padding:5px;
	background-image:url(images/layout_09.png);
	background-repeat:no-repeat;
	height:176px;
}
	div.ours > ul {margin-top:10px;}