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

*{
	margin:0px;
	padding:0px;
}

div#ensemble{
	width:1000px;
	height:800px;
	margin: 0 auto;
}
div#pub{
	width:1000px;
	height:180px;
	margin: 0 auto;
}
div#lignenoir{
	float:left;
	background-image:url(image/lignenoir.jpg);
	background-repeat:no-repeat;
	height:800px;
	width:53px;
}

div#contenu{
	float:left;
}


/* ---------------------------------------------------Menu--------------------------------------------------------*/

div#menu{
	float:left;
	background-image:url(image/menu.jpg);
	background-repeat: no-repeat;
	height:800px;
	width:358px;
}

div#menublanc{
	float:left;
	background-image:url(image/menublanc.jpg);
	background-repeat: no-repeat;
	height:800px;
	width:358px;
}

a.logo img{
	border:none;
	float:left;
	margin-top:103px;
	margin-left:218px;
}

ul{
	float: left;
	width:138px;
	margin-top:-4px;
	margin-left:216px;
}

ul li{
	list-style-type:none;
}

ul li a{
	float:right;
	margin-bottom:32px;
}

ul li a img{
	border:none;
}

ul li a#presentation img.invisible,ul li a#clients img.invisible,ul li a#contact img.invisible,ul li a#liens img.invisible{
	width:0px;
}

ul li a#presentation:hover img.visible,ul li a#clients:hover img.visible,ul li a#contact:hover img.visible,ul li a#liens:hover img.visible{
	width:0px;
}

ul li a#presentation:hover img.invisible{
	width:137px;
}

ul li a#clients:hover img.invisible{
	width:81px;
}

ul li a#contact:hover img.invisible{
	width:96px;
}

ul li a#liens:hover img.invisible{
	width:64px;
}


/* ---------------------------------------------------Paragraphes-------------------------------------------------*/

div#text{
	float:left;
	background-image:url(image/text_clients.jpg);
	background-repeat:no-repeat;
	height:800px;
	width:589px;
}

div#text_presentation{
	float:left;
	background-image:url(image/text_presentation.jpg);
	background-repeat:no-repeat;
	height:800px;
	width:589px;
}

div#text_contact{
	float:left;
	background-image:url(image/text_contact.jpg);
	background-repeat:no-repeat;
	height:800px;
	width:589px;
}

div#text_liens{
	float:left;
	background-image:url(image/text_clients.jpg);
	background-repeat:no-repeat;
	height:800px;
	width:589px;
}

p.para_home{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-top:365px;
	margin-left:50px;
}

p.para_home_alisa{
	font-size:13px;
	margin-top:10px;
	margin-left:80px;
}

p.para_home_alisa span{
	font-weight:bold;
}

p.para_presentation{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top:220px;
	margin-left:60px;
}

p.para_clients{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top:400px;
	margin-left:70px;
	font-weight:bold;
}

p.para_clients span{
	margin-left:178px;
}

p.para_clients span.premiere_ligne{
	margin-left:7px;
}

p.para_clients span.deuxieme_ligne{
	margin-left:35px;
}

p.para_contact{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top:170px;
	margin-left:70px;
	font-size:14px;
}

/* ---------------------------------------------------Formulaire-------------------------------------------------*/

div#formulaire{
	margin-top:170px;
	margin-left:70px;
}

div#formulaire span#entete{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-bottom:12px;	
}

div#formulaire label,div#formulaire input,div#formulaire textarea{
	margin-left:20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
}

div#formulaire textarea{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	width:400px;
	margin-left:50px;
	margin-bottom:10px;
}

span.message{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#F00;
	margin-left:30px;
}

div#formulaire_ok{
	margin-top:220px;
	margin-left:180px;
}

span.message_ok{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#F00;
}

/* ---------------------------------------------------Environord ( à enlever le 12 juin )-------------------------------------------------*/
div#text a{
	margin-left:22px;
}

div#text img{
	border:none;
}

p.para_home_environord{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-top:320px;
	margin-left:50px;
}

p.para_home_alisa_environord{
	font-weight:bold;
	font-size:13px;
	margin-top:90px;
	margin-left:280px;
	margin-bottom:20px;
}

p.para_home_alisa_environord span{
	font-weight:bold;
}