/* 
 * 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; font-size: 12px; background: #fff url(_gfx/fondBody.gif) repeat-x; 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;
}

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, #contenuIndex { float: left; width:1000px; padding: 0; margin: 70px 0 20px 0; }


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

#entete { float:left; width:1000px; margin:0; padding:0; height:160px; background:transparent url(_gfx/fondEntete.png) no-repeat left top; }

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


#menuHorizontal {
	position:absolute;
	top:162px;
	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:normal; 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 { width: 1000px; padding: 0; margin: 20px 0 5px 0; }
#bigNews h2{ display:none; }
#bigNews img { border: none; }

#newsTexte { width: 856px; height: 40px; margin: 20px 0; padding: 0 0 0 144px; background: #f4f4f5 url(_gfx/fondNewsIndex.gif) no-repeat 0 0; line-height:40px; font-size: 12px; color: #848587; border:dashed 1px #848587; }
#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:#fff url(_gfx/fond-footer.gif) no-repeat right bottom; border:dashed 1px #a9aaac; }

#footer #colonneAdresse { float: left; font-size:14px; width: 205px; padding: 20px; background-color:#f4f4f5; border-right:dashed 1px #a9aaac; }
#footer #colonneAdresse .texteFooter { font-size: 11px; line-height:15px; }
#footer #colonneAdresse a { color: #f20a77; }

#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;

}