/* styles journal www.atypik.biz */

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

html {
	padding: 0px;
	background: #99CCFF;
	background-position: 0 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
body {
	position: relative; 
	width: 740px;
	border: #0066CC 1px solid;
	margin: 0px auto;
	background: #99CCFF repeat-y right top;
	font-family: "palatino linotype", palatino, "times new roman", times, serif; font-size: 14px; letter-spacing: 1px; color: #0066CC;
}


a, a:link, a:visited, a:active {
	color: #0066CC; text-decoration: none;
}
a:hover {
	color: #FF0000; text-decoration: none;
}

form {
	margin-top: 20px;
	padding: 5px;
}
h1 {
	margin: 0px 0px 5px 0px;
	overflow: hidden;
	font-size: 20px; color: #0066CC; letter-spacing: 2px;
}
hr {
	visibility: hidden;
}

.legeritalique {
	color: #acacac;
	font-style: italic;
}

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

#entete {
	display: block;
	height: 182px;
	background-color: #0066CC;
	border-bottom: 1px solid #0066CC;
	color: #ffffff;
}

#menus {
	display: block;
	background: #66CC00 url(/squelettes/img_squelette/fond-ul.jpg);
	height: 25px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #0066CC;
}
#menus a {
	display: block;
	float: right;
	height: 25px; width: 78px;
	border-left: #dde4c9 1px solid;
	line-height: 25px; color: #dde4c9;   font-size: 14px; text-align: center; text-decoration: none
}
#menus a:link {
	display: block;
	float: right;
	height: 25px; width: 78px;
	border-left: #dde4c9 1px solid;
	line-height: 25px; color: #dde4c9;   font-size: 14px; text-align: center; text-decoration: none
}
#menus a:visited {
	display: block;
	float: right;
	height: 25px; width: 78px;
	border-left: #dde4c9 1px solid;
	line-height: 25px; color: #dde4c9;   font-size: 14px; text-align: center; text-decoration: none;
}
#menus a:hover {
	background-color: #FF081B;
}

#scroller {
	background-color: #66CC00;
	width: 490px;
	font-size: 12px;
	width: 490px;
	position: absolute;
	color: #0066CC;
	background-image: url(/squelettes/img_squelette/fond-ul.jpg);
	overflow: hidden;
	top: 187px;
}

#droite {
	position: relative;
	float: right;
	z-index: 10;
	width: 156px;
	margin-top: 0px;
	background: repeat scroll 0% 0%;
	margin-left: 0px;
	border-top: thin none #0066CC;
	border-right: thin none #0066CC;
	border-bottom: thin dotted #0066CC;
	border-left: thin dotted #0066CC;
	padding-bottom: 5px;
	padding-left: 3px;
}


#droite h1 {
	margin: 10px 0px 10px 5px;
	overflow: hidden;
	color: #ffffff;
}
#droite a, a:link, a:visited, a:active {
	color: #FFFFFF; font-weight: bold; text-decoration: none;
}
#droite a:hover {
	font-weight: bold;
	text-decoration: none;
}
#gauche {
	position: relative;
	display: block;
	margin: 0px;
	color: #003366;
	background-image: url(#LOGO_RUBRIQUE);
	background-repeat: no-repeat;
	padding-top: 78px;
	float: left;
	font-size: 12px;
	width: 575px;
}
#gauche h1 {color: #0066CC;}
#gauche a, a:link, a:visited, a:active {
	color: #0066CC; font-weight: bold; text-decoration: none;
}
#gauche a:hover {
	color: #FF0000; font-weight: bold; text-decoration: none;
}

.articles {
	position: relative;
	margin-bottom: 15px;
	width: 438px;
	background: #ffffff; font-size: 10px;
}
.titre_article {
	margin: 0px 0px 5px;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
	color: #0066CC;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-decoration: underline;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 5px;
}
#pied {
	border-top: 0px solid #0066CC;
	display: block;
	width: 100%; height: 142px;
	background-color: #0066CC;
	font-size: 12px; color: #727860;
}
#pied p {
	margin: 13px 13px 13px 21px;
	font-size: 16px;
}
#pied a, a:hover, a:visited, a:link {
	color: #dde4c9; text-decoration: none;
}
.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: #ffffff;
}

table.spip tr.row_odd {
	background-color: #ffffff;
}

table.spip tr.row_even {
	background-color: #ffffff;
}

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_bouton { 
	background-color: #727860;
	border: #727860 1px solid;
	font-size: 14px; color: #ffffff; text-align: center;
}
.formrecherche { 
	width : 130px;
	background-color: #ffffff;
	border: #0066CC 1px solid;
	font-size: 14px; color: #0066CC; text-align: center;
}
.reponse_formulaire {
	font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: bold; font-size: 110%; color: #e26a09;
}
.spip_surligne { background-color: #FFFF99; }
.spip-admin {
	float:left;
	clear: both;
}
.plan-secteur {
	margin-left: 20px;
}
.formrecherche {
	font-family: "palatino linotype", palatino, "times new roman", times, serif;
}
.bloc {
	border-top: thin dashed #0066CC;
	border-right: thin dashed #0066CC;
	border-bottom: thin dashed #0066CC;
	border-left: thin dashed #0066CC;
	padding: 5px;
	margin-top: 5px;
	margin-left: 10px;
	color: #003366;
}
.logos {
	margin: 10px 10px 10px 0px;
	border: thin solid #0066CC;
	background-color: #FFFFFF;
	padding: 1px;
	position: relative;
	visibility: inherit;
	float: left;
	height: 150px;
	width: 150px;
	overflow: hidden;
}
dt {
	display: block;
}
#menusdroit {
	display: block;
	background: #66CC00 url(/squelettes/img_squelette/fond-ul.jpg);
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #0066CC;
	clear: right;
	text-align: left;
	height: 25px;
	line-height: 25px;
	width: 156px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #0066CC;
}
#menusdroit a {
	display: block;
	color: #dde4c9;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	background-position: center;
	height: 25px;
	width: 156px;
}
#menusdroit a:link {
	display: block;
	float: right;
	color: #dde4c9;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	background-position: center;
	height: 25px;
	width: 156px;
}
#menusdroit a:visited {
	display: block;
	color: #dde4c9;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	height: 25px;
	width: 156px;
}
#menusdroit a:hover {
	background-color: #FF081B;
	height: 25px;
	width: 156px;
}
.blocsommaire {
	border-top: thin none #0066CC;
	border-right: thin none #0066CC;
	border-bottom: thin dashed #0066CC;
	border-left: thin none #0066CC;
	padding: 5px;
	margin-top: 5px;
	margin-left: 10px;
	color: #003366;
}