/* -------------------------------------STYLE */

html, body {
	background-image: url(../images/back_global.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	height:100%;
	padding: 0;
	margin: 0;
}

#site {
	background-image:url(../images/back_site.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-align:left;
	width: 765px;
	min-height:100%;
	margin: 0 auto;
	padding: 0;
	overflow:hidden;
}
#top {
	width:400px;
	height:147px;
	margin:0;
	padding:0;
	float:left;
	text-align:center;
}
span{
	display: none;
}
span.rouge{
	color:#CC0000;
	display:inline;
}
span.touge{
	color:#669900;
	display:inline;
}
#gauche {
	text-align:left;
	width:303px;
	margin:0;
	padding:0;
	float:left;
}
#coordonnees {
	text-align:right;
	width:303px;
	margin:0;
	padding:0;
}
#coordonnees p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#CCCCCC;
	margin:13px 28px 0 0;
	padding:0;
}
#coordonnees p a{
	color:#CCCCCC;
	margin:0;
	padding:0;
	text-decoration:none;
}
#coordonnees p a:hover{
	color:#FFFFFF;
	margin:0;
	padding:0;
	text-decoration:underline;
}
#droit {
	text-align:left;
	width:462px;
	margin:0;
	padding:0;
	float:left;
}
#contenu {
	text-align:left;
	width:462px;
	margin:0;
	padding:0;
	float:left;
}
#equipe {
	text-align:left;
	width:462px;
	margin:0;
	padding:0;
	float:left;
}
#equipe p a{
	color:#669900;
	text-decoration:none;
	margin:0;
	padding:0;
}
#equipe p a:hover{
	color:#999999;
	text-decoration:underline;
	margin:0;
	padding:0;
}
#contenu p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;

	color:#666666;
	margin: 5px 33px 5px 10px;
	padding:0;
}
#contenu ol {
	font-family:Arial, Helvetica, sans-serif;
}
#contenu li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-align:left;
	color:#666666;
	margin: 5px 33px 5px 10px;
	padding:0;
}
#contenu li li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	text-align:left;
	color:#666666;
	margin: 5px 33px 5px 10px;
	padding:0;
}
#contenu li a{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#666666;
	text-decoration:none;
	margin:0;
	padding:0;
}
#contenu li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#669900;
	text-decoration:underline;
	margin:0;
	padding:0;
}
#adresse_gauche {
	width:200px;
	margin:20px 0px 0px 0px;
	padding:0;
	float:left;
}
#adresse_gauche p a{
	color:#999999;
	text-decoration:none;
	margin:0;
	padding:0;
}
#adresse_gauche p a:hover{
	color:#669900;
	text-decoration:underline;
	margin:0;
	padding:0;
}
#adresse_droite {
	width:230px;
	margin:20px 0 0 10px;
	padding:0;
	float:left;
}
#adresse_droite p {
	text-align:left;
	margin:0;
	padding:0;
}
#separation {
	background-image:url(../images/separateur_adresse.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:4px;
	height:168px;
	margin:15px 0 0 0;
	padding:0;
	float:left;
}
#portfolio {
	width:462px;
	margin:0;
	padding:0;

}
div.portfolio_site {
	text-align:left;
	width:123px;
	height:190px;
	margin: 5px 20px 5px 0;
	padding:0;
	float:left;
}
div.portfolio_site p{
	text-align:left;
	width:123px;
	margin:0;
	padding:0;
}
div.portfolio_site p a{
	text-decoration:none;
	font-style:italic;
	color:#669900;
	margin:0;
	padding:0;
}
div.portfolio_site p a:hover{
	text-decoration:underline;
	font-style:italic;
	color:#666666;
	margin:0;
	padding:0;
	}
