/* CSS Document */
/* styles de classes ____________________________________________________________________________________________________________________ */
.admin
{
	/* NE RIEN METTRE : IL S'AGIT D'UNE CLASSE UNIQUEMENT POUR LE JAVASCRIPT */
}
.cadmin
{
	/* NE RIEN METTRE : IL S'AGIT D'UNE CLASSE UNIQUEMENT POUR LE JAVASCRIPT */
}
.visiteur
{

}
/* styles generaux ____________________________________________________________________________________________________________________ */
body
{
background:white;
margin:0px;
padding:0px;
}

table
{
border-collapse:collapse;
color: black;
border:none;
padding:0px;
margin:0px;
vertical-align:top;
empty-cells:show;
}


a.lien_sans_deco
{
text-decoration: none ;
border:none;
padding:0px;
margin:0px;
color: #000000 ;
}


td
{
border:none;
margin:0px;
padding:0px;
vertical-align:top;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

tr
{
margin:0px;
padding:0px;
}

.floright
{
	float:right;
}
.floleft
{
	float:left;
}
.marges
{
	margin:0px 5px;
}
.alerte
{
color:red;
}
ol li
{
	margin-top:10px;
}
li input
{
	vertical-align:middle;
}
.inv
{
visibility:hidden;
}
.cache_news
{
	background:white;
}
.block
{
	display:block;
}
.centre
{
	text-align:center;
}
/* styles des fonds__________________________________________________________________________________________________________________*/

table.cadre-investir
{
border-collapse:collapse;
border:none;
width:800px;
padding:0px;
margin-left: auto;
margin-right: auto;
}

table.fond-page
{
background:url(images-fond/fond-page.jpg) no-repeat;
border:none;
width:800px;
padding:0px;
margin: 0px;
}


/* styles de la case slogan _________________________________________________________________________________________________ */

td.slogan-bordure-cote
{
background:#ffae00;
width: 2px;
}

td.slogan-bordure-haut
{
background:#ffae00;
height: 2px;
}

td.slogan-corps
{
background:#FFFFFF;
color:#737373;
width: 198px; 
height: 52px;
padding: 5px;
vertical-align: middle;
font-size: 12px;
font-weight:bold;
text-align:center;
}
textarea.slogan-corps
{
background:#FFFFFF;
color:#737373;
width: 188px; 
height: 42px;
vertical-align: middle;
font-size: 12px;
font-weight:bold;
text-align:center;
}



/* styles de la barre haute _________________________________________________________________________________________________ */
#fond
{
	width:800px;
	height:106px;
}
#fond img
{
	border:none;
	outline:none;
}

#spc_g_l1 /* spacer gauche ligne 1 */
{
	width:10px;
	height:20px
}
td.spc_m
{
	width:11px;
	height:20px
}
#spc_d_l1
{
	width:159px;
	height:20px
}
#spc_g_l2
{
	width:10px;
	height:20px
}
#spc_d_l2
{
	width:159px;
	height:20px
}

#spc_v1 /* spacer vertical 1 */
{
	width:640px;
	height:2px;
}
#spc_v2
{
	width:800px;
	height:3px;
}
#spc_hed /* spacer horizontal extreme droite */
{
	width:20px;
	height:42px;
}

div.barradm
{
position:absolute;
width:155px;
}

div.modslog
{
cursor:pointer;
position:absolute;
left:-490px;
top:49px;
}
div.modtrub
{
cursor:pointer;
position:absolute;
left:-265px;
top:43px;
}

/* styles des sous rubriques _________________________________________________________________________________________________ */


td.s-rubrique-bordure
{
background:#004F98;
height: 1px;
width: 1px;
margin:0px;
padding:0px;
}

td.s-rubrique-corps
{
background:url(images-utilitaires/s-rubrique-rollover.jpg);
width: 148px; 
height: 28px;
margin:	0px;
padding:0px;
}

td.s-rubrique-corps-new
{
background:#2877BC;
width: 148px; 
height: 28px;
margin:	0px;
padding:0px;
}

td.s-rubrique-corps-inv
{
background:#999999;
width: 148px; 
height: 28px;
margin:	0px;
padding:0px;
}

/* styles du rollover */
a.rollover
{
display:block;
background:url(images-utilitaires/s-rubrique-rollover.jpg);
width: 132px;
margin:0px;
padding:8px;
font-size: 10px;
font-weight:bold;
text-align:left;
}

a.rollover:hover
{
background:url(images-utilitaires/s-rubrique-rollover-over.jpg);
width: 132px;
margin:0px;
padding:8px;
}

a.rollover-inv
{
display:block;
background:#999999;
width: 132px;
margin:0px;
padding:8px;
font-size: 10px;
font-weight:bold;
text-align:left;
}

a.rollover-inv:hover
{
background:#BBBBBB;
width: 132px;
margin:0px;
padding:8px;
}

td.spc-inter-sr
{
	width:150px;
	height:4px;
}
/* styles de la barre de navigation _________________________________________________________________________________________________ */


td.navigation
{
background:#FFFFFF;
width: 565px;
height: 22px;
font-size: 11px;
text-align: left;
padding: 5px;
}

td.navigation-bordure
{
background:#ffae00;
width:2px;
height:2px;
}
/* styles de la barre d'infos _________________________________________________________________________________________________ */

table.barre-infos
{
background: url(images-utilitaires/fond-barre-infos.png) no-repeat;
border:none;
padding:0px;
margin: 0px;
height: 34px;
}

td.barre-gauche
{
background: url(images-utilitaires/fond-colone-droite.png) repeat;
width: 10px;
margin:0px;
padding:0px;
}

/* Styles du bloc contenu _________________________________________________________________________________________________ */
td.deco_gauche
{
	background:url(images-utilitaires/fond-left.png) repeat-y;
}
td.zone_texte
{
width:576px;
padding:0px;
font-size:13px;
}
div.zone_texte
{
width:547px;
padding:0px;
font-size:13px;
}

td.contenu
{
width:578px;
font-size: 13px;
text-align: left;
padding:0px;
height: 340px;
}

div.plan
{
width:560px;
padding:0px;
margin: 4px;
height: 607px;
background:url(images/plandacces.jpg) no-repeat;
display:block;
}

td.plan-acces
{
width:572px;
font-size: 10px;
text-align: left;
padding:4px;
}


a.mail:hover 
{
 color: blue;
}

/* Styles de la liste d'articles_______________________________________________________________________________________________ */

table.liste-d-articles
{
width:570px;
margin-left:auto;
margin-right:auto;
}

table.liste-d-articles-adm
{
width:530px;
margin-left:auto;
margin-right:auto;
}

table.contenant-la
{
margin-left:auto;
margin-right:auto;
}

td.la-corps
{
background:#ffffff;
margin:0px;
padding:2px;
font-size:13px;
}
td.la-cote
{
background:#ffffff;
margin:0px;
padding:2px;
font-size:9px;
width:1%
}
td.la-description
{
background:#ffffff;
margin:0px;
padding:2px;
font-size:13px;
width:100%;
}

td.la-titre
{
background:#ffffff;
font-size: 14px;
font-weight:bold;
text-align: left;
margin:0px;
padding:2px;
}

td.la-date
{
background:#ffffff;
font-size: 10px;
font-weight:bold;
text-align: left;
margin:0px;
padding:2px;
width:84px;
text-align:center;
font-style: italic;
}

td.col_dro
{
width:1px;
}

td.la-lire
{
background:#B2B6EB;
font-size: 10px;
font-weight:bold;
text-align: left;
margin:0px;
padding:2px;
width:84px;
}
td.coin-bg
{
	width:19px;
	height:20px;
}
textarea.t_a_descr_ar
{
width:100%;
}
div.ztmfi-show
{
width:84px;
}
.ztmfi
{
	height:80px;
}
a.lire
{
color:#000000;}

a.lire:hover
{
color:#ffffff;}

/* Styles des articles__________________________________________________________________________________________ */
td.navigarticle
{
	text-align:center;
	font-size:12px;
}
td.navigarticle a
{
	color:blue;
}

td.navigarticle a.retour
{
	text-align:center;
}
#invitation_txt
{
	width:200px;
	text-align:left;
	position:relative;
	left:330px;
}
#invitation_txt a
{
	color:blue;
}
#invitation a:hover
{
	color:#BBBBBB;
}
/* Styles de la partie administration__________________________________________________________________________________________ */
/****/
#texte_survol {
	width:110px;
	height:15px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: middle;
	margin: 2px;
	padding: 2px;
	border: 1px solid #ff8a00;
	visibility: visible;
	display:block;
	clear:both;
	position:relative;
	left:11px;
}
#Layer1 {
	position:absolute;
	width:150px;
	height:55px;
	z-index:1;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	visibility: visible;
}
#Layer1 input, #Layer1 img.btn  {
	background-repeat: no-repeat;
	border:none;
	float: left;
	height: 22px;
	width: 22px;
	display: block;
	margin: 2px;
	cursor:pointer;
}
#corbeille_adm {
	background: url(images-utilitaires/adm_corbeille.png);
}
#sauver_adm {
	background: url(images-utilitaires/adm_sauver.png);	
}
#preview_adm {
	background: url(images-utilitaires/adm_preview.png);
}
#visible_adm {
	background: url(images-utilitaires/adm_visible.png);
}
/****/
#admin_bdd
{
	position:relative;
}
#admin_bdd ul li
{
	margin-bottom:15px;
	font-size:12px;
	font-weight:bold;
}
#admin_bdd ol li
{
	margin:0px;
	padding:0px;
	font-size:10px;
	font-weight:normal;
}


