/* ******** GENERALITES ************************************************************************** */

body {
	background-color: #9e9090; 
	text-align: center;
}
body, div, td, th, textarea, input, select, p {
	font-size: 12px; 
	color: #000000; 
	font-family: arial, sans-serif; 
	text-align: left;
	vertical-align: top;
}
* {
	margin: 0;
	padding: 0;
}
img { border: none; }

a, a:link { 
	text-decoration: none; 
	color: #971f22; 
}
a:hover { 
	text-decoration: underline; 
	color: #971f22; 
}






/* ******** FONDS DE PAGE ************************************************************************** */

DIV#fdBody {	background: #918080 url(../img/fd_page_middle.png) center repeat-y; }
DIV#fdBodyTop {	background: url(../img/fd_screen_top.png) top repeat-x; }
DIV#fdBodyBottom { background: url(../img/fd_screen_bottom.png) bottom repeat-x; }

DIV#fdPageTop {
	background: url(../img/fd_page_top.png) top no-repeat;
	width: 951px; 
}
DIV#fdPageBottom {
	background: url(../img/fd_page_bottom.png) bottom no-repeat;
	width: 951px;
	min-height: 400px; 
}
* html DIV#fdPageBottom {		/* Lu uniquement par IE6 */
	height: 400px; 
}







/* ******** ZONES DE L'ECRAN ************************************************************************** */

DIV#leftCol {
	width: 217px;
	overflow: hidden;
}
DIV#rightCol {
	overflow: hidden;
}
#footer {
	width: 951px; 
	height: 120px;
	text-align: center;
	color: #ffffff;
	font-size: 11px;
}
DIV#content {
	text-align: left;
	padding: 20px;
}
DIV#headerHome {
	text-align: left;
	padding: 0;
	height: 170px;
	background: url(../img/visuel2.jpg) top no-repeat;
	margin-bottom: -80px;
}
* html DIV#headerHome {	background: url(../img/visuel2.jpg) 0 -3px no-repeat; }									/* Lu uniquement par IE6 et IE7 */
*:first-child+html DIV#headerHome {	background: url(../img/visuel2.jpg) 0 -3px no-repeat; }			/* Lu uniquement par IE7 */
DIV#navyTop {
	vertical-align: top;
	text-align: right;
	color: #ffffff;
	padding-right: 50px;
	padding-bottom: 5px;
	padding-top: 13px;
}
DIV#navyTop img {
	vertical-align: middle;
	padding-right: 6px;
	padding-left: 30px;
}
DIV#navyTop a {
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
}
#footer a {
	color: #ffffff;
}
#logo {
	text-align: center;
	padding-top: 84px;
	padding-bottom: 29px;
}








/* ******** BLOCS ************************************************************************** */


/* ******** BLOC NAVIGATION ******** */
DIV#blocNavy {
	background: url(../img/bloc_navy_fd.png) repeat-y;
}
DIV#blocNavyTop {
	background: url(../img/bloc_navy_top.png) no-repeat;
	min-height: 220px;
	padding: 5px 12px 0 12px;
}
* html #blocNavyTop { height: 220px; } 					/* Lu uniquement par IE6 */

DIV#blocNavyBottom {
	background: url(../img/bloc_navy_bottom.png) no-repeat;
	height:7px;
}
DIV#blocNavy ul {
	list-style-type: none;
	margin: 0; padding: 0;
}
DIV#blocNavy ul li {
	padding-bottom: 5px;
	padding-top: 5px;
	background: url(../img/bloc_navy_line.png) top repeat-x;
	z-index: 50;
}
.cacheLine {
	text-align: right;
	background-color: #e0e0e0;
	height: 2px;
	font-size: 1px;
	z-index: 100;
	position: relative;
	top: 2px;
}
DIV#blocNavy ul li img {
	vertical-align: middle;
	padding-right: 7px;
	width:26px; height: 25px;
}
DIV#blocNavy ul ul {
	padding-left: 33px;
	padding-top: 0px;
	padding-bottom: 8px;
}
* html DIV#blocNavy ul ul { padding-top: 2px; padding-bottom: 2px; }											/* Lu uniquement par IE6 */
*:first-child+html DIV#blocNavy ul ul { padding-top: 2px; padding-bottom: 2px; }					/* Lu uniquement par IE7 */

DIV#blocNavy ul ul li {
	background: url(../img/bloc_navy_bullet.png) no-repeat;
	padding-left: 17px;
	padding-bottom: 2px;
	padding-top: 0;
}
DIV#blocNavy ul a { color: black; font-size: 13px; }
DIV#blocNavy ul ul a { color: black; font-size: 11px; }
DIV#blocNavy ul a:hover { color: #9d2d2f; text-decoration: none;}