#portfolio2 {
	width:462px;
	margin:0;
	padding:0;

}
div.portfolio2_site {
	text-align:left;
	width:210px;
	height:300px;
	margin: 0px 5px 5px 0;
	padding:0;
	float:left;
}
div.portfolio2_site p{
	text-align:left;
	width:210px;
	margin:0;
	padding:0;
}
div.portfolio2_site p a{
	text-decoration:none;
	font-style:italic;
	color:#669900;
	margin:0;
	padding:0;
}
div.portfolio2_site p a:hover{
	text-decoration:underline;
	font-style:italic;
	color:#666666;
	margin:0;
	padding:0;
}
	
h1.h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#8b8b8b;
	background-position:left top;
	background-repeat:no-repeat;
	width:378px;
	height:17px;
	margin:20px 0 10px 10px;
	padding:0;
}
	
h1.h1_consultant {
	background-image:url(../images/h1/consultant.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:378px;
	height:17px;
	margin:20px 0 10px 10px;
	padding:0;
}
h1.h1_joindre {
	background-image:url(../images/h1/nous-joindre.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:209px;
	height:15px;
	margin:20px 0 10px 10px;
	padding:0;
}
}
h1.h1_stars {
	background-image:url(../images/h1/stars.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:209px;
	height:15px;
	margin:20px 0 10px 10px;
	padding:0;
}
h1.h1_portfolio {
	background-image:url(../images/h1/portfolio.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:69px;
	height:15px;
	margin:20px 0 10px 10px;
	padding:0;
}
h1.h1_sitemap {
	background-image:url(../images/h1/plandesite.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:99px;
	height:14px;
	margin:20px 0 10px 10px;
	padding:0;
}
h1.h1_acces {
	background-image:url(../images/h1/acces.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:111px;
	height:14px;
	margin:20px 0 10px 10px;
	padding:0;
}
h2.h2_consultants_experience {
	background-image:url(../images/h2/consultants_experience.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:290px;
	height:16px;
	margin:10px 0 20px 10px;
	padding:0;
}
form {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#333333;
}
form a{
	color:#333333;
}
form a:hover{
	color:#336600;
}
	
h2.h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	color:#86AB28;
	background-position:left top;
	background-repeat:no-repeat;
	width:428px;
	height:16px;
	margin:40px 0 20px 10px;
	padding:0;
}
h2.h2_optimiser_performance {
	background-image:url(../images/h2/optimiser_performance.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:328px;
	height:16px;
	margin:40px 0 20px 10px;
	padding:0;
}
h2.h2_action {
	background-image:url(../images/h2/actions.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:312px;
	height:16px;
	margin:40px 0 20px 10px;
	padding:0;
}
h2.h2_equipe {
	background-image:url(../images/h2/equipe_professionnels.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:224px;
	height:16px;
	margin:20px 0 20px 10px;
	padding:0;
}
h2.h2_arts-et-spectacles {
	background-image:url(../images/h2/arts-et-spectacles.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:119px;
	height:14px;
	margin:20px 0 20px 10px;
	padding:0;
}
h2.h2_commerces-et-industries {
	background-image:url(../images/h2/commerces-et-industries.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:166px;
	height:14px;
	margin:20px 0 20px 10px;
	padding:0;
}
h2.h2_tourisme-et-hebergement {
	background-image:url(../images/h2/tourisme-et-hebergement.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:170px;
	height:14px;
	margin:20px 0 20px 10px;
	padding:0;
}
h2.h2_logos-imprimes {
	background-image:url(../images/h2/logos-et-imprimes.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:121px;
	height:14px;
	margin:20px 0 20px 10px;
	padding:0;
}
	
#footer {
	text-align:center;
	width:462px;
	margin:20px 0 20px -10px;
	padding:0;
	float:left;
}
#footer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	color:#999999;
	margin: 10px 0 0 0;
	padding:0;
}
#footer p a{
	color:#999999;
	text-decoration:none;
	margin:0;
	padding:0;
}
#footer p a:hover{
	color:#669900;
	text-decoration:underline;
	margin:0;
	padding:0;
}