body {
	background:#024b30 url(images/degrade_fond.gif) top left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}

#conteneur {
	position:relative;
	margin:0 auto;
	width:1003px;
	height:300px;
}

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

.text a img {
	behavior: url(iepngfix.htc);
	}

h3 {
	color:#033;
}

a span {
	display:none;
}

/*============== INTRO ================*/

body.intro {
	background-image: url(images/degrade_intro.gif);
}

#logos_intro {
	position:absolute;
	top:24px;
	left:0;
}

#logos_intro a img{
	behavior: url(iepngfix.htc);
}

#donado_logo_intro {
	position:absolute;
	top:0;
	left:293px;
}

#menu_intro {
	position:absolute;
	top:296px;
	left:130px;
}



/*================ MENU ================*/

#menu {
	width:352px;
	padding-left:22px;
	margin-bottom:10px;
}

#menu ul li, #menu_intro ul li {
	display:block;
	float:left;
	width:173px;
	height:180px;
	behavior: url(iepngfix.htc);
	background:transparent url(images/btn_shadows.png) top left no-repeat;
}

#menu ul li a, #menu_intro ul li a {
	display:block;
	width:159px;
	height:163px;
	cursor:pointer;
}

li#menu_entrepreneur a {
	behavior: url(iepngfix.htc);
	background-image:url(images/btn_general_u.png)
}

li#menu_entrepreneur a:hover {
	behavior: url(iepngfix.htc);
	background-image:url(images/btn_general_o.png)
}

li#menu_entrepreneur a.selected {
	behavior: url(iepngfix.htc);
	background-image:url(images/btn_general_o.png)
}

li#menu_maisons a {
	behavior: url(iepngfix.htc);
	background-image:url(images/btn_maisons_u.png)
}

li#menu_maisons a:hover {
	behavior: url(iepngfix.htc);
	background-image:url(images/btn_maisons_o.png)
}

li#menu_maisons a.selected {
	behavior: url(iepngfix.htc);
	background-image:url(images/btn_maisons_o.png)
}

li#menu_cabanons a {
	behavior: url(iepngfix.htc);
	background-image:url(images/btn_cabanons_u.png)
}

li#menu_cabanons a:hover {
	behavior: url(iepngfix.htc);
	background-image:url(images/btn_cabanons_o.png)
}

li#menu_cabanons a.selected {
	behavior: url(iepngfix.htc);
	background-image:url(images/btn_cabanons_o.png)
}

li#menu_garages a {
	behavior: url(iepngfix.htc);
	background-image:url(images/btn_garages_u.png)
}

li#menu_garages a:hover {
	behavior: url(iepngfix.htc);
	background-image:url(images/btn_garages_o.png)
}

li#menu_garages a.selected {
	behavior: url(iepngfix.htc);
	background-image:url(images/btn_garages_o.png)
}
	


/*====================== Contenu =========================*/

.colonne_gauche {
	float:left;
	width:374px;
}

#logos_partners {
	text-align:center;
}

#logos_partners a {
	padding:5px;
}

#logos_partners img {
	behavior: url(iepngfix.htc);
}

.colonne_droite {
	float:right;
	width:603px;
	padding:0 13px;
	margin-bottom:10px;
	behavior: url(iepngfix.htc);
	background:transparent url(images/degrade_bord_contenu.png) top left repeat-y;
	
}

#footer {
	padding:0 13px 20px 13px;
	margin-left:374px;
}
	
#logo {
	margin-bottom:42px;
}

#contenu {
	background-color:#FFF;
	position:relative;
}

#centre {
	padding-top:20px;
	min-height:600px;
}

#centre a {
	color:#033;
	text-decoration:underline;
}

#centre a:hover {
	color:#0C9;
}

#infos {
	padding:0 40px ;
	margin-bottom:30px;
}

h1, h2, h3, p {
	margin-bottom:15px;
}

p {
	line-height:1.4em;
}
.rouge{
	color:red;
}

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

#menu_outils {
	position:absolute;
	top:0;
	right:13px;
	padding:7px;
	height:17px;
	background:#045839 url(images/degrade_menu_outils.gif) top left repeat-x;
}

#menu_outils ul li {
	display:inline;
	color:#FFF;
	margin:0 6px;
}

#menu_outils ul li a {
	color:#FFF;
	text-decoration:none;
	font-size:1.1em;
	font-weight:bold;
}

#menu_outils ul li a:hover {
	color:#fae77f;
}

#menu_outils ul li a.selected {
	color:#fae77f;
}

/*-----------------------------------------------*/

/*----------------- Footer -------------------*/

#footer {
	}

#footer ul li {
	display:inline;
	color:#FFF;
	margin:0 2px;
}

