@charset "utf-8";

/* Vistech - CSS Document */

/* Base ----------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif, Verdana, "trebuchet MS";
	font-size: 12px;
	color: #FFFFFF;
	background-color: #6f5133;
	background-image: url(/imports/images/bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/* Mise en page --------------------------------- */

#container { width:900px; margin:0 auto; text-align:left; }
#header { width: 900px; background-image: url(/imports/images/header.jpg); height: 249px; color: #8a755d; font-size:11px;letter-spacing:1px; }

#z_logo { float:left; width:280px;  margin-left: 20px; margin-top:50px;}
#z_sousmenu { float:right; width: 150px; text-align:right; margin-top: 20px; margin-right: 150px; }

#menu {}
#z_contenu { padding-top: 0px; padding-bottom: 0px; background-image: url(/imports/images/contenu.jpg); background-color: #6e563d; background-repeat: no-repeat; height:100%; }
#z_contenu_left { width: 650px; float:left; padding: 20px; line-height: 18px; }
#z_contenu_left_index { width: 690px; height: 720px; float:left; background-image: url(/imports/images/home.gif); background-repeat: no-repeat; background-position: left bottom; }
#z_contenu_left_index_en { width: 690px; height: 720px; float:left; background-image: url(/imports/images/home_en.gif); background-repeat: no-repeat; background-position: left bottom; }
#z_contenu_right { width: 210px; float:right; padding-top:200px;}
#footer { background-color: #755c44; height:40px; font-size:11px; color: #000000; border-top-width: 1px; border-top-style: solid; border-top-color: #7b664f; }

#footer_1 { width: 215px; float:left; height: 28px; padding-top: 12px; padding-left:15px; }
#footer_2 { width: 190px; float:left; height: 28px; padding-top: 12px; padding-left:40px; background-image: url(/imports/images/icon_printer.jpg); background-repeat: no-repeat; background-position: 15px 12px; }
#footer_3 { width: 230px; float:left; height: 40px; }
#footer_4 { width: 190px; float:right; padding-top: 15px; padding-right:15px; text-align:right;  }

.pdf_zone { }
.pdf_icon { float:left; width: 45px; padding-top: 2px; }
.pdf_zone_link { float:left; }

/* Modules PHP ---------------------------------- */

.reaItem{ width:110px; height:160px; float:left; margin-right: 20px; text-align:center; }
.reaItem p{ text-align:left; padding: 5px; }

div.distColLeft{ width:205px; float:left; margin:0; padding-top: 0; padding-right: 20px; padding-bottom: 0; padding-left: 0; }
div.distColLeft h4 { color:#55b04c; font-size:18px; padding-top: 20px; margin: 0px; }
div.distColRight{ width:375px; float:left; margin:0; padding:0; }
div.distColRight h3{ margin:0; padding-top: 23px; font-weight: bold; color:#c8b09b; padding-right: 0; padding-bottom: 20px; padding-left: 0; }
div.distColRight div.villeName{ width:180px; font-size:11px; line-height: 14px; color:#c8b09b; float:left; }

/* Textes --------------------------------------- */

h1 	{ margin: 0px; font-size: 24px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; letter-spacing: -1px; padding-bottom: 15px; margin-bottom: 15px; border-bottom-width: 1px;border-bottom-style: solid; border-bottom-color: #FFFFFF; }
h2 	{ font-size: 18px; font-weight:normal; }
h3 	{ font-size: 14px; font-weight:normal; color:#55b04c; margin-bottom:15px; }
h4 	{ font-size: 14px; font-weight:normal; line-height: 21px; }
h5 	{ margin: 0px; font-size: 20px; font-weight: normal; color: #FFFFFF; padding-bottom: 15px; margin-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; }
h6 	{ font-size: 13px; font-weight:normal; color:#ffffff; margin-bottom:5px; margin-top:10px;  }

.h1_top 	{ font-size:14px; letter-spacing: 1px; font-weight:bold; color: #55b04c; margin-bottom: 5px; }
.txt_small 	{ font-size:10px; }

blockquote p	{ padding-bottom:20px; padding-top: 0px; }

/* Liens ---------------------------------------- */

#header a:link 				{ color: #8a755d; text-decoration: none; }
#header a:visited 			{ text-decoration: none; color: #8a755d; }
#header a:hover 			{ text-decoration: underline; color: #8a755d; }
#header a:active 			{ text-decoration: none; color: #8a755d; }

#z_contenu_left a:link 		{ text-decoration: underline; color: #55b04c; font-weight:bold;  }
#z_contenu_left a:visited	{ text-decoration: underline; color: #55b04c; }
#z_contenu_left a:hover 	{ text-decoration: none; color: #ffffff; background-color:#55b04c; }
#z_contenu_left a:active 	{ text-decoration: underline; color: #55b04c; }

#footer a:link 				{ color: #ffffff; text-decoration: none; }
#footer a:visited 			{ text-decoration: none; color: #ffffff; }
#footer a:hover 			{ text-decoration: underline; color: #ffffff; }
#footer a:active 			{ text-decoration: none; color: #ffffff; }

/* Liste ---------------------------------------- */

#subMenuMM1, #subMenuMM2 { top: 10px; }

#navigation 	{ list-style-type:none; margin:0px; padding:0px;}
#navigation li 	{ display: inline; margin:0px; padding:0px; }

.liste 			{ padding-left: 40px; padding-bottom: 10px; margin: 0; list-style-type:disc; }
.liste li 		{ margin-bottom: 5px; }

#z_contenu_left li { list-style-type: square; }

/* Menu ---------------------------------------- */
ul#navigation li{ position:relative; }
ul#navigation li ul { background:#1c1c1a; display:none; margin:0; padding:0; position:absolute; left:0px; width:258px; }
*html ul#navigation li ul{ top:90px; }
*+html ul#navigation li ul{ top:90px; }
ul#navigation li.iehover ul { display:block; }
ul#navigation li:hover ul { display:block; }
ul#navigation li ul li{ color:#fff; display:block; float:none; font-size:11px; font-weight:bold; text-transform:uppercase; height:25px; margin:0pt; width:248px; padding-left:10px; line-height:25px; }
ul#navigation li ul li a{ text-decoration:none; color:#fff; }
ul#navigation li ul li a:hover{ color:#55b04c; }
ul#navigation li:hover, ul#navigation li.iehover { background-color:#2e2a27; color:#55b04c; }

/* Autres --------------------------------------- */

.clearfloat 	{ clear:both; height:0; font-size: 1px; line-height: 0px; display:block; }
.img_garanti 	{ float:left; margin-right: 20px; }
.toggler  		{ cursor:pointer; font-weight:bold; border-bottom-width: 1px; border-bottom-color:#8b7764; padding-bottom:0px; border-bottom-style: dotted; margin-left: 20px;}