* {margin: 0; padding: 0; list-style: none;}

img {border-width: 0;}

html, body {width: 100%; height: 100%;}

body {
	text-align: center;
	background: #404040;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
body#fiche {
	background: #bfbfbf;
	color: #000;
}

#page {
	position: relative;
	margin: 0 auto;
	width: 995px;
	text-align: left;
	background: transparent url(../charte/bg-page.gif) repeat-y 0 0;
}

a {
	color: #003366;
	text-decoration: none;
}
a:hover {
}

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }
/* blocs specifiques au site*/

/* ajouter pour containers elements floatants */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* fin containers elements floatants */

.clearall {
	display: block;
	clear: both;
	float: none;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
}

#header {
	position: relative;
	width: 995px;
	height: 188px;
}

#container {
	background: transparent url(../charte/bg-container.jpg) no-repeat 225px 0;
	padding: 0 35px 0 0;
	min-height: 462px;
}
* html #container {
	height: 462px;
}
#fiche #container {
	background: transparent url(../charte/bg-container-fiche.gif) no-repeat 0 0;
	padding: 0 0 0 0;
	min-height: 475px;
	padding: 20px;
	text-align: center;
}
* html #fiche #container {
	height: 475px;
}
#fiche #page {
	background: transparent url(../charte/bg-page-fiche.gif) repeat-y 0 0;
}


#contenu {
	background: white;
	min-height: 250px;
	padding: 0 10px 10px 10px;
	text-align: left;
}
* html #contenu {
	height: 250px;
}
#contenu a {
	text-decoration: underline;
}
#contenu a:hover {
	text-decoration: none;
}

#nav {
	float: left;
	width: 217px;
	padding: 0 0 0 12px;
}

#aside {
	float: right;
	width: 170px;
	background: transparent url(../charte/bg-aside.gif) repeat-y 0 0;
}
#aside .fond {
	background: transparent url(../charte/bg-aside-h.gif) no-repeat 0 0;
}
#aside .bas {
	background: transparent url(../charte/bg-aside-b.gif) no-repeat bottom left;
	min-height: 290px;
	clear: both;
}
* html #aside .bas {
	height: 290px;
}


#fiche #contenu {
	width: 885px;
	margin: 0 auto;
}
#contenu_nav #contenu {
	width: 675px;
	float: right;
}
#contenu_nav_aside #contenu {
	width: 685px;
	padding-right: 0;
	float: right;
}
#contenu_nav_aside.accueil #contenu {
	background: transparent url(../charte/bg-accueil.gif) repeat-y 0 0;
}


#logo {
	position: absolute;
	left: 43px;
	top: 118px;
	width: 187px;
	height: 70px;
}

#ariane {
	position: relative;
	padding: 5px 50px 5px 0;
	background: white;
}
#fiche #ariane {
	position: absolute;
	right: 42px;
	top: 99px;
	background: transparent;
}
#ariane,
#contenu #ariane a,
#ariane a {
	color: #aaa9a9;
	font-size: 10px;
	text-decoration: none;
}
#contenu #ariane a:hover,
#ariane a:hover {
	color: #333;
}

.texte {
	background: #fff6ef;
	padding: 5px 5px 1px 5px;
}
#fiche .texte,
.texte.liste {
	background: #fff;
}
#fiche .texte {
	padding: 10px;
}
#contenu_nav_aside #contenu #content {
	width: 513px;
	float: left;
}
#contenu_nav_aside.accueil #contenu #content {
	width: 440px;
	float: left;
}
.description {}
.accueil #contenu .texte .description {
	float: left;
	width: auto;
}

h1 {
	background: transparent url(../charte/bg-h1.gif) no-repeat 0 0;
	padding: 0 0 7px 25px;
	color: #003366;
	font-weight: bold;
	font-size: 15px;
}
h1.article {
	background: none;
	padding: 0 0 5px 25px;
}
h1 span {
	display: block;
	font-weight: normal;
	font-size: 12px;
	margin-left: -20px;
}

#fiche #header {
	position: relative;
	width: 995px;
	height: 103px;
	background: transparent url(../charte/bg-header-fiche.jpg) no-repeat 0 0;
}
.extranet #header {
	height: 108px;
}


#header p,
.accueil h1 {
	background: none;
	color: #939191;
	padding: 0;
	letter-spacing: 0.2em;
	font-weight: bold;
	font-size: 15px;
	position: absolute;
	top: 160px;
	left: 263px;
}
#fiche #header p {
	color: #FFF;
	position: static;
	text-align: center;
	padding: 20px 0 0 0;
	font-size: 20px;
	font-weight: normal;
}
.extranet #header p {
	top: 10px;
}