#footer ul li a {
	color:#FFF;
	text-decoration:none;
	font-size:1em;
	font-weight:normal;
}

#footer ul li a:hover {
	color:#fae77f;
}


/*============= DEFAULT ==============*/

.default #header {
	border-bottom:#033 solid 8px;
}

.default h1 {
	color:#033;
}

.default #centre {
	
}

.default .title {
	color:#033;
}

table#horaire {
	border:none;
	margin:0 0 15px 0;
	padding:none;
}

table#horaire td {
	padding:5px 15px 5px 5px;
}


/*============= CABANON ==============*/

.cabanons #header {
	border-bottom:#d14603 solid 8px;
}

.cabanons h1 {
	color:#d14603;
}

.cabanons #centre {
	background:url(images/fond_cabanons.jpg) bottom right no-repeat;
}

.cabanons .title {
	color:#d14603;
}

/*============= ENTREPRENEUR GÉNÉRAL ==============*/

.general #header {
	border-bottom:#d3b203 solid 8px;
}

.general h1 {
	color:#d3b203;
}

.general #centre {
	background:url(images/fond_general.jpg) bottom right no-repeat;
}

.general .title {
	color:#d3b203;
}

/*============= MAISONS ==============*/

.maisons #header {
	border-bottom:#134065 solid 8px;
}

.maisons h1 {
	color:#134065;
}

.maisons #centre {
	background:url(images/fond_maisons.jpg) bottom right no-repeat;
}

.maisons .title {
	color:#134065;
}

/*============= GARAGES ==============*/

.garages #header {
	border-bottom:#4f6d06 solid 8px;
}

.garages h1 {
	color:#4f6d06;
}

.garages #centre {
	background:url(images/fond_garages.jpg) bottom right no-repeat;
}

.garages .title {
	color:#4f6d06;
}

/*================ SOUSMENU ================*/

#sousmenu {
	width:603px;
}

#sousmenu ul li {
	display:block;
	float:left;
	width:141px;
	height:144px;
	behavior: url(iepngfix.htc);
	background:transparent url(images/sousmenu_shadows.png) top left no-repeat;
}

#sousmenu ul li a {
	display:block;
	width:128px;
	height:131px;
}

.cabanons #sousmenu ul {
	margin-left:150px;
}

.cabanons #sousmenu ul li#sousmenu_cab_donado a {
	background-image:url(images/btn_cab_donado_u.jpg)
}

.cabanons #sousmenu ul li#sousmenu_cab_donado a:hover {
	background-image:url(images/btn_cab_donado_o.jpg)
}

.cabanons #sousmenu ul li#sousmenu_cab_fontaine a {
	background-image:url(images/btn_cab_fontaine_u.jpg)
}

.cabanons #sousmenu ul li#sousmenu_cab_fontaine a:hover {
	background-image:url(images/btn_cab_fontaine_o.jpg)
}

.garages #sousmenu ul {
	margin-left:150px;
}

.garages #sousmenu ul li#sousmenu_gar_donado a {
	background-image:url(images/btn_gar_donado_u.jpg)
}

.garages #sousmenu ul li#sousmenu_gar_donado a:hover {
	background-image:url(images/btn_gar_donado_o.jpg)
}

.garages #sousmenu ul li#sousmenu_gar_fontaine a {
	background-image:url(images/btn_gar_fontaine_u.jpg)
}

.garages #sousmenu ul li#sousmenu_gar_fontaine a:hover {
	background-image:url(images/btn_gar_fontaine_o.jpg)
}




/*============ Slideshow =============*/

#slideshow {
	width:603px;
	position:relative;
	margin-bottom:60px;
}

#slideshow #zone_pic {
	width:603px;
	text-align:center;
}
#slideshow #zone_pic li{
	list-style:none;
}

#slideshow #zone_pic img {
	height:209px;
	border:4px solid;
	margin-bottom:10px;
}

#slideshow #zone_pic p.description {
	font-weight:bold;
	margin-bottom:10px;
}

#slideshow #selecteur {
	width:553px;
	height:61px;
	padding:5px 0 5px 50px;
	position:relative;
}

#slideshow #selecteur a {
	display:block;
	float:left;
	margin-right:5px;
	cursor:pointer;
}

#slideshow #selecteur li img {
	height:57px;
	border:solid 2px;
}


#slideshow #selecteur a#fle_g {
	width:29px;
	height:61px;
	behavior: url(iepngfix.htc);
	background:transparent url(images/fle_slideshow_left_u.png) center left no-repeat;
}

#slideshow #selecteur a#fle_g:hover {
	behavior: url(iepngfix.htc);
	background:transparent url(images/fle_slideshow_left_o.png) center left no-repeat;
}

