/*
	Définition des styles.
	
	Conception : Thomas Bachere, thomas.bachere@gmail.com
	
	Propriétaire : Bleher-Architectes
*/

/*
	Définition générale
*/

*, html { 
	font-size: 100%; 
	padding: 0;
	margin: 0;
	border: none;
	}
	
body {
	font-family: Helvetica, "Arial Narrow Normal", sans-serif;
	background: #000 url('../template/img/background.jpg') no-repeat;
	height: 100%;
	width: 100%;
	margin: 0;
	font-size: .75em;
	line-height: 1.5;
	color: #434343;
	text-align: center; /*Sert à régler le bug de centrage auto horizontallement sous IE */
	}
	
/* Titles */

h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	color: #f48d07;
}

h1 { 
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	color: #FFFFFF;
	padding-left: 40px;
	background: url('../template/img/background_menu.gif') repeat-x;
	}
h2 {
	font-size: 1.75em;
	border-bottom: 1px solid #f48d07;
	margin: 5px 0 5px 0px;
	}
h3 {
	font-size: 1.4em;
	color: #434343;
	}
h4 {
	font-size: 1.10em;
	text-align: left;
	color: #434343;
	}
h5 {
	font-size: 1em; 
	font-weight: normal;
	font-style: italic; 
	}

/* Block */

div, p { overflow: hidden; }

p {
	margin: 10px 0px 10px 0px;
	}

/* lists */

dl,dt { font-weight: bold; }
ul, ol { 
	list-style: none; 
	overflow: hidden;
	}

/* Paragraphs */

address { 
	font-style: normal; 
	color: #f48d07;
	}
q { font-style: italic; }
cite { font-style: italic; }

a {
	color: #f48d07;
	text-decoration: underline;
	}
	
a:visited {
	color: #f48d07;
	text-decoration: underline;
	}
a:hover, a:focus, a:active {
	color: #f48d07;
	text-decoration: underline;
	}
a img {border: none;}

/* Misc inline elements */

em {font-style: italic;}
strong {font-weight: bold;}
del {text-decoration: line-through;}

/* Forms */

form, fieldset { border: none; }
input, button, select { vertical-align: middle; }

/*
	Définition spécifiques des éléments de styles liés à au projet.
*/

div#contentLoading {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=70); /* MSIE/PC */
	-moz-opacity: 0.7; /* Mozilla 1.6 and older */
	opacity: 0.7;	
	z-index: 9999;
	}
	
div#contentLoading img {
	position: absolute;
	top: 50%;
	left:48%;
	}

#page {
	margin: 0 auto;
	background: #FFFFFF;
	width: 910px;
	text-align: left;
	}

#menu {
	overflow: visible !important;
	position: relative;
	z-index: 99999;
	height: 40px;
	padding-top: 15px;
	padding-left: 40px;
	padding-right: 40px;
	background: url('../template/img/background_menu.gif') repeat-x;
	}

#menu li {
	float: left;
	margin-right: 30px;
	height: 40px;
	position: relative;
	}
#menu a{
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	}
	
.subMenu {
	width: 200px;
	position: absolute;
	left: -10px;
	top: 40px;
	z-index: 99999;
	background: #2C2C2C;
	padding-left: 10px;
	border-right: 5px solid #f48d07;
	border-left: 5px solid #f48d07;
	border-bottom: 5px solid #f48d07;
	/*filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;*/
	}
	
.subMenu li {
	float: none !important;
	}
	
.subMenu li a {
	font-size: 12px !important;
	}

#content {
	position: relative;
	z-index: 2;
	padding: 20px 40px;
	border-top: 5px solid #f48d07;
	border-bottom: 5px solid #f48d07;
	}

#content p, #content div, #content table, #content iframe, #content address {
	padding: 0px 40px;
	}

#content address {
	color: #434343;
	}
	
.liste_article {
	margin: 10px 0px 10px 0px;
	}
	
/*
	Gestion de l'affichage des articles pour la rubrique réalisation.
*/

/* Encart liste de projet */
div#conteneur_article_liste {
	padding: 0 !important;
	position: relative;
	z-index: 0;
	overflow-x: auto;
	overflow-y: hidden;
	overflow : -moz-scrollbars-horizontal;
	}
	
div#conteneur_article_liste  ul {
	position: relative;
	z-index: 0;
	}
	
div#conteneur_article_liste   li.marge {
	background: #FFF;
	width:5px;
	}
	
div#conteneur_article_liste  li {
	position: relative;
	z-index: 1;
	overflow: hidden;
	float: left;
	width: 130px;
	height: 100px;
	}
	
p.titre {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	height: 25px;
	z-index: 1;
	filter: alpha(opacity=70); /* MSIE/PC */
	-moz-opacity: 0.7; /* Mozilla 1.6 and older */
	opacity: 0.7;	
	background: #FFF;
	}

/* Encart affichage des projets. */

#conteneur_article_detail { 
	padding: 0 !important;
	margin: 0 !important;
	position: relative;
	}

#conteneur_article_detail div.projet_detail { 
	padding: 0 !important;
	margin: 0 !important;
	z-index: 0;
	}

#conteneur_article_detail ul { 
	padding: 0 !important;
	margin: 0 !important;
	}

#conteneur_article_detail li{ 
	padding: 0 !important;
	margin: 0 !important;
	}

#conteneur_article_detail div.texte{ 
	position: absolute;
	z-index: 2;
	background: #CCCCCC;
	overflow: auto !important;
	filter: alpha(opacity=10); /* MSIE/PC */
	-moz-opacity: 0.1; /* Mozilla 1.6 and older */
	opacity: 0.1;	
	height: 285px;
	width: 280px;
	padding: 10px;
	top: 5px;
	left: 5px;
	}

#conteneur_article_detail div.texte:hover { 
	filter: alpha(opacity=90); /* MSIE/PC */
	-moz-opacity: 0.9; /* Mozilla 1.6 and older */
	opacity: 0.9;	
	color: #3C3C3C;
	}

#conteneur_article_detail div.texte:hover{ 

	}

#conteneur_article_detail div.photos{ 
	position: relative; 
	z-index: 2;
	}

#footer {
	height: 50px;
	padding-top: 5px;
	padding-left: 40px;
	padding-right: 40px;
	background: url('../template/img/background_menu.gif') repeat-x;
	}

#footer a {
	color: #FFFFFF;
	}
	
#footer address {
	color: #FFFFFF !important;
	}
	
.partenaires_pied_page {
	width: 100%;
	text-align: center;
	}