h1 span {
	padding: 6px 0 6px 0;
}
#fiche #header h1 {
	position: absolute;
	top: 48px;
	left: 78px;
	background: transparent url(../charte/bg-h1-fiche.gif) no-repeat 0 0;
	padding: 0 0 13px 20px;
}
#fiche #header h1 span {
	padding: 5px 20px 0 10px;
	background: transparent url(../charte/bg-h1-span-fiche.gif) no-repeat bottom right;
	font-size: 17px;
	font-weight: bold;
	line-height: 50px;
}
#fiche #content h1 {
	background: none;
	text-align: center;
	padding: 0;
	font-size: 19px;
}


#contenu h1 {
	margin: 0 0 10px 0;
}
.extranet #contenu h1 {
	color: #ff4800;
}
.extranet #contenu h1 span {
	color: #003366;
}

#contenu h2 {
	color: #0e3d7b;
	font-weight: normal;
	font-size: 13px;
}
#contenu h2 span {
	display: block;
	background: #1e3874 url(../charte/bg-h2-span.gif) repeat-x 0 0;
	color: #FFF;
	font-size: 15px;
	padding: 3px 10px;
}
#contenu h2 a {
	color: #0e3d7b;
}
#contenu h2 a:hover {
	color: #cc3333;
	text-decoration: underline;
}
#contenu h2 span a {
	color: #FFF;
}

#fiche #contenu h2 {
	clear: both;
	padding: 0;
	text-align: center;
	background: transparent url(../charte/bg-h2-fiche.gif) no-repeat bottom center;
	margin: 10px 0;
	padding: 1px 0 0 0;
}
#fiche #contenu h2 span {
	display: inline;
	background: transparent url(../charte/bg-h2-span-fiche.gif) no-repeat top right;
	padding: 10px 0 11px 0;
}
* + html #fiche #contenu h2 span {
	padding: 0 0 0 0;
	line-height: 38px;
}
* html #fiche #contenu h2 span {
	padding: 0 0 0 0;
	line-height: 38px;
}
#fiche #contenu h2 span b {
	background: transparent url(../charte/bg-h2-b-fiche.gif) no-repeat top left;
	padding: 10px 30px 11px 30px;
	color: #003366;
	font-size: 14px;
	line-height: 38px;
}
* html #fiche #contenu h2 span b {
	padding: 10px 30px 10px 30px;
	line-height: 38px;
}
* + html #fiche #contenu h2 span b {
	padding: 10px 30px 10px 30px;
	line-height: 38px;
}

#fiche #contenu p {
	margin: 0;
}


#contenu h3 {
	color: #1a6898;
	font-weight: normal;
	font-size: 12px;
	margin: 3px 0 10px 0;
}
#fiche #contenu h3 {
	color: #000;
	font-weight: bold;
	font-size: 11px;
	margin: 3px 0 0 0;
}
#contenu h4 {
	font-size: 11px;
}
#contenu p {
	margin: 0 0 14px 0;
	text-align: justify;
}
#contenu .module p {
	margin: 10px 0 14px 0;
}


#contenu #aside .module {
	padding: 0 0 20px 0;
}

#contenu #aside .module p {
	color: #265a64;
}
#contenu #aside .description p {
	color: #666;
}

#contenu ul li {
	background: transparent url(../charte/bg-li.gif) no-repeat 0 3px;
	padding: 0 0 0 10px;
	margin: 0 0 4px 0;
}


#contenu #aside .fond .bas {
	padding: 0 15px 1px 15px;
}
.accueil #contenu #aside .fond .bas {
	padding: 0 15px 0 25px;
}
.accueil #aside {
	float: right;
	width: 245px;
	background: white url(../charte/bg-aside-acc.gif) repeat-y 0 0;
}
.accueil #aside .fond {
	background: transparent url(../charte/bg-aside-h-acc.gif) no-repeat 0 0;
}
.accueil #aside .bas {
	background: transparent url(../charte/bg-aside-b-acc.gif) no-repeat bottom left;
	min-height: 500px;
}
* html .accueil #aside .bas {
	height: 500px;
}

