body{background-color: #dfedf8; margin: 0; padding: 0;
}
*{margin: 0; padding: 0;}

/* ============ ENTETE ============================= */
.banniere_photo{position: absolute;left:50%;top:23px;;margin-left: -434.5px;width: 869px;height: 158px;  z-index: 1}
#logo_cdg{position: absolute;left:50%;top:92px;width: 154px;height: 68px;margin-left: -441px;z-index: 20; background-color: transparent;}

#entete{position: absolute;left:50%;width: 922px;height: 180px;margin-left: -461px;z-index: 10;background-image: url("../images/site/image-haut.png");}
.fille_entete{position: absolute;left:50%;top:46px;margin-left: 285px;;width: 137px;height: 126px; background-color: transparent; z-index: 30}

#cadre_section_1{position: absolute;left:50%;width: 138px;height: 28px;margin-left: -451px; z-index: 50;  }

#cadre_section_2{position: absolute;left:50%;width: 130px;height: 28px;margin-left: -312px; z-index: 50;  }
#cadre_section_3{position: absolute;left:50%;width: 112px;height: 28px;margin-left: -181px; z-index: 50;   }
#cadre_section_4{position: absolute;left:50%;width: 135px;height: 28px;margin-left: -67px; z-index: 50;  }
#cadre_section_5{position: absolute;left:50%;width: 135px;height: 28px;margin-left: 68px; z-index: 50;   }
#cadre_section_6{position: absolute;left:50%;width: 102px;height: 28px;margin-left: 204px; z-index: 50;  }
#cadre_section_8{position: absolute;left:50%;width: 57px;height: 28px;margin-left: 307px; z-index: 50;   }
#cadre_section_9{position: absolute;left:50%;width: 77px;height: 28px;margin-left: 366px; z-index: 50;   }

.bouton_menu{ font-size:0.6em; font-family: Arial,Helvetica; }
.section:link{color:white;  text-decoration: none; }
.section:visited{color:white; text-decoration: none; }

#cadre_sous_section_5{position: absolute;left:50%;top:25px;width: 135px;margin-left: 69px; z-index: 50;background-color:#60c7d3;    }
#cadre_sous_section_6{position: absolute;left:50%;top:25px;width: 102px;margin-left: 205px; z-index: 50;background-color:#9cce60;    }

.sous_section:link{color:white;  text-decoration: none; font-size: 11px; font-family: Arial,Helvetica;}
.sous_section:visited{color:white; text-decoration: none; font-size: 11px; font-family: Arial,Helvetica;}

#cadre_chemin{font-family: Arial,Helvetica;font-size: 11px;;position: absolute;left:50%;margin-left: -194px;top:181px;width: 620px;height: 20px;z-index: 60}
.lien_chemin:link{color:black;  text-decoration: underline; font-size: 11px; font-family: Arial,Helvetica;}
.lien_chemin:visited{color:black;  text-decoration: underline; font-size: 11px; font-family: Arial,Helvetica;}
.lien_chemin:hover{color:black; font-weight: bold;  text-decoration: underline; font-size: 11px; font-family: Arial,Helvetica;}

#cadre_recherche{font-size: 11px;;position: absolute;left:50%;margin-left: -410px;top:166px;width: 150px;height: 20px;background-color: transparent;z-index: 60}
#texte_recherche{width: 100px;height: 14px; font-size: 11px;border: 1px solid #a1d1ff;}
#bouton_recherche{height:18px; width:25px; font-size: 9px;border: 1px solid #a1d1ff; background-color: white; }

/* ============ BAS DE PAGE ============================= */
#cadre_bas_page{position: absolute;left:50%;top:574px;;width: 850px;height: 20px;margin-left: -425px;z-index: 60;}

