/*
	CSS pour MatTech
	J-F, Emilie - egzakt.com
	2008-10-09
*/

body {
	background-color:#FFFFFF;
	margin:0 0 10px;
	font:75%/140% 'Trebuchet MS', Verdana, Arial, sans-serif;
	color:#000000;
}

h1 {
	font: #000000 bold 2em 'Trebuchet MS', Verdana, Arial, sans-serif;
	line-height: 1em;
	font-style: italic;
	margin: 0 0 8px 0;
}

h2 {
	font:bold 1.17em 'Trebuchet MS', Verdana, Arial, sans-serif;
	line-height: 1.5em;
	color:#9A1920;
	margin: 0 0 6px 0;
}

a {
	color:#9A1920;
	cursor:pointer;
	outline:none;
}

a:hover {
	color:#000000;
}

img {
	border:0;
}

#wrapper {
	position: relative;
	width:760px;
	margin:0 auto;
}



/* NAVIG HAUT
-----------------------------------------*/
#lien_haut {
	float: right;
	font: normal 0.84em/1.5em Verdana, Arial, Helvetica, sans-serif;

}

#lien_haut a {
	float:right;
	display:block;
	text-align:center;
	padding:4px 0 10px;
	width:95px;
	color: #000;
	text-decoration: none;
	background:transparent url(../images/boutons/haut.png) left top no-repeat;
}

#lien_haut a:hover {
	color: #9A1920;
}

#lien_haut a.accueil {
	background:transparent none;
	padding:4px 10px;
	width:auto;
}


#navig_gauche {
	position: absolute;
	width: 126px;
	height: 131px;
	top: 20px;
	left: 5px;
}

#navig {
	width: 760px;
	height: 39px;
	border-top: 52px solid #FFFFFF;
	text-align: right;
	background: url(../images/tuiles/tuile_navig.jpg) top left no-repeat;
}

#navig a {
	display: block;
	float: right;
	font: bold 1em/1.5em 'Trebuchet MS', Verdana, Arial, sans-serif;
	color: #000000;
	text-decoration: none;
	height: 27px;
	padding: 12px 22px 0 22px;
}

#navig a:hover, #navig a.selected {
	color: #9A1920;
	background: url(../images/tuiles/navig_selected.gif) bottom center no-repeat;
}

#navig img {
	float: right;
}

#entete_contenu {
	width: 680px;
	height: 26px;
	padding: 14px 0 0 80px;
	background: url(../images/tuiles/entete_contenu.jpg) top left no-repeat;
	font: italic 1em/1.5em 'Trebuchet MS', Verdana, Arial, sans-serif;
	color: #D5CEC9;
}

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

#contenu {
	width:640px;
	background: url(../images/tuiles/tuile_contenu.jpg) right top no-repeat;
	border-left: 4px solid #D5CEC9;
	padding: 35px 72px 20px 44px;
}

.bloc_texte {
	background-color:transparent;
}

.bloc_texte .encadre {
	background-color:#D5CEC9;
	padding:10px 20px;
	color:#4B4B4B;
	line-height:18px;
}

.bloc_texte .texte_rouge {
	color:#A71930;
}


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

#contenu_accueil {
	width:756px;	/*760-4*/
	background: url(../images/tuiles/mt_tuile_accueil.jpg) left top no-repeat;
	border-left: 4px solid #D5CEC9;
	padding: 0;
}

#contenu_accueil .bloc_texte {
	background-color:transparent;
	padding:30px;
	width:300px;
	font-size:1em;
	line-height:1.75em;
}
#contenu_accueil .bloc_texte strong {
	color:#981920;
}


#photo {
	position:relative;
}
#photo img {
	position:absolute;
	top:-50px;
	left:240px;
}

#contenu_accueil .promo {
	display:block;
	padding:15px 520px 20px 30px;
	line-height:1em;
	background: url(../images/boutons/bg_bouton_accueil.gif) left top no-repeat;
	color:#000;
	text-decoration:none;
}

#contenu_accueil .promo h2 {
	font-size:2em;
	font-style:italic;
	line-height:1em;
	margin:0;
	padding:0;
	color:#000;
}
#contenu_accueil .promo:hover h2 {
	color:#9A1920;
}

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

#contenu_modeles {
	width:685px;
	background: url(../images/tuiles/tuile_contenu.jpg) right top no-repeat;
	border-left: 4px solid #D5CEC9;
	padding: 35px 27px 20px 44px;
}

#contenu_modeles .bloc_texte {
	padding-right:200px;
}

#contenu_modeles h1 span{
	padding:2px;
}

#nav_gammes {
	height:4em;
}

#nav_gammes a {
	float:left;
	position:relative;
	color:#5B5858;
	text-decoration:none;
	font-size:0.92em;
	line-height:1em;
	margin-right:6px;
}

#nav_gammes a span {
	display:block;
	padding:5px 6px 5px 14px;
	margin-right:8px;
	background: transparent url(../images/boutons/bg_sous-nav_g.gif) 0 0 no-repeat;
}

#nav_gammes a img {
	position:absolute;
	top:0;
	right:0;
}