#contenu #aside h2 {
	font-size: 12px;
	padding: 6px 0 7px 0;
}
.accueil #contenu #aside h2 {
	color: #FFF;
	font-size: 20px;
	padding: 35px 0 15px 0;
}
.accueil #contenu #aside .module {
	clear: both;
}
.accueil #contenu #aside .module h2 {
	color: #262e64;
	font-size: 13px;
	font-weight: normal;
	padding: 5px 0 0 0;
}
#contenu #aside .module h2.titre {
	color: #262e64;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 0 3px 0;
	border-bottom: #262e64 1px solid;
	text-decoration: none;
}
.accueil #contenu #aside .module p {
	margin: 0 0 0 0;
	font-size: 10px;
}
.accueil #contenu #aside .module h2 a {
	color: #262e64;
}
#contenu #aside .module p a {
	color: #265a64;
	display: block;
}
#contenu #aside .module p a.couleur_01 {
	color: #3366ff;
}
#contenu #aside .module p a.couleur_02 {
	color: #339900;
}
.couleur_03 {
	color: #ff4800;
}
.date {}
#contenu .date p {
	color: #666;
	margin: 0;
}
#contenu .titre {
	border-bottom: #8e8b8b 1px solid;
	clear: both;
	margin: 10px 0 5px 0;
	padding: 0 0 3px 0
}
#contenu .titre h2 {
	display: inline;
	float: left;
	color: #0e3d7b;
}
#contenu .titre h2.rubrique {
	font-weight: bold;
	
}
#contenu .titre p.date {
	color: #092d76;
	margin: 2px 0 0 5px;
	float: left;
	clear: right;
}
#contenu .titre h2 span.date {
	display: inline;
	color: #092d76;
	margin: 0 0 0 5px;
	padding: 0;
	background: transparent none;
	font-size: 11px;
}
#contenu .liste .description p {
	color: #666;
	margin: 0 0 4px 0;
}
#contenu .liste .titre,
#contenu .liste .photo {
	clear: both;
}
#contenu .liste h2.titre {
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	width: 100%;
	border: 0;
}
#contenu .photo.gauche {
	float: left;
}
.date h3 {
	border-bottom: #999 1px solid;
	padding: 0 0 3px 0;
}
.date p a {
	text-decoration: underline;
}
.date p a:hover {
	text-decoration: none;
}
.date h3 {
	color: #0e3d7b;
	font-size: 13px;
}

#contenu #aside .titre {
	padding: 0;
	border-color: #8e8b8b;
}
#contenu #aside .titre h3 {
	color: #0e3d7b;
	font-size: 13px;
	padding: 0;
}
#contenu #aside .module p.date {
	border-top: 1px solid #265a64;
	padding: 15px 0 7px 0;
	font-size: 14px;
}

.lire {
	position: relative;
	width: 100%;
	height: 20px;
}
.lire a {
	display: block;
	position: absolute;
	background: #cccbcb;
	text-align: center;
	width: 220px;
	left: -9px;
	color: #093765;
	padding: 5px 0
}

input,
select {
	font-size: 11px;
}

#search {
	width: 217px;
	height: 40px;
	background: #3f6895 url(../charte/bg-recherche.gif) repeat-x 0 0;
	margin: 0 0 5px 0;
}
.extranet #search {
	width: 217px;
	height: 40px;
	background: none;
	position: absolute;
	top: 38px;
	right: 0;
}

/* colonnes */
.colonne75 {
	width: 72%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 3% 0 0 ;
}
.colonne66 {
	width: 63%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 3% 0 0 ;
}
.colonne50 {
	width: 47%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 3% 0 0 ;
}
.colonne33 {
	width: 30%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 3% 0 0 ;
}
.colonne25 {
	width: 20%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 5% 0 0 ;
}
/* fin colonnes */


#contenu ul.plansite {
	display: block;
	padding: 0 0 10px 0;
	width: 100%;
}
#contenu ul.plansite a {
	text-decoration: none;
	color: #0e3d7b;
	padding: 0;
	margin: 0;
}
#contenu ul.plansite li {
	margin: 0;
	padding: 0;
	background: none;
}
* html #contenu ul.plansite li ul li {
	display: block;
	float: left;
	width: 90%;
}
#contenu ul.plansite li.colonne25 {
	width: 23%;
	float: left;
	margin: 10px 2% 0 0;
	padding: 0;
	background: none;
}
#contenu ul.plansite li.colonne25 strong a {
	display: block;
	padding: 4px 14px;
	margin: 0 0 4px 0;
	position: relative;
	background: #fff6ef none;
	font-size: 13px;
	font-weight: normal;
}
#contenu ul.plansite li.colonne25 strong a:hover {
	background: #eee;
}
#contenu ul.plansite li ul li {
	padding: 5px 0 0 12px;
	background: none;
	width: auto;
}
#contenu ul.plansite li ul li strong {
	display: inline;
	background-image: none;
	background-color: white;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
}
#contenu ul.plansite li ul li a {
	display: block;
	padding: 4px 0 0 7px;
	background: transparent url(../charte/bg-li-plan.gif) no-repeat 0 10px;
	color: #0e3d7b;
	font-size: 10px;
}
#contenu ul.plansite li ul li a:hover {
	background: #fff6ef;
	color: #333;
}
#contenu ul.plansite li ul li ul li a {
	color: #000;
	background: none;
	padding: 0;
}
#contenu ul.plansite li ul li ul li a:hover {
	background: #fff6ef;
	color: #333;
}



/* ---------- FORMULAIRES ---------- */
form {
	display: block;
}
#contenu form {
	margin: 10px 0;
}

