/* CSS Document */

body
{
   width: 955px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 0px;    /* Idem pour le bas du navigateur */
   font-family: Arial, Helvetica, sans-serif;
}

#base
{
	width: 955px; /* Pour centrer notre page */
	background-color:#FFFFFF;
	border: 1px solid black;
	margin: auto;
	padding: 0px;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;

}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 103px;
z-index:100;
width: 100%; /* correction pour Opera */
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

#menu dl {
float: left;
width: 115px;
}

#menu dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	margin: 0px;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
}
#menu dd {
display: none;
border: 1px solid gray;
color: #00FF33;

	
}
#menu li {
text-align: center;
	background-color: #FFFFFF;
}
#menu li a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
	font-size: larger;

}

#menu dt a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	}


#menu li a:hover, #menu li a:focus {
	color: #0033FF;
	font-size: 12px;
	background-color: #F7C173;
	font-weight: bolder;
}


#menu dt a:hover, #menu dt a:focus {

	color: #083194;
}



#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #99FF33;
padding: 5px;
border: 1px solid gray; 
}


#carte {
	height: 512px;
	width: 329px;
	position: relative;
}

#hds	{
	position:absolute;
	z-index: 15;
	height: 512px;
	width: 329px;
}
	
#ville	{
	position:absolute;
	z-index:8;

}
#logo{	position:absolute;z-index:10;		background-position: right;	height: 100px;	width: 132px;}

