/* 
 * Copyright (c) 2007 Copyright (c) Octolys Development
 * Ce template a été réalisé par http://www.scopika.com & http://www.fredodo.com
 * Il est soumis à la licence GPL
 */

/* Ce fichier définit le style visuel pour les différents éléments des pages.
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - Eléments HTML en général
 * - Page
 * - Entête
 * - Chemin
 * - Produit petit & grand
 * - Pied de page
 * - Menu général
 * - Signature
 * - Nombre de pages
 * - les styles particuliers pour les pages intérieures
 */


/* Eléments HTML en général
-------------------------------------------------------- */

body {
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	font-size: 12px;
	background-image: url(_gfx/fondBody.gif);
	background-repeat: repeat-x;
	background-position: left top;
	color: #4b4a4d;
}

ol {
}

ol li {
	list-style:decimal;
}


h1, h2, h3, h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	margin: 0;
	padding: 0;
}

h1, h2{
	display:none;
}

h3{
	font-size: 18px;
}

a {
	color: #ff0066;
	text-decoration: none;
}

a:visited {
	color: #ff0066;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #ff0066;
}

img {
	border: 0
}

.bold {
	font-weight:bold;
}

p {
	text-align: justify;
}

/* Page
-------------------------------------------------------- */

#wrapper {
	width: 1000px;
	overflow: visible;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

#subwrapper {
/*	overflow: hidden;
*/	position: relative;
	padding: 0;
	width: 1000px;
}

#content {
	padding: 0;
	clear: both;
	margin: 0;
}

#contenu {
	float: left;
	width:1000px;
	padding: 0;
	margin: 40px 0 20px 0;
}

#contenuIndex {
	float: left;
	width:1000px;
	padding: 0;
	margin: 25px 0 20px 0;
}


/* Entête
-------------------------------------------------------- */

#entete {
	float: left;
	width: 1000px;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	height: 134px;
	background-image: url(_gfx/fondEntete.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* Menu horizontal
-------------------------------------------------------- */


#menuHorizontal {
	position:absolute;
	top:134px;
	left:0;
	z-index:100;
	width:1001px;
	height:30px;
	padding: 0;
	margin:0;
}

/* Contenus, dossiers et portfolios
-------------------------------------------------------- */

#dossier, #portfolio {
	float: left;
	line-height:18px;
	width: 800px;
	margin: 20px 0 0 0;
	padding: 0;
}

#dossier h2, #portfolio h2 {
	display:inline;
	color:#f40075;
	padding:0 0 12px 0;
	float:left;
	width:800px;
	font-size:30px;
	background-image:url(_gfx/fondH2.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
}

#dossier h3, #portfolio h3 {
	line-height:36px;
	font-size: 24px;
	color:#f40075;
}

#dossier h4, #portfolio h4 {
	font-size: 18px;
	color: #4b4a4d;
	padding:0;
	margin:0;
}

#portfolio h4 {
	color:#4b4a4d;
}

#dossier .intro, #portfolio .intro {
	float: left;
	width: 800px;
	margin: 10px 0;
	padding: 0;
	font-style: italic;
	font-weight: bold;
}

#portfolio .dernieresReferences, #portfolio .references {
	float: left;
	width: 798px;
	margin: 20px 0 0 0;
	padding: 0;
	border:solid 1px #999999;
	background-color:#f5f1ee;
	background-image:url(_gfx/fondReference.gif)
}

#portfolio .references {
	padding: 10px 0 0 0;
}

#portfolio .dernieresReferences .bloc-titre {
	float: left;
	width: 778px;
	margin: 0 0 10px 0;
	padding: 10px 10px 0 10px;
}

#portfolio .dernieresReferences a.sous-titre {
	float:left;
	font-size:11px;
	color:#4b4a4d;
	background-image:url(_gfx/flecheGrise.gif);
	background-repeat:no-repeat;
	background-position: 10px center;
	padding:7px 0 7px 20px;
	width:778px;
	border-top:solid 1px #999999;
	background-color:#d2ccc3;
	
}

#dossier .image, #portfolio .image {
	width: 400px;
	border: 1px solid #999999;
	float: left;
	margin: 0 10px;
	padding:10px;
	background-color:#fff;
}

