/* CSS - MicroSystem.fr */

body{
	text-align			: left;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
	width				: 100%;
	color				: black;
	text-decoration		: none;
	background			: white url(Images/fond-general.jpg) top repeat-x;
	margin				: 0 auto;
	padding				: 0;
}

img{
	border				: none;
}

.invisible{
	display				: none;
}

.vert{
	color				: #79a406;
}

.blanc{
	color				: white;
}

.jaune{
	color				: #F9B800;
}

.lien{
	color				: #79a406;
	text-decoration		: underline;
	font-weight			: bold;
}

h1{
	margin				: 0;
	padding				: 0;
}

/* ---------------------------------------------------------- */
/* ------------------------- HEADER ------------------------- */
/* ---------------------------------------------------------- */

#header{
	width 				: 1044px;
	height				: 137px;
	background			: white url(Images/fond-header.gif) top no-repeat;
	margin				: 0 auto;
}

#header-gauche{
	float				: left;
	padding-left		: 22px;
}

#header-droit{
	float				: right;
	padding 			: 65px 22px 0 0;
}

#menu{
	width				: 645px;
	height				: 72px;
	padding 			: 0;
	margin				: 0 auto;
	list-style			: none;
}

#menu li{
	float				: left;
	height 				: 38px;
}

#menu li a.metier{
	display				: block;
	background			: url(Images/btn-metier.gif) top left no-repeat;
	height 				: 72px;
	text-decoration		: none;
	width				: 93px;
}

#menu li a:hover.metier, #menu li a.metierAP{
	display				: block;
	background			: url(Images/btn-metier.gif) top right no-repeat;
	height 				: 72px;
	text-decoration		: none;
	width				: 93px;
}

#menu li a.methode{
	display				: block;
	background			: url(Images/btn-methode.gif) top left no-repeat;
	height 				: 72px;
	text-decoration		: none;
	width				: 101px;
}

#menu li a:hover.methode, #menu li a.methodeAP{
	display				: block;
	background			: url(Images/btn-methode.gif) top right no-repeat;
	height 				: 72px;
	text-decoration		: none;
	width				: 101px;
}

#menu li a.prestation{
	display				: block;
	background			: url(Images/btn-prestation.gif) top left no-repeat;
	height 				: 72px;
	text-decoration		: none;
	width				: 119px;
}

#menu li a:hover.prestation, #menu li a.prestationAP{
	display				: block;
	background			: url(Images/btn-prestation.gif) top right no-repeat;
	height 				: 72px;
	text-decoration		: none;
	width				: 119px;
}

#menu li a.portfolio{
	display				: block;
	background			: url(Images/btn-portfolio.gif) top left no-repeat;
	height 				: 72px;
	text-decoration		: none;
	width				: 113px;
}

#menu li a:hover.portfolio, #menu li a.portfolioAP{
	display				: block;
	background			: url(Images/btn-portfolio.gif) top right no-repeat;
	height 				: 72px;
	text-decoration		: none;
	width				: 113px;
}

#menu li a.entreprise{
	display				: block;
	background			: url(Images/btn-entreprise.gif) top left no-repeat;
	height 				: 72px;
	text-decoration		: none;
	width				: 121px;
}

#menu li a:hover.entreprise, #menu li a.entrepriseAP{
	display				: block;
	background			: url(Images/btn-entreprise.gif) top right no-repeat;
	height 				: 72px;
	text-decoration		: none;
	width				: 121px;
}

#menu li a.contact{
	display				: block;
	background			: url(Images/btn-contact.gif) top left no-repeat;
	height 				: 72px;
	text-decoration		: none;
	width				: 98px;
}

#menu li a:hover.contact, #menu li a.contactAP{
	display				: block;
	background			: url(Images/btn-contact.gif) top right no-repeat;
	height 				: 72px;
	text-decoration		: none;
	width				: 98px;
}

/* ----------------------------------------------------------- */
/* ------------------------- CONTENU ------------------------- */
/* ----------------------------------------------------------- */

