@charset "utf-8";
/* CSS Document */
/* Site web ethicapub.net - Sebastien Bessat / Ethica Pub - ethicapub"at"gmail.com - avril 2010 */
body{
	margin:0;
	padding:0;
	font-family:Garamond, Georgia, Times, serif;
	font-size:10pt;
	color:#000;
	background:#ffe991;
}
a{
	font-weight:bold;
	text-decoration:none;
	color:#00ace4;
}
a:hover{	text-decoration:underline;}
img{
	border:none;
	margin:5px 10px;
}
strong{color:#64330E;}
.gras{
	font-weight:bold;
	color:#c33;
}
.vert{	color:#060;}
.puces-bleues{	list-style-image:url(../images/puce-bleue.png);}
.no-puces{	list-style:none;}
.droite{	float:right;}
.gauche{	float:left;}
.centre{	text-align:center;}
#logo{
	background:url(../images/logoetkp.png) top center no-repeat;
}
#habits{
	background:#ffdf5a;
	margin:0 auto;
	width:888px;
	min-height:740px;
}
#page{
	font-family:"Century Gothic", Verdana, Helvetica, sans-serif;	
	padding-right:40px;
}
/* En-tete et navigations */
#entete{
	background:url(../images/entete-modele.png) top center no-repeat;
}
.menu{
	margin:0 auto;
	padding:0;
	width:617px;
	height:260px;
	list-style:none;
	font-size:17px;
	font-weight:bold;
	text-align:center;
}
.menu li{
	float:left;
}
.menu a{
	display:block;
	background:url(../images/bouton.png) top left no-repeat;
	width:200px;
	height:60px;
	line-height:50px;
	padding-right:10px;
	text-decoration:none;
	color:#00ace4;
}
.menu a:hover{
	background-position:bottom;
	color:#fff;
}
#btn-produits{
	margin:36px 0 23px 395px;
}
#btn-ethique{
	margin:11px 190px 0 7px;
}
#btn-contact{
	margin:0 0 12px  0;
}
#btn-je{
	margin:9px 68px 0 69px;
}
#btn-liens{
	margin:0;
}
#rappel-menu{
	background:url(../images/rappel-entete-modele.png) top center no-repeat;
	margin-top:32px;
}
#btnr-produits{
	margin:39px 133px 0 38px;
}
#btnr-ethique{
	margin:20px 0 0 0;
}
#btnr-contact{
	margin:18px 197px 0 0;
}
#btnr-je{
	margin:0;
}
#btnr-liens{
	margin:17px 0 0 67px;
}
#menu-bas{
	font-size:12pt;
	padding:0;
	width:350px;
	margin:16px auto;
	height:18px;
	list-style:none;
}
#menu-bas li{
	float:left;
}
/* Contenu des pages*/
#titre h1{
	/*font-family:Garamond, Georgia, Times, serif;*/
	font-size:18pt;
	color:#00ace4;
	border-bottom:solid 2px #00ace4;
	margin:5px 0 0 200px;
	width:680px;
}
#flashcontent{
	margin-top:30px;
}
#message{
	min-height:550px;
	padding-right:280px;
}
#message li{
	margin:5px 0;
}
#message.ethique{
	background:url(../images/etoile-pivoine.png) 10px 20px no-repeat;
	text-align:justify;
}
#message.produits{
	background:url(../images/projet-courage-tournesol.png) 10px -20px no-repeat;
}
#message.realisations{
	background:url(../images/logo-tout.png) 10px 20px no-repeat;
	padding-right:0;
	text-align:justify;
}
#message.partenaires{
	background:url(../images/partenaires.png) 10px 20px no-repeat;
	padding-right:0;
}
#message.presentation{
	background:url(../images/floral-brush-epee.png) 0 75px no-repeat;
	text-align:justify;
}
#message.contact{
	background:url(../images/projet-courage-tournesol.png) 10px -20px no-repeat;
	text-align:justify;
	padding-right:0;
}
#titre-article{
	height:60px;
	color:#c33;
}
#titre-article h2{
	float:left;
	padding:0 0 0 222px;
	font-weight:bold;
	font-size:24px;
}
#titre-article h5{
	margin:0;
	font-weight:normal;
	padding-top:29px;
}
#article{
	padding:0 0 0 238px;
	min-height:540px;
	background:url(../images/header.png) 228px 0 no-repeat;
}
.fond-article{
	padding-right:5px;
	background:url(../images/footer.png) bottom right no-repeat;
}
#formulaire{
	width:350px;
	margin:0 5px;
}
#envoyer{
	margin:-5px 0 15px 248px;
}
/* Realisation */
#el-d{
	width:350px;
}
#el-i{
	float:right;
}
#el-a{
	display:block;
	height:178px;
	width:250px;
	background:url(../images/esprit-livre-site.jpg) center left no-repeat;
	margin:0 0 0 10px;
}
#ha-d{
	width:340px;
}
#ha-i{
	float:right;
}
#ljvs-d{
	width:340px;
}
#ljvs-i{
	float:left;
}
#muse-d{
	width:340px;
}
#muse-i{
	float:left;
}
/* Partenaires */
#Porte-Plume{
	display:block;
	height:132px;
	width:164px;
	float:left;
	background:url(../images/btn-Porte-Plume.jpg) top left no-repeat;
	border:none;
	margin:5px 10px;
}
#Porte-Plume:hover{
	background-position:bottom left;
}