/* tags */

body, h1, h2, h3, h4, p, table, div, ul, li, img {
	margin:0;
	padding:0;
	border-collapse:collapse;
	list-style:none;
	border:0;
}

body {
	background: #767677 url(../images/ul/tuiles/pattern_fond.jpg) repeat-x top left;
}

body, table, a {
	color:#666666;
}

body { 
	font-size:75%;
	line-height:1.3em;
	font-family:Arial, Verdana, sans-serif;
}

h1 {
	float:left;
	padding:19px 0 0 20px;
	
	width:280px;
	height:81px;
}

br {
	line-height:0.8em;
}

/* layout */

#wrapper {
	width:960px;
	margin:17px auto 0 auto;
}

#inner_wrapper {
	background: #fff url(../images/ul/tuiles/ligne_grise.gif) repeat-y top left;
	
}

#header {
	background: url(../images/ul/tuiles/header_fond.jpg) no-repeat top right;
	height:120px;
}

#colonne_droite {
	width:659px;
	float:right;
}

#colonne_gauche {
	float:left;
	width:300px;
}

#signature {
	clear:both;
	float:right;
}

#contenu {
	min-height:348px;
}

/* navig haut */

#navig_haut {
	float:right;
	padding:13px 17px 0 0;
}

#navig_haut li {
	display:inline;	
}

#navig_haut li {
	font-size:0.92em;
}

#navig_haut li, #navig_haut a {
	color:#403C3C;
	text-decoration:none;
}

#navig_haut a:hover {
	text-decoration:underline;
}

#navig_haut {
	height:16px;
} 

/* navig principale */

#navig_principale {
	float:right;
	clear:right;
	width:659px;
	margin-top:12px;
	
}

#navig_principale a {
	display:block;
	border-right:1px solid #9A9A9A;
	width:134px;
	height:79px;

	text-align:center;
	
	color:#403C3C;
	text-transform:uppercase;
	text-decoration:none;
	font-size:0.92em;
	font-weight:bold;
	
	background: url(../images/ul/boutons/navig_principale.gif) no-repeat right 0;
}

#navig_principale a.selected, #navig_principale a:hover {
	color:#C60C30;
	background-position: right -81px;
}

#navig_principale li {
	float:left;
}

#navig_principale a span {
	line-height:79px;
	
	background: url(../images/ul/graphiques/bullet.gif) no-repeat 0 0.3em;
	padding-left:9px;
}

/* colonne gauche */

#navig_gauche {
	background: #f1f1f1 url(../images/ul/tuiles/pattern_navig_gauche.gif) repeat-y top right;
	padding:14px 0 14px 20px;
}

#navig_gauche a {
	padding:6px 20px 6px 20px;
	display:block;
	border-top:1px solid #bfbfbf;
	
	font-size:0.92em;
	color:#1C1C1A;
	text-decoration:none;
}

#navig_gauche a.first {
	border-top:0;
}

#navig_gauche a.selected {
	color: #C60C30;
	font-weight:bold;
}

#navig_gauche a:hover {
	padding-left:25px;
}

#navig_gauche a:hover.selected {
	padding-left:20px;
}

#boite_contact {
	margin:24px 0 24px 38px;
	
	line-height:1em;
}

.fonce, .fonce a {
	font-weight:bold;
	color:#403C3C;
}

.fonce a {
	font-weight:normal;
}

/* contenu */
h2 {
	color:#C60C30;
	font-weight:bold;
	font-size:1.17em;
	text-transform:uppercase;
	padding-left:40px;
	line-height:35px;
	background:url(../images/ul/graphiques/bullet.gif) no-repeat 30px 15px;
	
	border-top:1px solid #bfbfbf;
}

.bloc_texte {
	padding:20px 30px 20px 30px;
	background:url(../images/ul/tuiles/pattern_fond_contenu.gif) repeat-x top left;
	line-height:1.5em;
}

.bloc_texte .bloc_texte { /* j'ai mal utilisé .bloc_texte dans ce projet, ça se trouve a aussi être le nom de mon container... */
	padding:0;
	background:none;
}

h3 {
	font-weight:bold;
	font-size:1.08em;
	color:#000000;
}

h4 {
	font-weight:bold;
	font-size:0.92em;
	color:#C60C30;
}

.bloc_texte li {
	background:url(../images/ul/graphiques/petit_bullet.gif) no-repeat 7px 0.5em;
	padding-left:18px;
}

.bloc_texte a {
	color:#403C3C;
}

.encadre {
	display:block;
	padding:10px 15px 10px 15px;
	background:#ebebeb;
	border:1px solid #c1c1c1;
}

a.fichier {
	padding:2px 0 0 22px;
	color:#fff;
}

a.fichier_pdf {
	background:url(../images/ul/icones/pdf.gif) no-repeat 0 0;
}