td.adm
{
padding:4px;
text-align:center;
}

td.adm-ordre
{
padding:4px;
text-align:center;
width:15px;
height:10px;
}

td.adm-action
{
padding:4px;
text-align:center;
width:34px;
height:11px;
}

td.adm-sr
{
padding:1px;
text-align:center;
}

td.adm-sr-ordre
{
padding:1px;
text-align:center;
width:15px;
height:10px;
}

td.adm-sr-action
{
padding:1px;
text-align:center;
width:34px;
height:11px;
}

td.adm-ajout-sr-0
{
text-align: left;
background:url(images-utilitaires/barre-srubrique-hautk-.jpg) repeat-y;
padding-bottom: 3px;
padding-left: 35px;
padding-top: 3px;
}

td.adm-ajout-sr
{
text-align: left;
background: url(images-utilitaires/adm-entre-deux-sr.png) repeat-y;
margin-bottom: 3px;
padding-left: 35px;
}
a.adm-ajout-sr
{
display:block;
margin:3px;
width:69px;
height:15px;
position:relative;
left:37px;
}
img.ajout-sr
{
width:69px;
height:15px;
border:none; 
}
td.decale_prem_ajout_sr img
{
position:relative;
left:11px;
}

td.admin-sr-cell
{
	width:44px;
}
td.adm-modif-ztmf
{
	height:11px;
	width:100%;
	padding:0px;
	margin:0px;
}
div.adm-modif-ztmf
{
	height:11px;
	width:100%;
	padding:0px;
	margin:0px;
}
.mod
{
cursor:pointer;
}
.vue
{
cursor:pointer;
}
.eff
{
cursor:pointer;
}
#ztmfa
{
	border:1px solid black;
	width:544px;
	padding:0px;
	margin:0px;
}

