*{
	margin: 0;
	padding: 0;
}

body {
	position: relative;
	background-color: #f5f7f7;
	background-image: url(../IMG/bkg01.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-attachment:fixed;
	font-family: Trebuchet MS, sans-serif;
	margin: 0;
	width: 100%;
}

a img {
	border: none;
}

.page {
	position: relative;
	width: 730px;
	padding: 10px 35px 0;
	margin: 0 auto;
	background-image: url(../IMG/bkg01.jpg);
	background-repeat: repeat-y;

}


/* HEADER ----------------------------------------------------------*/



.header {
	position: relative;
	height: 144px;
	width: 100%;
	background-image: url(../IMG/bkg02.jpg);
	background-repeat: no-repeat;
}

.header h1  {
	font-family: Times new Roman, serif;
	color: #f0ce55;
	font-weight: normal;
	font-size: 1.5em;
	position: relative;
	top: 45px;
	left: 75px;
	width: 50%;
}

.header h2 {
	font-family: Times new Roman, serif;
	color: #f0ce55;
	font-weight: bold;
	font-size: 0.85em;
	position: relative;
	top: 45px;
	left: 75px;
	width: 80%;
}



/* LANGUES ----------------------------------------------------------*/

.langue {
	position: absolute;
	top: 15px;
	right: 15px;
	text-transform: uppercase;
}

.langue li {
	float: left;
	list-style: none;
	background-color: #ffffff;
	border: solid #f0ce55 1px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 0.7em;
	padding: 0 0.3em;
	margin: 0 0 0 0.5em;
}

.langue li a {
	color: #f0ce55;
	text-decoration: none;
}

.langue .on {
	background-color: #f0ce55;
	border: solid #ffffff 1px;
}

.langue .on a {
	color: #ffffff;
}


/* MENU ----------------------------------------------------------*/

.menu {
	position: absolute;
	bottom: 0;
	left: 15px;
	width: 705px;
	border: solid #bfbfbf;
	border-width: 0 0 1px 0;
	font-size: 0.7em;
}

.menu li {
	position: relative;
	top: 1px;
	float: left;
	list-style: none;
	background-image: url(../IMG/onglet1.gif);
	background-repeat: no-repeat;
	padding: 1px 5px 0 10px;
	margin: 0 8px 0 0;
}

.menu .on {
	background-image: url(../IMG/onglet1-on.gif);
	background-repeat: no-repeat;
	border: solid #ffffff;
	border-width: 0 0 1px 0;
}

.menu li .finonglet {
	position: absolute;
	width: 10px;
	top: 0;
	right: -5px;
	background-image: url(../IMG/onglet2.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 1px 0 0 0;
}

.menu .on .finonglet {
	background-image: url(../IMG/onglet2-on.gif);
	background-repeat: no-repeat;
	background-position: top right;
	border: solid #ffffff;
	border-width: 0 0 1px 0;
}

.menu li a {
	color: #99b9c6;
	text-decoration: none;
}

.menu .on a {
	font-weight: bold;
	color: #5b919a;
}

.intranet {
	position: absolute;
	top: 160px;
	right: 50px;
	background-image: url(../IMG/picto-intranet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 0.7em;
	padding: 2px 0 0 20px;
}

.intranet a {
	color: #f0ce55;
	font-weight: bold;
	text-decoration: none;
}

.intranet a:hover {
	text-decoration: underline;
}

.intranet2 {
	position: absolute;
	top: 100px;
	right: 50px;
	font-family: Times new Roman, serif;
	color: #ffffff;
	font-size: 2.5em;
}


.lienext {
	position: absolute;
	bottom: 15px;
	right: 10px;
	width: 150px;
	font-size: 0.7em;
	text-align: right;
	font-weight: bold;
}	

.lienext a {
	color: #5b919a;
}


/* CONTENU ----------------------------------------------------------*/

.contenu {
	position: relative;
	margin: 5em 0 8em;
	padding: 0 45px;
	font-size: 0.7em;
	line-height: 1.6em;
}

.contenu a {
	color: #f0ce55;
	ont-weight: bold;
}

.contenu h2 {
	color: #5b919a;
	border: solid #5b919a;
	border-width: 0 0 1px 0;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0 0 1.5em;
}

.contenu h3 {
	color: #99b9c6;
	font-size: 1.2em;
	margin: 2em 0 1em;
}

.contenu .illu {
	float: left;
}

.contenu .decale {
	position: relative;
	margin: 0 30px;
	width: 580px;
}

.contenu p, .contenu li {
	margin: 0 0 1em 0;
}

.contenu ul, .contenu ol {
	padding: 0 0 0 2em;
}

.contenu ul ul, .contenu ol ol {
	padding: 0 0 0 2em;
}

.contenu ul ul li {
	margin: 0;
}

.contenu ol ol li {
	margin: 0;
	list-style-type: disc;
}

.contenu .sstitre {
	border: solid 1px #99b9c6;
	margin: 0.1em 0 2em 0;
	padding: 1em;
	color: #000000;
	fot-size: 1.2em;
	background-color: #f5f7f7;
}

.contenu .sstitre a {
	color: #000000;
	text-decoration: none;
}

.contenu .sstitre a:hover {
	text-decoration: underline;
}

.contenu .sansmarges {
	margin: 0em 0 0.3em;
}

.contenu .droite {
	text-align: right;
}


.contenu .retour {
	position: absolute;
	top: -4em;
	right: -30px;
	text-align: right;
}

.contenu .retour a {
	font-weight: normal;
	text-decoration: none;
	color: #99b9c6;
}

.contenu .retour a:hover {
	color: #f0ce55;
}

.contenu .document {
	margin: 0 0 1em 0;
	padding: 0 0 0 25px;
}

.contenu .document b {
	font-size: 1.1em;
}

.contenu .document a {
	color: #000000;
	text-decoration: none;
}

.contenu .document a:hover {
	text-decoration: underline;
}

.contenu .PDF {
	background-image: url(../IMG/picto-pdf.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.contenu .Word {
	background-image: url(../IMG/picto-word.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.contenu .PowerPoint {
	background-image: url(../IMG/picto-ppt.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.contenu .Excel {
	background-image: url(../IMG/picto-excel.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.contenu .Zip {
	background-image: url(../IMG/picto-zip.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.contenu .PNG, .contenu .JPG, .contenu .GIF {
	background-image: url(../IMG/picto-jpg.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
	

/* FOOTER ----------------------------------------------------------*/

.footer {
	text-align: center;
	font-size: 0.7em;
}

.footer img {
	margin: 0 0.4em;
}

.footer p {
	margin: 1em 0;
}

.footer a {
	color: #99b9c6;
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
}


/* TABLEAUX ----------------------------------------------------------*/

table td {
	padding: 0 1em  0.5em 0;
}

table td img {
	margin: 0 1em 0 0;
}



/* STYLE SPIP ---------------------------------------------------------*/

.spip_documents_right {
	margin: 0 0 0.5em 2em;
}

.spip_documents_left {
	margin: 0 2em 0.5em 0;
}


/* FORMULAIRES ----------------------------------------------------------*/

form {
	border: solid 1px #99b9c6;
	margin: 0 auto 2em;
	padding: 0 1em 1em;
	background-color: #f5f7f7;
	width: 300px;
	text-align: center;
}

form fieldset {
	border: none;
	padding: 1em;
}

form legend {
	visibility: hidden;
}