#dossier .image, #portfolio .image img {
	border: 1px solid #999999;
}

#portfolio .reference {
	width:778px;
	float:left;
	margin: 0 0 10px 0;
	text-align: justify;
}

#portfolio .reference a.externe {
	background-image:url(_gfx/flecheRose.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 10px;
}

#dossier p.important, #portfolio p.important {
	float: left;
	width: 778px;
	padding: 10px;
	margin:0 0 10px 0;
	border:solid 1px #999999;
	background-color:#f5f1ee;
	background-image:url(_gfx/fondReference.gif)
}


/* Index
-------------------------------------------------------- */

#bigNews h2{
	display:none;
}

#bigNews {
	width: 1000px;
	padding: 0;
	margin: 20px 0 5px 0;
}

#bigNews img {
	border: none;
}

#newsTexte {
	width: 874px;
	margin: 15px 0;
	background-image: url(_gfx/fondNewsIndex.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color:#f5f1ee;
	height: 28px;
	line-height:30px;
	padding: 0 0 0 124px;
	font-size: 12px;
	color: #4b4a4d;
	border:solid 1px #999999;
}

#newsTexte .deroulant {
	width: 876px;
	margin: 0;
	padding: 0;
}

#newsTexte .deroulant a {
	color:#4b4a4d;
	text-decoration:underline;
}


#blocLiensBas {
	width: 1000px;
	padding: 0;
	margin: 10px 0;
}

#blocLiensBas img {
	padding:0;
	margin:0;
	border:none;
	float:left;
}

/* Chemin
-------------------------------------------------------- */

#chemin {
	display:none;
}


/* Sous-menu
-------------------------------------------------------- */

#colonneDeGauche {
	float: left;
	width: 180px;
	padding: 0;
	margin: 10px 20px 0 0;
}

#colonneDeGauche h3 {
	width:160px;
	font-size: 18px;
	color: #4b4a4d;
	padding: 10px;
	border-bottom:solid 1px #999999;
}

ul#sousMenu , ul#sousMenu li {
	width: 180px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#sousMenu li a {
	color:#757477;
	font-weight: bold;
	text-decoration: none;
	display: block;
	overflow: hidden;
	zoom: 1;
	margin: 0;
	padding: 10px 0 10px 10px;
	border-bottom:solid 1px #999999;
}

ul#sousMenu li a:hover {
	color: #f40075;
	background-color:#ffdae9;

}


/* Pied de page
-------------------------------------------------------- */

#footer{
	float: left;
	width: 978px;
	color: #757477;
	padding: 0 20px 0 0;
	margin: 0 0 20px 0;
	background-color:#f5f1ee;
	border:solid 1px #999999;
}

#footer #colonneAdresse {
	float: left;
	font-size:14px;
	width: 205px;
	padding: 20px;
	background-color:#e0d9d1;
}

#footer #colonneAdresse .texteFooter {
	font-size: 11px;
	line-height:15px;
}

#footer #colonneAdresse a {
	color: #757477;
}

#footer .colonneRubrique {
	float:left;
	width: 224px;
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
}

ul#listeRubriques, ul#listeRubriques li {
	float:left;
	width: 224px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#listeRubriques {
	margin: 10px 0 0 0;
}

ul#listeRubriques li a {
	font-size:12px;
	color:#757477;
	font-weight: bold;
	text-decoration: none;
	display: block;
	overflow: hidden;
	zoom: 1;
	margin: 0;
	padding: 10px 0 5px 0;
	text-transform: uppercase;
}

 ul#listeRubriques ul, ul#listeRubriques ul li {
 	float:left;
	width: 224px;
	margin: 0;
	padding: 0;
}

ul#listeRubriques ul li a {
	color:#999999;
	font-size:12 em;
	font-weight: normal;
	display: block;
	overflow: hidden;
	zoom: 1;
	margin: 0;
	padding:4px 0;
	text-transform:none;
}

ul#listeRubriques li a:hover {
	color: #4b4a4d;
	background-color:transparent;
	text-decoration:underline;

}