#slideshow #selecteur a#fle_d {
	margin-left: 15px;
	width:29px;
	height:61px;
	behavior: url(iepngfix.htc);
	background:transparent url(images/fle_slideshow_right_u.png) center left no-repeat;
}

#slideshow #selecteur a#fle_d:hover {
	behavior: url(iepngfix.htc);
	background:transparent url(images/fle_slideshow_right_o.png) center left no-repeat;
}

#slideshow #survol {
	position:absolute;
	top:50px;
	margin-left: -4px;
	padding:30px 0 0 7px;
}

#slideshow #survol p {
	margin:0;
	font-size:0.9em;
}

.general #slideshow #survol {
	border-left:#d3b203  solid 3px;
}

.general #slideshow #zone_pic img {
	border-color:#d3b203 ;
}

.general #slideshow #selecteur {
	background-color:#d3b203 ;
}

.general #slideshow #selecteur li img {
	border-color:#d3b203 ;
}

.cabanons #slideshow #survol {
	border-left:#d14603 solid 3px;
}

.cabanons #slideshow #zone_pic img {
	border-color:#d14603;
}

.cabanons #slideshow #selecteur {
	background-color:#d14603;
}

.cabanons #slideshow #selecteur li img {
	border-color:#d14603;
}

.garages #slideshow .survol {
	border-left:#4f6d07 solid 3px;
}

.garages #slideshow #zone_pic img {
	border-color:#4f6d07;
}

.garages #slideshow #selecteur {
	background-color:#4f6d07;
}

.garages #slideshow #selecteur li img {
	border-color:#4f6d07;
}

#slideshow #selecteur li:hover img {
	border:#FFF solid 2px;
	cursor:pointer;
}

#slideshow #selecteur #slider{
	float: left;
	width:445px; height: 73px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:hidden;
}

#liste_image{
	width:5000px;
	border:0;
	margin:0;
	padding:0;
	left:60px;
	margin: 0 auto;
}
#liste_image li{
	list-style:none; 
	margin:0; 
	padding:0; 
	border:0; 
	float:left;
	width:90px;
	height:100px;
}
#liste_image li img{
	width:80px; height:57px;
}
#liste_image p{display:none;}
#liste_image h2{display:none;}


/*================ Boutons de bas de page =================*/

#btn_bas_page {
	width:538px;
	padding-left:65px;
	position:absolute;
	bottom:0;
}

#btn_bas_page a {
	display:block;
	float:left;
	padding:10px;
	margin-right:25px;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	
}

.general #btn_bas_page a {
	color:#d3b203;
	background:url(images/general_btn_bas.gif) top left repeat-x;
}

.general #btn_bas_page {
	border-bottom:#d3b203 solid 8px;
}

.cabanons #btn_bas_page a {
	color:#d14603;
	background:url(images/cabanons_btn_bas.gif) top left repeat-x;
}

.cabanons #btn_bas_page {
	border-bottom:#d14603 solid 8px;
}

.maisons #btn_bas_page a {
	color:#134065;
	background:url(images/maisons_btn_bas.gif) top left repeat-x;
}

.maisons #btn_bas_page {
	border-bottom:#134065 solid 8px;
}

.garages #btn_bas_page a {
	color:#4f6d07;
	background:url(images/garages_btn_bas.gif) top left repeat-x;
}

.garages #btn_bas_page {
	border-bottom:#4f6d07 solid 8px;
}

#btn_bas_page a:hover {
	color:#033;
}



/*=============== Ou trouver nos produits ===============*/

#map {
	position:relative;
	width:603px;
	height:420px;
	text-align:center;
	background:url(images/map.jpg) 40px top no-repeat;
}


#map a {
	position:absolute;
	display:block;
	width:17px;
	height:14px;
	behavior: url(iepngfix.htc);
	background:url(images/icon_map_u.png) top left no-repeat;
	left: 259px;
	top: 13px;
}

#map a:hover {
	background:url(images/icon_map_o.png) top left no-repeat;
}

#map_infos {
	width:500px;
	padding-left:20px;
}

#map_infos div div.map_infos_logos {
	float:left;
	width:150px;
	padding-left:20px;
}

.map_infos_logos img {
}

#map_infos div div.map_infos_text {
	margin-left:170px;
	text-align:left;
}

#map_infos .map_infos_text span {
	font-size:1.1em;
	font-weight:bold;
}

.cabanons #map_infos .map_infos_text span {
	color:#d14603;
}

.garages #map_infos .map_infos_text span {
	color:#4f6d07;
}


/*=============== Soumission ===============*/

#soumission table {
	width:523px;
}

#soumission table td {
	margin:0;
	padding:5px 5px 10px 5px;
	vertical-align:top;
}

#soumission input {
	width:125px;
	margin-right:20px;
}

#soumission label {
	margin-right:15px;
}