#contenu{
	width				: 1044px;
	margin				: 0 auto;
	height				: 280px;
	background-color	: none;
}

#accueilPart1{
	width				: 1000px;
	height				: 300px;
	background-color	: white;
	padding				: 0;
	margin				: 0 auto;
}

#accueilPart1-gauche{
	background			: url(Images/accueil-part1-gauche.gif) top no-repeat;
	float				: left;
	margin-left			: 30px;
	-margin-left		: 15px;
	width				: 280px;
	-width				: 265px;
	height				: 280px;
	padding				: 0;
	-padding			: 0 0 0 15px;
}

.clear{
	clear				: both;
	height				: 0;
	visibility			: hidden;
	display				: block;
}

/******* GENERAL RESET *******/

/******* MENU *******/

#container{
	padding				: 0;
	-padding			: 0 40px 0 0;
	float				: right;
	margin-right		: 30px;
	-margin-right		: 15px;
	width				: 650px;
	-width				: 610px;
	height				: 280px;
	position			: relative;
}

#container ul{
	list-style			: none;
	list-style-position	: outside;
	position			: absolute;
	z-index				: 1000;
	left				: 520px;
}

#container ul.menu li#btn-3{
	float				: right;
	display				: block;
	background			: url(Images/btn-3.jpg) top left no-repeat;
	height 				: 31px;
	text-decoration		: none;
	width				: 29px;
	position			: relative;
	cursor				: pointer;
}

#container ul.menu li#btn-3:hover, #container ul.menu li#btn-3.active{
	background			: url(Images/btn-3.jpg) top right no-repeat;
}

#container ul.menu li#btn-2{
	float				: right;
	display				: block;
	background			: url(Images/btn-2.jpg) top left no-repeat;
	height 				: 31px;
	text-decoration		: none;
	width				: 29px;
	position			: relative;
	cursor				: pointer;
}

#container ul.menu li#btn-2:hover, #container ul.menu li#btn-2.active{
	background			: url(Images/btn-2.jpg) top right no-repeat;
}

#container ul.menu li#btn-1{
	float				: right;
	display				: block;
	background			: url(Images/btn-1.jpg) top left no-repeat;
	height 				: 31px;
	text-decoration		: none;
	width				: 29px;
	position			: relative;
	cursor				: pointer;
}

#container ul.menu li#btn-1:hover, #container ul.menu li#btn-1.active{
	background			: url(Images/btn-1.jpg) top right no-repeat;
}

/******* /MENU *******/

/******* CONTENT *******/
.content{
	margin				: 0 auto;
	width				: 650px;
	position			: absolute;
}
/******* /CONTENT *******/

/******* Porteur de projet *******/
.content.porteur-projet{
	background			: url(Images/porteur-projet.jpg) top right no-repeat;
	display				: block;
}
/******* /Porteur de projet *******/

/******* PME sans activite *******/
.content.pme-sans-activite{
	background			: url(Images/pme-sans-activite.jpg) top right no-repeat;
	display				: none;
}
/******* /PME sans activite *******/

/******* PME avec activite *******/
.content.pme-avec-activite{
	background			: url(Images/pme-avec-activite.jpg) top right no-repeat;
	display				: none;
}
/******* /PME avec activite *******/
/******* Detail *******/
.detail{
	padding				: 130px 0 0 27px;
	cursor				: pointer;
}
.detail img:hover{
	filter				: alpha(opacity=70);
	-moz-opacity		: 0.7;
	-khtml-opacity		: 0.7;
	opacity				: 0.7;
}
/******* /Detail *******/

/******* Etape suivante *******/
.etape-suivante{
	float				: right;
	background			: url(Images/etape-suivante.jpg) top right no-repeat;
	height				: 67px;
	width				: 259px;
	padding				: 63px 0 0 23px;
}

.etape-suivante a{
	color				: #79a406;
	text-decoration		: underline;
	font-weight			: bold;
}
/******* /Etape suivante *******/