#assoc_locale{
	width: 285px; /* Pour centrer notre page */
	margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 0px;    /* Idem pour le bas du navigateur */
	margin-right: 0px;
	margin-left: auto;
	left: 498px;
	top:180px;
	right: auto;
	bottom: auto;
	background-position: center top;
	border: thin solid #000000;
	position: absolute;
	z-index: 10;   
}
.nomassoc_orange{ color:#FF7F00; font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.nomassoc_bleu { color:#000066; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }

.Style1 { /* afficher les textes de la page autres lien */
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
}
.Style2 { /* afficher l'heure */
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
}
.Style3 { /* afficher l'heure */
	font-size: 12px;
	font-weight: bold;
	color: #000066;
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
}
.Style4 {color: #000066;font-family: Arial, Helvetica, sans-serif;	font-size: 12px;}
.Style41 {color: #000066;font-family: Arial, Helvetica, sans-serif;	font-size: 12px;text-align: center;}
.Style5 {color: #000066;font-weight: normal;font-size: 9px;font-family: Arial, Helvetica, sans-serif;}
.Style6 {font-size: 18px;font-family: Arial, Helvetica, sans-serif;color: #000066;}
.Style7 {
	font-size: 28px;
	color: #FF7F00;
	text-align: center;
	vertical-align: middle;
	font-style: italic;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.Style8 {
	font-size: 14px;
	font-weight: bold;
	color: #000066;
}	
.Style9 {
	font-size: 24px;
	color: #000066;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.Style10 {font-size: 8px;color: #1064B1;}
.Style11 {font-size: 10px;color: #1064B1;font-weight: normal;text-align: justify;}
.Style12 {
	color: #000066;
	font-size: 14px;
	font-weight: normal;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
}
.Style13 {color: #000099;font-size: 12px;font-weight: normal;}

.Style15 {font-size: 12px;color: #1064B1;font-weight: bold;vertical-align: middle;text-align: center;background-image: url(image/bouton_menu1.gif);background-position: top; background-repeat: no-repeat;}	
.Style16 {
	font-size: 18px;
	color: #FF0000;
	text-decoration: blink;
}
.Style17 {
	font-size: 7px;
	vertical-align: text-top;
}

.Style18 {font-size: 14px;color: #1064B1;font-weight: bold;text-align: left;}

.Style20
{	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

	color:#000099;
	
}
.Style21 {

	width: 100px;
	background-image: url(http://www.adpc92.com/icone/fond_onglet_2.gif);
	height: 23px;
}	
.Style22 {
	font-size: 14px;
	font-weight: bolder;
	height: 23px;
	width: 100px;
	background-image: url(http://www.adpc92.com/icone/fond_onglet_1.gif);
	text-align: center;
	vertical-align: bottom;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 23px;
	background-position: bottom;
	color: #000099;
}	
.Style23 {
	font-size: 12px;
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000066;
	vertical-align: bottom;
	position: relative;
	top: 7px;	
}	
.Style24 {
	font-size: 12px;
	width: 734px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000066;
	border: 2px solid #0202CA;

	padding: 10px;
}
.Style27 {
	color: #FF0000;
	font-size: 24px;
}
.Titre48 {	font-size: 48px;color: #FFFFFF;}
.Titre42 {	font-size: 42px;color: #FFFFFF;}
.Titre36 {	font-size: 36px;color: #FFFFFF;}
.Titre30 {	font-size: 30px;color: #FFFFFF;}
.Titre24 {	font-size: 24px;color: #FFFFFF;}
.Titre20 {	font-size: 20px;color: #FFFFFF;}
.Titre18 {	font-size: 18px;color: #FFFFFF;}
.Titre16 {	font-size: 16px;color: #FFFFFF;}
.Titre14 {	font-size: 14px;color: #FFFFFF;}
.Titre12 {	font-size: 12px;color: #FFFFFF;}
.Titre10 {	font-size: 10px;color: #FFFFFF;}

.ds_box {background-color: #FFF;border: 1px solid #000;position: absolute;z-index: 32767;}
.ds_tbl {background-color: #FFF;}
.ds_head {background-color: #0066CC;color: #FFF;font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;text-align: center;letter-spacing: 2px;}
.ds_subhead {background-color: #66CCFF;color: #000;font-size: 10px;font-weight: bold;text-align: center;font-family: Arial, Helvetica, sans-serif;width: 32px;}
.ds_cell {background-color: #EEE;color: #000;font-size: 9px;text-align: center;font-family: Arial, Helvetica, sans-serif;padding: 5px;cursor: pointer;}
.ds_cell:hover {background-color: #F3F3F3;} /* This hover code won't work for IE */

.Formulaire
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000099;
	text-align: left;
	vertical-align: middle;	
}

#article_form{width:870px;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height: normal;color:#000099;background-color:#f2f2f2;border:1px solid #0A347C;margin-left:2px;	text-align: left;vertical-align: middle;}

.image_titre {
	background-repeat: no-repeat;
	background-position: right center;
}	
#menu_droit {
	position: absolute; /* placement du menu, à modifier selon vos besoins */
	top: 130px;
	z-index:99;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	left: 775px;
}	
#menu_gauche {
	position: absolute; /* placement du menu, à modifier selon vos besoins */
	top: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	left: 5px;}	

h1
{
font: bold 12px Arial;
color:#FF660B;
	left: 765px;
}

h2
{
font: bold 29px Arial;
color:#6cb0c1;
text-transform:uppercase;
margin:0px;
}
h2a
{
font: bold 20px Arial;
color:#6c9999;
text-transform: lowercase;
margin:0px;
}
h3
{
font: bold 17px Arial;
color:#6c9999;
text-transform: capitalize;
margin:0px;
padding:5px;
}
h4
{
font: bold 11px Arial;
color: #CC0000;
text-transform: uppercase;
margin:0px;
padding:5px;
padding-bottom:0px;
}

#texte_or
{
	width:542px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: normal;
	color:#000099;
	background-color:#FFFFFF;
	padding:5px;
	text-align:justify;
	border:1px solid #0A347C;
	margin: auto;
	overflow: auto;
}
#article
{
	width:580px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: normal;
	color:#000099;
	background-color:#f2f2f2;
	padding:10px;
	text-align:justify;
	border:1px solid #0A347C;
	margin-bottom:15px;
     margin-left:8px;
}
#article1
{
	width:590px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: normal;
	color:#000099;
	background-color:#f2f2f2;
	padding:5px;
	text-align:justify;
	border:1px solid #0A347C;
	margin-bottom:0px;
     margin-left:8px;
}

#article2
{
	width:714px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: normal;
	color:#000099;
	background-color:#f2f2f2;
	padding:10px;
	text-align:justify;
	border:1px solid #0A347C;
	margin-bottom:0px;
    
	}
	
#article3{
	width:590px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: normal;
	color:#000099;
	background-color:#CAEAED;
	padding:5px;
	text-align:justify;
	margin-bottom:0px;
	margin-left:8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0A347C;
	border-right-color: #0A347C;
	border-bottom-color: #0A347C;
	border-left-color: #0A347C;
}

#page
{
width:530px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height: 1.1em;
color:#333333;
padding:10px;
text-align:justify;
margin-bottom:15px;
margin-left:8px;
}

#suite
{
width:530px;
height:20px;
border-bottom:2px solid #009193;
border-top:2px solid #009193;
margin-top:10px;
text-align:right;
clear: both;
}

#info-plus
{
width:530px;
height:120px;
background-color:#FFFFFF;
border:1px dashed #666666;
margin-top:10px;
text-align: left;
}
#list-info
{
float: left;
margin:10px;
width:156px;
}
ul
{
list-style:circle;
}




.p-bleu
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000066;
line-height:9px;
padding-top:5px;
}

#bleu
{
text-decoration:none;
width:170px;

border-bottom:1px solid #333333;
padding-top:5px;
padding-bottom:5px;
text-align:center;
border-left:1px solid #333333;
border-right:1px solid #333333;
border-top:0px;
}

#photo
{
width:170px;
height:74px;
padding-bottom:0px;
border-bottom:1px solid #333333;
border-left:1px solid #333333;
border-right:1px solid #333333;
}


.bouton_pdf {
	width: 144px;
	background-image: url(http://www.adpc92.com/icone/bouton_pdf.gif);
	height: 33px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: top;

}	
a.bleu
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	font-size: 12px;
}
a.bleu:hover
{
color:	#000066;
text-decoration:none;
text-align:center;
}

a {text-decoration: none;}
a:link {text-decoration: none;font-style: normal;
}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
acronym {font-style: italic; cursor: help;}


/*FOOTER - Base */
#footer
{clear:both;padding-top:2px;width:935px;margin-top:10px;margin-bottom:5px;border-top:3px solid #FF9900;font-family:Arial, Helvetica, sans-serif;font-size: 10px;color:#AAAAAA;	text-align:center;background-position: center;}
a.footer:link     			{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ea8333; text-decoration: none }
a.footer:visited  			{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ea8333; text-decoration: none }
a.footer:active   			{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ea8333; text-decoration: none }
a.footer:hover    			{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ea8333; cursor: pointer; text-decoration: underline }

p.footer			{ font-family: Arial, Helvetica, sans-serif;font-size: 10px; color: #AAAAAA; font-weight: normal;margin-top:0; margin-bottom:2px;}


/*********************** TABLE DES TITRES D'ONGLET  **************************/
td.date      {	font-family:Arial, Helvetica, sans-serif;	color:#000000;	text-align:right; }
td.titre     {
	background-color:#0A347C;
	text-align:center;
	color:#FF660B;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

div.titre    {  height:20px; padding-bottom:0px;}
#texte_or    {
	width: 565px;
	height: 80px;
	background-color: #FFFFFF;
	padding: 5px;

}


#tetiaire-info
{
	font-family:Arial, Helvetica, sans-serif;
	color: #000099;
	font-size:11px;
	text-align:right;
	width:600px;
	margin-left:8px;
}

#tetiaire-info1
{
	font-family:Arial, Helvetica, sans-serif;
	color: #000099;
	font-size:11px;
	text-align:right;
	width:780px;
	margin-left:8px;
}




/****************************    CSS LOGIN PAGE     ************************************/


.champtxt_login {
	font: 9px Arial, Arial, Helvetica, sans-serif;
 	border: 1px solid #494F7A;
  	color: #494F7A;
  	background-color: #FFFFFF;
	vertical-align: middle;
	padding-left: 3px;
}

.champ_login{
	margin-top:60px;
	margin-left:150px;
}
.bouton_login {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FF660B;
  	text-decoration:none;
}

.txt_login {
	font: 11px Arial, Arial, Helvetica, sans-serif;
  	color: #FF660B;
	vertical-align: middle;
	padding-left: 3px;
}

.titreidentification {
	margin:75px 0px 0px 200px;
	font: 35px Arial, Arial, Helvetica, sans-serif;
  	color: #FF660B;
}

/**************************** CSS DES CONTACTS ADPC ***********************************/
/* CSS Document */

div.contacts { text-align:center; width:530px; }

p.contactstitre { color:#FF9933; font-size:24px; font-family:Tahoma, Verdana, Arial; font-weight:bold; }

p.contactsasso{ color:#000066; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }

p.contacts { color:#000066;	font-size:18px;	font-family:Arial, Helvetica, sans-serif; padding:0px 0px 0px 0px; margin:20px 0px 0px 0px; }