/* styles journal www.atypik.biz */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CSS pour les balises HTML */

html {
	background-position: 0% 0%; padding:10px; background-repeat:repeat; background-attachment:scroll;
	/*background-color:#FFCC33;*/
	background-image: url(IMG/fondvertsombre.jpg)
}
body {
	position: relative; 
	width: 1000px;
	/*border: #000000 1px solid;*/
	margin: 10px auto;
	background-color:#ffffff;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #003300
	}
a, a:link, a:visited, a:active {
	text-decoration: none; color:#003300
	margin-top: 0px; margin-bottom: 0px;
}
a:hover {
	color: #0000FF; text-decoration: none
}
img {
	border: 0px 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: 18px; color: #003300; letter-spacing: 1px;
}
h2 {
	margin: 0px 0px 0px 15px;
	font-size: 10px; color: #003300;
}
h3 {
	text-align: center;
	font-size: 24px; color: #003300;letter-spacing: 1px;
	font-weight: bold;
}
h4 {
	text-align: center;	
	font-size: 12px; color: #003300;letter-spacing: 1px; font-style: italic;
}
h5 {
	margin: 0px 0px 0px 15px;	
	font-size: 10px; color: #003300; font-style: italic;
}
h6 { 
	margin: 10px 0px 0px 15px;	
	font-size: 12px; color: #003300;
}
hr {
	visibility: hidden;
}
li {
	list-style: none;
	list-style-image: none;	
}
ul {
        margin-top: 0px; margin-bottom: 0px; 
}
.legeritalique {
	color: #003300;
	font-style: italic; border-left-width:1; border-right-width:1; border-bottom-width:1
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CSS pour les conteneurs */

#entete {
	display: block;
	height: 150px;
	background-color: #ffffff;
	color: #ffffff;
}
#entete #nom_site {
	position: absolute;
	top: 0px; height: 60px; left: 445px;
	overflow: hidden;
	font-weight: bold; font-size: 50px; color: #ffffff;
}
#entete #photo_site {
	position: absolute;
	top: 15px;left:15px;
	border 1px
	
}
#entete #image_site {
	position: absolute;
	border 0px
	left: 0px;
	
}
#menu {
	position: relative;
	float: left;
	margin: 10px;
	width: 250px;
	/*height: 480px;*/
     /*overflow: auto;*/
	font-family: font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color: #003300
}
#menu h1 {
	margin: 10px 0px 10px 5px;
	overflow: hidden;
	color: #ffffff;
}
#menu a, a:link, a:visited, a:active {
	color: #727860; font-weight: bold; text-decoration: none;
}
#menu a:hover {
	color: #e26a09; font-weight: bold; text-decoration: none;
}
#contenu {
	position: relative;
	display: block;
	/*width: 740px;*/
	overflow: auto;
	padding-right: 20px;
	padding-left: 20px;
	color: #003300;
	}
#contenu h1 {color: #e26a09;}
#contenu a, a:link, a:visited, a:active {
	color: #727860; font-weight: bold; text-decoration: none;
}
#contenu a:hover {
	color: #e26a09; font-weight: bold; text-decoration: none;
}
.articles {
	position: right;
	margin-bottom: 15px;
	background: #ffffff;
	line-height: normal; font-family: "Arial", courier, font-size: 12px; color: #003300;
}
.titre_article {
	margin: 0px 0px 5px 0px;
	border-bottom: #000000 1px solid;
	height: 30px;
	line-height: 30px; font-family: "Arial", serif; font-size: 20px; font-weight: bold; color: #003300; letter-spacing: 1px;
}
#pied {
	display: block;
	width: 100%; height: 40px;
	padding-top: 1px;
	background-image: url(IMG/fondvertsombre.jpg);
	/*background-color: #003366;*/
	font-size: 12px; color: #fff;
	text-align: center;
}
#pied p {
	font-size: 12px; color:  #fff;
	font-style: italic;
	font-weight: bold;
}
#pied a, a:hover, a:visited, a:link {
	font-size: 12px; color:  #fff;
	font-style: italic;
	font-weight: bold;
}
.passer_dessous {
	clear: both;
}
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: #fcf4d0;
}

table.spip tr.row_odd {
	background-color: #c0c0c0;
}

table.spip tr.row_even {
	background-color: #f0f0f0;
}

table.spip td {
	padding: 1px;
	text-align: left;
	vertical-align: center;
}

hr.spip { }
b.spip { }
i.spip { }

.forml {
	width : 438px;
	background-color: #ffffff;
	border: #e26a09 1px solid;
	font-size: 14px; 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: #727860;
	border: #727860 1px solid;
	font-size: 14px; color: #ffffff; text-align: center;
}
.formrecherche { 
	width : 170px;
	background-color: #ffffff;
	border: #003300 1px solid;
	font-size: 14px; color: #003300; text-align: center;
}
.reponse_formulaire {
	font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; font-size: 110%; color: #e26a09;
}
.spip_surligne { background-color: #666666; }
.spip-admin {
	float:left;
	clear: both;
}
.plan-secteur {
	margin-left: 20px;
}
.formrecherche {
	font-family: "palatino linotype", palatino, "times new roman", times, serif;
}

