body {
	margin: 0;
	padding:0;
	text-align: center;
	background: #5971B1 url("../images/fond.jpg") repeat-x;
	padding-bottom: 50px;
}

body, td {
	/*
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 12px;
	*/
	font-family: Arial,Helvetica,sans-serif;
	color: #E3E3E3;
	font-size: 15px;
	line-height: 20px;	
}

td {
	vertical-align: top;
}

img {
	border: 0px;
}

UL{
	margin-top:    3px;
	margin-bottom: 10px;
}

H1,H2,H3,H4 {
	font-weight: bold;
	margin: 0;
	padding:0;
	margin-top:    10px;
	margin-bottom: 10px;
}

H2 {
	font-size: 14px;
	font-weight: bold;
}
H3 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}

H4 {
	font-size: 12px;
	font-weight: bold;
	font-weight: normal;
	color: Black;
	margin-bottom: 0;
}

hr {
	background: url("../images/dash.gif") repeat-x;
	border: 0;
	margin-top: 40px;
	margin-bottom: 20px;
	width: 100%;
}

#cadre {
	width: 866px;
	border: 0px;
	text-align: center;
	background: #4D5D89;
	margin-top: 20px;
	
}

#cadre td {
	text-align: left;
	vertical-align: top;
}

#cadre h1 {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #BBF0FE;
}

#gauche {
	width: 200px;
	background: #4D5D89;
	text-align: left;
	vertical-align: top;
}
#gauche div.cadre1 {
	width: 176px;
	background: #BFC3D1;
	line-height: 17px;
	margin-left: 18px;
	padding-bottom: 10px;
}
#gauche div.cadre1 img {
	margin: 13px;
	border: 1px solid #384464;
}
#gauche div.cadre1 a {
	color: #000000;
	text-decoration: none;
}
#gauche div.cadre1 a:hover {
	text-decoration: underline;
}

#droite {
	width: 600px;
	background: #596993;
	padding: 0px;
	text-align: left;
}

#droite div {
/*
	font-family: Verdana, Arial;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 20px;
*/	
}

#droite div.contenu {
	margin: 20px;
	margin-bottom: 50px;
}

.contenu a {
	color: #FFFFFF;
}

#droite h1.pack1 {
	background: url("../images/3couleurs_vert.gif") no-repeat;
	height: 46px;
	padding-left: 60px;
	padding-top: 12px;
	margin: 0px;
}

#droite h1.pack2 {
	background: url("../images/3couleurs_bleu.gif") no-repeat;
	height: 46px;
	padding-left: 60px;
	padding-top: 12px;
	margin: 0px;
}

#droite h1.pack3 {
	background: url("../images/3couleurs_orange.gif") no-repeat;
	height: 46px;
	padding-left: 60px;
	padding-top: 12px;
	margin: 0px;
}

#droite .prix {
	margin-top: 30px;
	margin-left: 320px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #FFFFFF;
	padding: 20px;
	width: 150px;
	background: #C08575;
}

.devis_cadre {
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: 15px;
	margin-right: 15px;
	padding: 15px;
	background: #69789E;
}

.devis_client {
	margin-top: 0px;
	margin-bottom: 30px;
	margin-left: 15px;
	margin-right: 15px;
	padding: 15px;
	background: #69789E;
	border: 1px solid #556688;
}

.demande_devis {
	margin-top: -98px;
	margin-left: 50px;
}

.devis_bouton input {
	padding: 5px;
}

#droite .solution {
	margin-left: 30px;
	margin-top: 30px;
}

#droite .solution input {
	text-align: center;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

#droite .solution ul {
	margin-left: 10px;
}

#droite .solution li {
	 list-style-type:none;
	 margin-left: -25px;
}


#droite .solution h3 {
	padding-left: 10px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

#droite div.devis_titre {
	background: url("../images/fond_devis.jpg");
	margin: 0px;
	margin-right: 20px;
	margin-bottom: 2px;
	height: 40px;
	border: 1px solid #AAAAAA;
}

#droite div.devis_titre h2 {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 10px;
}

