/* styles journal */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CSS pour les balises HTML */

html {
	background-position: 
                 0% 0%; padding:10px; background-repeat:repeat; background-attachment:scroll; background-color:#FFFFCC
}
body {
	position: relative; 
	width: 740px;
	border: 1px solid #000000;
	margin: 0px auto;
	background: #ffffff url('img_squelette/fond_body.gif') repeat-y right top;
	font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 16px; color: #000000
}
#boutton {
	position: relative;
	width: 185px;
    padding: 5px 5px 5px 5px;
    margin: 17px 0px 0px 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px;color: #FFFFCC;
    background:
    border: 1px solid #CCFFFF;
   }
#boutton ul {
    	list-style: none;
	list-style-image: none;	
	margin: 0;
   	padding: 0;
      	border-up: 2px solid #000080;
    	
 
}
#boutton li a {

	list-style: none;
	list-style-image: none;		
	display: block;
    	padding: 5px 5px 5px 5px;
    	border-up: 1px solid #CCFFFF;
    	border-left: 5px solid #1958b7;
	border-bottom: 1px solid #CCFFFF;
    	border-right:5px solid #508fc4;
    	background-color:#336699;
	background: url('img/menu.gif') top left no-repeat;
 	color: #ffffcc;
   	text-decoration: none;
 	width: 100%;
}

html>body#boutton li a {
    width: auto;
   }

#boutton li a:hover {
    	list-style: none;
list-style-image: none;	
    border-left: 5pxsolid #1c64d1;
    border-right: 0px solid #5ba3e0;
    background: url('img/menu1.gif') top left no-repeat;
    /*background-color: #2586d7;*/
    color: #FFFF66;
   }
a, a:link, a:visited, a:active {
	text-decoration: none; color:#000080
	margin-top: 0px; margin-bottom: 0px;
}
a:hover {
	color: #0000FF; text-decoration: none
}
img {
	border: 1px solid #000000;; padding-left:4; padding-right:4; padding-top:1; padding-bottom:1
}
form {
	margin-top: 20px;
}
h1 {
	margin: 0px 0px 5px 0px;
	overflow: hidden;
	font-size: 22px; color: #000000; letter-spacing: 1px;
}
h2 {
	margin: 0px 0px 0px 15px;
	font-size: 14px;
}
h3 {
	text-align: center;
	font-size: 24px; color: #000080;letter-spacing: 1px;
}
h4 {
	text-align: center;	
	font-size: 16px; color: #000080;letter-spacing: 1px; font-style: italic;
}
h5 {
	margin: 0px 0px 0px 15px;	
	font-size: 14px; color: #FFFFCC; font-style: italic;
}
h6 { 
	margin: 0px 0px 0px 15px;	
	font-size: 16px; color: #FFFFCC;
}
hr {
	visibility: hidden;
}
li {
	
	list-style: none;
	list-style-image: none;	
}
ul {
        margin-top: 0px; margin-bottom: 0px; 
}
.legeritalique {
	color: #000000;
	font-style: italic; border-left-width:1; border-right-width:1; border-bottom-width:1
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CSS pour les conteneurs */

#entete {
	display: block;
	height: 100px;
	background-color: #000080;
	border-bottom: 1px solid #000000;
	color: #FFFFFF;
	background-image:url('img/stsav.jpg'); background-repeat:repeat;
}
#entete #nom_site2 {
	position: absolute;
	top: 60px; height: 70px; left: 105px;
	overflow: hidden;
	font-weight: bold; font-size: 23px; text-align:right; color: #ffffcc;
}

