* {margin:0; padding:0;}
body{

	SCROLLBAR-FACE-COLOR: #CAD5DE;
	SCROLLBAR-HIGHLIGHT-COLOR: #CAD5DE;
	SCROLLBAR-SHADOW-COLOR: #6C88A4;
	SCROLLBAR-3DLIGHT-COLOR: #6C88A4;
	SCROLLBAR-ARROW-COLOR: #6C88A4;
	SCROLLBAR-TRACK-COLOR:#CAD5DE;
	SCROLLBAR-DARKSHADOW-COLOR: #CAD5DE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	border:0 none;
	background:#D0D6EC url(../images/spl_fond.jpg) repeat-x top;
	text-align:center;
	
	}
	
.popup {background:#fff; text-align:left;margin:10px;}
.popup ul {margin: 20px 10px 20px 30px;line-height:2em;}
.popup ul li{padding:3px 10px 3px 0px;}
.popup h1 {margin-left:-10px;}

.imprime {display:none}
.fermer {text-align :right; padding-right:10px;height:10px;padding:0;line-height:0.9em;}
.fermer a {font-size:smaller;color:#5D7FBE;}

/*------- éléments communs -------*/
h1, h2{font-family:Verdana, Arial, Helvetica, sans-serif;}

table {border-collapse : collapse; font-size:1em;border: 0;padding : 0;margin: 0;color:#4c4c4c;}
th, .liste th {color:#ff9900;border-bottom : 2px solid #ff9900; text-align:left;padding:2px 1px; }

a {text-decoration:none; color:#ff2f00;}
a:hover {text-decoration:none; color:#ff9900}

.splglisse {color:#5D7FBE}

dl {margin:15px 10px}
dt {color:#ff9900; font-weight:bold;padding-left:10px; background:url(/images/spl_petit_carre.gif) no-repeat left center}
dd {margin:3px 0 0 10px; line-height:1.3em}
.popup dt {color:#5D7FBE;border-bottom: 1px solid;}
.popup dl {margin-bottom:0}
.popup dd {line-height:1em}
p {margin:5px 10px; line-height:1.7em;color:#4c4c4c;}

ul, li {list-style:none;}

ul.carre, ul.carre li , .popup ul, .popup ul li{list-style-image:url(../images/spl_carre.gif);}
ul.carre li {margin:2px 0 2px 15px}
ul.lien, ul.lien li {list-style-image:url(/images/spl_fleches_droite.gif);}
ul.lien li {margin:2px 0 2px 15px}
ul.accueil {margin : 10px 0 20px 30px;}
ul.accueil li {margin: 5px 0 5px 30px;}
ul.carre li ul li {list-style-image:url(/images/spl_puce.gif) ;paddin-left:0;margin-left:10px; margin-right:20px;}
.accueil  span {color:#ff9900; font-weight:bold;}

img {
	border:0;
	}

form {
	
	margin: 0px;
	padding: 0px;
}

select {
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5579BB;
}

input {
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #D0D6EC;
	color: #5579BB;
}
.bouton  {background-color:#ff9900; color:#fff; border:2px solid #fff;font-weight:bold}
.noborder, .ok {
	border: 0 none;
	position:relative;
	top:2px;
	}
.ok {top:6px;}
.cadreimage {padding:5px; border: 1px solid #D0D6EC;height:100%; margin-right:5px}
.lienso {color:#4c4c4c}
.encadre {width:95%;border:1px solid #ff2f00; background-color:#FFE6C5}
.encadre td {padding:3px 1px}
/*--------------- squelette du site ---------------*/
#bandeau, #contenu, #pied {width:805px; margin:0 auto}
#bandeau {
	height:183px;
	background:url('/images/spl_fond_bandeau.jpg') no-repeat top left;
	text-align:left;
	}
#bandeau a {color:#fff}
#contenu {
	background: url('/images/spl_fond_conteneur.gif') repeat-y;
	text-align:left;
	height:auto;
	}
#sommaire {vertical-align:top;width:191px}

#langues {margin:0 20px 20px 0; text-align:right;position:relative; top:10px}
#logo {margin-left:19px}

#pied {
	width:805px;
	height:55px;
	background:#D0D6EC url('/images/spl_fond_pied.gif') no-repeat top;
	text-align:left;
	}
#pied a {text-decoration:none; color:#fff;}
#novaldi, #mentions {margin:37px 10px 7px 16px; width:350px;}
#mentions {float:right; text-align:right;margin-right:3px;font-weight:bold}

/*----------- le menu gauche ------------------*/
#menugauche { margin-left:6px;}
#menugauche td {width:185px;}

#menugauche #menu_panier {position:relative;top:-25px;margin-bottom:-20px;background:url(/images/spl_fond_menu_panier.gif) no-repeat top left; padding-left:7px; height:48px;line-height:48px;color:#fff}
#menugauche #menu_panier a  {color:#fff}
#menugauche .menu {background:url(/images/spl_fond_menu.gif) repeat-y left; width:168px}
#menugauche .menuhaut {background:url(/images/spl_fond_menu_haut.gif) no-repeat bottom left;width:168px;height:14px;}
#menugauche .menubas {background:url(/images/spl_fond_menu_bas.gif) no-repeat top left;width:168px;height:13px}
#menugauche li {margin:0 0 0 5px;}

#menugauche .menu a {display:block; padding-left:10px;height:2em;line-height:1.9em;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold}
#menugauche #menu_administrateur a, #menugauche #menu_redacteur a, #menugauche #menu_phototheque a {padding-left:5px;height:1.5em;line-height:1.5em;font-family:Arial, Helvetica, sans-serif}

#menugauche #menu_consultation a {color:#ff9900}
#menugauche #menu_consultation a:hover {background-color:#ff9900; color:#fff}

#menugauche #menu_newsletter a {letter-spacing:-0.05em}
#menugauche #menu_newsletter a:hover, #menugauche #menu_administrateur a:hover, #menugauche #menu_redacteur a:hover, #menugauche #menu_phototheque a:hover  {background-color:#F75810; color:#fff}

#menugauche #menu_spl a, #menugauche #menu_spl li, .source a {color:#5D7FBE}
#menugauche #menu_spl a:hover {background-color:#5D7FBE; color:#fff}

#menugauche #donnees {line-height:3.8em;background:url(/images/spl_fond_menu_donnees.gif) repeat-y top left;margin:5px 0 5px 9px;padding-left:7px;letter-spacing:-.05em; font-weight:bold}
#menugauche #vousetes {background:url(/images/spl_fond_menu_donnees.gif) no-repeat top left;margin:0 0 5px 9px;padding:2px 0 0 9px;letter-spacing:-.05em;}


/*------------------- les pages (sont dans la td de droite) --------------*/
#texte {padding:30px 20px 5px 40px; color:#4c4c4c; vertical-align:top;}
#texte p {line-height:normal;}
#tableau {padding:10px 5px 5px 20px; vertical-align:top;color:#4c4c4c;width:100%}
.liensutiles {width:550px;}
.liensutiles h2 {background:url(/images/spl_h2_liensutiles.gif) no-repeat top left; padding-top:2px}
#part1, #part2 {width:270px;}
#part1{float :left;width:270px;}
#part2{float :right;width:270px;}
.liens tr {height:42px;}
.liens td {padding:3px;}
.liens td img{text-align:center}
.intro {background:url(/images/spl_fond_intro.gif) no-repeat top left; padding:3px 10px; color:#5D7FBE; font-weight:bold; width:545px;height:44px; line-height:1.4em;}
/* rajout mber-- */
h1 {font-size :1.4em; height:40px; margin:10px 8px 0 0;padding:12px 0 0 70px;background: url(../../images/spl_fond_h1_logo.gif) no-repeat top left; color:#5D7FBE;}
h1 span {display:block; float:right; font-weight:normal;font-size:.7em;color:#4c4c4c}
h2 {font-size :1.1em;margin:5px 5px 5px 0;padding:4px 4px 6px 4px; background:url(/images/spl_fond_h2.gif) no-repeat left top}
h1 img{position relative : top 10px;}
big  {color:#ff9900; font-weight:bold;font-size:1em}
.gauche { float:left;}

/* précédent suivant quand on se trouve dans le détail d'une fice */
ul.precsuiv {margin-left:20px}
ul.precsuiv li {float:left;width:240px; text-align:center; margin:5px 0}


/* la boite à outils */
.liensicones {clear:both;text-align:right;margin:10px 3px 15px 0; padding:0;font-size:11px; letter-spacing:-0.05em;}
.liensicones span{font-weight:bold; letter-spacing:normal}
.liensicones img {margin:-8px 0 0 1px; position:relative; top:8px}
.liensicones a {color:#5D7FBE}

/* les modules de recherche */
.recherche {margin:20px 10px 0 28px}
.saisicrit {margin:20px 0 10px 15px;}

/*specifique à la liste et à la fiche detail */
.resrecherche {margin:5px 5px 0 28px}

.liste {width:575px}
.listereduite {width:98%}

.fichedetail {margin:10px 0 10px 40px; width:510px; }
.fichedetail th, .fichedetail td {padding-top:7px; vertical-align:top}
.fichedetail th {border-bottom:0 none; width:14%; font-family:Arial, Helvetica, sans-serif; padding-left:15px; background:url(/images/spl_carre.gif) no-repeat top left}

.typedoc {text-align: center; width:35px; background-color:#FFE6C5}
.liste td {border-bottom:1px solid #d0d6e0; padding-left:2px}
.telecharger, .loupe {text-align:center; width:28px}
.telecharger {text-align:left}
.auteur {width:130px}
.sel {text-align:right; width:35px}
.date {width:70px; text-align:center}

.listephoto {width:570px; margin-right:15px}
.listephoto td {width:140px; height:140px; vertical-align:middle; text-align:center;background:url(/images/spl_fondphoto.jpg) no-repeat top left; }
/*.listephoto dl {margin:0;float:left;width:140px;height:180px;list-style-type:none;background:url(/images/spl_fondphoto.jpg) no-repeat top left;}
.listephoto dt {height:100px;list-style-type:none;background:url(/images/spl_fondphoto.jpg) no-repeat top left;text-align:center;vertical-align:bottom;margin-bottom:0;}
.listephoto dt img {padding:5px;margin:15px 0 0 15px}
.listephoto dd {  vertical-align:bottom; text-align:center; }*/


/* commun à la recherche et à la fiche détail */
.indexgauche, .indexdroite {margin:5px 30px 15px 0; padding:5px;}
.indexgauche {float : left;margin-left:5px}
.indexdroite {float : right;}

.retoursh {margin :0; float: left;}


/* nombre de pages sous le tableau liste */
p.numpage {text-align: right;}
p.numpage span {color:#FF9900; font-weight: bold;text-decoration:underline;}
p.numpage a span{ font-size:9px;}

/* News */
p.source {font-size:smaller;margin-top:0;text-align:right;}
span.datepub {font-size:0.7em; text-align:right;color:#5D7FBE;}

/* Contacts*/
.adresse {line-height:1.2em;}

/*accueil*/
.avis {line-height:16px;font-style:italic}

hr {clear:both;visibility: hidden}
.nota {margin-top:0;}
td.decale {padding-left:10px;}

/* SPL Glisse */
#spl {padding:10px 15px 5px 20px; vertical-align:top;color:#4c4c4c;}


.lettre {
	color:#25892F;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
a.lettre {
	color:#25892F;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
a.lettre:hover {
	color:#990004;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
a.lettre:active {
	color:#990004;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	text-decoration:none;
	}



/*----- rajouts 17/06/05 MBA ----*/
table.tourgris
{
	border : solid 1px;
	border-color : #95ABBD;
	background-color : #CBD6E2;
}
table.encadreD {
	background-color: #f1f4f6;
	border-style: solid;
	border-width: 1px;
	border-color: #95ABBD;
	}

td .barreagauche {
	background-image: url(../images/actusg.gif);
	background-repeat: repeat-y;
	background-position: left bottom;
	/*background-attachment: fixed; enleve a cause de Mozilla*/
}
td.barreagauche dl{
	margin-left : 20px;
	margin-top : 5px;
	margin-bottom :3px;
}
td.barreagauche dl dt{
	background-image: url(../images/carre.gif);
	background-repeat: no-repeat;
	background-position: left middle;
	padding-left : 20px;
	margin-left : 0px;
	margin-top : 10px;
	margin-bottom :3px;
	height : 16px;
	color:#003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 105%;
			}
td.barreagauche dl dd{
margin-left : 20px;
}
p.serre{
margin-top : 2px;
margin-bottom:2px;
}
p.adroite {
text-align : right;
}