#search form {
	display: block;
	padding: 10px 0 0 20px;
}
#search label {
	display: none;
}
#search input {
	text-align: center;
	border: 0;
	padding: 3px 0;
}
#search input.searchButton {
	background: #e2e2e2;
	color: #000;
	border: 0;
	padding: 2px 2px;
	font-size: 9px;
	cursor:pointer;
}
#search input.searchButton:hover {
	background: #fff;
}
#detailed_search input.submit {
}

#detailed_search input.submit {
	margin: 10px 40px 0 24px;
	background: #e2e2e2;
	color: #000;
	border: #000 1px solid;
	padding: 2px 5px;
	font-size: 12px;
	cursor:pointer;
}
#detailed_search input.submit:hover {
	background: #fff;
}
#quick_search input.submit {
	margin: 0px 4px 0 4px;
	background: #e2e2e2;
	color: #000;
	border: #000 1px solid;
	padding: 2px 0px;
	font-size: 12px;
	cursor:pointer;
}
#quick_search input.submit:hover {
	background: #fff;
}
#contenu_popup input.submit {
	margin: 0px 4px 0 4px;
	background: #e2e2e2;
	color: #000;
	border: #000 1px solid;
	padding: 2px 0px;
	font-size: 12px;
	cursor:pointer;
}
#contenu_popup input.submit:hover {
	background: #fff;
}


#login {
	width: 217px;
	background: #5540a7 url(../charte/bg-extranet.jpg) no-repeat 0 0;
	margin: 0 0 5px 0;
}
#newsletter h2,
#login h2 {
	background: transparent url(../charte/bg-h2-nav.gif) no-repeat 0 4px;
	font-size: 13px;
	font-weight: normal;
	padding: 0 0 5px 15px;
	color: white;
}
#newsletter form,
#login form {
	display: block;
	padding: 3px 0 0 8px;
}
fieldset {
	border: 0;
}
#newsletter label,
#login label {
	display: block;
	font-size: 9px;
	float: left;
	width: 82px;
	color: white;
}
#newsletter input,
#login input {
	text-align: center;
	border: 0;
	padding: 0 0;
	margin: 0 10px 5px 0;
	float: right;
	width: 113px;
	font-size: 9px;
	line-height: 10px;
}
#newsletter input.button,
#login input.button {
	background: #e2e2e2;
	color: #000;
	border: 0;
	padding: 2px 4px;
	font-size: 9px;
	cursor:pointer;
	display: block;
	float: right;
	clear: both;
	width: auto;
}
#newsletter input.button:hover,
#login input.button:hover {
	background: #FFF;
}
#newsletter p,
#login p {
	clear: both;
	padding: 0 0 5px 15px;
}
#newsletter p a,
#login p a {
	color: #FFF;
	text-decoration: underline;
}
#newsletter p {
	position: absolute;
	top: 42px;
	left: 0;
	margin: 0 0;
	padding: 0 0 0 5px;
}

#deconnexion {
	position: absolute;
	top: 72px;
	background: #0b3373;
	right: 48px;
	text-align: center;
}
.extranet #deconnexion {
	background: #4b3e97;
}
.extranet .espace_collaboratif #deconnexion {
	background: #e07611;
}
#deconnexion a {
	color: #FFF;
	padding: 2px 30px;
}
#deconnexion a:hover {
	background: #000000;
}

#newsletter {
	width: 217px;
	background: #e38434 url(../charte/bg-newsletter.jpg) no-repeat 0 0;
	margin: 0 0 5px 0;
	position: relative;
}

#newsletter fieldset {
	border: 0;
}
#newsletter label {
	color: #000000;
}
#newsletter input {
	width: 105px;
	color: #000000;
}
a.mdp {
	margin: 0 17px 0 0;
}
#rss a {
	display: block;
	clear: both;
	color: #51260d;
	font-size: 12px;
	padding: 4px 0 14px 30px;
	background: transparent url(../charte/fil-rss.gif) no-repeat 0 0;
}
#rss a:hover {
	color: #000;
	background-position: 2px 0;
}

#contenu form h3 {
	color: #000000;
	font-weight: bold;
	margin: 5px 0;
}

.formulaire .texte {
	min-height: 470px;
}
* html .formulaire .texte {
	height: 470px;
}
#recherche_formulaire input#saisir_recherche {
	width: 460px;
	float: left;
	border: #000000 1px solid;
	border-right-color: #999;
	border-bottom-color: #999;
	padding: 4px;
}
#recherche_formulaire input#rechercher {
	width: 20%;
	float: right;
}

#detailed_search h3.puce,
#detailed_search #contenu h3.puce {
	font-weight: normal;
}

.resultat {
	padding: 5px 0 0 20px;
}
.resultat label {
	color: #333;
	padding: 0 30px 0 5px;
}