h3.deroulant a {
	
	display:block;
	cursor:pointer;
	
	margin-bottom:1em;
	
	font-color: #403C3C;
	font-weight:bold;
	text-transform:uppercase;
	font-size:0.85em;
	
	padding:0 18px 0 16px;
	line-height:21px;
	
	background:#D7D7D7 url(../images/ul/graphiques/bullet_gris.gif) no-repeat 6px 6px ;
}

h3.deroulant.selected a {
	margin-bottom:0;
	
	background:#b3b3b3 url(../images/ul/graphiques/bullet.gif) no-repeat 6px 6px ;
		
}

.bloc_texte.a_derouler {
	border-color:#b3b3b3;
	border-style:solid;
	border-width: 0 2px 3px 2px;	

	background:#ffffff;
	
	margin-bottom:1em;
	
	padding:12px;
	
}

/* footer */
#footer {
	border-top:1px solid #bfbfbf;
	line-height:30px;
	padding-left:21px;
	color:#403C3C;
}

#signature {
	padding:10px 20px 10px 20px;
}

#signature a {
	color:#999999;
	text-decoration:none;
	font-size:0.92em;
}

/* accueil */

#boite_qui_sommes_nous {
	background: #f1f1f1 url(../images/ul/tuiles/pattern_navig_gauche.gif) repeat-y top right;
	padding:18px 40px 18px 40px;
	font-size:0.92em;
	
}

#boite_qui_sommes_nous h2 {
	font-weight:bold;
	color:#000000;
	text-transform:uppercase;
	margin-bottom:12px;
	font-size:0.92em;
	padding:0;
	line-height:1.5em;
	background:none;
	border:0;
}

#wrapper.accueil #contenu {
	background:url(../images/ul/tuiles/accueil_fond.jpg) no-repeat top left;
	padding:28px 20px 0 28px;
	
	min-height:0;
	height:320px; /* hauteur fixe, en tenant compte du padding */
	
	color:#ffffff;
}

#boite_realisations img.photo {
	float:right;
	border:2px solid #ffffff;
	margin:3px 0 30px 30px;
}

#navig_realisations {
	float:right;
}

#wrapper.accueil #contenu h2 {
	/* reset de l'autre h2 */
	margin:0;
	border:0;
	padding:0;
	background:none;
	
	color:#ffffff;
	border-bottom: 1px solid #ffffff;
	font-size:1.17em;
	line-height:1em;
	padding-bottom:5px;
}

#wrapper.accueil #contenu h3 {
	font-size:1em;
}

#boite_realisations {
	clear:both;
	margin-top:12px;
	
	width:610px;
	height:275px;
	overflow:hidden;
	
	background:none;
}

#boite_realisations div.realisation {
	height:275px;
	width:610px;
	
}

#navig_realisations a, #navig_photos a {
	display:block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	font-size:0.92em;
	
	line-height:20px;
	width:20px;
	
	text-align:center;
	
}

#navig_realisations a img, #navig_photos a img {
	margin-top:7px;
	margin-bottom:8px;
}

#navig_realisations a:hover, #navig_realisations a.selected {
	background-color:#ffffff;
	color:#000000;
}

#navig_realisations a.fleches {
	background:none;
}

/* listing réalisations */

#wrapper.realisations #contenu a.thumb_realisation {
	display:block;
	width:202px;
	height:300px;
	float:left;

	overflow:hidden;

	text-decoration:none;
	
	margin-right:2px;
	margin-left:3px;
	margin-bottom:15px;
		
	text-align:center;
	
	padding:1px;
}

#wrapper.realisations #contenu a.thumb_realisation:hover {
	padding:0;
	background-color:#f1f1f1;
	border:1px solid #d7d7d7;
}


#wrapper.realisations #contenu a .photo {
	margin-top:5px;
} 

#wrapper.realisations .bloc_texte {
	padding-left:15px;
	padding-right:10px;
	
	width:634px;
}

.wrapper_vignette_realisation {
	text-align:left;
	padding:10px 12px 10px 12px;
}

.date {
	color:#C60C30;
	font-weight:bold;
	font-size:0.92em;
}

.wrapper_vignette_realisation img {
	display:block;
	margin-top:10px;
}

#presentation {
	margin-bottom:1.5em;
}

/* detail realisation */
#boite_photos {
	float:right;
	width:250px;
	padding-left:28px;
	margin-bottom:28px;
}

#navig_photos {
	margin-top:5px;
}

/* le reste du style de cette navig est défini dans la section accueil */
#navig_photos a {
	color:#9d9d9d;
}

#navig_photos a:hover, #navig_photos a.activeSlide  {
	background-color:#e6e6e6;
	color:#000000;
}

#navig_photos a.fleches {
	background:none;
}


#imprimer {
	display:block;
	float:right;
	margin-right:10px;
	margin-top:12px;
	font-size:0.92em;
	
}

#imprimer a:hover {
	background:none;
}

#wrapper.accueil #imprimer {
	display:none;	
}

/* Google map */
#map {
	width:599px;
	height:300px;
	margin-top:15px;
}