html { background: #fff; }
body { margin: 0px; padding: 8px; color: #000; font-size: 10px; font-family: Verdana, Arial, Sans-Serif; text-align: center; }

.hidden { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }

a { color: #000; /* text-decoration: none;*/ }
a:hover { color: #000; text-decoration: none; }
img { border: 0px; }
hr { clear: both; visibility: hidden; }

#page { width: 1024px; margin: auto; }

/* partie gauche */

#left { width: 140px; float: left; }
#logo { margin-bottom: 16px; }

/* navigation dans les dossiers */

h1 { margin: 0px; padding: 0px; font-size: 20px; font-weight: bold; }

form { margin: 0px; padding: 0px; }
.button { width: 25px; font-size: 10px; text-align: center; background-color: #fbc2a4; border: 1px solid #f58357; font-family: Verdana, Arial, Helvetica, sans-serif; }
.button:hover { background-color: #f58357; color: #fff; }
.text { height: 12px; width: 100px; font-size: 10px; background-color: #fbc2a4; border: 1px solid #f58357; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* #navigation { margin: 0px; padding: 0px;} */

#navigation .spacer { margin-top: 20px; }

#navigation .title { color: #fff; font-weight: bold; text-align: left; margin: 0px; padding: 1px; margin-bottom: 2px; }
#navigation .title a { color: #fff; text-decoration: none; }
#navigation .content { margin: 0px; padding: 10px 1px; margin-bottom: 2px; }

#navigation .box1 { margin: 0px; padding: 0px; }
#navigation .box1 .title { background: #f58357; }
#navigation .box1 .content { background: #fbc2a4; }

#navigation .box2 {}
#navigation .box2 .title { background: #0088cb; }
#navigation .box2 .content { background: #90d4f6; }

#navigation .box3 {}
#navigation .box3 .title { background: #00b5ad; }
#navigation .box3 .content { background: #76f2ed; }

#navigation ul { margin: 0px; padding: 0px 0px 0px 20px; }
#navigation ul li { text-align: left; } /* list-style-type: none; */
/* #navigation ul li a { text-decoration: none; color: #000; } */

/* partie supérieure */

#right { float: left; width: 874px; margin: 0px; padding: 0px; }

#top { margin: 0px; padding: 0px; }
#banner1 { margin: 0px; padding: 0px; background: url(/images/banner1.jpg) 0px 0px no-repeat; width: 874px; height: 148px; margin-bottom: 16px; }
#banner2 { margin: 0px; padding: 0px; background: url(/images/banner2.jpg) 0px 0px no-repeat; width: 874px; height: 148px; margin-bottom: 16px; }
#banner3 { margin: 0px; padding: 0px; background: url(/images/banner3.jpg) 0px 0px no-repeat; width: 874px; height: 148px; margin-bottom: 16px; }
#banner4 { margin: 0px; padding: 0px; background: url(/images/banner4.jpg) 0px 0px no-repeat; width: 874px; height: 148px; margin-bottom: 16px; }

/* le menu du haut*/

ul#menu { margin: 0px; padding: 0px; width: 874px; }
ul#menu li { display: block; float:left; height: 20px; margin: 0px; border: 0px; }
ul#menu a { display: block; height: 20px; text-decoration: none; font-weight: bold; font-size: 12px; padding-top: 2px; padding-bottom: 2px; }
ul#menu a:hover { height: 16px; }

ul#menu li#menu_accueil { background: #76f2ed; width: 87px; }
ul#menu li#menu_equipe { background: #f58357; width: 219px; }
ul#menu li#menu_equipe a:hover { background: #fbc2a4; width: 219px; }
ul#menu li#menu_gestionnaires { background: #0088cb; width: 174px; }
ul#menu li#menu_gestionnaires a:hover { background: #90d4f6; width: 174px; }
ul#menu li#menu_chefs { background: #00b5ad; width: 262px; }
ul#menu li#menu_chefs a:hover { background: #76f2ed; width: 262px; }
ul#menu li#menu_admin { background: #76f2ed; width: 131px; }

/* la page d'accueil */

#main { padding: 0px; margin: 0px; margin-left: 10px; margin-right: 10px; padding-top: 8px; text-align: left; font-size: 12px; }

#main .photo { float: right; }
#main .photo img { border: 1px #000 solid; }

#boxarticle { float: left; width: 640px; padding: 0px; margin: 5px; }
#archives { margin: 0px; padding: 0px; float: right; font-size: 10px; width: 200px; }

#archives ul { margin: 0px; padding: 5px; padding-left: 15px; }
#archives ul li { text-align: left; /* list-style-type: none; */ }

#archives .articles { background: #f3ebba; margin: 0px; padding: 5px; margin-bottom: 15px; }
#archives .themes { background: #dfc1bf; margin: 0px; padding: 5px; margin-bottom: 15px; }

.articlenavigation { clear: both; height: 25px; margin-top: 20px; font-size: 10px; }

.articleprevious { float: left; width: 48%; text-align: right; padding-right: 5px;}
.articleprevious a { font-weight: bold; padding: 5px 0px 5px 20px; background: transparent url(/images/Left.gif) no-repeat center left; }

.articlenext { float: left; width: 48%; text-align: left; padding-left: 5px; }
.articlenext a { font-weight: bold; padding: 5px 20px 5px 0px; background: transparent url(/images/Right.gif) no-repeat center right; }

.articleactions { clear: both; height: 25px; margin-top: 20px; font-size: 10px; }

.articlesend { float: left; width: 48%; text-align: right; padding-right: 5px; }
.articlesend a { font-weight: bold; padding: 5px 0px 5px 30px; background: transparent url(/images/send.png) no-repeat center left; }

.articleprint { float: left; width: 48%; text-align: left; padding-left: 5px; }
.articleprint a { font-weight: bold; padding: 5px 20px 5px 0px; background: transparent url(/images/print.png) no-repeat center right; }

#boxdossier { padding: 0px; padding-top: 20px; margin: 5px; }

.boite { padding: 0px; margin-top: 5px; margin-bottom: 15px; margin-right: 15px; margin-left: 5px; width: 405px; height: 220px; float: left; }
.boite .vignette { float: left; margin-right: 5px; margin-bottom: 5px; }
.boite .accroche { text-align: left; }
.boite .suite { text-align: left; font-weight: bold; }

.boite ul { margin: 0px; padding: 5px; padding-left: 15px; }
.boite ul li { text-align: left; /* list-style-type: none; */ }

h2 { font-family: Verdana, Arial, Sans-Serif; font-weight: bold; font-size: 15px; text-align: left; text-decoration: underline; }
h3 { font-family: Verdana, Arial, Sans-Serif; font-weight: bold; font-size: 13px; text-align: left; margin: 0px; padding: 0px; }

#bottom { clear: both; }
#copyright { font-size: 10px; font-weight: bold; }
#copyright a { text-decoration: none; }

.article { padding: 0px; margin: 0px; }
.article .accroche { text-align: justify; font-weight: bold; margin-bottom: 20px; }

.departement { float: left; width: 420px; }

.section { color: #f00; }

.niveau { text-align: left; }

.kcode					{ clear: both; text-align: justify; }
.kcode .blockcenter		{ margin: auto; clear: both; padding: 0px; }
.kcode .blockright		{ clear: both; float: right; padding: 0px; margin: 0px; margin-left: 0px; margin-bottom: 2px; margin-top: 2px; }
.kcode .blockleft			{ clear: both; float: left; padding: 0px; margin: 0px; margin-right: 0px; margin-bottom: 2px; margin-top: 2px; }
.kcode p, .kcode .paragraph	{ clear: both; text-align: justify; padding-bottom: 10px; padding-top: 10px; }
.kcode .legend			{ text-align: center; clear: both; font-size: 9px; margin: 0px; margin-bottom: 2px; }
.kcode .thumb				{ border: 1px solid #fff; margin: 0px; padding: 0px; }
.kcode .big					{ border: 1px solid #fff; margin: 0px; padding: 0px; }
.kcode .icon					{ border: 0px; margin: 0px; padding: 0px; }
.kcode .image			{ margin: 0px; padding: 0px; }
.kcode .imageblock		{ margin: 0px; padding: 0px; }
.kcode .blockcenter .imageblock	{ float: left; margin-left: 5px; }
.kcode .blockright .imageblock	{ float: right; margin-left: 5px; }
.kcode .blockleft .imageblock	{ float: left; margin-right: 5px; }
.kcode .underline			{ text-decoration: underline; }
.kcode .italic			{ font-style: italic; }
.kcode .bold			{ font-weight: bold; }
.kcode a.extern			{ }
.kcode hr				{ clear: both; visibility: hidden; margin: 0px; padding: 0px; }
.kcode h1				{ margin: 0px; padding: 10px 0px 10px 0px; clear: both; } /* titre le plus gros */
.kcode h2				{ margin: 0px; padding: 10px 0px 10px 0px; clear: both; } /* titre moyen */
.kcode h3				{ margin: 0px; padding: 10px 0px 10px 0px; clear: both; } /* titre le plus petit */
.kcode ul				{ margin-left: 0px; margin-top: 5px; }
html > body .kcode ul	{ margin-left: -30px; margin-top: 5px; }
.kcode li				{ list-style-type: none; background-image:url(images/puce.gif); background-repeat:no-repeat; background-position:0px 3px; padding-left:15px; }

.agenda { margin: auto; text-align: center; }
.agenda th { background: #f58357; }
.agenda .day { background: #fbc2a4; }
.agenda .dayoff { background: #fbc2a4; border: 1px #000 solid; }
.agenda .dayon { background: #f58357; border: 1px #000 solid; }

#main label { display: block; font-weight: bold;  }
#main .field { margin-bottom: 10px;  }

.none { display:none; }

#main div.row {
	clear: both;
	padding-top: 5px;
}

#main div.row span.label {
	float: left;
	width: 100px;
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
	vertical-align: middle;
}

#main div.row span.formw {
	float: left;
	text-align: left;
	padding-left: 5px;
	white-space: nowrap;
}