/* ---------------------------------------------------------- */
/* ----------------------- REFERENCES ----------------------- */
/* ---------------------------------------------------------- */

#references{
	width				: 950px;
	height				: 67px;
	margin				: 0 auto;
	background			: url(Images/fond-references.gif) top center no-repeat;
	padding				: 10px 50px 20px 20px;
	text-align			: right;
}

.ref.client-base{
	display				: block;
}

.ref.client-porteur{
	display				: none;
}

.ref.client-pme-sans{
	display				: none;
}

.ref.client-pme-avec{
	display				: none;
}

/* ---------------------------------------------------------- */
/* -------------------------- INFO -------------------------- */
/* ---------------------------------------------------------- */

#info{
	width				: 1000px;
	margin				: 0 auto;
	background-color	: white;
	padding				: 0 0 30px 0;
	color				: #6c6c6c;
	overflow			: auto;
}

#colonne-centre {
	margin-left			: 325px;
	margin-right		: 245px;
	-margin-left		: 0px;
	-margin-right		: 0px;
}

#colonne-centre-droite{
	margin-left			: 325px;
	margin-right		: 30px;
	-margin-left		: 0px;
	-margin-right		: 0px;
}

.texte{
	margin				: 0;
	-padding-left		: 15px;
	width				: 430px;
	-width				: 415px;
	font-size			: 12px;
	line-height			: 1.6em;
}

.texte-complet{
	margin				: 0;
	padding				: 0;
	-padding-left		: 10px;
	width				: 640px;
	font-size			: 12px;
	line-height			: 1.6em;
}

.texte img{
	padding				: 0;
}

.texte h4{
	font-weight			: bold;
	padding				: 15px 0 5px 0;
	margin				: 0;
}

.texte h2{
	font-weight			: bold;
	padding				: 15px 0 5px 0;
	margin				: 0;
	font-size			: 12px;
}

.texte ul{
	list-style-image	: url(Images/puces.gif);
	padding-left		: 40px;
}
.texte ul li{
	padding-top			: 4px;
}

.texte-complet h4{
	font-weight			: bold;
	font-size			: 12px;
	padding				: 20px 0 5px 0;
	margin				: 0;
}

.texte-complet h2{
	font-weight			: bold;
	font-size			: 12px;
	padding				: 20px 0 5px 0;
	margin				: 0;
}

.texte-complet p{
	margin				: 0;
}

.texte-complet ul{
	list-style-image	: url(Images/puces.gif);
	padding-left		: 40px;
}
.texte-complet ul li{
	padding-top			: 4px;
}

/******* Info base *******/
.texte.base{
	display				: block;
}
/******* /Info porteur de projet *******/

/******* Info porteur de projet *******/
.texte.porteur-projet-texte{
	display				: none;
}
/******* /Info porteur de projet *******/

/******* Info pme sans activite *******/
.texte.pme-sans-activite-texte{
	display				: none;
}
/******* /Info pme sans activite *******/

/******* Info pme avec activite *******/
.texte.pme-avec-activite-texte{
	display				: none;
}
/******* /Info pme avec activite *******/

.porteur-info{
	float				: left;
	background			: url(Images/porteur-info.jpg) top left no-repeat;
	width				: 83px;
	text-align			: center;
	height				: 110px;
	margin				: 0 10px 10px 0;
}

.pme-sans-info{
	float				: left;
	background			: url(Images/pme-sans-info.jpg) top left no-repeat;
	width				: 150px;
	text-align			: center;
	height				: 115px;
	margin				: 0 10px 10px 0;
}

.pme-avec-info{
	float				: left;
	background			: url(Images/pme-avec-info.jpg) bottom left no-repeat;
	width				: 150px;
	text-align			: center;
	height				: 100px;
	margin				: 0 10px 10px 0;
}

.problematique-accueil{
	float				: right;
	background			: url(Images/problematique-accueil.gif) top right no-repeat;
	padding				: 116px 0 0 0;
	margin				: 0 0 10px 10px;
	width				: 136px;
	text-align			: center;
}