#cadre_bas_page a:link{background-color: #f7f2df;color: black;padding-left:4px;padding-right:4px; ; padding-bottom:1px; padding-top:1px; font-size:0.7em; text-decoration: none;font-family: Arial,Helvetica; }
#cadre_bas_page a:visited{background-color: #f7f2df;color: black;padding-left:4px;padding-right:4px; ; padding-bottom:1px; padding-top:1px; font-size:0.7em; text-decoration: none;font-family: Arial,Helvetica; }
#cadre_bas_page form{ font-size:0.7em;font-family: Arial,Helvetica;}
.texte_login{width: 100px;height: 14px; font-size: 11px;border: 1px solid #dddf71;padding-left: 2px;}
#bouton_login{height:18px; width:25px; font-size: 9px;border: 1px solid #dddf71; background-color: white; }
#login_on{margin-top: 3px;;font-family: Arial,Helvetica;font-size: 12px;}
.login_on_lien{background-color: transparent; font-size: 12px;}
#cadre_texte_NCC{font-family:Arial,Helvetica; color:#121e44; font-size: 11px; ;position: absolute;left:50%;top:600px;;width: 850px;height: 20px;margin-left: -405px;z-index: 60; text-align: right;}
#cadre_texte_NCC a{color:#121e44 }

/* ============ MAIN LAYOUT - ARTICLE ============================= */
#corps{position: absolute;left:50%;top:180px;width: 922px;height: 420px;margin-left: -461px;z-index: 1;background-image: url("../images/site/image-contenu.jpg");}
#cadre_liste_article{position: absolute;left:65px;top:20px;width: 150px;height: 320px;z-index: 10;color: #100000;font-size: 0.76em;font-family: Arial,Helvetica; }
#cadre_liste_article .normal{color:#100000;  text-decoration: none;  font-family: Arial,Helvetica;}
#cadre_liste_article .modif{color:#006F29;  text-decoration: none;  font-family: Arial,Helvetica;;}
#cadre_liste_article .nouveau{color:#D70101;  text-decoration: none;  font-family: Arial,Helvetica;;}
#cadre_liste_article .active{font-weight: bold;}

#cadre_contenu_corps{margin-left: 5px;padding-right: 2px;position: absolute;left:232px;top:33px;width: 635px;height: 328px;z-index: 10;color: #100000; overflow: auto;}
#cadre_contenu_article{margin-left: 5px;padding-right: 2px;position: absolute;left:232px;top:33px;width: 635px;height: 328px;z-index: 10;color: #100000; overflow: auto;}
.titre_article{font-size: 1em; font-family: Arial,Helvetica; text-align: center;}
#article_date_maj{font-style: italic;}
#titre_soussection{color: #e02a39;font-weight: bold;}
#bouton_precedent{position: absolute;left:50%;top:545px;;width: 180px;height: 30px;margin-left: 270px;z-index: 60;}
#bouton_precedent a{color: #121945;font-size: 13px;font-family: Arial, Helvetica, sans-serif;}

/*=========================== MODULES ========================== */
.ul_module_contact{margin-left: 20px;}
.ul_module_pdf_concours{margin-left: 40px;}

/*=========================== FORMULAIRE ========================== */
.so{background-color: #FEBABA}
.ro{background-color: #FEBABA}
.rok{background-color: #8FC791}
.sok{background-color: #8FC791}



/*=========================== COLLECTIVITES ========================== */
#inscription_collectivite{  }
#message_collectivite{ font-size: 14px; font-family: Arial,Helvetica; margin-top: 100px; text-align: center; }
.element_formulaire_collectivite{border: 1px solid #121945; color:#121945; }
.lien_collectivites{color: #121945;}

/*=========================== CARTE COLLECTIVITES ========================== */
.carte_collectivite_titre{font-weight: bold; background-color: #86B6FE;font-size: 13px; font-family: Arial,Helvetica;line-height: 20px;}
.carte_collectivite_label0{font-weight: bold; line-height: 18px;font-family: Arial,Helvetica; background-color: #C3D4ED }
.carte_collectivite_valeur0{padding-left: 5px; background-color: #C3D4ED}
.carte_collectivite_label1{font-weight: bold; line-height: 18px;font-family: Arial,Helvetica;background-color: #F2F2F2 }
.carte_collectivite_valeur1{padding-left: 5px;background-color: #F2F2F2}
/* ============ INTERFACE REDACTEUR  ============================= */
#redacteur_pannel{color:black; font-size: 0.8em; font-family: Arial,Helvetica; ;border:1px solid #000000;position: absolute;left:50%;top:40px;width: 280px;height: 18px;margin-left: -432px;z-index: 100; background-color: #8B9CE2;}
#redacteur_pannel a:link{color:#100000;  text-decoration: none; font-size: 0.95em; font-family: Arial,Helvetica;}
#redacteur_pannel a:visited{color:#100000;  text-decoration: none; font-size: 0.95em; font-family: Arial,Helvetica;}
#redacteur_pannel a:active{color:#100000;  text-decoration: none; font-size: 0.95em; font-family: Arial,Helvetica;}
#redacteur_pannel a:hover{color:#100000; font-weight:bold; text-decoration: none; font-size: 0.95em; font-family: Arial,Helvetica;}

.articles {font-size: 0.5em;}
.articles *{font-size: 1.05em;}

/* ============ LAYOUT PARTICULIER  ============================= */
#corps_particulier{position: absolute;left:50%;top:180px;width: 922px;height: 420px;margin-left: -461px;z-index: 10;background-image: url("../images/site/image-contenu-particulier.jpg");}
#fille_bas{position: absolute;left:50%;top:483px;;width: 60px;height: 80px;margin-left: -275px;z-index: 60;background-image:url("../images/site/fille-bas.png"); }

/* ============ ACTUALITE  ============================= */
#cadre_actualite{color: #121945;font-size: 12px;padding-top: 8px;;font-family: Arial, Helvetica, sans-serif;}
#cadre_actualite .lien{font-weight: bold; text-decoration: none; color: #121945;}
#cadre_actualite .lien_lire_suite {color: #121945;}

/* ============ CALENDRIER  ============================= */
#cadre_agenda{color: #121945;font-size: 12px;font-family: Arial, Helvetica, sans-serif;}
#cadre_agenda .lien{font-weight: bold; text-decoration: none; color: #121945;}
#cadre_agenda .lien_info {color: #121945;}

/* ============ PLAN SITE  ============================= */
#plan_site li{margin-left: 30px; margin-top: 0px; margin-bottom: 3px;}
#plan_site ul{margin-left: 0px; margin-top: 0px; margin-bottom: 3px; }
#plan_site .lien {color: #121945;font-family: Arial,Helvetica;font-size: 13px; text-decoration: none;}
#plan_site  .section{color: #121945;font-family: Arial,Helvetica;font-size: 13px; text-decoration: none;font-weight: bold;}

/* ============ ACCUEIL LAYOUT  ============================= */
#fille_bas_accueil{position: absolute;left:50%;top:483px;;width: 98px;height: 80px;margin-left: -270px;z-index: 60;background-image:url("../images/site/femme-bas.png"); }

#titre_actualite_acceuil{position: absolute;left:50%;top:210px;;width: 395px;height: 36px;margin-left: -220px;z-index: 60;}
#cadre_actualite_acceuil{position: absolute;left:50%;top:250px;;width: 400px;height: 250px;margin-left: -220px;z-index: 60;
color: #121945;font-size: 12px;font-family: Arial, Helvetica, sans-serif;}
#toute_actualite_accueil{position: absolute;left:50%;top:540px;;width: 180px;height: 30px;margin-left: 50px;z-index: 60;}
#cadre_actualite_acceuil .lien{font-weight: bold; text-decoration: none; color: #121945;}
#cadre_actualite_acceuil .lien_lire_suite {color: #121945;}
#toute_actualite_accueil a{color: #121945;font-size: 13px;font-family: Arial, Helvetica, sans-serif;}

#titre_agenda_acceuil{position: absolute;left:50%;top:215px;;width: 195px;height: 25px;margin-left: 208px;z-index: 60; }
#cadre_agenda_acceuil{position: absolute;left:50%;top:230px;;width: 195px;height: 210px;margin-left: 208px;z-index: 60; margin-top: 15px;
color: #121945;font-size: 12px;font-family: Arial, Helvetica, sans-serif;}
#cadre_agenda_acceuil .lien{font-weight: bold; text-decoration: none; color: #121945;}
#cadre_agenda_acceuil .lien_info {color: #121945;}

#separateur_news_agenda_acceuil{position: absolute;left:50%;top:420px;background-repeat: no-repeat;height: 2px;width: 132px;margin-left: 240px;z-index: 60;background-image:url("../images/site/separateur-contenu.png"); }
#cadre_news_acceuil{position: absolute;left:50%;top:430px;;width: 200px;height: 130px;margin-left: 208px;z-index: 60;
color: #121945;font-size: 12px;font-family: Arial, Helvetica, sans-serif;
}
#cadre_news_acceuil .lien_lire_suite {color: #121945;}
#cadre_news_acceuil .lien{font-weight: bold; text-decoration: none; color: #121945;}

#plan_acces_accueil{position: absolute;left:50%;top:520px;width: 70px;height: 20px;margin-left: -420px;z-index: 60;background-color: transparent;}
#plan_acces_accueil a:link{color:black;  text-decoration: underline; font-size: 0.7em; font-family: Arial,Helvetica;}
#plan_acces_accueil a:visited{color:black;  text-decoration: underline; font-size: 0.7em; font-family: Arial,Helvetica;}
#info_pratique_accueil{line-height: 14px;;position: absolute;left:50%;top:330px;width: 170px;height: 160px;margin-left: -415px;z-index: 60;font-family: Arial,Helvetica;font-size: 11px;color: #0e2149;}
#photo_accueil_encadre{position: absolute;left:50%;top:220px;width: 132px;height: 90px;margin-left: -405px;z-index: 60;background-image: url("../images/site/entree-cdg.jpg");}
#corps_accueil{position: absolute;left:50%;top:180px;width: 922px;height: 420px;margin-left: -461px;z-index: 10;background-image: url("../images/site/image-accueil.jpg");}