#nav_gammes a .over {
	visibility:hidden;
	z-index:1;
}


#nav_gammes a:hover {
	background:transparent;
	color:#19140D;
}

#nav_gammes a:hover,
#nav_gammes a.selected {
	color:#19140D;
}

#nav_gammes a:hover span, #nav_gammes a.selected span {
	background-position:0 -131px;
}

#nav_gammes a:hover .over, #nav_gammes a.selected .over {
	visibility:visible;
}


#liste_modeles {
	margin-top:20px;
}

#liste_modeles h3 {
	margin:0;
}

#gamme_logo {
	position:relative;
}
#gamme_logo .contenu {
	position:absolute;
	top:-65px;
	left:420px;;
	height:34px; /*164-130*/
	width:267px; /*287-20*/
	background: transparent none left top no-repeat;
	font:normal 0.83em/1em Verdana, Arial, sans-serif;
	text-align:right;
	padding-top:130px;
	padding-right:20px;
}
#gamme_logo .contenu strong,




#gamme_autre_photos strong {
	color:#981920;
}


#gamme_autre_photos {
	margin-top:80px;
	width:150px;
	float:right;
}

#gamme_autre_photos .contenu {
	font:normal 0.83em/1em Verdana, Arial, sans-serif;
	text-align:right;
}

#gamme_autre_photos_classique strong {
	color:#981920;
}


#gamme_autre_photos_classique {
	margin-top:80px;
	width:150px;
	float:right;
}

#gamme_autre_photos_classique .contenu {
	font:normal 0.83em/1em Verdana, Arial, sans-serif;
	text-align:right;
}


#gamme_autre_photos_ensache strong {
	color:#981920;
}


#gamme_autre_photos_ensache {
	margin-top:80px;
	width:150px;
	float:right;
}

#gamme_autre_photos_ensache .contenu {
	font:normal 0.83em/1em Verdana, Arial, sans-serif;
	text-align:right;
}

#autres_gammes_disponibles {
	margin-top:80px;
	width:150px;
	float:right;
	clear:right;
}

#autres_gammes_disponibles .encadre {
	background-color:#E7E3E0;
	padding:5px 8px;
	color:#4B4B4B;
	font-size:0.92em;
}

/* BAS
-----------------------------------------*/

#pre_bas {
	width:750px;	/*760-4-6*/
	border-left: 4px solid #D5CEC9;
	padding: 4px 0 2px 6px;
	background-color:#97191f;
	font: 0.84em/1.2em Verdana, Arial, sans-serif;
	color: #D5CEC9;
}

#signature {
	position:relative;
	float:right;
	font:9px/14px Arial, sans-serif;
	padding:0 0 0 0;
	text-transform:uppercase;
}

#signature a {
	text-align:right;
	width:150px;
	position:absolute;
	top:0;
	right:0px;
	color:#aaa;
	text-decoration:none;
}

#copyright {
	font: 0.84em/1.5em Verdana, Arial, sans-serif;
	padding: 5px 8px;
}

#bas {
	font: 0.84em/1.2em Verdana, Arial, sans-serif;
	color: #D5CEC9;
	height: 21px;
	padding: 4px 0 0 10px;
	background: url(../images/tuiles/tuile_bas.gif) top left no-repeat;
}

#contact {
	padding:0 8px 0 0;
}

#contact a {
	color:#D5CEC9;
}
#contact a:hover {
	color:#fff;
}

#bas_detaillant {
	padding:0 8px 0 0;
}

#bas_detaillant a {
	color:#D5CEC9;
}
#bas_detaillant a:hover {
	color:#fff;
}

/* POPUP
-----------------------------------------*/

#popup_wrapper {
	width:500px;
	margin:0 auto;
}

#popup_entete {
	background:url(../images/tuiles/fond_logo.gif);
}

#popup_contenu {
	padding:10px;
}

.fermer {
	text-align:center;
}


/* DIVERS
-----------------------------------------*/
input, select, textarea {
	border:1px solid #595953;
	padding:2px;
	font:11px/13px Verdana, Arial, sans-serif;
}

.radio {
	border:0;
}

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

ul li {
	color:#000000;
	padding: 2px 0 0 12px;
	background: url(../images/tuiles/puce.gif) 0 8px no-repeat;
}

.erreur {
	color:#990000;
}

.msg_erreur, .msg_succes {
	margin:7px auto;
	padding:5px;
	width:80%;
	border:1px solid #990000;
	text-align:center;
	background-color:#FFFFFF;
	color:#990000;
}

.msg_succes {
	border:1px solid #2BAB53;
}

.requis {
	color:#990000;
}

/* IE6 PNG*/
#lien_haut a,
#photo img,
#gamme_logo .contenu {
	behavior: url(/js/iepngfix.htc);
}


.galerie .encadre {
	float:left;
	background-color:#E7E3E0;
	padding:0 10px 10px 20px;
	color:#4B4B4B;
	line-height:18px;
}

.galerie .encadre a {
	float:left;
	margin:10px 10px 0 0;
	border:1px solid #fff;
}