/* ******** AUTRES BLOCS ******** */

/* Espaces entre les blocs pour FireFox */
.numazur 			{ padding: 5px 0 0 0; }
.video 				{ padding: 5px 0 0 0; }
.finLeftCol 	{ padding: 5px 0 0 0; }

/* Espaces entre les blocs pour IE6 */
* html .numazur 			{ padding: 0px 0 0 0; }
* html .video 				{ padding: 2px 0 0 0; }
* html .finLeftCol 		{ padding: 3px 0 0 0; }

/* Espaces entre les blocs pour IE7 */
*:first-child+html .numazur 			{ padding: 5px 0 0 0; }
*:first-child+html .video 				{ padding: 2px 0 0 0; }
*:first-child+html .finLeftCol 		{ padding: 2px 0 0 0; }







/* ******** BLOC DEVIS SUR LA PAGE D'ACCUEIL ******** */

#devisHome {
	float: right;
	width: 159px;
	text-align: left;
}
.btnDevis {
	color: #ffffff;
	text-align: left;
	width: 100px;
	height: 20px;
	background: url(../img/btn_devis_fd.png) right no-repeat;
	font-size: 11px;
}
.btnDevis img {
	vertical-align: middle;
}
.btnDevis a {
	color: #ffffff;
	text-decoration: none;
}






/* ******** BLOCS DE COULEUR SUR LA PAGE D'ACCUEIL ******** */

DIV.blocJauneTitre, DIV.blocBleuTitre, DIV.blocVertTitre, DIV.blocVioletTitre, DIV.blocRougeTitre {
	FONT-SIZE: 12px; 
	font-weight: bold; 
	text-transform: uppercase; 
	font-family: arial narrow, sans-serif;
	padding: 12px 8px 10px 11px;
	margin: 0;
}
DIV.blocJauneTitre { color: #604009; }
DIV.blocBleuTitre { color: #0a4e59; }
DIV.blocVertTitre { color: #0a600a; }
DIV.blocVioletTitre { color: #4d2665; }
DIV.blocRougeTitre { color: #580709; }

DIV.blocCouleurTexte {
	FONT-SIZE: 11px; 
	padding: 12px 8px 6px 11px;
	margin: 0;
}















/* ******** TITRES ET STYLES DE TEXTES ************************************************************************** */


H1 { 
	FONT-SIZE: 16px; 
	padding-bottom: 12px; 
	color: #9d2d2f; 
	text-transform: uppercase; 
	font-family: arial narrow, sans-serif;
}
*:first-child+html H1, H2, H3, H4, H5 { font-weight: normal; }			/* pour IE7 */

H2 {
	FONT-SIZE: 15px; 
	color: #9d2d2f; 
	padding-bottom: 6px;
}

H3 {
	FONT-SIZE: 15px; 
	color: #000000; 
	padding-bottom: 6px;
}
H4 {
	color: #777777;	
	FONT-SIZE: 15px; 
	padding-bottom: 6px;
}
H5 {
	FONT-SIZE: 13px; 
	padding-bottom: 6px; 
	color: #9d2d2f; 
	text-transform: uppercase; 
	font-family: arial narrow, sans-serif;
}
H6 {
	FONT-SIZE: 12px; 
	color: #000000; 
	padding-bottom: 6px;
}

.rouge { color: #971f22; }
.gris { color: #777777; }


#content ul {
	list-style-image:url(../img/li_bullet.png);
	padding: 10px;
	padding-left: 30px;
	margin: 4px;
	line-height: 1.2em;
}
img.photo {
	border: 1px solid #3c3c3c;
}
#content br {
	font-size: 5px;
}
table.bouton td {
	background-color: #9d2d2f;
	vertical-align: middle;
}
table.bouton a {
	color: #ffffff;
	background-color: #9d2d2f;
	font-size: 11px;
	text-decoration: none;
}






/* ******** FORMULAIRE ************************************************************************** */

input.txt, textarea.txt {
	border: 1px solid #af6163; 
	background: #ffffff;
	font-size: 11px;
	height: 16px;
	width: 100%;
	padding: 3px 0 3px 0;
	vertical-align: middle;
}

input.button {
	background: #9d2d2f url(../img/input_fd.png) 10px 10px no-repeat;
	font-size: 12px;
	color: #ffffff;
	border: none;
	height: 25px;
	padding: 0;
	padding-left: 30px;
}