textarea.champtexte,
input.champtexte {
	border: #000000 1px solid;
	border-right-color: #999;
	border-bottom-color: #999;
	padding: 4px;
	margin: 0 5px;
}
textarea.champtexte {
	width: 94%;
	padding: 2%;
	margin: 0 0 20px 0;
}
.contributions input.champtexte {
	width: 109px;
}

input.submit {
	font-size: 13px;
}

#popup {
	position: relative;
}
#contenu_popup {
	/*position: absolute;
	/*top: 0;
	left: 0;*/
	background: white;
	/*width: 660px;*/
	z-index: 990;
}
#contenu_popup .resultat {
	padding: 1px 0 0 10px;
}
#contenu #contenu_popup h3.resultat {
	padding: 10px 0 0 30px;
	color: #333;
	font-size: 11px;
	border: 0;
	z-index: 900;
}
#contenu_popup .first .resultat {
	padding: 5px 0 2px 10px;
	border-bottom: #ccc 1px solid;
}
#contenu_popup .gauche {
	float: none;
	margin: 3px 0 3px 0;
}
#contenu_popup .gauche p.resultat {
	float: left;
	width: 303px;
	margin: 0;
	padding: 0;
}
.inscription p.resultat {
	margin: 0;
	padding: 0;
}
.inscription p.resultat label,
#contenu_popup .gauche p.resultat label {
	float: left;
	width: 105px;
	margin: 0;
	/*padding: 0 0 0 20px;*/
}
.inscription p.resultat input {
	border: #000000 1px solid;
	border-right-color: #999;
	border-bottom-color: #999;
	margin: 0;
	width: 250px;
}

.ajouter_evenement p.resultat {
	margin: 0;
	padding: 0 5px;
}
.ajouter_evenement p.resultat label {
	width: 15px;
	margin: 0;
	padding: 0 5px;
}
.ajouter_evenement p.resultat label.label {
	float: left;
	width: 155px;
	margin: 0;
	padding: 0;
}
.ajouter_evenement p.resultat input {
	border: #000000 1px solid;
	border-right-color: #999;
	border-bottom-color: #999;
	margin: 0;
	padding: 2px 5px;
	width: 110px;
}
.ajouter_evenement p.resultat select.champtexte,
.ajouter_evenement p.resultat input.champtexte {
	width: 264px;
	padding: 2px 5px;
}
.ajouter_evenement p.resultat select.champtexte {
	width: 275px;
}
.ajouter_evenement .submit {
	margin-left: 155px;
	margin-top: 10px;
}


a.close {
	float: right;
	position: absolute;
	right: 0;
	top: 0;
	padding: 5px 20px 5px 10px;
	margin: 8px 10px 0 0;
	font-size: 10px;
	background: transparent url(../charte/bg-close.gif) no-repeat 100% 6px;
}
.overflow {
	/*height: 300px;
	overflow: auto;*/
}
.overflow .submit {
	margin-left: 30px;
	margin-top: 10px;
}
.inscription .submit {
	margin-left: 105px;
	margin-top: 10px;
	background: #f6ae3d;
	border: #f6ae3d 0;
	padding: 2px 5px;
	color: #efefef;
	cursor: pointer;
}
.filet {
	border-bottom: 3px solid #ccc;
	padding: 0 0 7px 0;
}
.filet label {
	padding: 0 15px 0 20px;
	color: #003366;
}
.filet input {
	margin: 0 15px 0 20px;
}
.filet h2 {
	margin: 0 15px 0 20px;
}


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


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

table.tableau {
	width: 100%;
	background: #d3b6b6;
	margin: 0 0 10px 0;
	border: 0;
	padding: 0;
}
table.tableau caption {
	clear: both;
	background: transparent;
	margin: 10px 0 0 0;
	padding: 5px 0;
	font-size: 15px;
	text-align: left;
	color: #fff;
	caption-side: top;
}
table.tableau caption span {
	background: #af9090;
	padding: 5px 10px;
	color: #fff;
}
table.tableau th {
	margin: 0;
	padding: 5px 0 5px 2px;
	background: #d3b6b6;
	text-align: center;
	color: #FFF;
	font-size: 10px;
	border: 0;
	font-weight: normal;
}
table.tableau td {
	margin: 0;
	background: #fcf8f8;
	padding: 5px 2px;
	text-align: left;
	font-size: 10px;
	vertical-align: top;
	empty-cells: show;
	border: #d3b6b6 1px solid;
	border-width: 1px 1px 0 0;
}
table.tableau.center td {
	text-align: center;
}
table.tableau td.last {
	border-right: 0;
}
* html table.tableau td.last {
	white-space: normal;
}

