@import "navigation.css";



html {

	/* force l'apparition de la barre de défilement pour Firefox */

	overflow: -moz-scrollbars-vertical !important;

}



body {

	margin: 0;

	padding: 0;

	background: #B4AAA0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 76%;

	background: url('../fr/nav/body.jpg');

	behavior: url('/css/csshover.htc');

	height: 100%;

}



p {

	margin: 0;

	padding: 4px 0 4px 0;

}



a {

	color: #33A4D2;

	text-decoration: none;

}

a:hover {

	color: #99CE67;

}



a img {

	border: none;

}



h3 {

	color: #39A4D0;

	font-size: 1.3em;

	padding: 0 0 7px 0;

	margin: 0 0 24px 0;

	background: url('../fr/nav/trait_degrade.jpg') no-repeat left bottom;

}



.couleur1 {

	color: #33A4D2;

}



.couleur2 {

	color: #91C765;

}



hr {

	width: 500px;

	display:block;

	height: 1px;

	margin: 0 auto;

	_margin: -7px auto;

	padding: 0;

	color: #33A4D2;

	background: #33A4D2;

	border: 0;

}



ul {

	margin: 0;

	padding: 14px 0 14px 45px;

}

li {

	padding: 2px 0 2px 25px;

	_padding: 2px 0 2px 10px;

	background: url('../fr/nav/puce_fleche.gif') no-repeat 0px 5px;

	list-style: none;

	list-style-position: inside;

}

ol li {

	list-style-type:decimal;

	background: none;

}



input, textarea, option {

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

input {

	font-size: 1.1em;

	_font-size: 1.1em;

}

textarea {

	font-size: 1.0em;

	font-size: 1.1em;

}



.champobligatoire {

	color: #FF0000;

	font-weight: bold;

}



.textepetit {

	font-size: 0.85em;

}



.tampon {

	clear: both;

}



#conteneur {

	position: absolute;

	left: 50%;

	width: 961px;

	margin-left: -480px;

	background: url('../fr/nav/conteneur.jpg') repeat-y;

	_height: 100%;

	min-height: 100%;

}



#contenu {

	padding: 0 3px 0 3px;

	width: 955px;

}



#header {

	background: url('../fr/nav/header.jpg') no-repeat;

	background: url('../fr/nav/header_sans_extranet.jpg') no-repeat;

	height: 96px;

}

#header ul {

	margin: 0;

	padding: 0;

}

#header li {

	margin: 0;

	padding: 0;

	background: none;

}

#header #extranet a {

	position: absolute;

	background: url('../fr/nav/header_btn_extranet.jpg') no-repeat;

	width: 37px;

	height: 38px;

	top: 20px;

	left: 473px;

	display: block;

	text-indent: -5000px;

	font-size: 0px;

}



#menu_haut {

	background: url('../fr/nav/menu_haut.jpg') no-repeat;

	height: 30px;

}



#sous_menu {

	background: url('../fr/nav/sous_menu.jpg') no-repeat;

	height: 170px;

}



#sous_menu #presentation1 {

	position: absolute;

	left: 552px;

	margin-top: 15px;

}



#sous_menu #presentation2 {

	position: absolute;

	left: 762px;

	margin-top: 15px;

}

#sous_menu #presentation1, #sous_menu #presentation2 {

	width: 177px;

	text-align: left;

	color: #fff;

	font-size: 0.9em;

}



#menu_droite {

	float: right;

	width: 210px;

}



#menu_droite h3 {

	margin: 0;

	padding: 0;

	text-align: center;

	font-size: 1em;

	font-weight: lighter;

	line-height: 20px;

	background: url('../fr/nav/menu_droite_titre.jpg') no-repeat;

	height: 22px;

}

#menu_droite h3 a {

	color: #fff;

}



#menu_droite #fond_blanc {

	background: #fff;

}



#menu_droite ul {

	margin: 0;

	padding: 5px 0 5px 10px;

}

#menu_droite li {

	padding: 2px 0 2px 15px;

	_padding: 2px 0 2px 0;

	background: url('../fr/nav/puce.gif') no-repeat 0px 5px;

	list-style: none;

	list-style-position: inside;

	font-weight:normal;

}

*+html #menu_droite li { padding: 2px 0 2px 0; }

#menu_droite li a {

	font-size: 0.9em;

	color: #1C9DD2;

}

#menu_droite li a:hover {

	color: #99CE67;

}

#menu_droite li .menu_actif {

	color: #99CE67;

	font-weight: bold;

}



#menu_droite #boutons {

	text-align: center;

	padding-top: 5px;

}



#cadre_principal {

	padding: 15px 0 0 22px;

	width: 700px;

	color: #666666;

	font-size: 0.9em;

	text-align: justify;

}



#cadre_principal a {

	text-decoration: underline;

}



.basdepage {

	clear: both;

	margin-bottom: 65px;

	_margin-bottom: 75px;

}



#adresse {

	position: absolute;

	bottom: 0;

	width: 700px;

	color: #38A2CD;

	font-size: 0.85em;

	padding: 7px 0 7px 0;

	margin: 0 0 10px 0;

	background: url('../fr/nav/trait_degrade.jpg') no-repeat left top;

}

#cadre_principal #adresse a {

	color: #33A4D2;

	text-decoration: none;

}

#informations {

	position: absolute;

	bottom: 0;

	width: 700px;

	color: #38A2CD;

	font-size: 0.85em;

	padding: 7px 0 7px 0;

	margin: 0 0 32px 0;

	text-align: right;

}

#informations a {

	text-decoration: none;

}

#pyxis {

	position: absolute;

	left: 765px;

	width: 150px;

	letter-spacing: -0.1em;

}

#pyxis a {

	color: #C1DBE6;

	text-decoration: none;

}