#entete #nom_site {
	position: absolute; /* on superpose le SPAN sur le titre */
	top: 61px; height: 70px; left: 106px;
	font-weight: bold; font-size: 23px; text-align:right; color: #FF6600;
}
#entete #image_site {
	position: absolute;
	top: 12px; left: 12px;
}
#menus {
	display: block;
	height: 25px; color:#FFFFCC
}
#menus a {
	display: block;
	background: url('img/menuhaut.gif');
	float: left;
	height: 25px; width: 124px;
	border-right: 1px solid #dde4c9;
	line-height: 25px; color: #FFFFCC;   font-size: 16px; text-align: center; text-decoration: none; position:relative
}
#menus a:link {
	display: block;
	float: left;
	height: 25px; width: 124px;
	border-right: 1px solid #dde4c9;
	line-height: 25px; color: #FFFFCC;   font-size: 16px; text-align: center; text-decoration: none
}
#menus a:visited {
	display: block;
	float: left;
	height: 25px; width: 124px;
	border-right: 1px solid #dde4c9;
	line-height: 25px; color: #DDE4C9;   font-size: 16px; text-align: center; text-decoration: none
}
#menus a:hover {
	background: url('img/menuhaut2.gif');
	color: #ffff66;
}
#menus #courant {
	background: url('img/menuhaut2.gif');
	color: #ffffCC;
}
#droite {
	background-position: 0% 0%; position: relative;
	float: right;
	z-index: 10;
	width: 232px;
	padding-right: 10px;
}
#droite h1 {
	margin: 10px 0px 10px 10px;
	overflow: hidden;
	color: #ffffff;
}
#droite a, a:link, a:visited, a:active {
	color: #FFFFCC; font-weight: bold; text-decoration: none
}
#droite a:hover {
	color: #FFFF00; font-weight: bold; text-decoration: none
}
#gauche {
	position: relative;
	display: block;
	margin: 20px;
	width: 460px;
	font-family: font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 16px; color: #000000
}
#gauche h1 {color: #000080; border-left-width:1; border-right-width:1; border-bottom-width:1}
#gauche a, a:link, a:visited, a:active {
	color: #000080; font-weight: bold; text-decoration: none
}
#gauche a:hover {
	color: #0000FF; font-weight: bold; text-decoration: none
}
.articles {
	position: relative;
	margin-bottom: 15px;
	width: 440px;
	background: #ffffff;
	line-height: normal; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 16px; color:#000000
}
.titre_article {
	margin:0px; border-bottom:1px solid #000000; height: 30px;
	overflow: hidden;
	line-height: 30px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 20px; font-weight: bold; color: #000080; letter-spacing: 2px; 
}
#pied {
	border-top: 1px solid #000000;
	display: block;
	width: 100%; height: 40px;
	background-color: #FFCC66;
	font-size: 16px; color: #808080; font-style:italic
}
#pied p {
	font-size: 16px;margin-left:21px; margin-right:13px; margin-top:13px; margin-bottom:13px
}
#pied a, a:hover, a:visited, a:link {
	color: #FF6600; text-decoration: none; font-size:16px
}
.passer_dessous {
	clear: both;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Styles SPIP */

a.spip_url { }
a.spip_in { }
a.spip_out { }
a.spip_glossaire { }

.spip_code { }

p.spip_note { }

h3.spip {
	margin-top: 2em;
	margin-bottom: 1.5em;
	padding: 0em;
	font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; font-size: 120%; text-align: center;
}

.spip_documents{
	font-family: verdana,Arial,helvetica,sans-serif; font-size : 70%;
}


table.spip {
}

table.spip tr.row_first {
	background-color: #FFFFCC;
}

table.spip tr.row_odd {
	
}

table.spip tr.row_even {
	
}

table.spip td {
	padding: 1px;
	text-align: left;
	vertical-align: center;
}
h.spip {
font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 18px; color: #000000
}
hr.spip { }
b.spip { }
i.spip { }

.forml {
	width : 438px;
	background-color: #FFFFFF;
	border: 1px solid #000080;
	font-size: 18px; color: #727860
}

.spip_encadrer {
	width: 438px;
	margin-top: 10px;
	text-align: left;
	scrollbar-base-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-track-color: #ffffff; 
}
.spip_cadre {
	width : 438px;
}
.spip_bouton { 
	background-color: #2175bc;
	border: 1px solid #727860;
	font-size: 18px; color: #FFFFFF; text-align: center
}
.formrecherche { 
	width : 210px;
	background-color: #ffffff;
	border: #000000 1px solid;
	font-size: 18px; color: #727860; text-align: center;
}
.reponse_formulaire {
	font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; font-size: 110%; color: #000080;
}
.spip_surligne { background-color: #666666; }
.spip-admin {
	float:left;
	clear: both;
}
.plan-secteur {
	margin-left: 20px; margin-top: 0px; margin-bottom: 0px;
	list-style:none;
}

.formrecherche {
	font-family: Verdana,Arial,Helvetica,sans-serif;
}