table.agenda {
	width: 100%;
	background: #d3b6b6;
	margin: 0 0 10px 0;
	border: 0;
	padding: 0;
	border-collapse: separate;
	border-spacing: 0;
}
table.agenda caption {
	clear: both;
	background: transparent;
	margin: 10px 0 0 0;
	padding: 5px 0;
	font-size: 15px;
	text-align: left;
	color: #fff;
	caption-side: top;
}
table.agenda caption span {
	background: #af9090;
	padding: 5px 10px;
	color: #fff;
}
table.agenda th {
	margin: 0;
	padding: 2px 0 2px 2px;
	background: #d3b6b6;
	text-align: center;
	color: #000;
	font-size: 11px;
	border: 0;
	border-bottom: #999 3px solid;
	font-weight: normal;
}
table.agenda td {
	margin: 0;
	background: #fff;
	padding: 5px 2px;
	width: 14%;
	text-align: left;
	font-size: 10px;
	vertical-align: top;
	empty-cells: show;
	border: #ffeee0 1px solid;
	border-width: 1px 1px 0 0;
	border-right-color: #c1c1c1;
	color: #0e3d7b;
}
table.agenda.center td {
	text-align: center;
}
table.agenda td.last {
	border-right: 0;
}

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


/* ---------- forum ---------- */

.forum {
	border-bottom: #ffcccc 1px solid;
	margin: 8px 0 0 0;
	padding: 0 0 4px 0;

}
.forum .gauche {
	float: left;
	width: 116px;
	background: transparent url(../charte/bg-forum.jpg) no-repeat 0 0;
	margin: 0;
	min-height: 89px;
}
* html .forum .gauche {
	height: 89px;
}
#contenu .forum .gauche p {
	margin: 5px;
	color: #000000;
	font-size: 10px;
}
.forum .description {
	float: right;
	width: 545px;
}
#contenu .forum .titre {
	border-bottom: 0;
	clear: both;
	margin: 0 0 5px 0;
	padding: 0 0 3px 0
}
#contenu .forum .titre h2 {
	float: left;
	color: #000;
	font-weight: bold;
	font-size: 11px;
}
#contenu .forum .titre h2 a {
	color: #000;
}
#contenu .forum .titre h2.rubrique {
	font-weight: bold;
	
}
#contenu .forum .description .titre p.date,
#contenu .forum p.date {
	color: #ff3300;
}
#contenu .forum .description .titre p.date {
	padding: 0 0 0 5px;
}
#contenu  .liste .forum .description p {
	color: #000;
	margin: 0 0 6px 0;
}

/* ---------- FIN forum ---------- */


/* ---------- sous menu ---------- */
#sous_menu {
	margin: 0 0 5px 0;
	width: 217px;
	background: #092b6a url(../charte/bg-sous_menu.jpg) repeat-y 0 0;
}
.extranet #sous_menu {
	background: #4b3e97 url(../charte/bg-sous_menu-extra.jpg) repeat-y 0 0;
}
.extranet .espace_collaboratif #sous_menu {
	background: #4b3e97 url(../charte/bg-sous_menu-espace.jpg) repeat-y 0 0;
}
#sous_menu h2 {
	color: white;
	font-weight: normal;
	text-align: center;
	font-size: 15px;
	padding: 25px 0 3px 0;
	letter-spacing: 0.4em;
}
#sous_menu ul li {
	display: block;
}
* html #sous_menu ul li {
	float: left;
	width: 217px;
}
#sous_menu ul li a {
	color: white;
	font-size: 11px;
	display: block;
	margin: 0;
	padding: 8px 0 7px 17px;
	background: transparent url(../charte/bg-sousmenu-li.gif) no-repeat 8px 10px;
	border-bottom: #1a6898 1px solid;
}
#sous_menu ul li a:hover {
	background-color: #1a6898;
	
}
.extranet #sous_menu ul li a {
	background: transparent url(../charte/bg-sousmenu-li-extra.gif) no-repeat 8px 10px;
	border-bottom: #271a73 1px solid;
}
.extranet #sous_menu ul li a:hover {
	background-color: #271a73;
}
.extranet .espace_collaboratif #sous_menu ul li a {
	background: transparent url(../charte/bg-sousmenu-li-espace.gif) no-repeat 8px 10px;
	border-bottom: #e07611 1px solid;
}
.extranet .espace_collaboratif #sous_menu ul li a:hover {
	background-color: #e07611;
}

/* ---------- fin sous menu ---------- */

.gauche {
	float: left;
	margin: 0 10px 20px 0;
}
.droite {
	float: right;
	margin: 0 0 20px 10px;
}



#pied {
	background: #145686 url(../charte/bg-pied.gif) repeat-x 0 0;
	vertical-align: middle;
}
#pied img,
#pied span {
	line-height: 40px;
	vertical-align: middle;
}
#pied img {
	margin: 0 5px;
}

#pied,
#pied a {
	color: #f79b44;
	text-align: center;
	vertical-align: middle;
}
#pied .footer {
	padding: 0 10px;
	float: left;
	width: 520px;
}
#fiche #pied .footer {
	padding: 0 /*180px*/;
}