#ztmf1
{
	border:1px solid black;
	width:575px;
	padding:0px;
	margin:0px;
}

#ztmf2
{
	border:1px solid black;
	width:575px;
	padding:0px;
	margin:0px;
}

.show
{
}

#adm-new-art-des
{
width:500px;
}

.fichiers_tab
{
	border:2px solid black;
	margin:0px;
	
}
.fichiers_tab tr
{
	border-bottom:1px solid black;
}
.fichiers_tab tr th
{
	border-bottom:2px solid black;
	border-right:1px solid black;
	text-align:center;
}
.fichiers_tab tr td
{
	border-right:1px solid black;
	text-align:center;
	padding:2px 0px;
}

.modfile
{
border-top:1px solid black;
border-bottom:1px solid black;
padding-bottom:2px;
}

.modvisu
{
font-size:10px;
position:relative;
left:3px;
}
.modvisu input
{
vertical-align:middle;
}
h1.titre_admin
{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:0px;
	margin-top:10px;
}


/* Styles des formulaires_______________________________________________________________________________________________________ */
.formulaire_conteneur
{
	width:500px;
	background:none;
	margin-top : 20px;
	margin-left: 25px;
	position:relative;
	font-size:11px;
}
.formulaire
{
	margin-bottom:40px;
	padding-bottom:2px;
	width:480px;
	clear:both;
	background:#EFF7FD;
	border:3px solid #206FB6;
}
.intitule_formulaire
{
	position:relative;
	top:-10px;
	left:-25px;
	border:2px solid #206FB6;
	background:#A1C3FA;
	padding:5px 10px;
	clear:both;
	font-size:12px;
	font-weight:bold;
}
.formulaire div
{
	height:24px;
	position:relative;
}
.intitule_champ
{
	position:absolute;
	left:45px;
	z-index:0;
}
.champ_formulaire
{
	position:relative;
	left:200px;
	top:-7px;
	z-index:1;
}
.intitule_champ span /* les traits qui relient l'intitule et le champ */
{
	color:#BBBBBB;
}
.champ_formulaire input
{
	border:1px solid gray;
}
.champ_formulaire select
{
	border:1px solid gray;
}
.formulaire_fin
{
	text-align:center;
}
.formulaire_fin input
{
	position:relative;
	top:-15px;
	cursor:pointer;
	border:2px solid #206FB6;
	background:#A1C3FA;
	padding:5px 10px;
	font-size:12px;
	color:black;
	font-weight:bold;
}

