﻿/*---------------------------------------------------------------------*/
/* AUTEUR      : Chanh T.Do [ www.thoransoft.com ]                     */
/* DATE        : 2009.03.10                                            */
/* DESCRIPTION : Feuille de style pour Ziridis Conseil inc.            */
/*---------------------------------------------------------------------*/
/* Couleurs utilisées: 
   Vert: #719e03
   Texte: #333333
   Bleu: #0d01fd
   Orange: #ff9d01

*/
body {margin:0px;
	  text-align:left;
	  background-image:url(../images/zbg.gif);
	  background-repeat:repeat-x;}

* {margin:0;padding:0}
img {border-style:none;}

/* Site container */
.s_container {width:775px;
			  height:557px;
			  margin:0px auto 0px auto;
			  position:relative; 
			  text-align:left;
			  background-color:#ffffff;}

/* Logo container */
.logo_container {width:773px;
				 height:48px;
				 margin:0px 1px 0px 1px;
				 position:relative;}

.logo_container a.img
                  {position:relative;
                   top:0px;
				   left:0px;}

.logo_container a {position:absolute;
				   bottom:6px;
				   right:9px;
				   font:9px "Century Gothic",sans-serif;
				   color:#333333;
				   letter-spacing:1px;
				   font-weight:normal;
				   text-decoration:none;}

.logo_container a:link {color:#333333;}
.logo_container a:visited {color:#333333;}
.logo_container a:active {color:#333333;}
.logo_container a:hover {color:#719e03;}
.logo_container a:active, a:focus{outline:none; }

/* Header container */
.h_container {width:773px;
			  height:120px;
			  margin:0px 1px 0px 1px;
			  position:relative;}

.h_container .h_img_left {position:absolute;
						  top:0px;
						  left:0px;
						  width:194px;
						  height:120px;}

.h_container .h_img_right {position:absolute;
						   top:0px;
						   right:0px;
						   width:578px;
						   height:120px;}
/* Menu container */
.m_container {width:773px;
			  height:25px;
			  background-color:#719e03;
			  position:relative;
			  margin:1px;}

.m_container p {color:#ffffff;
				position:absolute;
				top:6px;
				left:199px;
				font:10px Verdana,sans-serif;}

.m_container a {font:10px/18px "Century Gothic", Arial, sans-serif;
				margin:0px 0px 0px -4px;
				letter-spacing:1px;
				outline:none;
				background-color:#719e03;
				text-decoration:none;
				position:absolute;
				top:1px;
				padding:3px 15px 3px 15px;
				font-weight:bold;}

.m_container a:link {color:#f7f7f7; }
.m_container a:visited {color:#f7f7f7; }
.m_container a:active {color:#f7f7f7; }
.m_container a:hover {color:#f7f7f7; background-color:#ff9d01;}
.m_container a:active, a:focus{outline:none;}

/* TEST */
/* Footer container */
.f_container {width:775px;
			  height:auto;
			  margin:5px auto 0px auto;
			  position:relative; 
			  text-align:center;
			  font:10px/12px Verdana, sans-serif;
			  color:#666666; }

/* Blog */
.blog {width:195px;
	   height:auto;
	   position:absolute; 
	   bottom:10px;
	   left:15px;
	   text-align:left;
	   font:10px/13px Verdana, sans-serif;
	   color:#666666;}

.blog a:link {color:#0d01fd; text-decoration:underline;}
.blog a:visited {color:#0d01fd; text-decoration:underline;}
.blog a:active {color:#0d01fd; text-decoration:underline;}
.blog a:hover {color:#0d01fd; text-decoration:underline;}
.blog a:active, a:focus{outline:none;}

.google_map {width:370px; 
			 height:320px;
			 position:absolute;
			 top:4px;
			 right:15px;
			 border:1px solid gray;
			 display:block;}

.i_menu {display:none;}