#pied .footer,
#pied .footer a {
	color: #fff;
	text-align: center;
}
#pied a:hover {
	color: #cc3333;
}

#pied .gauche {
	float: left;
	margin: 0 0 0 10px;
	width: 110px;
}
* html #pied .gauche {
	margin: 0 0 0 5px;
}
#pied .droite {
	float: right;
	margin: 0 10px 0 0;
	width: 320px;
}
* html #pied .droite {
	margin: 0 5px 0 0;
}

#contenu a.savoir,
a.savoir {
	color: #cc6633;
	background: #fedbb7;
	padding: 2px 4px;
	text-decoration: none;
}
a.savoir:hover {
	background: #eee;
}
.modifier {
	padding-top: 5px;
}
.modifier a.savoir {
	font-size: 10px;
	margin-right: 15px;
}
#contenu #contenu_popup a.savoir,
#contenu_popup a.savoir {
	color: #cc6633;
	background: #fedbb7;
	padding: 2px 4px;
	margin: 0 10px 0 -30px;
	text-decoration: none;
}

span.up_down {
	display: block;
	width: 7px;
	float: right;
}
span.up_down a {
}

.encadre {}

.chapo {
	color: #003366;
	font-size: 13px;
}
small {
	color: #999999;
	font-size: 10px;
}


#texte {}


.bouton {
	text-align: center;
	height: 20px;
	padding: 12px 0 60px 0;
}

.bouton a {
	margin: 30px auto 10px auto;
	background: transparent url(../charte/bg-bouton.gif) repeat-x 0 0;
	color: #339900;
	font-size: 13px;
	font-weight: bold;
	padding: 12px 20px 60px 20px;
	color: #FFF;
	text-decoration: none;
}
#contenu .bouton a {
	text-decoration: none;
}
* html .bouton a {
	width: 1px;
	white-space: nowrap;
}
* + html .bouton a {
	padding: 12px 20px 60px 20px;
	border-bottom: #000000 0px solid;
}

.bouton a:hover {
	background-position: 0 -3px;
}
.bouton a.last,
.bouton a.first {
	display: block;
	float: left;
	margin: 30px 60px 10px 155px;
}
* html .bouton a.first {
	margin: 30px 60px 10px 77px;
}
.bouton a.last {
	margin: 30px 60px 10px 0;
}

div.puce,
ul.puce li,
#contenu ul.puce li,
p.puce,
h3.puce,
#contenu h3.puce,
#contenu p.puce {
	background: transparent url(../charte/puce.gif) no-repeat 0 2px;
	padding: 0 0 0 17px;
	margin: 0 0 5px 5px;
	color: #000000;
}
#contenu h3.puce,
h3.puce {
	margin: 0 0 5px 5px;
	color: #000000;
	font-size: 15px;
	background-position: 0 5px;
}
.puce a {
	color: #003366;
	text-decoration: underline;
}
.puce a:hover {
	color: #000;
	text-decoration: none;
	background-color: #eee;
}
#contenu h3.puce a,
h3.puce a {
	text-decoration: none;
}
div.puce {
	margin: 10px 0 0 5px;
}
div.puce a {
	color: #333333;
}
.contribuer a {
	background: #f3a03d url(../charte/puce.gif) no-repeat 4px 7px;
	color: #FFF;
	padding: 4px 5px 4px 20px;
	font-size: 13px;
}
.contribuer a:hover {
	background-color: #eee;
	color: #000000;
}
.etat {
	color: #cc6633;
}

 
#video {
	width: 170px;
	margin: 0 auto;
}

.maj {
	color: #006699;
	margin: 0 0 5px 0;
}

a.question {
	position: relative;
}
a.question span {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
}
a.question:hover span {
	position: absolute;
	display: block;
	padding: 15px;
	font-size: 11px;
	color: #999999;
	width: 300px;
	height: auto;
	background: white url(../charte/question.gif) no-repeat 10px 2px;
}

#nom {
	position: absolute;
	left: 265px;
	top: 75px;
	background: white;
	color: #0e3d7b;
	font-size: 16px;
	padding: 5px 10px;
	height: 23px;
	white-space: nowrap;
}


.impression {
	position: absolute;
	right: 20px;
	top: 5px;
	width: 20px;
}
.send {
	position: absolute;
	right: 0;
	top: 5px;
	width: 20px;
	text-align: center;
}

a.pdf {
	display: block;
	clear: both;
	padding: 20px 0 20px 50px;
	background: transparent url(../charte/pdf.gif) no-repeat 0 0;
	text-decoration: underline;
}
a.pdf:hover {
	padding: 20px 0 20px 49px;
	background-position: 1px 0;
}

