/* CSS Document */
html {margin:0; padding:0}
body {margin:0; padding:0; text-align:center; background:#fff url(images2/fond.jpg) 50% top repeat-y; font:normal 80%/1.5em arial, helvetica, sans-serif; color:#000}
form {padding:0; margin:0; border:0}

/* ++++++++++++++++++++++++++++
mise en page
+++++++++++++++++++++++++++++++ */
#banniere {position:relative; margin:0 auto; width:740px; height:36px; overflow:visible; z-index:10}
#logo {margin:5px 0 0 0; padding:0; border:0}
#bandcolor {position:relative; margin:0 auto; padding:0; width:740px; height:30px; z-index:20}
#bandcolor img {padding:0; margin:0; border:0}
#imgGd {position:absolute; left:409px; top:41px; width:331px; height:174px}
#page {position:relative; margin:0 auto; padding:0; width:740px; text-align:left; overflow:visible; z-index:40}
#effet {position:absolute; margin:0 auto; padding:0; width:139px; height:105px; left:45%; top:130px; background:url(images2/effet.gif) left top no-repeat; z-index:1}

/* ++++++++++++++++++++++++++++
Diaporama + Grande image interne
+++++++++++++++++++++++++++++++ */
#diaporama {position:relative; margin:0 auto; overflow:hidden; width:740px; height:94px; z-index:5}
#diaporama2 {position:relative; margin:0 auto; overflow:hidden; width:740px; height:66px; z-index:5}
#defileH1 {position:absolute; width:2220px; left:0; top:0; height:94px; border:0}
#defileH1 img {border:0; margin:0; padding:0; margin-right:1px; width:145px; height:94px}
#defileH2 {position:absolute; width:2220px; left:0; top:0; height:66px; border:0}
#defileH2 img {border:0; margin-right:1px; width:101px; height:66px}

/* ++++++++++++++++++++++++++++
Navigation
+++++++++++++++++++++++++++++++ */
#navig {position:relative; float:right; margin-top:-21px; height:21px; background:url(images2/fond_navig.gif) left top no-repeat; color:#000; text-align:right; padding-left:20px}
#navig a {color:#000; text-decoration:none; font-size:xx-small}
#navig a:hover {text-decoration:underline}

/* ++++++++++++++++++++++++++++
menus de gauche
+++++++++++++++++++++++++++++++ */
.som_rub {position:absolute; width:196px; height:32px; background:url(images2/sommaire.gif) left top no-repeat; margin-top:-10px}
.somm_int {position:absolute; margin-top:-10px}
.somm_ext {margin-top:10px}
.cible {width:196px; height:32px; background:url(images2/sommaire.gif) left top no-repeat}
.menu {clear:left; width:196px; height:27px; margin-top:10px}
.som_rub, .menu, .cible {line-height:0.7em}
.som_rub a, .menu a, .cible a {margin-left:1em; color:#fff; text-decoration:none; font:bold 14px/26px arial,helvetica,sans-serif}
.som_rub a:hover, .menu a:hover, .cible a:hover {color:yellow}
/*.menu_rouge {width:196px; height:27px} */
.rouge {background:url(images2/menu_rouge.gif) left top no-repeat}
.jaune {background:url(images2/menu_jaune.gif) left top no-repeat}
.sousrub {width:196px; margin-bottom:20px; margin-top:10px}
.sousrub ul {list-style-image:url(images2/puce1.gif); list-style-position:inside; line-height:1.5em}
.sousrub ul, .sousrub li {margin:0; padding:0}
.sousrub a {color:#000; text-decoration:none}
.sousrub a:hover {text-decoration:underline}
#cG, #cD {width:98px}
#cG {float:left}
#cD {float:right}
ul.niv3, .niv3 li {list-style-type:none; margin:0; padding:0}
.niv3 li {margin-left:10px; font-size:x-small}

/* Invariants des pages intérieures */
#invarInt {position:relative; width:196px; height:326px; background:url(images2/int_fond_invar.jpg) left top no-repeat; margin-top:10px}
#invarInt .invarform fieldset {border:0; text-align:center}
#invarInt .invarform legend {font-weight:bold; font-size:9pt; color:#000}
#invarInt .invarform input {margin:3px}
#invarInt .invarform input[type=text], .invarform input[type=password] {background:#fff; border:1px solid #333}
#invarInt .lieninvar {display:block; color:#000; text-decoration:none; margin:10px}
#invarInt .lieninvar:hover {text-decoration:underline}
#invarInt .btncnx {border:1px solid #b7b7b7; background:#fcde57}
#invarInt .separ {width:90%; height:1px}
.connecte td {padding:1em}
.btnconnexion {display:block; height:20px; background:#fcde57; border:1px solid #b7b7b7; color:#000; text-decoration:none; margin-top:10px}
.btnconnexion:hover {background:#fcde57}

/* ++++++++++++++++++++++++++++
Espace du contenu
+++++++++++++++++++++++++++++++ */
#content {position:relative; float:right; width:540px; text-align:left !important}
.nomcontenu {display:none}
/* Espace des boutons invariants */
#btn {position:relative; float:right; height:21px; background:#ffb014 url(images2/bord_btn.gif) left top no-repeat; overflow:visible; width:400px}
#btn ul, #btn li {float:right; margin:0; padding:0; list-style-type:none}
#btn a {display:block; width:120px; height:22px; text-align:center; color:#000; text-decoration:none /*; margin-top:-5px*/}
#btn a:hover {color:#fff}

/* contenu */
#contenus {width:340px; padding:1em}
#contenus h2 {margin-top:40px; display:block; color:#ff9e01; text-decoration:underline}
.intro {display:block}
.intro h5 {background:url(images2/puce2.gif) left top no-repeat; padding-left:10px}
.intro h5 a {color:#be1100; text-decoration:none}
.intro h5 a:hover {text-decoration:underline}
.vignet {float:right; border:1px solid #9b9b9b}
#int_contenus {width:510px; padding:1em}
#int_contenus h1 {padding-top:20px; padding-bottom:20px; margin-top:60px; font-size:x-large; background-image:url(images2/puce4.gif); background-position:0%; background-repeat:no-repeat; color:#9f2119}
hr.ssline {margin-top:-30px; border:1px solid #9f2119}
.TListe {margin-top:1.5em; margin-bottom:1.5em}
.TListe .titre, .TContenu .titre {padding-bottom:1em}
.TListe .titre span, .TContenu .titre span {text-transform:uppercase}
.TContenu td {line-height:1.2em}
.TContenu, .TListe {width:100%}

/* Espace invariants de droite */
#invariant {float:right; width:170px; background:url(images2/fond_invar.jpg) left top repeat-y; text-align:center}
#invariant .thema {width:170px; height:18px; background:url(images2/menuD_invar.jpg) left top no-repeat; text-align:center; color:#fff; padding-top:2px}
#invariant .miniTxt {font-size:x-small; margin:1em}
#invariant .invarform fieldset {border:0; text-align:center}
#invariant .invarform legend {font-weight:bold; font-size:9pt; color:#000}
#invariant .invarform input {margin:3px}
#invariant .invarform input[type=text], .invarform input[type=password] {background:#fff; border:1px solid #333}
#invariant .lieninvar {display:block; color:#000; text-decoration:none; text-align:right !important; margin:10px}
#invariant .lieninvar:hover {text-decoration:underline}
#invariant .btncnx {border:1px solid #b7b7b7; background:#fcde57}
#invariant .separ {width:90%; height:1px; margin:3px}

/* ++++++++++++++++++++++++++++
Bas de page
+++++++++++++++++++++++++++++++ */
#bas {clear:both; width:740px; height:20px; background:url(images2/fond_baspage.gif) left top no-repeat; margin-top:10px !important; text-align:center; color:#fff; padding-top:2px}
#bas a {color:#fff; text-decoration:none}
#bas a:hover {text-decoration:underline}

/* ++++++++++++++++++++++++++++
Base de connaissance (flash pour l'acuf)
+++++++++++++++++++++++++++++++ */

#gauche {
float:left;
width: 256px;
/*	height:480px;	*/
background:url(images2/F_marge_gauche.gif);
background-color:#FBFBFB;
list-style-type: square;

}

#droite {
float:right;
width: 250px;
}
#fiche {
	padding: 10px;
	margin: 10px;
	border: 1px solid #FCB116;
}
.T_marge_gauche {color:orange;font-size:1.2em;font-weight:bold; border-top:6px solid #B70000;margin-left:5px;left:auto;width:200px;height:30px;padding-left:7px;padding-bottom:0px;}
.L_marge_gauche {font-family:arial;display:block;color:#B70000;text-decoration: none;margin-left:5px;padding:0px;padding-bottom:1px;}
.L_marge_gauche:hover {color:orange;text-decoration: underline;}
.L_marge_gauche_inverse {font-family:arial;display:block;color: white;background-color:orange;text-decoration: none;margin-left:5px;padding:0px;padding-bottom:1px;}
.TitreEncart {color:#4B4A4A;font-size:1.2em;font-weight:bold}
.T_marge_droite {color:#008484;font-size:1.2em;font-weight:bold; border:0px solid #008484;width:200px;height:40px;padding:0;margin:0}
.T_marge_droite_rouge {color:#B70000;font-size:1.2em;font-weight:bold; border-top:6px solid #B70000;width:200px;height:40px;padding:0;margin:0}
.T_marge_droite_gris {color:black;font-size:1.2em;font-weight:bold; border-top:6px solid #999999;width:200px;height:40px;padding:0;margin:0}
.T_marge_actus {color:#FF9900;font-size:1.2em;font-weight:bold; border-top:6px solid #FF9900;width:200px;height:40px;padding:0;margin:0}
.encart_liens {border:1px solid #CCCCCC;margin:10px;padding:10px;width:300px;filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60}
.L_liens {font-family:arial;display:block;color: black;text-decoration: none;padding-bottom:1px;margin-left:10px}
.L_liens:hover {color:black;text-decoration: underline;}

#listefiche {padding-top:10px;margin:0}
#listefiche ul {list-style-type:square;color:#008484;padding-left:15px;margin:0px;}
#listefiche li {padding:0;margin:0}
#listefiche a {color:#008484;}
.commentaire {color:#666666;font-size:0.9em}

#droite input {border :1px solid #B70000 ; background :#EDEFEC ; color:#666666;text-indent:4px;} 
#droite select {border :1px solid #B70000 ; background :#EDEFEC ; color:#666666;text-indent:4px;} 
#droite textarea {border :1px solid #B70000 ; background :#EDEFEC ; color:#666666;text-indent:4px;} 
#droite .bouton {border :1px solid #B70000 ; background :#B70000 ; color:white;text-indent:0px}

/* ++++++++++++++++++++++++++++
Fiche de la base de connaissance
+++++++++++++++++++++++++++++++ */
/*
.T_fiche {
	margin-top: 1em;
	margin-bottom: 1em;
	color: #BD553E;
	font-size: x-large;
	font-weight: bold;
	border-top: 6px solid #008484; 
}
*/
h2 {
	margin-top: 1em;
	margin-bottom: 1em;
	color: #BD553E;
	line-height: 1em !important;
/*	font-size: x-large;
	font-weight: bold;
	border-top: 6px solid #008484; */
}
.retour {
	display: block;
	margin-bottom: 0.5em;
}
.retour a {
	color: black;
	text-decoration: none;
}
.retour a:hover {
	text-decoration: underline;
}

/* liste des thèmes */
#fiche h4 {
	margin: 0;
	margin-top: 1em;
	margin-bottom: 0.5em;
	padding: 0;
	color: #BD553E;
}
a.thema {
	color: #B70000;
	text-decoration: none;
}
a.thema:hover {
	color: #FFA500;
	text-decoration: underline;
}
#fiche .separe {
	clear: both;
	margin-top: 1em;
	width: 100%;
	border: 0; /* enleve toute bordure */
	border-bottom: 1px #FCB116 solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
	height: 1px; /* pour IE */
}
.menutype {
	width: 100%;
	padding: 0.5em;
	line-height: 1.5em;
}
.menutype a {
/*	padding: 0.2em;	*/
	margin: 0.1em;
	background: #BD553E;
	color: white;
	text-decoration: none;
}
.menutype a:hover {
	background: #FCB116;
}

/* le cartouche */
.cartouche {
	background: #FF8B08;
	padding: 0.5em;
	margin: 0;
	color: white;
}
.cartouche a {
	color: white;
}
.cartouche span {
	margin-bottom: 0.5em;
}
.datefiche {
	float: left;
	font-size: 80%;
	margin-bottom: 0.5em;
}
.date2fiche {
	float: right;
	font-size: 80%;
}
.contactfiche {
	display: block;
	width: 100%;
	text-align: left;
/*	float: left;	*/
}
.servicefiche {
/*	float: right;	*/
}

/* ======= AJOUT V7 ======= 
.separ hr{
	display:none;
}*/