@import url("menu.css");
@import url("reset.css");


body {
	color:#0C1175;
	font-size:12px;
	font-weight:normal;
	font-family: Arial;
	line-height:16px;
	text-align:justify;
}
.green { color:#00ff00;}
a {color:#3EA8F8; }
p.date {color:#3EA8F8; margin:3px 0 }
p.ligne {margin-bottom:5px }
img { border:0;}
.left { float:left; margin-right:15px;}
.right { float:right; margin-left:15px;}
.centre { display:block; margin: 0 auto; text-align:center; width:auto; }
div.diapo, div.diapo-travaux { text-align:center;}
span.legende { font-size:10px; /* font-style:italic */}
span.small { display:block; width:120px; text-align:left;}

span.obligatoire,
span.incomplet { color:#940052; font-style:italic; font-weight:bold; }
.hidden { display:none; }

div#header { width:1012px; height:132px; background: #FFF url(/images/rafhael/bandeau-site.jpg) no-repeat }
a#home { display:block; width:1012px; height:132px; }




div#accueil,
div#global { width:1012px; margin:0 auto; }
div#global { background: #FFF url(/images/layout/fond-site.gif) repeat-y }
div#accueil { background: pink }
div#accueil { background: #FFF url(/images/layout/fond-accueil.gif) repeat-y }

div#content {
	float:left;
	width:765px;
	padding:20px 0px 0 30px;
}
div#contenu {
	border:0px solid yellow;
	padding:20px 20px 0 30px;
}
div#contenu ul, div#contenu ol { margin-left:20px;}
div#contenu div.savoir-plus { margin: 0 0 5px 20px; padding:10px; float:right; border:1px solid #E4E4E4; background:#FFF0E5}
div#contenu div.savoir-plus p#titre-savoir-plus  { text-align:center; color:#FF7C00}
div#contenu div.savoir-plus p { font-weight:bold;}

div#fil-ariane { padding-bottom:10px; margin-bottom:10px;  border-bottom:1px solid #B6B7D5;}
h1 { line-height:32px; background:url(/images/layout/titre.gif) repeat-x; padding-left:15px; font-size:14px; font-weight:bold}
h2 { font-size:16px; padding:10px 0 5px; margin:10px 0 20px; border-bottom:1px solid #E4E4E4;}
h3 { font-size:14px; }
h4 { font-size:12px; }

/* RAFHAEL */
div#encadrement, div.encadrement { border:1px solid #E4E4E4; background:#F0F0FA; padding:10px;}
h3.orange { color: #FF7C00}

/* TRAVAUX : AG (assemblee generale) + GT (groupe thematique) */
div.travaux-first { border:3px solid #E2E2E2; padding:10px; margin-bottom:15px; width:690px;}
div.travaux-first div.diapo-travaux { width:200px; border:0px solid red; }
div.travaux-first div.travaux-droite { float:right; width:470px;}
div#ag-precedentes { margin-top:15px;}
div#ag-precedentes ul { margin-bottom:10px;}
div#ag-precedentes ul li { list-style:none; line-height:18px; font-weight:bold;}
div#ag-precedentes ul li li{ font-weight:normal;}

/* A VOS AGENDAS / Comptes Rendus */
div.agendas h2 { margin:0; color:#2F448F; border-bottom:3px solid #2F448F; }
div.agendas h2.orange { margin:0; color:#FF7C00; border-bottom:3px solid #FF7C00; }
div.agendas div.evenement { margin:10px 0; border:3px solid #E2E2E2; /*color:#838A98;*/ }
div.agendas div.evenement ul { margin:5px 20px; }
div.agendas div.generique { padding:20px 20px 5px 20px; /*min-height:170px;*/ }
div.agendas div.evenement h3 { color:#2F448F; margin-bottom:5px; }
div.agendas div.evenement h3.orange { color:#FF7C00; margin-bottom:5px; }
div.agendas div.evenement span.date { font-weight:bold; /* jamais mettre display block ->ie6 ajoute une bordure */ }
/*div.agendas div.evenement span.orange { color:#FF7C00; }*/
div.agendas div.evenement span.orange,
div.agendas div.evenement span.lieu { color:#666; }
div.agendas div.evenement img.photo_cr { float:right; margin:0px 0 10px 10px; }
div.agendas div.evenement table.cr td { vertical-align:top}
div.agendas div.evenement table.cr td.first { width:150px; padding-right:10px }
div.agendas div.evenement div.bottom-evenement { height:37px; background-color:#F6F6F6; }
div.agendas div.evenement a.btn-invitation { display:block; width:160px; line-height:30px; margin:3px 0 0 15px; background:url(/images/pictos/invitation.gif) no-repeat; padding-left:50px; color:#838A98; float:left; }
div.agendas div.evenement a.inscription { display:block; width:130px; line-height:30px; margin:3px 0 0 20px; background:url(/images/pictos/inscription.gif) no-repeat; padding-left:50px; color:#838A98; float:left; }
div.agendas div.evenement a.programme { display:block; width:130px; line-height:30px; margin:3px 0 0 20px; background:url(/images/pictos/programme.gif) no-repeat; padding-left:50px; color:#838A98; float:left; }

/* MEMBRES */
div#membres { padding:10px;}
div#membres ul#listing-membres { margin:10px; }
div#membres ul li { list-style:none; }
div#membres ul li.parent span{ display:block; border-bottom:2px solid #0C1175; padding: 5px 0; margin: 20px 0 5px; font-weight:bold; cursor:pointer;}
div#fiche-mb { background:#FFF; }
div#zone-littoral { position:relative; }
div#zone-littoral a { position:absolute; text-align:left; }
div#zone-littoral a#retour-carte { left:0px; top:363px; width:145px; height:115px;}
div#zone-littoral a#communaute-dunkerque { left:380px; top:15px; width:160px; }
div#zone-littoral a#dunkerque {left:605px; top:25px; width:160px; }
div#zone-littoral a#calaisis {left:243px; top:75px; width:140px; }
div#zone-littoral a#boulogne {left:218px; top:206px; width:80px; }
div#zone-littoral a#boulonnais {left:346px; top:240px; width:80px; }

div#zone-villes, div#zone-intercommunalites { position:relative; }
div#zone-villes img { }
div#zone-villes a,
div#zone-intercommunalites a { position:absolute; text-align:left; text-decoration:none; color:#000; font-size:10px; line-height:14px; display:block; border:0px solid red; /*text-align:center*/ background:#FFF; padding:0 5px}
/*div#zone-intercommunalites a:hover { background:#FFF}*/
div#zone-villes a#dunkerque { left:160px; top:103px; }
div#zone-villes a#boulogne {left:23px; top:241px; }
div#zone-villes a#cambrai {left:443px; top:460px;  }
div#zone-villes a#douai {left:367px; top:362px; }
div#zone-villes a#lievin {left:284px; top:347px; }
div#zone-villes a#lille {left:335px; top:283px; }
div#zone-villes a#mons {left:613px; top:330px; }
div#zone-villes a#roubaix {left:348px; top:251px; }
div#zone-villes a#tourcoing {left:330px; top:230px; }
div#zone-villes a#valenciennes {left:496px; top:368px; }
div#zone-villes a#villeneuve {left:387px; top:278px; }

div#zone-intercommunalites a#lille {left:347px; top:252px; width:115px; }
div#zone-intercommunalites a#dunkerque {left:135px; top:75px; width:115px; }
div#zone-intercommunalites a#arras {left:240px; top:418px; width:85px; }
div#zone-intercommunalites a#artois {left:145px; top:326px; width:90px; text-align:right; }
div#zone-intercommunalites a#boulonnais {left:16px; top:258px; width:90px; }
div#zone-intercommunalites a#calaisis {left:21px; top:106px; width:90px; }
div#zone-intercommunalites a#douaisis {left:343px; top:378px; width:80px; }
div#zone-intercommunalites a#henin {left:346px; top:320px; width:165px; }
div#zone-intercommunalites a#maubeuge {left:555px; top:420px; width:150px; }
div#zone-intercommunalites a#valenciennes {left:495px; top:361px; width:160px; }
div#zone-intercommunalites a#hainaut {left:430px; top:412px; width:100px; }
div#zone-intercommunalites a#omer {left:174px; top:199px; width:100px; }
div#zone-intercommunalites a#lens {left:255px; top:352px; width:70px; }

div#zone-intercommunalites a#flandre {left:163px; top:268px; width:127px; }


a.communaute { color:#4A4B4B; font-weight:bold; }
a.agglomeration { color:#005AAB; font-weight:bold; }

/* FICHES MEMBRES */
div#fiche-mb { padding:10px;}
div#fiche-mb img.centre{ text-align:center; padding:5px; border:1px solid #799CBC; background-color:#FFF}
div#fiche-mb ul li { list-style:disc; margin:5px 0 0 20px; }
div#fiche-mb ul li li { list-style:none; margin:0; }
div#fiche-mb span { border-bottom:1px dashed}

/* RAFHAEL en IMAGES */
div#rafhael-en-images h2 { margin:15px 0 5px; }
div#rafhael-en-images h2 a { color:#0C1175; text-decoration:none }
div#rafhael-en-images div.diaporama img { margin-right:15px; }

/* LIENS */
div#liens h2,
div#liens h3 { margin:5px 0;}
div#liens ul { margin:5px 20px;}

/* CONTACTS */
div#adresse { background:url(/images/pictos/logo-adresse.gif) no-repeat; height:130px; padding-left:80px; line-height:18px;}
div#adresse div { border-left:1px solid #D4D4D4; padding-left:10px}
div#adresse a.plan-acces { display:block; width:200px; height:20px; background:url(/images/pictos/plan-acces.gif) no-repeat 0 5px; padding:5px 0 0 25px; }
div.contacts { border:2px solid #D4D4D4; padding:1px; width:340px; float:left; margin-right:10px; line-height:18px;}
div.contacts div { padding-left:140px; }
div.contacts p.nom-contact { margin:5px 0; }
div.contacts img { float:left; }

/* PUSH */
div#push {
	border:0px solid green;
	float:right;
	width:175px;
	padding:15px 25px 0 0px;
}
div#push div.fenetre-thick,
div#push div.fenetre-thin,
div#push div.fenetre-border { font-size:11px; }
div#push div.fenetre-thick ul,
div#push div.fenetre-thin ul ,
div#push div.fenetre-border ul { margin-left:11px; }

div#push div.fenetre-thick { background:#FFF url(/images/layout/bottom1-push.gif) no-repeat 0 bottom; padding:5px 10px 25px 10px;}
div#push div.fenetre-thin { background:#FFF url(/images/layout/bottom2-push.gif) no-repeat 0 bottom; padding:5px 10px 18px 10px;}
div#push div.fenetre-border { background:#FFF; border:1px solid #BABABA; padding:10px; margin-bottom:8px;}

div#push h3 { width:160px; height:18px; margin-bottom:5px; border-bottom:1px solid #FF7C00;}
div#push h3 span { display:none; }
div#push h3#push-agenda { background:url(/images/rafhael/push-agenda.gif) no-repeat; }
div#push h3#push-newsletter { background:url(/images/rafhael/push-newsletter.gif) no-repeat; }
div#push h3#push-comptes-rendus { background:url(/images/rafhael/push-comptes-rendus.gif) no-repeat; }
div#push h3#push-direct-web { background:url(/images/rafhael/push-en-direct-du-web.gif) no-repeat; }
div#push h3#push-zoom { background:url(/images/rafhael/push-zoom-territorial.gif) no-repeat; }
div#push h3#push-presse { background:url(/images/rafhael/push-presse.gif) no-repeat; }
div#push h3#push-en-savoir-plus { background:url(/images/rafhael/push-en-savoir-plus.gif) no-repeat; border-bottom:1px solid #0C0F48; }
div#push input { border:0; padding:0; margin:0;}
div#push input.newsletter { border:1px solid #BABABA; width:120px; color:#3EA8F8; font-size:10px; padding-left:5px;}
div#push a.tous { display:block; height:20px; background:url(/images/pictos/btn-plus.gif) no-repeat 0 5px; padding:5px 0 0 20px;  }


/* FOOTER */
div#footer { line-height:21px; background:url(/images/layout/footer.gif); text-align:right; padding-right:30px; font-size:10px; color:#6D90AA;}
div#footer a { color:#6D90AA; padding:0 5px; }