@charset "utf-8";
/* CSS Document */

body{
	margin				: 0;
	padding				: 0;
	background			: #424243;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 13px;
	color				: #2e2e30;
	text-align			: center;
}

#global{
	position			: relative;
	margin				: auto;
	text-align			: left;
	background			: url('../img/bg-global.jpg') repeat-y;
	width				: 975px;
}

#top{
	position			: relative;
	width				: 865px;
	padding-left		: 110px;
	height				: 179px;
	background			: url('../img/bg-top.jpg') no-repeat;
}

#content{
	position			: relative;
	width				: 875px;
	padding				: 30px 0 0 100px;
	background			: url('../img/bg-content.jpg') no-repeat;
	min-height			: 580px;
}

#bg-top-left{
	position			: absolute;
	top					: 0;
	left				: -80px;
	z-index				: 10;
	width				: 80px;
	height				: 761px;
}

#footer{
	position			: relative;
	left				: -80px;
	width				: 1170px;
	height				: 256px;
	background			: url('../img/bg-footer.jpg') no-repeat;
	clear				: both;
}

.contact{
	position			: absolute;
	top					: 16px;
	left				: 431px;
	width				: 294px;
	height				: 44px;	
}

.contact:hover{
	background			: url('../img/btn-mail.jpg') no-repeat;
}

.index{
	position			: absolute;
	top					: 16px;
	left				: 780px;
	width				: 231px;
	height				: 44px;
}

.index:hover{
	background			: url('../img/btn-image.jpg') no-repeat;
}

.tel{
	position			: absolute;
	top					: 16px;
	left				: 188px;
	width				: 231px;
	height				: 44px;
}

.tel:hover{
	background			: url('../img/btn-tel.jpg') no-repeat;
}

/******************* liste ********************/

ul, li{
	margin				: 0;
	padding				: 0;
	list-style-type		: none;
}

/******************* liens ********************/

a{
	color				: #2e2e30;
	outline				: none;
}

a img{
	border				: 0;
}

hr{
	clear				: both;
	display				: block;
	height				: 30px;
	line-height			: 30px;
	visibility			: hidden;
}

/****************** titre **********************/

h1{
	text-indent			: -9999px;
	height				: 35px;
	margin-top			: 0;
}

p{
	text-align			: justify;
	margin-bottom		: 0;
}

/***************** actualite *********************/

.actu{
	position			: relative;
	float				: left;
	width				: 397px;
	height				: 294px;
	background			: url('../img/bg-actu.jpg') top right;
	margin				: 0 0 0 47px;
}

.actu ul{
	margin				: 65px 0 0 0;
}

.actu ul li{
	position			: relative;
	background			: url('../img/cal.jpg') top right no-repeat;
	width				: 300px;
	margin				: 0 0 8px 25px;
	padding-right		: 55px;
	height				: 48px;
}

.actu ul li .mois{
	position			: absolute;
	top					: 5px;
	right				: 0px;
	text-align			: center;
	font-size			: 9px;
	color				: #fff;
	width				: 48px;
}

.actu ul li .jour{
	position			: absolute;
	top					: 15px;
	right				: 0px;
	text-align			: center;
	font-size			: 24px;
	color				: #000;
	width				: 48px;
}

/************************** image entreprise ****************************/

.num{
	width				: 727px;
	height				: 60px;
	font-weight			: bold;
	padding				: 15px 0 0 95px;
	font-size			: 14px;
}

.little-bleu{
	width				: 765px;
	background			: url('../img/bg-little-bleu.jpg') right bottom repeat-y;
	margin				: 20px 0 0 0;
}

.liste{
	list-style-type		: disc;
	padding				: 0 0 10px 40px;
	margin				: -20px 0 0 0;
	width				: 370px;
}

.liste li{
	list-style-type		: disc;
	width				: 370px;
}

.reference{
	position			: relative;
	float				: left;
	width				: 270px;
	height				: 143px;
	background			: url('../img/bg-reference.jpg');
	margin				: 0 0 0 30px;
	font-size			: 25px;
	text-align			: center;
	padding				: 135px 0 0 0;
}

.big-bleu{
	width				: 755px;
	background			: url('../img/bg-big-bleu.jpg') right bottom repeat-y;
	padding				: 0 70px 0 0;
}

.partenariat{
	position			: relative;
	float				: left;
	width				: 255px;
	height				: 276px;
	background			: url('../img/bg-partenariats.jpg');
	margin				: 0 0 0 30px;
	padding				: 0 15px 0 0;
}

.partenariat p{
	text-align			: right;
	margin				: 0;
	padding				: 0 0 7px 0;
}

.presse{
	float				: left;
}

.presse p{
	margin				: 10px 0 10px 0;
}

.presse a{
	text-decoration		: none;
}

.presse a:hover{
	text-decoration		: underline;
}

/*********************** image personnelle **********************************/

.temoin{
	width				: 398px;
	height				: 275px;
	background			: url('../img/bg-temoin.jpg') right bottom repeat-y;
	padding				: 0 10px 0 0;
	float				: left;
}

/**********************  formulaire ******************************************/

form{
	margin-left			: 95px;
}

input{
	height				: 20px;	
	background			: url('../img/bg-input.gif') no-repeat;
}

.chp{
	padding				: 0;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 12px;
	color				: #002e87;
	border				: 0;
	width				: 250px;
}

textarea{
	height				: 150px;
	line-height			: 20px;
	background			: url('../img/bg-input.gif') repeat-y;
}

label{
	display				: inline-block;
	width				: 150px;
	vertical-align		: top;
	padding-top			: 3px;
}

.envoyer{
	padding				: 0;
	background			: transparent;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 12px;
	color				: #00368b;
	font-weight			: bold;
	border				: 0;
	cursor				: pointer;
}

.envoyer:hover{
	color				: #2b59a2;
}