
/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
* { margin:0; padding:0; }
html, body {
	height:100%;
}
body {
	background:#C3D4DD;
	text-align: center;
	font-size:.9em;
	color: #48545b;
	font-family:arial,verdana, sans-serif;
	
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

a, a.spip_out { text-decoration:none; color:#48545b; font-weight:700; }
a:hover { color:#000; }

.nettoyeur { clear:both; }
/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	position:relative;
	width: 726px;
	min-height:100%;
	height:auto !important;
	height:100%;
	text-align: left;
	margin:0 auto;
	font-size:.8em;
}

#conteneur {
	min-height:450px;
	height:auto !important;
	height:450px;
	position:relative;
	padding:2em 12px;
	background: url('images/fondciel-web.jpg') #a7b6bd top center no-repeat;
}
#pied {
	position:absolute;
	bottom:0;
}

#navigation {
	position:absolute;
	top:100px;
	left:0;
	width:150px;
	padding-left:12px;
	margin-top:.3em;
	font-size:1.15em;
}
#navigation li {
	list-style:none;
}
#navigation li a {
	display:block;
	line-height:.8em;
	font-weight:bold;
}
#navigation li a:hover, #navigation li a.on {
	
	font-size:1.7em;
	font-style:italic;
	color:#fff;
}
/*
#navigation li a.art1 {
}
#navigation li a.art1:hover {
	margin-top:-.25em;
}
*/

.traductions {
	position:absolute;
	top:0;
	left:350px;
	font-size:.8em;
}
.traductions li {
	display:inline;
}
.traductions a, .traductions a.on, .traductions span {
	display:block;
	float:left;
	padding:.4em .9em;
	background:#c3d5dd;
	color:#fff;
	margin-right:1em;
}
.traductions a:hover, .traductions a.on, .traductions span {
	background:#000;
	color:#fff;
}


#contenu {
	width:546px;
	margin-left:168px;
	
	text-align:left;
}
.page_sommaire #contenu, .page_rubrique #contenu {
	height:375px;
	margin-top:1em;
	background:url('images/accueil-image.jpg') top left no-repeat;
	
}

#contenu h2, #contenu h3.spip {
	text-align:left;
	background:#48545b;
	color:#FFF;
	padding:0 .2em;
	margin:1.2em 0 .3em 0;
	font-weight:bold;
	font-size:1em;
}
#contenu ul, #contenu p { clear:both; }
#contenu ul ul { margin-left:2em; margin-bottom:1em; }
#contenu li {
	background:url('images/liste.png') top left no-repeat;
	list-style:none;
	text-indent:9px;
}

#contenu .liste-articles {
	padding-right:30px;
}
#contenu .liste-articles li {
	list-style-image:none;
	list-style-type:circle;
	list-style-position:inside;
	text-indent:0;
}
#contenu .liste-articles li h3.titre, #contenu .liste-articles li small, #contenu .liste-articles li h3.titre .spip_out { display:inline }
#contenu .liste-articles li .texte {
	margin-bottom:1em;
}

.colonne {
	float:left;
	width:235px;
	padding-right:38px;
}

p.spip {
	margin:0 0 .5em 0;
}

#nom .site { display:none; }
p#nom, #contact p {
	text-align:left;
}
p#nom {
	color:#48545B;
	
	font-weight:bold;
	/*font-family:tahoma, arial,verdana, sans-serif;*/
}
p#nom span { font-weight:normal; color:#fff; }
#logo { margin-top:2.5em; }




#contact p {
	color:#fff;
	font-weight:normal;
}
#contact {
	margin-top:100px;
}

p.baseligne {
	margin-top:110px;
}
#construction span {
	background:red;
	padding:0 .3em;
}
#construction {
	margin-top:60px;
	margin-bottom:30px;
}