.problematique-accueil a{
	color				: #79a406;
	text-decoration		: underline;
	font-weight			: bold;
}

.methode-accueil{
	float				: left;
	background			: url(Images/methode-accueil.gif) top right no-repeat;
	padding				: 89px 0 0 0;
	margin				: 0 10px 10px 0;
	width				: 152px;
	text-align			: center;
}

.methode-accueil a{
	color				: #79a406;
	text-decoration		: underline;
	font-weight			: bold;
}

/* ---------------------------------------------------------- */
/* ------------------------- MODULE ------------------------- */
/* ---------------------------------------------------------- */

a {
	color				: #79a406;
	text-decoration		: none;
}

a.module:hover>div {
	color				: #D10000;
	text-decoration		: none;
	filter				: alpha(opacity=70);
	-moz-opacity		: 0.7;
	-khtml-opacity		: 0.7;
	opacity				: 0.7;
}

a.module:hover>img {
	color				: #D10000;
	text-decoration		: none;
	filter				: alpha(opacity=70);
	-moz-opacity		: 0.7;
	-khtml-opacity		: 0.7;
	opacity				: 0.7;
}

a.module:hover>span {
	color				: #D10000;
	text-decoration		: none;
	filter				: alpha(opacity=70);
	-moz-opacity		: 0.7;
	-khtml-opacity		: 0.7;
	opacity				: 0.7;
}

a.module:hover>p {
	filter				: alpha(opacity=70);
	-moz-opacity		: 0.7;
	-khtml-opacity		: 0.7;
	opacity				: 0.7;
}

#colonne-gauche {
	float				: left;
	width				: 280px;
	-width				: 265px;
	margin-left			: 30px;
	-margin-left		: 10px;
	padding				: 0;
	-padding			: 0 0 0 15px;
}

.module-gauche{
	background			: url(Images/fond-module.gif) bottom left no-repeat;
	min-height			: 200px;
	width				: 278px;
	font-size			: 12px;
	line-height			: 1.6em;
	margin				: 0 0 20px 0;
}

.module-gauche p{
	padding				: 0 0 0 15px;
}

.module-gauche img{
	padding				: 8px 0 0 15px;
}

.module-gauche ul{
	list-style-image	: url(Images/puces.gif);
	padding-left		: 31px;
}
.module-gauche ul li{
	padding-top			: 7px;
}

#affichage-realisation{
	height				: 30px;
	padding				: 230px 15px 0 15px;
	text-align			: right;
	width				: 248px;
	font-size			: 10px;
}

.plus-info{
	padding				: 12px 15px 12px 15px;
	text-align			: right;
	font-size			: 10px;
}

.flotant{
	float				: right;
}

#colonne-droite {
	float				: right;
	width				: 200px;
	-width				: 185px;
	margin-right		: 30px;
	-margin-right		: 5px;
	padding				: 0;
	-padding			: 0 15px 0 0;
}

.module-droit{
	background			: url(Images/fond-module-droit.gif) bottom left no-repeat;
	min-height			: 200px;
	width				: 200px;
	font-size			: 12px;
	line-height			: 1.6em;
	margin				: 0 0 20px 0;
}

.module-droit p{
	padding				: 0 15px 0 15px;
	margin-bottom		: 0;
}

.module-droit img{
	padding				: 8px 0 0 15px;
}

#prestation-module{
	background			: url(Images/prestation-module.gif) top center no-repeat;
	height				: 30px;
	padding				: 197px 15px 0 15px;
	text-align			: right;
	width				: 170px;
	font-size			: 10px;
}

.presentation{
	background			: url(Images/methode-accueil-module.gif) top center no-repeat;
	padding				: 0;
	text-align			: center;
	height				: 94px;
}

/* ---------------------------------------------------------- */
/* ------------------------- METHODE ------------------------ */
/* ---------------------------------------------------------- */

