* {margin :0px ; padding : 0px ;}
img { display: block; border: 0px; }
form, ul, li, dl, dt, dd, p, hr {margin:0px;padding:0px;}

.extranet_login{
	margin-top:10px;
	text-align:center;
	display:block;
	width:100%;
	height:18px;
	background:url(../images/login.gif) center no-repeat;
}

html {height: 100%;}
body {height: 100%;font-family: Arial, Verdana, Helvetica;font-size:small;color:#434544;}

h3 {margin-bottom:5px;font-weight:normal;}

hr {width:10%;height:1px;color:#33b45c;background-color:#33b45c;border: 1px solid #33b45c;margin-bottom:15px;margin-top:15px;}

acronym {cursor:help;border-bottom:1px black dotted;}

img.gauche{float:left;}
img.droite{float:right;}

.extranet_bouton{
	margin-top:10px;
	text-align:center;
	display:block;
	width:100%;
	height:18px;
	background:url(../images/lien_extranet.gif) center no-repeat;
}

.label_fleche_rose{background:url(../images/gecac/fleche_rose.png) center no-repeat; width:15px;height:15px;float:left;display:block;}

textarea {font-family: Arial, Verdana, Helvetica;}

.erreur {color:#FF3300;font-weight: bold;}
.reussi {color: #32CD32;font-weight: bold;}
a{color:black;font-weight:bold;text-decoration:none;}
a:hover{text-decoration:underline;}
.pousseur{clear:both;height:1px;margin:0px;padding:0px;border:0px;line-height:1px;}

/* ELEMENTS DE LAYOUT *********************************************************/
#bodyIndex {background-color:#00a228;}

#page, #pageAccueil{margin:0 auto;width:955px;background:url(../images/etab/fond_page.png) repeat-y top left;}
#pageIndex{position: absolute;width:761px;height:321px;left:50%;top:50%;margin-left:-380px;margin-top:-160px;background-color:#04b914;}

#page #hautPage{}
  #page #header{background-color:#008b32;height:142px;}
  #page #header #titreHeader {position:absolute;color:white;font-weight:bold;font-size:1.6em;margin-left:142px;margin-top:40px;}

#gauchePage{float:left;width:220px;}
#centrePage{float:left;width:488px;padding:25px;}
#droitePage{float:right;background-color:#f7a500;width:197px;}
#basPage{}

/* MENU DU HAUT ****************************************************************/
/*Etablissement*/
#page #menuETABS{position:relative;background-color:#5e62a2;height:67px;background:url(../images/etab/bandeau_etabs.png);) no-repeat top left;padding-left:200px;}

#menuETABS #titreMenuETABS {position:absolute;left:55px;top:16px;color:white;}
#menuETABS #titreMenuETABS a{font-size:10px;}
#menuETABS ul {float:left;padding-left:55px;color:white;margin-top:3px;}
  #page #menuETABS ul {font-size:0.7em;letter-spacing:1px;}
  #pageAccueil #menuETABS ul {font-size:0.8em;margin-top:2px;}
  #pageAccueil #menuETABS ul li {margin-top:5px;}
#menuETABS a {color:white;text-decoration:none;}
#menuETABS a:visited {}
#menuETABS a:hover{text-decoration:underline;}

#menuETABS #retourGECAC a span {display:none;}
#menuETABS #retourGECAC a {float:right;display:block;width:196px;height:67px;}

/*Services*/
#page #menuETABS_S{position:relative;background-color:#5e62a2;height:67px;background:url(../images/etab/bandeau_service.png);) no-repeat top left;padding-left:200px;}
#menuETABS_S #titreMenuETABS {position:absolute;left:55px;top:16px;color:white;}
#menuETABS_S #titreMenuETABS a{font-size:10px;}
#menuETABS_S ul {float:left;padding-left:55px;color:white;margin-top:3px;}
  #page #menuETABS_S ul {font-size:0.7em;letter-spacing:1px;}
  #pageAccueil #menuETABS_S ul {font-size:0.8em;margin-top:2px;}
  #pageAccueil #menuETABS_S ul li {margin-top:5px;}
#menuETABS_S a {color:white;text-decoration:none;}
#menuETABS_S a:visited {}
#menuETABS_S a:hover{text-decoration:underline;}

#menuETABS_S #retourGECAC a span {display:none;}
#menuETABS_S #retourGECAC a {float:right;display:block;width:196px;height:67px;}

/* MENU DE GAUCHE **************************************************************/
#gauchePage #titreLogoAPAJH {color:#585b9d;text-align:center;font-weight:bold;padding-left:15px;font-size:1.1em;margin-bottom:10px;}
#gauchePage ul {margin-bottom:30px;}
#gauchePage ul li {list-style:none;}
#gauchePage ul li a {color:#5e5c5d;text-decoration:none;background:url(../images/etab/menu_gauche_puce.png) no-repeat left;
padding-left:53px;display:block;height:18px;padding-top:3px;}
#gauchePage ul li a:visited {}
#gauchePage ul li a:hover{text-decoration:underline;}
#gauchePage ul li a.on, #gauchePage a:visited.on {background-image:url(../images/etab/menu_gauche_puce_on.png);text-decoration:underline;}
#gauchePage #basGauchePage {width:100%;text-align:center;font-size:0.9em;margin-top:5px;}
#gauchePage #basGauchePage a, #gauchePage #basGauchePage a:visited {color:#f7a500;text-decoration:none;background-image:none;}
#gauchePage #basGauchePage a:hover {text-decoration:underline;}
#gauchePage #basGauchePage a.on, #gauchePage #basGauchePage a:visited.on {text-decoration:underline;}

/* MENU DE DROITE **************************************************************/
#droitePage ul {padding-left:20px;}
#droitePage ul li {list-style: none outside url(../images/etab/menu_droite_puce.gif);margin-bottom:5px;}
#droitePage ul li.idle {list-style: none outside url(../images/etab/menu_droite_puce.gif);margin-bottom:5px;}
#droitePage ul li.on {list-style: none outside url(../images/etab/menu_droite_puce_on.gif);margin-bottom:5px;}
#droitePage ul li.nothing{list-style-type:none;list-style: none;}
#droitPage li.nothing{list-style-type:none;list-style: none;}
#droitePage a {color:white;text-decoration:none;font-weight:normal;}
#droitePage a:visited {}
#droitePage a:hover{text-decoration:underline;}

/* CENTRE DE PAGE **************************************************************/
#centrePage.efficacite  {background: url(../images/etab/fond_efficacite.png) no-repeat top right;padding-top:90px;}

#centrePage h1 {font-size:1.40em;margin-bottom:20px;font-weight:normal;color:black;}
#centrePage p {margin-bottom:15px;}
#centrePage p strong {color:#33b45c;}
#centrePage ul {margin-left:15px;margin-bottom:10px;}
#centrePage ul li {margin-bottom:15px;list-style: none outside url(../images/gecac/puce_1.png);}
#centrePage ul li ul {margin-top:5px;margin-left:40px;margin-bottom:10px;}
#centrePage ul li ul li {list-style-image: url(../images/gecac/puce_2.png);margin-bottom:3px;}

/* TOOLTIPS ********************************************************************/
.tooltip,.tooltip *{display:block}
.tooltip{ width: 200px; color:#000;font-size:0.8em;text-decoration:none;text-align:center}
.tooltip span.top{padding: 30px 8px 0;background: url(../images/gecac/tooltip.gif) no-repeat top}
.tooltip strong.bottom{padding:3px 8px 10px;color: #548912;background: url(../images/gecac/tooltip.gif) no-repeat bottom}

/* PAGE ACCUEIL.PHP ############################################################*/
div#introAccueil {}
div#introAccueil p.gauche {float:left;width:295px;}
div#introAccueil div.droite {float:left;margin:0px;padding:0px;}
div#introAccueil div.droite h2 {margin-bottom: 10px;font-weight:normal;margin-top:30px;}
div#introAccueil div.droite p {margin-left:15px;}

div#previActus {clear:both;font-size:0.9em;}
  div .previActus1 {background: url(../images/gecac/fond_previ_actus1.png) no-repeat; background-position: 0px 25px;}
  div .previActus2 {background: url(../images/gecac/fond_previ_actus2.png) no-repeat; background-position: 0px 25px;}
  div .previActus3 {background: url(../images/gecac/fond_previ_actus3.png) no-repeat; background-position: 0px 25px;}  
div#previActus h3 {color:#eb4396;font-weight:normal;}
div#previActus p {float:left;width:156px;padding:8px;padding-bottom:0px;}
div#previActus p a {font-weight:bold;text-decoration:none;color:#434544;}

/* PAGE CONTACT.PHP ############################################################*/
#noscoordonnees {margin-bottom:10px;}
#noscoordonnees ul {margin-left:50px;border-left:1px solid #585b9d;padding-left:10px;}
#noscoordonnees ul li {list-style-image:none;margin-bottom:3px;}

#form_contact {margin-left:5px;}
#form_contact p em {font-size:0.8em;color:#9F9F9F;}
#form_contact fieldset {border:none;margin-bottom:10px;}
#form_contact fieldset legend {_margin : 0 -7px ;margin-bottom:5px;padding-left:15px;font-weight:bold;background: url(../images/etab/puce_1.png) no-repeat left;}

#form_contact {margin-bottom:10px;}
#form_contact dl {clear:both;}
#form_contact dl dt {clear:both;float:left;width:105px;text-align:right;margin-right:3px;margin-top:3px;}
#form_contact dl dd {float:left;margin-bottom:5px;}

#form_contact #previContact {background-color:#bee8c5;padding-bottom:5px;}
#form_contact #previContact dl dt {margin-top:0px;color:#797c7b;}
#form_contact #previContact hr {clear:both;width:30%;border: 1px solid #bee8c5; color:#bee8c5;height:1px;}

/* PAGE ACTUALITES.PHP #########################################################*/
#listeActus dt {background:url(../images/gecac/puce_3.png) no-repeat left;padding-left:15px;margin-bottom:5px;}
#listeActus dt a, #listeActus dt a:visited {text-decoration:none;font-weight:bold;color:#434544;}
#listeActus dd {padding-left:15px;}
#listeActus dd p.savoirplus{text-align:right;font-size:0.8em;}
#listeActus dd p.savoirplus a {text-decoration:none;background: url(../images/gecac/fleche_rose.png) no-repeat right;padding-right:10px;color:#e865ad}
#listeActus dd p.savoirplus a:visited {color:#e886bc;}
#listeActus dd p.savoirplus a:hover {text-decoration:underline;}

#actu #chapoactu {font-weight:bold;margin-bottom:20px;}
#actu #retouractus {text-align:right;font-size:0.8em;line-height:5px;}
#actu #retouractus a {text-decoration:none;background: url(../images/gecac/fleche_rose.png) no-repeat right;padding-right:10px;color:#e865ad}
#actu #retouractus a:hover {text-decoration:underline;}

#actu a {color:#434544;}
#actu ul li {margin-bottom:5px;}
#actu h3 {font-size:1em;font-weight:bold;background:url(../images/gecac/puce_3.png) no-repeat left;padding-left:15px;margin-bottom:10px;}
#actu #liensactu ul li {margin-left:12px;}
#actu #fichiersactu ul li {margin-left:12px;}
#actu #photosactu p {float:left;margin-left:8px;font-size:0.8em;text-decoration:none;}
#actu #photosactu p em {background: url(../images/gecac/fleche_rose.png) no-repeat left;padding-left:10px;}

/* PAGE PARTENAIRES.PHP #########################################################*/
#listePart table {width:520px;}
#listePart td.logo {padding-left:20px;}
#listePart dl {width:250px;}
#listePart dt {background:url(../images/gecac/puce_3.png) no-repeat left;padding-left:15px;margin-bottom:5px;}
#listePart dt a, #listePart dt a:visited {text-decoration:none;font-weight:bold;color:#434544;}
#listePart dd {padding-left:15px; padding-top:10px}
#listePart hr {clear:both;margin:auto;margin-bottom:15px;}

/* PAGE PARTENAIRES.PHP #########################################################*/
#listeOffres dt {background:url(../images/gecac/puce_3.png) no-repeat left;padding-left:15px;margin-bottom:5px;}
#listeOffres dt a, #listeOffres dt a:visited {text-decoration:none;font-weight:bold;color:#434544;}
#listeOffres dd {padding-left:15px; padding-top:10px}

#offre #chapoactu {font-weight:bold;margin-bottom:20px;}
#offre #retouroffres {text-align:right;font-size:0.8em;line-height:5px;}
#offre #retouroffres a {text-decoration:none;background: url(../images/gecac/fleche_rose.png) no-repeat right;padding-right:10px;color:#e865ad}
#offre #retouroffres a:hover {text-decoration:underline;}


/* PAGE LIENS.PHP ##############################################################*/
#listeLiens ul li a {text-decoration:none;color:#434544;}
#listeLiens ul li a:hover {text-decoration:underline;}
#listeLiens ul li a.fenetre {background: url(../images/gecac/icone_fenetre.gif) no-repeat right;padding-right:20px;}


/* PAGE PARTENAIRES.PHP #########################################################*/
#listePart div.partenaire {width:518px; float:left}
#listePart dl {width:250px; float:left}
#listePart dt {background:url(../images/gecac/puce_3.png) no-repeat left;padding-left:15px;margin-bottom:5px;font-weight:bold;}
#listePart dt a, #listePart dt a:visited {text-decoration:none;font-weight:bold;color:#434544;}
#listePart dd {padding-left:15px; padding-top:10px}


/* PAGE CENTRE.PHP ##############################################################*/
#listeCentre ul li.docs {margin-left:25px; padding-left:5px; margin-bottom:15px;list-style: none outside url(../images/gecac/page_white_word.gif);}
#listeCentre ul li.word {margin-left:25px; padding-left:5px; margin-bottom:15px;list-style: none outside url(../images/gecac/page_white_word.gif);}
#listeCentre ul li.compressed {margin-left:25px; padding-left:5px; margin-bottom:15px;list-style: none outside url(../images/gecac/page_white_compressed.gif);}
#listeCentre ul li.excel {margin-left:25px; padding-left:5px; margin-bottom:15px;list-style: none outside url(../images/gecac/page_white_excel.gif);}
#listeCentre ul li.powerpoint {margin-left:25px; padding-left:5px; margin-bottom:15px;list-style: none outside url(../images/gecac/page_white_powerpoint.gif);}
#listeCentre ul li.text {margin-left:25px; padding-left:5px; margin-bottom:15px;list-style: none outside url(../images/gecac/page_white_text.gif);}
#listeCentre ul li.white{margin-left:25px; padding-left:5px; margin-bottom:15px;list-style: none outside url(../images/gecac/page_white.gif);}
#listeCentre ul li.pdf{margin-left:25px; padding-left:5px; margin-bottom:15px;list-style: none outside url(../images/gecac/PDF.gif);}
#listeCentre ul li a {text-decoration:none;color:#434544;}
#listeCentre ul li.theme {font-weight:bold; color:#434544;}
#listeCentre span {color:#888888; font-style:italic; font-size:12px;}

/* PAGE page.PHP ##############################################################*/

#listePage3 ul li a {text-decoration:none;color:#434544;}
#listePage3 span.apres_text{font-weight:bold;}
#listePage3 div.pict {width:180px;float:left; }
#listePage3 div.text {width:300px; float:left;padding-top:12px;padding-right:5px;}
#listePage3 div.text_only {width:480px; float:left;}
#listePage3 ul{padding-bottom:10px;}
#listePage3 img{border:1px solid #999999;}


/* PAGE etablissements.php #####################################################*/

#listeEtabs ul li a {text-decoration:none;color:#434544; font-size:12px; font-weight:bold}
#listeEtabs dl dt {font-size:12px;}

/* PAGE recherche_etablissements.php #######################################*/
#listeRecherche ul li a {text-decoration:none;color:#434544;}
#listeRecherche ul li a:hover {text-decoration:underline;}
#listeRecherche ul li.domaine {font-weight:bold;}
#listeRecherche ul li.none {list-style:none;}
#listeRecherche ul li.subul {margin-left:-25px; padding-bottom:20px;}
#listeRecherche span {color:#666666; font-style:italic;}