/* affichage pages suivantes precedentes */
#contenu p.pages {
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 10px;
}
#contenu .pages {
	padding: 10px 0 0 0;
	clear: both;
	text-align: center;
	font-size: 10px;
	overflow: hidden;
}
#contenu .pages a,
#contenu .pages b {
	background: transparent url(../charte/bg-pages.gif) no-repeat 100% 50%;
	text-align: center;
	font-size: 11px;
	padding: 2px 3px 2px 3px;
	/*line-height: 23px;*/
	text-decoration: none;
}
#contenu .pages b {
	font-weight: bold;
	font-size: 13px;
}
.pages a.last,
.sans,
b.sans,
a.sans,
#contenu .pages a.last,
#contenu .sans,
#contenu b.sans,
#contenu a.sans {
	background-image: none;
	text-decoration: none;
}
#contenu a.sans:hover {
	background-color: #eeeeee;
}
#contenu b.sans {
	color: #003366;
	font-size: 15px;
}
#contenu .pages a:hover {
	background-color: #eeeeee;
}
/* fin affichage pages suivantes precedentes */

.accessible {
	display: none;
}

/* ============================================= */
/* ============================================= */
/* ============================================= */

#menu {
	display: block;
	position: absolute;
	top: 19px;
	left: 240px;
	width: 753px;
}
* html #menu {
	width: 790px;
}
ul.thumb {
	margin: 10px 0 0 0;
	padding: 0px;
}
ul.thumb li {
	margin: 0; padding: 0px;
	float: left;
	position: relative;
	width: 182px;
	height: 116px;
}
ul.thumb li img {
	width: 182px; height: 116px;
	padding: 0px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
ul.thumb li img.hover {
	width: 238px;
	height: 151px;
	left: 50%; top: 50%;
	-ms-interpolation-mode: bicubic;
	z-index:10;
	margin-top:-77px;
	margin-left:-120px;
}
* html ul.thumb li img.hover {
	left: 80px;
}

#menu .sous_menu_principal {
	display:none;
	position:relative;
	top:65px;
	left:-29px;
	z-index:11;
	width:232px;
	border:3px solid #fff;
	font-size:12px;
	color: #4b4b4b;
	font-weight: bold;
}
* html #menu .sous_menu_principal {
	left: 0;
}
#menu .sous_menu_principal li {
	float:none;
	height:30px;
	width:232px;
}
#menu .sous_menu_principal li a {
	background: transparent url(../charte/bg-menu-span.gif) no-repeat left center;
	border-bottom: #FFF 1px solid;
	color: #000000;
	display: block;
	font-size: 11px;
	padding: 4px 0 4px 15px;
}	

#menu .sous_menu1 {
	text-align: left;
	background: white url(../charte/bg-menu-1.gif) repeat-x 0 0;
	border-bottom: #FFF 5px solid;
}
#menu .sous_menu2 {
	background: white url(../charte/bg-menu-2.gif) repeat-x 0 0;
	text-align: left;
}
#menu .sous_menu3 {
	text-align: left;
	background: white url(../charte/bg-menu-3.gif) repeat-x 0 0;
}
#menu .sous_menu4 {
	text-align: left;
	background: white url(../charte/bg-menu-4.gif) repeat-x 0 0;
}


#menu .sous_menu1 a:hover {
	color: #FFF;
	background-color: #CB4E57;
}
#menu .sous_menu2 a:hover {
	color: #FFF;
	background-color: #F8BD3D;
}
#menu .sous_menu3 a:hover {
	color: #FFF;
	background-color: #8C3DF8;
}
#menu .sous_menu4 a:hover {
	color: #FFF;
	background-color: #70BC77;
}
/* ============================================= */
/* ============================================= */
/* ============================================= */



.extranet #logo {
	top: 33px;
}

#div_voile {
	width:100%;
	height:100%;
	position:absolute;
	background:black;
	-moz-opacity:0.5;opacity:0.5;filter:alpha(opacity=50);
}
   
#conteneur {
	width:520px;
	height:350px;
	position:absolute;
	background-color:#FFFFFF;margin-left:30%;margin-top:5%;
}

table.tableau thead tr .header {
	background-image: url(/charte/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tableau tbody td {
	vertical-align: top;
}

table.tableau thead tr .headerSortUp {
	background-image: url(/charte/asc.gif);
}
table.tableau thead tr .headerSortDown {
	background-image: url(/charte/desc.gif);
}

/* ============================================= */
/* affichage du texte des fiches sur 2 colonnes */
.intitule {
	display: block;
	float: left;
	width: 30%;
	margin-right: 1%;
	text-align: left;
	color: #0e3d7b;
}
.champ_contenu {
	display: block;
	float: left;
	width: 68%;
	text-align: left;
}

p.petit,
#fiche #contenu p.petit {
	font-size: 9px;
}
.contribuer{
float:right
}

* html #resultat_formation {
	width: 665px;
	overflow: scroll;
}