@charset "UTF-8";
/* CSS Document */

/*
===============================
Site Author: Sébastien Morin
Definition: Style CSS
Date Created: 30/11/2009
			
Consists Of:
	1. General Elements
	2. Typography Elements
	3. Navigation Elements
	4. Header Elements
	5. Content Elements
	6. Footer Elements
===============================  
*/

@import "reset.css";

/** 1. General Elements **/

body          { margin: 0; padding: 0; background: url(../images/background.jpg) #181717 repeat-x top left; }
#wrap         { margin: 0 auto; width: 716px; height: 100%; }
a img         { border: 0; }
.clear        { clear: both; }

.stXtr {display:block;padding:0 0 0 15px;background:url("../images/plus.jpg") no-repeat 1px 4px;}

/** 2. Typography Elements **/

h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; color: #b16b29; font-weight: lighter; letter-spacing: 0.5pt; }

h1 a 		  { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #e2e2e1; font-weight: lighter; letter-spacing: 0.5pt; text-transform: uppercase; text-decoration: none; }
h2, .title    { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #b16b29; font-weight: lighter; letter-spacing: 0.5pt; }
h3            { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #34353a; font-weight: lighter; letter-spacing: 0.5pt; line-height: 22px; }
h4            { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #b16b29; font-weight: lighter; letter-spacing: 0.25pt; }

p             { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; line-height: 20px; font-weight: lighter; letter-spacing: 0.25pt; text-align: justify; }
p a           { color: #b16b29; text-decoration: none; }
p a:hover     { color: #ffffff; }

.subtitle     { font-family: Georgia, "Times New Roman", Times, serif; color: #6c5f51; font-size: 12px; margin-top: 15px; line-height: 16px;}
.subtitle a   { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #6c5f51; text-decoration: none; }
.slash		  { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #b16b29; }
.links a      { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #e2e2e1; line-height: 14px; text-decoration: none; letter-spacing: 0.5pt; text-transform: uppercase; }
.links a:hover 
		  	  { text-decoration: underline; }
.sublinks	  { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; color: #727273; letter-spacing: 0.5pt; margin-left: 15px; }
.info_title   { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #e2e2e1; line-height: 14px; letter-spacing: 0.5pt; text-transform: uppercase; }
.side_text	  { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #969797; line-height: 14px; letter-spacing: 0.5pt; }
.side_text a  { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #969797; letter-spacing: 0.5pt; text-decoration: none; }
.side_text a:hover 
		  	  { color: #ffffff; }
.quote 	      { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #b16b29; letter-spacing: 0.5pt; font-style:italic; line-height: 18px; }

.nb			  { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9px; color: #6c5f51; letter-spacing: 0.5pt; text-align: left; font-style:italic; }
.footer		  { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; color: #727273; letter-spacing: 0.5pt; text-align: left; text-decoration: none; }
.footer a	  { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; color: #727273; letter-spacing: 0.5pt; text-align: left; text-decoration: none; }
.footer a:hover { text-decoration: underline; }

.nom_footer	{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; color:#727273; }
.nom_footer	a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; color: #b16b29; line-height: 24px; text-transform: uppercase; text-align: right; text-decoration: none; }


/** 3. Navigation Elements **/

#nav 		  { margin: 0 auto; width: 716px; position: relative; z-index: 100; float:left}
#nav ul       {	list-style: none; margin: 0; padding: 0; }
#nav ul li    {	display: inline; }
#nav ul li a  { text-indent: -9000px; }
#nav ul li a:hover
			  { background-position: 0 -57px; }

li.accueil a  { background: url(../images/menu_accueil.jpg) no-repeat top left; height: 57px; width: 149px; float: left; }
#accueil li.accueil a, #accueil li.accueil a:hover 
			  { background-position: 0 -57px; position:relative; z-index:10; }
li.familial a   {	background: url(../images/menu_familial.jpg) no-repeat top left; height: 57px; width: 201px; float: left; }
#familial li.familial a, #familial li.familial a:hover 
			  { background-position: 0 -57px; position:relative; z-index:10; }
li.criminel a { background: url(../images/menu_criminel.jpg) no-repeat top left; height: 57px; width: 204px; float: left; }
#criminel li.criminel a, #criminel li.criminel a:hover 
			  { background-position: 0 -57px; position:relative; z-index:10; }
li.contact a  { background: url(../images/menu_contact.jpg) no-repeat top left; height: 57px; width: 162px; float: left; }
#contact li.contact a, #contact li.contact a:hover 
			  { background-position: 0 -57px; position: relative; z-index:10; }
			  

/** 4. Header Elements **/

#header		  { float:left; height:53px; }
#signature	  { margin-top: 11px; width: 496px; float:left; }
.barreau	  { margin-top: 11px; margin-left: 183px; float: left; }

#zone_photo	  { /*margin-top: 12px;height: 257px;*/ width: 716px;  float:left; height:267px; }
#slogan_home  { margin-top: 114px; margin-left: 5px; width: 305px; height: 100%; float: left; }
#slogan_other { margin-top: 114px; margin-left: 5px; width: 305px; height: 100%; float: right; }
#photo_home   { /*margin-top: 16px; height: 250px; */width: 406px;  float: right; padding-top:10px; }
#photo_other  { /*margin-top: 16px; height: 250px; */width: 406px; float: left; padding-top:10px; }


/** 5. Content Elements **/

#col_text	  { margin-top: 43px; width: 472px; height: 100%; float: left; }
#col_links	  { margin-top: 43px; margin-left: 38px; width: 206px; height: 100%; float: left; }
#col_info	  { margin-top: 43px; margin-right: 38px; width: 206px; height: 100%; float: left; }

.title_box	  { width: 472px; margin-bottom:15px; }
.text_box	  { width: 472px; height: 100%; float: left; }	
#btn_home	  { width: 206px; height: 108px; }
#links		  { margin-top: 23px; width: 206px; height: 100%; }
#links ul     {	list-style: none; margin: 0; padding: 0; }
#links ul li  {	display: block; margin-bottom: 12px; }
.info		  { margin-top: 10px; margin-left: 16px;/* width: 190px;*/ height: 100%; }
.info ul li	  { margin-bottom: 6px; }
.quote_left   { margin: 10px 10px 10px 0px; width: 172px; height: 100%; float: left; text-align: center; }
.quote_right  { margin: 10px 0px 10px 15px; width: 160px; height: 100%; float: right; text-align: center; }


/** 6. Footer Elements **/

#notabene	  { margin-bottom: 10px;width: 716px; float: left; text-align: center; }
#footer		  { margin-top: 43px; width: 716px; float: left; }
#menu_footer  { margin-top: 19px; width: 400px; float: left; }  
#sign_footer  { margin-top: 19px; width: 280px; text-align: right; float: right; }