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

.photos {
	float: right;
	width: 723px;
	height: 166px;
}

#logo {
	float: left;
	width: 251px;
	height: 166px;
}

img{
	display:inline;
}

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

#page {
	width: 974px;
	min-height: 800px;
	background-image: url(images/ligne_footer.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0 auto 20px auto;
	padding: 0;
	text-align: left;
}

#header {
	width: 974px;
	height: 166px;
}

#fond_vert {
	width: 974px;
	height: 15px;
	background-color: #DEE89B;
}

#contenu {
	width: 680px;
	float: right;
	padding: 30px 10px 0 75px;
	text-align:justify;
}

#contenu a:link, #contenu a:visited, #contenu a:active {
	color: #3F71CF;
	text-decoration: none;
}

#contenu a:hover {
	text-decoration: underline;
}
/*********** Page conseils *************/
#contenu_conseil {
	width: 380px;
	float: left;
	text-align:left;
}

#contenu_conseil p {
	margin: 10px 0 10px 0;
}

#illustration_contenu {
	float: right;
	width: 240px;
	margin: 0 0 0 30px;
	text-align: center;
	color: #808285;
	font-style: italic;	
}

#photo_conseil {
	float: right;
	width: 270px;
	height: 410px;
	margin: 100px 0 0 30px;
}

#contenu_devanture{
	float: right;
	width: 270px;	
	text-align: center;
	position: relative;
	left: 30px;	
	color: #808285;
	font-style: italic;	
}

#contenu_devanture img{
	border: 1px solid #837ca3;	
}

ul#secteur_activite li {
	list-style-type: square;
	margin: 2px 0 10px 20px;	
}

#haut_contact {
	width: 675px;
}

/*********** Fin Page conseils *********/

/*********** Menu *************/
#menu_gauche {
	width: 205px;
	height: 555px;
	float: left;
}

#fond_menu2 {
	width: 205px;
	height: 230px;
	background-image: url(images/ligne_footer.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

#menu2 {
	background-color: #C6C7C9;
	width: 170px;
	height: 245px;
	float: right;
}

#menu2 img {
	vertical-align: middle;
}

#menu2 a:link, #menu2 a:visited, #menu2 a:active {
	color: #636364;
	font-size: 14px;
	text-decoration: none;	
	
}

#menu2 a:hover {
	color: #FFFFFF;
}

#fond_menu1 {
	background-color: #DEE89B;
	width: 205px;
	height: 350px;
}


#menu1 {
	background-color: #C6C7C9;
	width: 170px;
	height: 350px;
	float: right;
}


#menu1 a:link, #menu1 a:visited, #menu1 a:active {
	padding:0 0 7px 15px;
	display: block;
	font-size: 16px;
	text-decoration: none;
	color: #FFFFFF;
}

#menu1 a:hover {
	color: #C6C7C9;
}


#menu1 h3 a:link, #menu1 h3 a:visited, #menu1 h3 a:active {
	color: #59595C;
	margin: 0;
	padding: 0 0 10px 45px;
	font-size: 16px;
	font-weight: normal;
}

#menu1 h3 a:hover {
	color: #FFFFFF;
}

.lien_fleche {
	margin:0;
	padding: 5px 0 5px 5px;
	width: 165px;
	height: 40px;
	background-color: #6E6E70;
}

.fleche_bas {
	padding-top:5px;
	display: inline;
	width: 15px;
	float: left;
	height: 35px;
	background-color: #6E6E70;
}

.lien {
	display: inline;
	width: 150px;
	height: 40px;
	float: right;
	background-color: #6E6E70;
	float: right;
}

a.lien:link, a.lien:visited, a.lien:active {
	padding-left: 0;
	font-size: 16px;
	color: #FFFFFF;
}

a.lien:hover {
	color: #C6C7C9;
}

#menu2 a:link, #menu2 a:visited, #menu2 a:active {
	padding-left: 0;
	font-size: 16px;
	color: #59595C;
	text-decoration: none;
}

#menu2 a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#lien_n2 {
	padding-top: 15px;
}

#menu_gauche h2 {
	color: #FFF;
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 16px;
	font-weight: normal;
}

#menu_gauche h2:hover {
	color: #C6C7C9;
}



/*********** Fin Menu *********/

/*********** Footer *********/

#footer {
	width: 974px;
	clear: both;
	text-align : justify;
}

#texte_footer {
	width: 854px;
	min-height: 100px;
	background-image: url(images/ligne_footer.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	color: #6E6E70;
	padding: 50px 80px 0 20px;
} 

#bas_footer {
	width: 974px;
	min-height: 15px;
	background-image: url(images/bas_footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
}

#menu_footer {
	font-size: 12px;
	margin-left: 40px;
	color: #6E6E70;
}

#menu_footer a:link, #menu_footer a:visited, #menu_footer a:active {
	color: #6E6E70;
	text-decoration:none;
}

#menu_footer a:hover {
	text-decoration:underline;
}

#referencement {

}

#referencement a:link, #referencement a:visited, referencement a:active {
	color: #6E6E70;
	text-decoration:none;
}

#referencement a:hover {
	text-decoration:underline;
}
#referencement {
	width: 974px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 894px;
	padding: 5px 0 10px 20px;
	text-align: justify;
	font-size: 10px;
	color: #6E6E70;
}

#referencement a:link, #referencement a:visited, referencement a:active {
	color: #6E6E70;
	text-decoration:none;
}

#referencement a:hover {
	text-decoration:underline;
}
/*********** Fin Footer ******/


h1 {
	color: #837CA3;
	margin: 0;
	padding: 0 5px  5px 0;
	font-size: 22px
}

h2 {
	color: #85A064;
	margin: 0;
	padding: 0px 5px  0px 0;
	font-size: 16px;
	font-weight: bold;
}

h3 {
	color: #85A064;
	margin: 0;
	padding: 0px 5px  0px 0;
	font-size: 15px;
	font-weight: bold;
}


ol li {
	list-style-type: decimal;
	font-weight: bold;
	padding:0;
	margin: 0;
}

ol li p {
	font-weight: normal;
}

.ombre {
	clear:left;
	background: url(images/ombre.png) no-repeat bottom right;
	margin: 10px 0 0 10px !important;

	padding: 0px;	
}

.boite {
	position:relative;
	bottom:3px;
	right: 6px;	
}

#ligne_verte{
	width: 974px;
	height: 15px;
	background-color: #DEE89B;	
}


/* ==== Ajout adrem dec 09 === */

.bloc_droit{
	text-align:		left;
	width:			300px;
	float:			right;
}

.bloc_gauche{
	text-align:		left;
	width:			300px;
	float:			left;
}

.bloc_droit h2, .bloc_gauche h2{
	padding-top:	40px;
}

.en_savoir_plus{
	width:			109px;
	float:			right;	
}
.en_savoir_plus a img{
	border: 		none;
}

#ex_referencement { 
	margin-top: 10px;
}

#ex_referencement li  {
	list-style-type:square;
	list-style-position:inside;
	margin-top: 	10px;
	clear: both;
}

.texte_referencement {
	float: left;
	width: 300px;
}

.image_referencement {
	float: right;
	width: 207px;
}

/* === TOOLTIP === */
a.tooltip{	
	color:		#6e6e70 !important;		
	font-style:italic;
}

.tooltip {
	padding: 3px;
}

.tooltip * {
	width: 				300px;
	z-index: 			999;
	position: 			absolute;
	display: 			inline;
	margin: 			0 0 0 4px;
	background-color:	#fff6bf;
	border:				2px #ffdd95 solid;
}