/* CSS Document */

body {background-color: #FFFFFF; color: #00405F; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 10px 0 10px 0; text-align: center; background: #a3a8b7}

img {
border:0px;
}

/* CSS entête */
#entetePresentation {
width:765px; height:20px; position:relative;
background-image:url(../_images_communes/gif/haut_page.gif); background-repeat:no-repeat;
margin:0; padding:0;
}

#navigation {
position:absolute; left:-1px; top:85px; width:775px; height:33px; z-index:1;
background-image:url(../_images_communes/logos/imacc.gif); background-repeat:no-repeat; 
margin:0; padding:0;
}

#webmaster a {
position:absolute; left:436px; top:16px; width:64px; height:62px; z-index:2;
display: block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
background-image:url(../_images_communes/logos/btwebmaster.gif); background-repeat:no-repeat; 
}

#webmaster a:hover {
position:absolute; left:436px; top:16px; width:64px; height:62px; z-index:2;
background-image:url(../_images_communes/logos/o_btwebmaster.gif); background-repeat:no-repeat; 
}

#logo {
position:absolute; left:721px; top:7px; width:50px; height:76px; z-index:2;
}
/* Fin CSS entête */

.page {
font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; color:#990000;}

/* Styles et positionnement de texte */
div.texte, p.texte {font-family: Sylfaen; font-size: 16px}
.texte_centre {text-align: center}
.texte_gauche {text-align:left;}

.gras {font-weight:bold;}
.text_bordeaux {font-family: Arial, Helvetica, sans-serif; font-size: 12px; COLOR: #663333; font-weight:bold;}

.gauche {float:left;}
.droite {float:right;}
.centre {margin-right: 120px; margin-left: 120px; text-align:justify;}
/* */

/* Pour images */
.bordure {border-width:medium; border-style:ridge; border-color: silver;}
.marge {margin-right:1em;}
/* */

/* Styles pour les plans */
.rouge {color:#FF0000; font-weight:bold;}
.orange {color:#FF9900; font-weight:bold;}
.vert {color:#00CC00; font-weight:bold;}
/* */

/* Liens */
a {color:#4F6E37; text-decoration:none}
a:visited {color:#0099CC; text-decoration:none}
a:hover {color:#cccc99; text-decoration:underline}
/* */

/* Titres */
h1 {color: navy; font-size: 18px; font-family: Sylfaen; margin-top: 0%; margin-bottom: 0%; text-align: center}
h2 {color: #993366; font-size: 16px; font-family: Sylfaen; margin-top: 0%; margin-bottom: 0%}
h3 {color: rgb(84%,84%,69%); font-size: 12px; font-family: Sylfaen; margin-top: 0%; margin-bottom: 0%}
h4 {color: #993366; font-size: 32px; font-family: Monotype Corsiva; margin-top: 0%; margin-bottom: 0%; text-align: center}
h5 {color: navy; font-size: 12px; font-family: Sylfaen; margin-top: 0%; margin-bottom: 0%; text-align: left}
h6 {color: white; font-size: 32px; font-family: Monotype Corsiva; margin-top: 0%; margin-bottom: 0%; text-align: center}

/* */

/* Repère de navigation de l'entête de page */
.nav {color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; text-decoration:none}
.nav a {color:#003399; text-decoration:none}
.nav a:hover {color:#CCCCFF; text-decoration:underline}

/* */

#index {
	width:765px;
	margin:auto;
}

#contenu {
	width:auto;
	text-align:left;
	border-left-color:#CCCCFF; border-left-style: solid; border-left-width:2px;
	border-right-color:#CCCCFF; border-right-style: solid; border-right-width:2px;
	background:#fff;
}

#image_fond {background-image:url(../_images_communes/accueil.png); background-repeat:no-repeat; 
	position:static; left:195px; top:147px; width:563px; height:415px; z-index:5}
	
ul.presentation {list-style: url(../_images_communes/puces/puce_vio.gif); padding-left:30px; margin-left: 0%; text-align:justify}

ul.presentation2 {list-style: url(../_images_communes/puces/puce_vio.gif); padding-left: 10px; margin-left: 0%; text-align: justify}

/* Page de présentation */
#presentation {
	position:relative; left:210px; top:17px; width:563px; z-index:4
}
/* */

/* Présentation centrée */
#presentation_centree {
	position:relative; left:80px; top:17px; width:593px; z-index:4
}
/* */

/* Présentation centrée activité*/
#presentation_centree2 {position: relative; left: 40px; top: 17px; width: 680px; z-index: 4;}

/* Présentation centrée activité*/
#presentation_centree3 {
	position:relative; left:40px; top:7px; width:720px; z-index:4
}

/* */

/* Bas_page */
#bas_page {
	width:765px; height:30px; 
	z-index:5; background-image:url(../_images_communes/gif/bas_page.gif); background-repeat:no-repeat;
}
#bas_page_carte {
	width:765px; height:30px; 
	z-index:5; background-image:url(../_images_communes/gif/bas_page_carte.gif); background-repeat:no-repeat;
}

/* */

/* Tableau */

table.presentation {
	border-color:#CCCCFF; border-style:double; border-width:3px;
	margin-right: auto; margin-left: auto; 
	padding-left: 1em; padding-right: 1em; 
	text-align: center; width:100%;
	color:#00405F; 
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
}

table.presentation td {width:30%;}

table.presentation1 {
	border-color:rgb(84%,84%,69%); border-style:double; border-width:3px;
	margin-right: auto; margin-left: auto; 
	text-align: center; width:100%;
}

table.presentation1 td {border-color:rgb(84%,84%,69%); border-style:dotted; border-width:thin;
}

table.presentation2 {border-color: #993366; border-style: double; border-width: 3px; margin-right: auto; margin-left: auto; text-align: center; width: 100%; font-family: Sylfaen; COLOR: navy; font-size: 16px; background-color: #FBF6D1}

table.presentation2 td {border-color:#993366; border-style:dotted; border-width:thin;
}
/* */

/* Style pour l'organigramme */
#tree {font-family: Arial; font-size: 11px; vertical-align: middle; font-weight: bold; margin-left: 20%}
/*#tree a {color: #000;text-decoration: none;}*/
#tree img {border: 0px;}
/* */

/* Presentation des données de l'annuaire */
table.annuaire {border: medium double #336633; font-size: x-small; cursor: help; font-family: verdana, Arial}

tr.tr1 {background: #D3D3D3; color: #000000; border: 0em}
tr.tr2 {background: #E4EBBF; border: 0em; color: #000000; z-index: auto}

th.annu_titre {font-size: x-small; color: #FFFFFF; background: #336633}
th.annu {font-size: x-small; color: #274F27; font-family: Arial, Helvetica, sans-serif; font-weight: bold}

td.annu {font-size: x-small; color: #274F27; font-family: Arial, Helvetica, sans-serif}

select.annu {font-size: xx-small; color: #000000; background: #CCCC99}
option.annu {background: #EAEAB0; color: #003399}
input.annu {font-size: x-small; background: #EAEAB0; color: #003399}
input.bouton_annu {background: #336633; color: #ffffff; 
font-family: Arial, Helvetica, sans-serif; 
font-size: xx-small; 
font-style: normal; 
font-variant: normal; 
font-weight: bold}

/* */

/* CSS formulaire */
.cadre {
position:absolute; left:504px; top:13px; width:203px; height:67px; z-index:1; padding-left: 10px;
border: outset #CCCC99; 
border-width: 1px; 
 
}

.cadrebas {
	padding-left:0em; padding-bottom:10px; padding-top:0px;
}
form {
	margin: 0px
}
.recherche {
	border-right: #777 1px solid; border-top: #777 1px solid; font-size: 10px; border-left: #777 1px solid; border-bottom: #777 1px solid;
	height:15px; padding-top:5px;
}
#chercher {
	font-weight: bold; font-size: 12px; margin-bottom: 0px; color: #777
}

.formulaire {
border: outset #CCCC99; 
border-width: 1px; 
padding-left: 10px; 
width: 36%; vertical-align:middle;
}