.methode-page{
	float				: right;
	background			: url(Images/methode-accueil.gif) top right no-repeat;
	padding				: 89px 0 0 0;
	margin				: 0 0 10px 10px;
	width				: 152px;
	text-align			: center;
}

/* ---------------------------------------------------------- */
/* ---------------------- PROBLEMATIQUE --------------------- */
/* ---------------------------------------------------------- */

.problematique-page{
	float				: right;
	background			: url(Images/problematique.jpg) top right no-repeat;
	height				: 85px;
	margin				: 0;
	width				: 86px;
	text-align			: center;
}

/* ---------------------------------------------------------- */
/* ------------------------ PORTFOLIO ----------------------- */
/* ---------------------------------------------------------- */

.portfolio-page{
	float				: right;
	background			: url(Images/portfolio.gif) top right no-repeat;
	height				: 69px;
	margin				: 0;
	width				: 170px;
	text-align			: center;
}

/* ---------------------------------------------------------- */
/* ---------------------- METIER --------------------- */
/* ---------------------------------------------------------- */

.metier-page{
	float				: right;
	background			: url(Images/metier-image.jpg) top right no-repeat;
	height				: 94px;
	margin				: 0;
	width				: 178px;
	text-align			: center;
}

.gauche-metier{
	float				: left;
	width				: 320px;
	color				: #333;
}

.droite-metier{
	float				: right;
	width				: 320px;
	color				: #333;
}

#ingenieur{
	background			: url(Images/metier-ingenieur.gif) top left no-repeat;
	height 				: 109px;
	text-decoration		: none;
	width				: 259px;
	position			: relative;
	cursor				: pointer;
	margin				: 10px 0 10px 15px;
	padding				: 48px 20px 0 20px;
	font-size			: 12px;
}

#ingenieur:hover{
	background			: url(Images/metier-ingenieur.gif) top right no-repeat;
}

#developpement{
	background			: url(Images/metier-developpement.gif) top left no-repeat;
	height 				: 109px;
	text-decoration		: none;
	width				: 259px;
	position			: relative;
	cursor				: pointer;
	margin				: 10px 0 10px 10px;
	padding				: 48px 20px 0 20px;
	font-size			: 12px;
}

#developpement:hover{
	background			: url(Images/metier-developpement.gif) top right no-repeat;
}

#graphisme{
	background			: url(Images/metier-graphisme.gif) top left no-repeat;
	height 				: 109px;
	text-decoration		: none;
	width				: 259px;
	position			: relative;
	cursor				: pointer;
	margin				: 10px 0 10px 15px;
	padding				: 48px 20px 0 20px;
	font-size			: 12px;
}

#graphisme:hover{
	background			: url(Images/metier-graphisme.gif) top right no-repeat;
}

#editorial{
	background			: url(Images/metier-editorial.gif) top left no-repeat;
	height 				: 109px;
	text-decoration		: none;
	width				: 259px;
	position			: relative;
	cursor				: pointer;
	margin				: 10px 0 10px 10px;
	padding				: 48px 20px 0 20px;
	font-size			: 12px;
}

#editorial:hover{
	background			: url(Images/metier-editorial.gif) top right no-repeat;
}

.inge{
	display				: none;
}

.dev{
	display				: none;
}

.graph{
	display				: none;
}

.edit{
	display				: none;
}

.texte-complet-suite {
	margin				: 0 25px 0 25px;
	width				: 590px;
	font-size			: 12px;
	line-height			: 1.6em;
	padding				: 0;
}

.texte-complet-suite h4{
	font-weight			: bold;
	font-size			: 12px;
	padding				: 20px 0 5px 0;
	margin				: 0;
}

.texte-complet-suite h2{
	font-weight			: bold;
	font-size			: 12px;
	padding				: 20px 0 5px 0;
	margin				: 0;
}

.texte-complet-suite p{
	margin				: 0;
	padding				: 20px 0 0 0;
}