#droite div.devis {
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #000000;
	background: #F9F9F7;
	margin: 0px;
	margin-right: 20px;
	padding: 10px;
	border: 1px solid #AAAAAA;
}

#droite div.devis a {
	color: #990000;
	text-decoration: none;
}

#droite div.devis a:hover {
	text-decoration: underline;
}

#droite div.devis div {
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #000000;
}

table.devis {
	margin: 0px;
}

table.devis td {
	border-bottom: 1px solid #69789E;
	padding-top: 5px;
	padding-bottom: 5px;
}

table.devis span {
	cursor: hand;
}

div.bouton_estimation {
	margin-top: 30px;
}

div.bouton_estimation input {
	width: 200px;
	padding: 7px;
}

#nouveau td {
	margin: 0px;
	padding: 0px;
}

#nouveau td.message {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #F68E56;
	text-align: left;
}

#contenu h2 {
	font-family: Arial;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 40px;
}

#contenu span {
	color: #66CCFF;
}


#cadre div.logo {
	height: 100px;
	width: 100%;
	margin-left: 325px;
	margin-top: 13px;
	background: url("../images/logo.gif") no-repeat;
}


#cadre td.haut {
	height: 135px;
	background: url("../images/barre_haut.gif") repeat-x;
	vertical-align: bottom;
}

#cadre td.haut2 {
	height: 100%;
	background: url("../images/fond_haut2.jpg") repeat-x;
}

#cadre td.page_bas {
	height: 40px;
	background: #384464;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

#cadre td.page_bas a {
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

#cadre td.page_bas a:hover {
	text-decoration: underline;
}

#menu {
	height: 25px;
	width: 400px;
	margin: 0px;
	margin-bottom: 2px;
	padding: 0px;
	background: url("../images/menu_arrondi.gif") no-repeat;
	opacity : .7;
	filter : alpha(opacity=70);
	background-position: right;
	font-family: Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}

#menu a {
	font-family: Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#menu a:hover {
	text-decoration: none;
}

#menu table {
	background: #000000;
}

#menu td {
	width: 100px;
	height: 21px;
	text-align: center;
	font-family: Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

#pack {
	width: 100%;
	height: 128px;
}

#pack div.titre1 {
	height: 30px;
	font-family: Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #414040;
	width: 150px;
	padding-left: 5px;
}

#pack div.contenu {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #363333;
	text-align: center;
	line-height: 20px;
	width: 135px;
	height: 70px;
	margin: 0px;
	margin-top: 5px;
}

#pack div.contenu a {
	color: #363333;
}
#pack div.contenu a:hover {
	text-decoration: underline;
}

#pack a {
	text-decoration: none;
	cursor: hand;
}

#pack .pack1 {
	background: url("../images/pack1.gif") no-repeat;
	width: 200px;
	padding: 12px;
	height: 140px;
}
#pack .pack2 {
	background: url("../images/pack2.gif") no-repeat;
	width: 200px;
	padding: 12px;
	height: 140px;
}
#pack .pack3 {
	background: url("../images/pack3.gif") no-repeat;
	width: 200px;
	padding: 12px;
	height: 140px;
}

#menu-pack div {
	width: 178px;
	height: 130px;
	margin-left: 12px;
	margin-bottom: 20px;
}

#menu-pack div.menu-pack1 {
	background: url("../images/menu-pack1.gif") no-repeat;
}

#menu-pack div.menu-pack2 {
	background: url("../images/menu-pack2.gif") no-repeat;
}

#menu-pack div.menu-pack3 {
	background: url("../images/menu-pack3.gif") no-repeat;
}

#menu-pack div div {
	width: auto;
	height: auto;
	padding-top: 60px;
	padding-left: 70px;
}

#menu-pack a {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 12px;
	background: url("../images/fleche_blanche.gif") no-repeat;
	background-position: 0px 4px;
	text-decoration: none;
}

#menu-pack a:hover {
	text-decoration: underline;
}



/* ------------------- traitement des images ------------------------- */

#transparent_bleu {
	position: absolute;
	Z-INDEX: 1000;
	visibility: hidden;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background:  #000000;
	opacity : .8;
	filter : alpha(opacity=80);
}