/* formulaire documentheque*/
.checkdoc
{
	float:left;
	padding:0px;
	margin:6px 0px 0px 5px;
	width:13px;
	height:13px;
	border:1px inset;
}
.doc
{
	background:#CBE0F3;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	width:315px;
	padding:6px 12px;
	margin:3px 0px 0px 25px !important; /* important permet de suplanter les définitions ulterieures, mais IE6 ne le comprend pas */
	margin:3px 0px 0px 22px; /* on utilise ce bug de IE pour corriger l'alignement déficient de IE 6 avec les flotants, c'est donc le premier margin qui est le bon */
	
}
.cat_doc
{
	background:#CBE0D3;
	font-size:12px;
	font-weight:bold;
	width:335px;
	padding:6px 12px;
	margin:3px 0px 0px 5px !important; /* important permet de suplanter les définitions ulterieures, mais IE6 ne le comprend pas */
	text-decoration:underline;
}
.savoir_plus
{
	color:#FF8597;
	font-size:9px;
	cursor:pointer;
	margin:6px 25px 0px 0px;
	float:right;
}
.docbloc
{
	padding:0px;
	margin:0px;
}
.adm-doc
{
	color:#FF8597;
	font-size:9px;
	margin:6px 20px 0px 0px;
	cursor:default;
	padding:2px;
	position:absolute;
	right:0px;
	background:#EFF7FD;
}
img.docu_mini
{
	float:left;
	margin:0px 5px 5px 0px;
}
p.doc_img_des
{
overflow:visible;
display:none;
background:#F2F7FF;
border-left:#CBE0F3 2px solid;
border-bottom:#CBE0F3 2px solid;
border-right:#CBE0F3 2px solid;
padding:5px;
margin:0px 116px 0px 25px;
text-align:justify;
}

div.add_doc
{
	text-align:center;
}

div.add_doc img
{
	position:relative;
	top:6px;
	left:-40px;
	cursor:pointer;
}

/* formulaire votre avis */
#form_avis textarea, #form_projet textarea
{
	margin:0px 0px 10px 60px;
	width:360px;
	height:200px
}
#form_projet .champ_formulaire
{
	position:relative;
	left:300px;
	top:-7px;
	z-index:1;
}

/* Styles des actualites_______________________________________________________________________________________________________ */
#fond_actu
{
	background:url(./images-fond/fond-actu.jpg) no-repeat;
	width:228px;
	height:449px;
	position:absolute;
}

#actualites_div
{
	width:216px;
	height:373px;
	position:relative;
	top:61px;
	padding:3px;
	overflow:hidden;
	background:transparent;
}

#actu_defil h1
{
	font-size:15px;
	color:black;
	font-weight:bold;
	padding:0px;
	margin:0px;
	overflow:hidden;
}
.artitredef
{
	text-decoration: none ;
	border:none;
	padding:0px;
	margin:0px;
	color:#206FB6;
}

#actu_defil span
{
	font-size:10px;
	color:black;
	font-weight:bold;
	position:absolute;
	right:3px;
}

#actu_defil
{
	font-size:10px;
	color:black;
	position:relative;
	top:460px;
}

#actu_defil p
{
 padding:0px 0px 10px 0px;
 margin:0px 0px 60px 0px;
}

#actu_defil a
{
	display:block;
}

#actu_titre
{
	position:absolute;
	top:24px;
	left:20px;
	color:#206FB6;
	font-size:22px;
}
/* Styles des archives_______________________________________________________________________________________________________ */
ol.recherche
{
	margin-left:20px;
}
ol.recherche li 
{
	font-size:14px;
	font-weight:bold;
}
ol.recherche li span
{
	font-size:12px;
	font-weight:normal;
}
input.btntext
{
	cursor:pointer;
	border:none;
	background:none;
	vertical-align:middle;
}
/* Styles des fonctions_______________________________________________________________________________________________________ */
#envami
{
	cursor:pointer;
}
#div_envami
{
	z-index:15;
	position:absolute;
	bottom:0px;
	right:0px;
	width:200px;
	height:200px;
	border:#206FB6 3px solid;
	background:#EFF7FD;;
	font-size:10px;
	text-align:center;
	padding:2px;
}
#cont_env_ami
{
	z-index:10;
	display:none;
	position:absolute;
	width:10px;
	height:10px;
}
#div_envami p
{
	font-size:10px;
	margin:1px;
	text-align:center;
}
#sub_ami
{
	cursor:pointer;
	border:2px solid #206FB6;
	background:#A1C3FA;
	padding:5px 10px;
	font-size:10px;
	color:black;
	font-weight:bold;
}
#close_env
{
	cursor:pointer;
	text-decoration:underline;
}
#adresse {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: middle;
	position: absolute;
	left:408px;
	top:401px;
	width:143px;
	height:193px;
	z-index:3;
	background-image: url(images/plandacces-verre.jpg);
	background-repeat: no-repeat;
	padding: 5px;
	height: 193px;
	width: 143px;
	border-style: none;
}
#principal {
	position: absolute;
	left: 50%;
}