.texte-complet-suite ul{
	list-style-image	: url(Images/puces.gif);
	padding-left		: 50px;
}
.texte-complet-suite ul li{
	padding-top			: 4px;
}

/* ---------------------------------------------------------- */
/* ----------------------- PRESTATION ----------------------- */
/* ---------------------------------------------------------- */

.metier-page{
	float				: right;
	background			: url(Images/metier-image.jpg) top right no-repeat;
	height				: 94px;
	margin				: 0;
	width				: 178px;
	text-align			: center;
}

#site{
	background			: url(Images/prestations-site.gif) top left no-repeat;
	height 				: 67px;
	text-decoration		: none;
	width				: 600px;
	position			: relative;
	cursor				: pointer;
	margin				: 10px 0 0 15px;
	padding				: 45px 20px 0 20px;
	font-size			: 12px;
	color				: #333;
}

#site:hover{
	background			: url(Images/prestations-site.gif) top right no-repeat;
}

#webmaster{
	background			: url(Images/prestations-webmaster.gif) top left no-repeat;
	height 				: 62px;
	text-decoration		: none;
	width				: 600px;
	position			: relative;
	cursor				: pointer;
	margin				: 0 0 0 15px;
	padding				: 45px 20px 0 20px;
	font-size			: 12px;
	color				: #333;
}

#webmaster:hover{
	background			: url(Images/prestations-webmaster.gif) top right no-repeat;
}

#formation{
	background			: url(Images/prestations-formation.gif) top left no-repeat;
	height 				: 67px;
	text-decoration		: none;
	width				: 600px;
	position			: relative;
	cursor				: pointer;
	margin				: 0 0 10px 15px;
	padding				: 45px 20px 0 20px;
	font-size			: 12px;
	color				: #333;
}

#formation:hover{
	background			: url(Images/prestations-formation.gif) top right no-repeat;
}

.site{
	display				: none;
}

.webmaster{
	display				: none;
}

.formation{
	display				: none;
}

.webmastering{
	padding				: 0;
	margin				: 30px 0 0 0;
	background			: url(Images/webmastering.gif) top left no-repeat;
	height				: 421px;
}

.webmastering h3{
	padding				: 0 0 5px 80px;
	margin				: 0;
	font-size			: 14px;
	height				: 15px;
	color				: #79a406
}

.webmastering p{
	padding				: 0 0 20px 100px;
	margin				: 0;
	font-size			: 11px;
}

/* ---------------------------------------------------------- */
/* ---------------------- ENTREPRISE ------------------------ */
/* ---------------------------------------------------------- */

.problematique-page{
	float				: right;
	background			: url(Images/entreprise.jpg) top right no-repeat;
	height				: 85px;
	margin				: 0;
	width				: 86px;
	text-align			: center;
}

/* ---------------------------------------------------------- */
/* -------------------- GESTION PROJET ---------------------- */
/* ---------------------------------------------------------- */

.gestion-projet-page{
	float				: right;
	background			: url(Images/gestion-projet.jpg) top right no-repeat;
	height				: 85px;
	margin				: 0;
	width				: 86px;
	text-align			: center;
}

.encadrer{
	float: right;
	position : relative;
	margin: 10px;
	width : 250px;
	background-color : #fff5d5;
	border : 1px dotted #edae00;
	padding : 10px 15px;
	line-height : 18px;
	font-weight : normal;
	color : #d79e00;
	position : relative;
	font-size : 10px;
}

/* ---------------------------------------------------------- */
/* ----------------------- CONTACT -------------------------- */
/* ---------------------------------------------------------- */

.contact-page{
	float				: right;
	background			: url(Images/contact.gif) top right no-repeat;
	height				: 106px;
	margin				: 0;
	width				: 100px;
	text-align			: center;
}

.map{
	margin				: 0 0 0 0;
	padding				: 0 10px 10px 20px;
}

.map img{
	margin				: 0;
	padding				: 0 0 10px 0;
}

.map h4{
	margin				: 0;
	padding				: 0 0 0 0;
}