#identification {
	background: #F4F3F3;
	position: absolute;
	Z-INDEX: 1001;
	visibility: hidden;
	left: 270px;
	width: 450px;
	top: 0px;
	border: solid 8px #CCCCCC;
}

#identification .haut {
	background: #ffffff;
	height: 80px;
	border-bottom: solid 1px #D1D4D5;
	text-align: left;
	padding-left: 20px;
}
#identification .haut h1 {
	font-family: Arial;
	font-size:22px;
	color: #669933;
	padding-top: 20px;
	margin-bottom: 5px;
}

#identification .bas {
	padding-top: 25px;
	margin: 0px;
	text-align: center;	
}

#identification table {
	margin: 0px auto;
}

#identification .bas td {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-align: right;
}

#identification .bas input {
	height: 24px;
	width: 220px;
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
}

#identification .boutons {
	height: 50px;
	width: 350px;
	margin: 0px auto;
	margin-bottom: 20px;
}

#identification .boutons input {
	height: 28px;
	width: 160px;
	font-family: Arial;
	font-size: 15px;
	font-weight: normal;
	color: #000000;
	margin-top: 25px;
}

#identification td.message {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #CC0000;
	text-align: left;
}

.bouton {
	font-family: Arial;
	font-size: 13px;
	color: #384464;
	font-weight: bold;
	height: 30px;
	width: 170px;
	border: 1px solid #E3E3E3;
	background-color: #B5C1C5;
	cursor: hand;
}

/* ------------------ images ------------------------ */

table.cadre_photo {
	margin-top: 30px;
	background-color: #FFFFFF;
	border: 20px solid #FFFFFF;
	border-top: 0px;
}

#diaporama_photos {
	position: absolute;
	Z-INDEX: 1001;
	visibility: hidden;
	width: 100%;
	height: 100%;
	left: 0px;
}

a.precedente {
	/* background-image: url("../images/precedente.gif");
	background-repeat: no-repeat; */
	color: #FFFFFF;
	text-decoration: none;
}

a.precedente:hover {
	text-decoration: underline;
}

#navigation_images {
	margin-top: 30px;
	margin-bottom: 30px;
}

#navigation_images .chemin {
	margin-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; 
}

#navigation_images .chemin {
	margin-bottom: 15px;
}

#navigation_images .chemin a{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; 
	text-decoration: none;
}

#navigation_images .chemin a:hover {
	text-decoration: underline;
}

#liste_images {
	margin: 0px;
	margin-left: 0px;
	margin-bottom: 30px;
	width: 570px;
}
#liste_images a {
	text-decoration: none;
	color: #000000;
}
#liste_images a:hover {
	text-decoration: underline;
}

#liste_images .chemin {
	margin-bottom: 15px;
}

/* ----------------------------- photos ------------------------------------------ */

td.dossier_image {
	background:  url("../images/dossier.gif") no-repeat;
}
td.dossier_image:hover {
	background:  url("../images/dossier_hover.gif") no-repeat;
}

#dossier {
	width: 100%;
	border: 0px;
	padding: 0px;
	margin-left: 10px;
}
#dossier td {
	width: 50%;
	height: 145px;
	padding-left: 5px;
	padding-right: 10px;
}

#dossier table {
	width: 100%;
	border: 0px;
	padding: 0px;
	height: 100px;
}
#dossier td td {
	height: 120px;
}

#album_photo {
  margin: 0px;
  padding: 0px;
}

#album_photo td {
  width: 150px;
  padding: 3px 2px;
  text-align: center;
  vertical-align: middle; }

#album_photo img {
  background: white;
  padding: 6px;
  border: solid 1px #ccc; }

#album_photo img:hover {
  border: solid 1px #3B5998; }

/* -------------------- cadrage general ----------------------------*/

.formga {
	position:relative; float:left; text-align:left;
}

.formdr {
	position:relative; float:right; text-align:left;
}

#bloc_realisation {
	margin-top: 20px;
}
#bloc_realisation a {
	text-decoration: none;
}
#bloc_realisation a:hover {
	text-decoration: underline;
}