.map h2{
	margin				: 0;
	padding				: 0 0 0 0;
	font-size			: 12px;
}

.map h5{
	margin				: 0;
	padding				: 0 0 10px 0;
}

/* ---------------------------------------------------------- */
/* ----------------------- PORTFOLIO ------------------------ */
/* ---------------------------------------------------------- */

#portfolio-affichage{
	color				: #333;
	font-size			: 12px;
}

/* ---------------------------------------------------------- */
/* -------------------- PREMIER CONTACT --------------------- */
/* ---------------------------------------------------------- */

.form{
	margin				: 30px;
	padding				: 0;
	width				: 600px;
}

.form input.text{
	margin				: 10px 30px 10px 40px;
	padding				: 5px 35px 5px 5px;
	height				: 35px;
	width				: 365px;
	font-size			: 16px;
	color				: #666;
	border				: 0;
	background			: url(Images/input.gif) top left no-repeat;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
}

.form input.text2{
	padding				: 5px 35px 5px 5px;
	height				: 35px;
	width				: 365px;
	font-size			: 16px;
	color				: #666;
	border				: 0;
	background			: url(Images/input.gif) top left no-repeat;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
}

.premier-decal{
	margin				: 0 0 0 0;
	padding				: 10px 35px 10px 40px;
	font-size			: 16px;
	color				: #666;
	border				: 0;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
}

.premier-decal a{
	font-size			: 12px;
	font-weight			: bold;
}

.form textarea{
	margin				: 10px 30px 30px 40px;
	padding				: 5px 35px 5px 5px;
	height				: 140px;
	width				: 365px;
	font-size			: 14px;
	border				: 0;
	color				: #666;
	line-height			: 1.6em;
	background			: url(Images/textarea.gif) top left no-repeat;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
}

.submit{
	margin				: 10px 30px 20px 40px;
}

.erreur{
	border				: #ff3d00 1px dashed;
	background			: #ffc98a url(Images/erreur.jpg) left top no-repeat;
	font				: normal 14px Trebuchet, helvetica, sans-serif;
	line-height			: 1.6em;
	color				: #444;
	margin				: 30px 150px 0 70px;
	padding				: 10px 15px 10px 55px;
	width				: 332px;
	min-height			: 30px;
}

.mess-envoyer{
	border				: #66a300 1px dashed;
	background			: #cce6a0 url(Images/info.jpg) left top no-repeat;
	font				: normal 14px Trebuchet, helvetica, sans-serif;
	line-height			: 1.6em;
	color				: #444;
	text-align			: justify;
	margin				: 30px 150px 0 70px;
	padding				: 10px 15px 10px 55px;
	width				: 332px;
	min-height			: 30px;
}

/* ---------------------------------------------------------- */
/* ------------------------- FOOTER ------------------------- */
/* ---------------------------------------------------------- */

#footer{
	background			: url(Images/fond-footer.jpg) top no-repeat;
	margin				: 0 auto;
	width				: 530px;
	height				: 190px;
	padding				: 35px 350px 0 185px;
}

.legende{
	color				: #9f9f9f;
	line-height			: 1.9em;
	font-size			: 9px;
}

.legende h4{
	margin				: 0;
	padding				: 0 0 4px 0;
	font-size			: 12px;
	line-height			: 1.9em;
}

.legende h2{
	margin				: 0;
	padding				: 0 0 4px 0;
	font-size			: 12px;
	line-height			: 1.9em;
}

/* ---------------------------------------------------------- */
/* ------------------------ JQUERY -------------------------- */
/* ---------------------------------------------------------- */

.galleryview {
	font-size			: 12px;
	font-family			: Arial, Helvetica, sans-serif;
}

.portfolio-affichage{
	width				: 300px;
	height				: 221px;
	padding				: 120px 320px 0 20px;
	line-height			: 1.7em;
	color				: #333;
}

.haut{
	height				: 165px;
}

.bas{
	height				: 50px;
}