/* CSS Document */
body { margin:0; font-size:10px; font-family:"Trebuchet MS"; background:url(images/fond-page.jpg) repeat-x #FFF; }
#superConteneur{margin:0 auto; position:relative; background:url(images/super-conteneur.jpg) no-repeat top center; min-height:380px;}
#conteneur{ width:960px; margin:0 auto; position:relative; }
#logo {float:left; padding:0; margin:14px 0 0 0; width:194px; height:126px; background:url(images/logo.jpg); text-indent:-5000px;}
#logoPrint { display:none;}
ul#menuTop {float:left; padding:0; margin:5px 0 0 141px; width:625px; height:23px; list-style:none; font-size:1.3em; font-weight:bold;}
ul#menuTop li {float:left; padding:3px 0 0 0; margin:0 10px; height:20px;}
ul#menuTop li a {color:#80318f; text-decoration:none;}
/***************** 2nd menu : principal ****************/
#conteneurmenu {float:left; margin:78px 0 0 10px; padding:0; width:530px; height:35px; position:relative; z-index:90; background:url(images/menu-trait.jpg) no-repeat left;}
.menu {float:left; display:inline; margin:0px; padding:0 7px 0 0; background:url(images/menu-trait.jpg) no-repeat right;}
.menu a#presentation {display:block; height:35px; padding:0; margin:0; background:url(images/menu-presentation.jpg); text-indent:-5000px; }
.menu a#presentation:hover {display:block; height:35px; padding:0; margin:0; background:url(images/menu-presentation-over.jpg); text-indent:-5000px; }
.menu a#liste {display:block; height:35px; padding:0; margin:0; background:url(images/menu-liste-etabl.jpg); text-indent:-5000px; }
.menu a#liste:hover {display:block; height:35px; padding:0; margin:0; background:url(images/menu-liste-etabl-over.jpg); text-indent:-5000px; }
.menu a#espace {display:block; height:35px; padding:0; margin:0; background:url(images/menu-espace-famille.jpg); text-indent:-5000px; }
.menu a#espace:hover {display:block; height:35px; padding:0; margin:0; background:url(images/menu-espace-famille-over.jpg); text-indent:-5000px; }
.menu a#actualite {display:block; height:35px; padding:0; margin:0; background:url(images/menu-actualite.jpg); text-indent:-5000px; }
.menu a#actualite:hover {display:block; height:35px; padding:0; margin:0; background:url(images/menu-actualite-over.jpg); text-indent:-5000px; }
.menu a#emplois {display:block; height:36px; padding:0; margin:0; background:url(images/menu-emplois.jpg); text-indent:-5000px; }
.menu a#emplois:hover {display:block; height:36px; padding:0; margin:0; background:url(images/menu-emplois-over.jpg); text-indent:-5000px; }
.ssmenu { padding:9px 0px 10px 0px; font-size:12px; background:url(images/ssmenu.png);}
.ssmenu2 { padding:9px 0px 10px 0px; font-size:12px; background:url(images/ssmenu2.png);}
.ssmenu5 { padding:9px 0px 10px 0px; font-size:12px; background:url(images/ssmenu5.png);}
.ssmenu ul, .ssmenu2 ul, .ssmenu li.lienMenu, .ssmenu2 li.lienMenu, .ssmenu5 ul, .ssmenu5 li.lienMenu {/* Ne pas trop toucher. Les items (les ) des sous-menus, notamment pour enlever les puces des liste */
padding:0px 20px;
list-style-type:none;
/*background:transparent;*/
}
.ssmenu li.titre, .ssmenu2 li.titre, .ssmenu5 titre {/* Ne pas trop toucher. Les items (les ) des sous-menus, notamment pour enlever les puces des liste */
padding:0px;
margin:8px 20px 2px 10px;
list-style-type:none;
color:#88a809;
font-size:14px;
font-weight:bold;
border-bottom:1px solid #c3e152;
/*background:transparent;*/
}
.ssmenu a, .ssmenu2 a, .ssmenu5 a {
color:#80318f; padding:3px 0 0px 0; text-decoration:none; font-weight:bold; border-bottom:1px solid #dbdada;
/* Ne pas modifier le block, margin et width */
display:block; margin:0; width:100%;
}
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
width:auto;
}
.menuOuvert a#presentation {display:block; height:35px; padding:0; margin:0; background:url(images/menu-presentation-over.jpg); text-indent:-5000px; }
.menuOuvert a#liste {display:block; height:35px; padding:0; margin:0; background:url(images/menu-liste-etabl-over.jpg); text-indent:-5000px; }
.menuOuvert a#espace {display:block; height:35px; padding:0; margin:0; background:url(images/menu-espace-famille-over.jpg); text-indent:-5000px; }
.menuOuvert a#actualite {display:block; height:35px; padding:0; margin:0; background:url(images/menu-actualite-over.jpg); text-indent:-5000px; }
.menuOuvert a#emplois {display:block; height:36px; padding:0; margin:0; background:url(images/menu-emplois-over.jpg); text-indent:-5000px; }
/****************************************************/
#colonneGauche {float:left; display:inline; width:760px; margin:0; padding:0 0 40px 0;}
#colonneDroite {float:left; display:inline; width:200px; margin:-75px 0 0 0; padding:0 0 10px 0;}
/*********************************************************************************************************************/
/*************************************************** PAGE ACCUEIL ****************************************************/
/*********************************************************************************************************************/
#animFlash {clear:left; float:left; padding:0; margin:8px 0 0 0; width:510px; height:260px;}
#ball {float:left; padding:0; margin:8px 0 0 0; width:240px; height:130px; background:url(images/telechargez-ball.jpg); text-indent:-5000px;}
#don {float:left; padding:0; margin:0; width:240px; height:130px; background:url(images/faire-don.jpg); text-indent:-5000px;}
#accompagnement {float:left; padding:0; margin:22px 0 0 0; width:260px;}
#accompagnement h2 {float:left; padding:0; margin:0; width:260px; height:65px; background:url(images/accompagnement-personnes.jpg); text-indent:-5000px;}
#accompagnement p {float:left; padding:5px 10px; margin:0; width:240px; color:#5c5c5c; font-size:1.3em;}
#accompagnement p span{color:#80318f; font-weight:bold;}
#titreActu {float:left; padding:0; margin:22px 0 12px 1px; width:298px; height:24px; background:url(images/actualite-association.jpg); text-indent:-5000px;}
a.uneActu {float:left; padding:8px 10px; margin:0 10px 10px 0; width:218px; height:132px; border:1px dotted #bf98c7; text-decoration:none; cursor:pointer;}
a.uneActu h2 {float:left; padding:0; margin:0 0 5px 0; width:218px; color:#88ab02; font-size:1.5em; font-weight:bold; text-decoration:none;}
a.uneActu p {float:left; padding:0; margin:0; width:218px; color:#5c5c5c; font-size:1.2em; text-decoration:none; line-height:16px;}
a.uneActu p span {color:#80318f; text-decoration:underline; font-weight:bold;}
a.uneActu:hover {float:left; padding:8px 10px; margin:0 10px 10px 0; width:218px; height:132px; border:1px dotted #bf98c7; text-decoration:none; background:#ab5eaf; cursor:pointer;}
a.uneActu:hover h2 {float:left; padding:0; margin:0 0 5px 0; width:218px; color:#fff; font-size:1.5em; font-weight:bold; text-decoration:none;}
a.uneActu:hover p {float:left; padding:0; margin:0; width:218px; color:#fff; font-size:1.2em; text-decoration:none; line-height:16px;}
a.uneActu:hover p span {color:#fff; text-decoration:underline; font-weight:bold;}
#offres {float:left; padding:32px 0 0 0; margin:1px 0 0 3px; width:220px; background:url(images/offres-emplois-stages.jpg) no-repeat top; color:#5c5c5c; font-size:1.2em; line-height:16px;}
#offres a {color:#80318f; font-weight:bold; text-decoration:none;}
#offres a:hover {color:#80318f; font-weight:bold; text-decoration:underline;}
#espaceReserve {float:left; padding:26px 0 0 15px; margin:0; width:185px; height:60px; background:url(images/espace-reserve.jpg);}
#espaceReserve .chpInput { float:left; border:2px solid #c6dd08; background:#FFF; color:#80318f; font-size:11px; font-weight:bold; margin:0 10px 8px 0; padding:2px 6px; height:14px; }
#etablissements {float:left; padding:0; margin:0; width:200px; height:447px; background:url(images/bg-liste-etabl.jpg) repeat-x bottom #f9f9f9;}
#etablissements h2 {float:left; padding:0; margin:0; width:200px; height:56px; background:url(images/etablissements-asso.jpg); text-indent:-5000px;}
#etablissements #flers {float:left; display:inline; padding:0; margin:0 15px; width:170px; height:19px; background:url(images/flers.jpg) no-repeat bottom; text-indent:-5000px;}
#etablissements #alencon {float:left; display:inline; padding:0; margin:0 15px; width:170px; height:19px; background:url(images/alencon.jpg) no-repeat bottom; text-indent:-5000px;}
#etablissements #laigle {float:left; display:inline; padding:0; margin:0 15px; width:170px; height:19px; background:url(images/aube-laigle.jpg) no-repeat bottom; text-indent:-5000px;}
#etablissements ul {float:left; display:inline; padding:0 0 16px 0; margin:0 15px; width:170px; list-style:none; background:url(images/ombre-liste-etabl.jpg) no-repeat bottom;}
#etablissements ul li {float:left; display:inline; padding:0 10px; margin:0; width:150px; border-bottom:1px solid #dbdada; border-top:1px solid #FFF; line-height:20px; font-size:1.2em; font-weight:bold;}
#etablissements ul li a {color:#5c5c5c; text-decoration:none;}
#partenaires {float:left; padding:0; margin:0; width:200px; height:135px; background:url(images/partenaires.jpg); text-indent:-5000px;}
#loi1901 {float:left; display:inline; padding:0; margin:0; width:200px; height:81px; background:url(images/asso-loi-1901.jpg); text-indent:-5000px;}
#footer {clear:left; margin:0px auto; width:100%; height:80px; background:url(images/footer.jpg) repeat-x;}
#footer #contenuFooter { width:160px; display:block; margin:0 auto; padding:0 0 0 800px; position:relative; background:url(images/arrondis-footer.jpg) no-repeat 665px 0px; font-size:1.3em; color:#fff; text-decoration:none; font-weight:bold; line-height:30px; }
/*********************************************************************************************************************/
/*************************************************** FICHES ETABL ****************************************************/
/*********************************************************************************************************************/
#colonneGaucheNav {float:left; display:inline; width:750px; margin:8px 10px 0 0; padding:0 0 10px 0; background:#FFF;}
h1#cafsFlers {clear:left; float:left; padding:0; margin:0 0 5px 0; width:750px; height:105px; background:url(images/titre-cafs-flers.jpg); text-indent:-5000px; }
h1#gemFlers {clear:left; float:left; padding:0; margin:0 0 5px 0; width:750px; height:105px; background:url(images/titre-gem-flers.jpg); text-indent:-5000px; }
h1#gemAlencon {clear:left; float:left; padding:0; margin:0 0 5px 0; width:750px; height:105px; background:url(images/titre-gem-alencon.jpg); text-indent:-5000px;}
h1#samsahFlers {clear:left; float:left; padding:0; margin:0 0 5px 0; width:750px; height:105px; background:url(images/titre-samsah-flers.jpg); text-indent:-5000px; }
h1#sessadFlers {clear:left; float:left; padding:0; margin:0 0 5px 0; width:750px; height:105px; background:url(images/titre-sessad-flers.jpg); text-indent:-5000px; }
h1#imeCrue {clear:left; float:left; padding:0; margin:0 0 5px 0; width:750px; height:105px; background:url(images/titre-ime-crue.jpg); text-indent:-5000px; }
h1#imeSegur {clear:left; float:left; padding:0; margin:0 0 5px 0; width:750px; height:105px; background:url(images/titre-ime-segur.jpg); text-indent:-5000px; }
h1#itepPilot {clear:left; float:left; padding:0; margin:0 0 5px 0; width:750px; height:105px; background:url(images/titre-itep.jpg); text-indent:-5000px; }
h1#cafsLaigle {clear:left; float:left; padding:0; margin:0 0 5px 0; width:750px; height:105px; background:url(images/titre-cafs-laigle.jpg); text-indent:-5000px; }
h1#gemLaigle {clear:left; float:left; padding:0; margin:0 0 5px 0; width:750px; height:105px; background:url(images/titre-gem-laigle.jpg); text-indent:-5000px; }
h1#pfdLaigle {clear:left; float:left; padding:0; margin:0 0 5px 0; width:750px; height:105px; background:url(images/titre-pfd-laigle.jpg); text-indent:-5000px; }
h1#sessadLaigle {clear:left; float:left; padding:0; margin:0 0 5px 0; width:750px; height:105px; background:url(images/titre-sessad-laigle.jpg); text-indent:-5000px; }
h1#siege {clear:left; float:left; padding:0; margin:0 0 5px 0; width:750px; height:105px; background:url(images/titre-siege.jpg); text-indent:-5000px; }
h1#qui {clear:left; float:left; margin:0 0 5px 0; padding:0; width:750px; height:105px; background:url(images/titre-qui.jpg) no-repeat top; text-indent:-5000px;}
h1#histoire {clear:left; float:left; margin:0 0 5px 0; padding:0; width:750px; height:105px; background:url(images/titre-histoire.jpg) no-repeat top; text-indent:-5000px;}
h1#projets {clear:left; float:left; margin:0 0 5px 0; padding:0; width:750px; height:105px; background:url(images/titre-projets.jpg) no-repeat top; text-indent:-5000px;}
h1#publics {clear:left; float:left; margin:0 0 5px 0; padding:0; width:750px; height:105px; background:url(images/titre-publics.jpg) no-repeat top; text-indent:-5000px;}
h1#structure {clear:left; float:left; margin:0 0 5px 0; padding:0; width:750px; height:105px; background:url(images/titre-structure.jpg) no-repeat top; text-indent:-5000px;}
h1#demarche {clear:left; float:left; margin:0 0 5px 0; padding:0; width:750px; height:105px; background:url(images/titre-demarche.jpg) no-repeat top; text-indent:-5000px;}
h1#actualites {clear:left; float:left; margin:0 0 5px 0; padding:0; width:750px; height:105px; background:url(images/titre-actualite.jpg) no-repeat top; text-indent:-5000px;}
h1#glossaire {clear:left; float:left; margin:0 0 5px 0; padding:0; width:750px; height:105px; background:url(images/titre-glossaire.jpg) no-repeat top; text-indent:-5000px;}
h1#liensUtiles {clear:left; float:left; margin:0 0 5px 0; padding:0; width:750px; height:105px; background:url(images/titre-liens-utiles.jpg) no-repeat top; text-indent:-5000px;}
h1#offresEmploi {clear:left; float:left; margin:0 0 5px 0; padding:0; width:750px; height:105px; background:url(images/titre-offres-emploi.jpg) no-repeat top; text-indent:-5000px;}
h1#offresStage {clear:left; float:left; margin:0 0 5px 0; padding:0; width:750px; height:105px; background:url(images/titre-offres-stage.jpg) no-repeat top; text-indent:-5000px;}
h1#contact {clear:left; float:left; margin:0 0 5px 0; padding:0; width:750px; height:105px; background:url(images/titre-contact.jpg) no-repeat top; text-indent:-5000px;}
h1#mentions {clear:left; float:left; margin:0 0 5px 0; padding:0; width:750px; height:105px; background:url(images/titre-mentions-legales.jpg) no-repeat top; text-indent:-5000px;}
h1#dons {clear:left; float:left; margin:0 0 5px 0; padding:0; width:750px; height:105px; background:url(images/titre-don.jpg) no-repeat top; text-indent:-5000px;}
#cafsFlersPrint, #gemFlersPrint, #gemAlenconPrint, #samsahFlersPrint, #sessadFlersPrint, #imeCruePrint, #itepPilotPrint, #cafsLaiglePrint, #gemLaiglePrint, #pfdLaiglePrint, #sessadLaiglePrint, #imeSegurPrint, #siegePrint { display:none; }
#quiPrint, #histoirePrint, #projetsPrint, #publicsPrint, #structurePrint, #demarchePrint, #actualitesPrint, #glossairePrint, #liensUtilesPrint, #offresEmploiPrint, #offresStagePrint {display:none;}
#pointilles {clear:left; float:left; padding:0; margin:0 5px; width:740px; height:22px; border-top:1px dotted #80318f;}
#imprimer {clear:left; float:left; padding:5px 0 0 642px; margin:0 5px 10px 5px; width:98px; height:25px; line-height:22px; border-top:1px dotted #80318f; background:url(images/icone-print.jpg) no-repeat 610px 3px; text-decoration:none; font-size:1.2em; color:#80318f;}
ul#menuFiche {clear:left; float:left; display:inline; padding:0; margin:0 5px 0px 5px; width:740px; height:40px; list-style:none; border-bottom:1px dotted #80318f; border-top:1px dotted #80318f; }
ul#menuFiche li {float:left; display:inline; margin:3px 0 0 0; padding:0 10px; background:url(images/trait-menu-fiche.jpg) no-repeat right center;}
ul#menuFiche li a {color:#80318f; font-size:1.3em; font-weight:bold; text-decoration:none; padding:3px 5px 4px 5px; display:block; line-height:15px; margin:1px 0 0 0;}
ul#menuFiche li a:hover, ul#menuFiche li a.enCours {color:#fff; background:#80318f; font-size:1.3em; font-weight:bold; text-decoration:none; padding:3px 5px 4px 5px; display:block; line-height:15px; margin:1px 0 0 0;}
#imprimerFiche {clear:left; float:left; padding:5px 0 0 32px; margin:0 5px 0px 615px; width:98px; height:25px; line-height:22px; background:url(images/icone-print.jpg) no-repeat 0px 3px; text-decoration:none; font-size:1.2em; color:#80318f;}
#redactionnel {clear:left; float:left; display:inline; padding:0 0 20px 0; margin:0 0 0 15px; width:405px; }
#redactionnel h2#activEtabl {float:left; display:inline; padding:0; margin:0 0 3px 0; width:258px; height:24px; background:url(images/activite-etablissement.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#activService {float:left; display:inline; padding:0; margin:0 0 3px 0; width:258px; height:24px; background:url(images/activite-service.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#missionsEtabl {float:left; display:inline; padding:0; margin:0 0 3px 0; width:291px; height:24px; background:url(images/missions-etabl.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#missionsService {float:left; display:inline; padding:0; margin:0 0 3px 0; width:226px; height:24px; background:url(images/missions-service.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#nousContacter {float:left; display:inline; padding:0; margin:0 0 3px 0; width:167px; height:24px; background:url(images/nous-contacter.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#laissezMessage {float:left; display:inline; padding:0; margin:0 0 3px 0; width:265px; height:24px; background:url(images/laissez-message.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#accompagnement {float:left; display:inline; padding:0; margin:0 0 3px 0; width:379px; height:42px; background:url(images/accompagnement.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#association {float:left; display:inline; padding:0; margin:0 0 3px 0; width:379px; height:42px; background:url(images/association.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#documents {float:left; display:inline; padding:0; margin:30px 0 3px 0; width:245px; height:24px; background:url(images/documents.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#public {float:left; display:inline; padding:0; margin:20px 0 3px 0; width:165px; height:24px; background:url(images/public-concerne.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#partenariats {float:left; display:inline; padding:0; margin:20px 0 3px 0; width:225px; height:24px; background:url(images/partenariats-avec.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#ptsFortsService {float:left; display:inline; padding:0; margin:20px 0 3px 0; width:251px; height:24px; background:url(images/points-forts-service.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#ptsFortsEtabl {float:left; display:inline; padding:0; margin:20px 0 3px 0; width:317px; height:24px; background:url(images/points-forts-etabl.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#orientation {float:left; display:inline; padding:0; margin:20px 0 3px 0; width:133px; height:24px; background:url(images/orientation.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#horaires {float:left; display:inline; padding:0; margin:20px 0 3px 0; width:236px; height:24px; background:url(images/horaires.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#calendrier {float:left; display:inline; padding:0; margin:20px 0 3px 0; width:285px; height:24px; background:url(images/calendrier.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#adhesion {float:left; display:inline; padding:0; margin:20px 0 3px 0; width:125px; height:24px; background:url(images/adhesion.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#venir {float:left; display:inline; padding:0; margin:20px 0 3px 0; width:84px; height:24px; background:url(images/venir-nous-voir.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#faireUnDon {float:left; display:inline; padding:0; margin:0 0 3px 0; width:299px; height:43px; background:url(images/form-don-en-ligne.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#titreProjet {float:left; padding:0 0 0 35px; margin:0 0 3px 0; width:370px; color:#80318f; font-size:2.0em; letter-spacing:-1px; background:url(images/puce-croix.jpg) no-repeat left top;}
#redactionnel p {float:left; padding:5px 15px; margin:0; width:365px; color:#5c5c5c; font-size:1.3em;}
#redactionnel p.bordure {float:left; display:inline; padding:5px 0; margin:0 0 0 15px; width:365px; color:#5c5c5c; font-size:1.3em; border-bottom:1px solid #dbdada;}
#redactionnel p.bordurePuce {float:left; display:inline; padding:5px 0 5px 15px; margin:0 0 0 15px; width:350px; color:#5c5c5c; font-size:1.3em; border-bottom:1px solid #dbdada; background:url(images/puce.jpg) no-repeat 0px 10px;}
#redactionnel p.puce {float:left; display:inline; padding:5px 0 5px 15px; margin:0 0 0 15px; width:350px; color:#5c5c5c; font-size:1.3em; background:url(images/puce.jpg) no-repeat 0px 10px;}
#redactionnel p span, #redactionnel p.bordure span, #redactionnel p.bordurePuce span, #redactionnel p.puce span {color:#80318f; font-weight:bold;}
#redactionnel p a, #redactionnel p.bordure a {color:#80318f;}
#redactionnel p label {float:left; padding:; margin:0; width:100px; color:#80318f;}
#redactionnel p.message {float:left; padding:5px 15px; margin:0; width:365px; color:#98c000; font-size:1.3em; text-align:center; font-weight:bold;}
#redactionnel .txtProjet {float:left; padding:5px 15px; margin:0; width:365px; color:#5c5c5c; font-size:13px;}
#redactionnel .txtProjet p {float:left; padding:0px; margin:0; width:365px; color:#5c5c5c; font-size:13px;}
#redactionnel a.unDoc {float:left; padding:0 15px 10px 40px; margin:10px 0 0 15px; width:310px; color:#5c5c5c; font-size:1.3em; background:url(images/icone-doc.jpg) no-repeat left top; border-bottom:1px solid #dbdada; text-decoration:none;}
#redactionnel a.unDoc h3 {float:left; padding:0; margin:0; width:310px; color:#80318f; font-size:13px; font-weight:bold; text-decoration:none;}
#redactionnel a.unDoc:hover h3 {float:left; padding:0; margin:0; width:310px; color:#80318f; font-size:13px; font-weight:bold; text-decoration:underline;}
#redactionnel a.unDoc p {float:left; padding:0; margin:0; width:310px; font-size:13px; text-decoration:none; line-height:16px;}
#illustration {float:left; display:inline; padding:0 0 20px 0; margin:0; width:320px;}
#illustration #photo {float:left; padding:0; margin:30px 0 0 0; border:3px solid #e8e8e8;}
#illustration #plan {float:left; padding:0; margin:30px 0 0 0; border:3px solid #e8e8e8;}
#illustration #legendeCafsFlers {float:left; display:inline; padding:4px 10px; margin:-43px 3px 0 3px; width:294px; height:32px; background:url(images/legende-cafs-flers.png); color:#80318f; font-size:1.3em; font-weight:bold; line-height:15px; text-decoration:none;}
#illustration #legendeCafsLaigle {float:left; display:inline; padding:4px 10px; margin:-43px 3px 0 3px; width:294px; height:32px; background:url(images/legende-cafs-laigle.png); color:#fff; font-size:1.3em; font-weight:bold; line-height:32px; text-decoration:none;}
#illustration #legendeGemLaigle {float:left; display:inline; padding:4px 10px; margin:-43px 3px 0 3px; width:294px; height:32px; background:url(images/legende-cafs-laigle.png); color:#fff; font-size:1.3em; font-weight:bold; line-height:15px; text-decoration:none;}
#illustration #legendeGemFlers {float:left; display:inline; padding:4px 10px; margin:-43px 3px 0 3px; width:294px; height:32px; background:url(images/legende-cafs-flers.png); color:#80318f; font-size:1.3em; font-weight:bold; line-height:32px; text-decoration:none;}
#illustration #legendeImeCrue {float:left; display:inline; padding:4px 10px; margin:-43px 3px 0 3px; width:294px; height:32px; background:url(images/legende-ime-crue.png); color:#fff; font-size:1.3em; font-weight:bold; line-height:32px; text-decoration:none;}
#illustration #legendeImeSegur {float:left; display:inline; padding:4px 10px; margin:-43px 3px 0 3px; width:294px; height:32px; background:url(images/legende-ime-segur.png); color:#fff; font-size:1.3em; font-weight:bold; line-height:32px; text-decoration:none;}
#illustration #legendeItepPilot {float:left; display:inline; padding:4px 10px; margin:-43px 3px 0 3px; width:294px; height:32px; background:url(images/legende-itep-pilot.png); color:#fff; font-size:1.3em; font-weight:bold; line-height:15px; text-decoration:none;}
#illustration #legendeSiege {float:left; display:inline; padding:4px 10px; margin:-43px 3px 0 3px; width:294px; height:32px; background:url(images/legende-siege.png); color:#fff; font-size:1.3em; font-weight:bold; line-height:32px; text-decoration:none;}
#planPrint {display:none;}
#illustration #contactSiege {float:left; padding:0px; margin:0px 0 3px 5px; width:232px; height:24px; background:url(images/contacter-siege.jpg) no-repeat; text-indent:-5000px;}
#illustration #conception {float:left; padding:0px; margin:0px 0 3px 0px; width:262px; height:39px; background:url(images/conception-hebergement.jpg) no-repeat; text-indent:-5000px;}
#illustration #telecharger {float:left; padding:10px 0 0 60px; margin:10px 0; width:260px; height:36px; background:url(images/telecharger-pdf.jpg) no-repeat; color:#8aab04; font-size:1.3em; font-weight:bold; text-decoration:none; line-height:16px;}
#illustration #telecharger span {color:#5c5c5c; font-weight:normal;}
#illustration h2#nouvelles {float:left; padding:0; margin:22px 0 12px 0; width:190px; height:24px; background:url(images/dernieres-nouvelles.jpg) no-repeat; text-indent:-5000px;}
#illustration ul#news {float:left; padding:0; margin:0; width:320px; list-style:none; border-top:1px dotted #bf98c7;}
#illustration ul#news li {float:left; padding:0; margin:0; width:320px; font-size:1.3em; font-weight:bold; border-bottom:1px dotted #bf98c7;}
#illustration ul#news li a {display:block; padding:5px 10px; color:#88ab02; text-decoration:none;}
#illustration ul#news li a:hover {display:block; padding:5px 10px; color:#fff; background:#ab5eaf; text-decoration:none;}
#coordonnees {float:left; padding:0; margin:0; width:200px; height:226px; background:url(images/bg-coordonnees.jpg) repeat-x bottom #f9f9f9;}
#coordonnees h2#etabl {float:left; padding:0; margin:0; width:200px; height:56px; background:url(images/coordonnees-etabl.jpg); text-indent:-5000px;}
#coordonnees h2#service {float:left; padding:0; margin:0; width:200px; height:56px; background:url(images/coordonnees-service.jpg); text-indent:-5000px;}
#coordonnees p {float:left; display:inline; padding:8px 0; margin:0 12px; width:176px; color:#5c5c5c; font-size:1.2em; line-height:16px; background:url(images/trait-coordonnees.jpg) no-repeat center bottom;}
#coordonnees #tel {float:left; display:inline; padding:0 0 0 25px; margin:8px 15px; width:145px; color:#5c5c5c; font-size:1.2em; line-height:16px; background:url(images/icone-tel.jpg) no-repeat 0px 3px;}
#coordonnees #email {float:left; display:inline; padding:0 0 0 25px; margin:5px 15px; width:145px; color:#5c5c5c; font-size:1.2em; line-height:16px; background:url(images/icone-email.jpg) no-repeat 0px 3px; font-weight:bold;}
#colonneDroite #don {float:left; padding:0; margin:0; width:200px; height:125px; background:url(images/faire-don-2.jpg) no-repeat 15px 9px #e8e8e8;}
#colonneDroite #ball {float:left; margin:0; padding:0 0 88px 0; width:200px; height:125px; background:url(images/telechargez-ball-2.jpg) no-repeat 15px 12px #e8e8e8;}
/********************************************** pages generales ***********************************************/
h2.titreLarge {float:left; padding:0 0 0 35px; margin:0 15px 3px 15px; width:695px; color:#80318f; font-size:1.8em; background:url(images/puce-croix.jpg) no-repeat left top;}
h2.titreLarge span {font-size:0.8em;}
h2.titreLargePetit {float:left; padding:0 0 0 35px; margin:0 15px 3px 15px; width:695px; color:#80318f; font-size:1.6em; background:url(images/puce-croix.jpg) no-repeat left top;}
h2.titreLargePetit span {font-size:0.8em;}
/********************************************** page Histoire ***********************************************/
h2#histoire {float:left; display:inline; padding:0; margin:0 0 3px 15px; width:229px; height:24px; background:url(images/histoire.jpg) no-repeat; text-indent:-5000px;}
h2#telecharger {float:left; display:inline; padding:0; margin:20px 0 3px 15px; width:150px; height:24px; background:url(images/telecharger.jpg) no-repeat; text-indent:-5000px;}
h2#organigramme {float:left; display:inline; padding:0; margin:0 0 3px 15px; width:295px; height:24px; background:url(images/organigramme.jpg) no-repeat; text-indent:-5000px;}
p.txtNav {float:left; padding:5px 15px; margin:0 5px 20px 15px; width:700px; color:#5c5c5c; font-size:1.3em; text-align:justify;}
p.txtNav span {color:#80318f; font-weight:bold;}
p.txtNav a {color:#98c000; text-decoration:none; }
p.txtNav a:hover {color:#98c000; text-decoration:underline; }
.zoneProjet {float:left; padding:5px 15px; margin:0 15px 20px 15px; width:700px; color:#5c5c5c; font-size:13px;}
.zoneProjet p {float:left; padding:0px; margin:0; width:365px; color:#5c5c5c; font-size:13px;}
/********************************************** page Plan du site ***********************************************/
ul#sitemap {float:left; padding:0; margin:5px 0px 20px 30px; width:730px; font-size:1.3em; list-style:none;}
ul#sitemap li {float:left; padding:3px 0 0px 0; margin:0 15px 0 0; width:165px; display:inline; border-bottom:1px solid #dbdada;}
ul#sitemap li.titre {float:left; padding:3px 0 0 0; margin:0 15px 0 0; width:165px; display:inline; color:#88a809; border:none; font-weight:bold; font-size:1.1em;}
ul#sitemap li a {color:#5c5c5c; text-decoration:none;}
ul#sitemap2 {float:left; padding:0; margin:5px 0px 20px 30px; width:205px; font-size:1.3em; list-style:none;}
ul#sitemap2 li {float:left; padding:3px 0 0px 0; margin:0 15px 0 0; width:205px; display:inline; border-bottom:1px solid #dbdada;}
ul#sitemap2 li.titre {float:left; padding:3px 0 0 0; margin:0 15px 0 0; width:205px; display:inline; color:#88a809; border:none; font-weight:bold; font-size:1.1em;}
ul#sitemap2 li a {color:#5c5c5c; text-decoration:none;}
/********************************************** page Offres emploi/stage ***********************************************/
p.txtIntro {float:left; padding:5px 15px; margin:0 5px 20px 0px; width:715px; color:#5c5c5c; font-size:1.3em; text-align:justify;}
p.txtIntro span {color:#80318f; font-weight:bold;}
#redactionnel h2#offresEmploi {float:left; display:inline; padding:0; margin:0 0 3px 0; width:283px; height:24px; background:url(images/consultez-offres-emploi.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#offresStage {float:left; display:inline; padding:0; margin:0 0 3px 0; width:281px; height:24px; background:url(images/consultez-offres-stage.jpg) no-repeat; text-indent:-5000px;}
#redactionnel ul#listeOffres {float:left; padding:0; margin:10px 0 0 0px; width:380px; list-style:none; border-top:1px dotted #bf98c7;}
#redactionnel ul#listeOffres li {float:left; padding:0; margin:0; width:380px; height:30px; line-height:30px; font-size:1.3em; font-weight:bold; border-bottom:1px dotted #bf98c7;}
#redactionnel ul#listeOffres li a {display:block; height:30px; line-height:30px; padding:0 10px; color:#88ab02; text-decoration:none;}
#redactionnel ul#listeOffres li a:hover {display:block; height:30px; line-height:30px; padding:0 10px; color:#fff; background:#ab5eaf; text-decoration:none;}
#illustration h2#candidature {float:left; display:inline; padding:0; margin:0px 0 3px 5px; width:238px; height:24px; background:url(images/candidature.jpg) no-repeat; text-indent:-5000px;}
p.petitBordure {float:left; display:inline; padding:5px 0; margin:0 0 0 30px; width:690px; color:#5c5c5c; font-size:1.2em; border-bottom:1px solid #dbdada;}
/*********************************************************************************************************************/
/*************************************************** ESPACE SALARIES ****************************************************/
/*********************************************************************************************************************/
#espaceReserveConnecte {float:left; padding:26px 0 0 0; margin:0; width:200px; background:url(images/espace-reserve-connecte.jpg);}
#espaceReserveConnecte p { float:left; color:#80318f; font-size:12px; font-weight:bold; margin:3px 0 0px 0; padding:0 10px; width:180px; height:30px; text-align:center; line-height:15px; background:url(images/ombre-connecte.jpg) no-repeat bottom; }
#espaceReserveConnecte #deconnexion { float:left; color:#80318f; font-size:12px; font-weight:bold; margin:0; padding:0 0 0 67px; width:118px; height:40px; text-align:left; line-height:24px; text-decoration:none; background:url(images/bg-deconnexion.jpg);}
#espaceReserveConnecte #accedez { float:left; color:#80318f; font-size:12px; font-weight:bold; margin:0px; padding:0 15px 0 45px; width:140px; height:32px; text-align:left; line-height:24px; text-decoration:none; background:url(images/bg-accedez-espace.jpg);}
#espaceReserveConnecte ul { float:left; font-size:13px; font-weight:bold; margin:0 15px 15px 15px; padding:0; width:170px; list-style:none; border-top:1px solid #87a903; border-bottom:1px solid #c6ed32;}
#espaceReserveConnecte ul li { float:left; margin:0; padding:0 0 0 15px; width:155px; border-bottom:1px solid #87a903; border-top:1px solid #c6ed32; line-height:25px; background:url(images/puce-espace-reserve.jpg) no-repeat 4px 8px;}
#espaceReserveConnecte ul li a { color:#80318f; text-decoration:none;}
#partenaires2 {float:left; padding:0; margin:0; width:200px; height:150px; background:url(images/partenaires-2.jpg); text-indent:-5000px;}
h1#formation {clear:left; float:left; margin:0 0 5px 0; padding:0; width:750px; height:105px; background:url(images/titre-formation.jpg) no-repeat top; text-indent:-5000px;}
h1#liens {clear:left; float:left; margin:0 0 5px 0; padding:0; width:750px; height:105px; background:url(images/titre-liens.jpg) no-repeat top; text-indent:-5000px;}
h1#demarches {clear:left; float:left; margin:0 0 5px 0; padding:0; width:750px; height:105px; background:url(images/titre-demarches.jpg) no-repeat top; text-indent:-5000px;}
h1#offresInternes {clear:left; float:left; margin:0 0 5px 0; padding:0; width:750px; height:105px; background:url(images/titre-offres-internes.jpg) no-repeat top; text-indent:-5000px;}
#formationPrint, #liensPrint, #demarchesPrint, #offresInternesPrint {display:none;}
#redactionnel h2#validationAcquis {float:left; display:inline; padding:0; margin:20px 0 3px 0; width:341px; height:24px; background:url(images/validation-acquis.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#financementFormation {float:left; display:inline; padding:0; margin:20px 0 3px 0; width:257px; height:24px; background:url(images/financement-formation.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#contacts {float:left; display:inline; padding:0; margin:20px 0 3px 0; width:111px; height:24px; background:url(images/contacts.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#maladie {float:left; display:inline; padding:0; margin:20px 0 3px 0; width:240px; height:24px; background:url(images/maladie.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#retraite {float:left; display:inline; padding:0; margin:20px 0 3px 0; width:185px; height:24px; background:url(images/dossier-retraite.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#liensFormation {float:left; display:inline; padding:0; margin:20px 0 3px 0; width:215px; height:24px; background:url(images/liens-formation.jpg) no-repeat; text-indent:-5000px;}
#illustration h2#documents {float:left; display:inline; padding:0; margin:20px 0 12px 0; width:245px; height:24px; background:url(images/documents.jpg) no-repeat; text-indent:-5000px;}
#illustration h2#contacts {float:left; display:inline; padding:0; margin:20px 0 3px 0; width:345px; height:24px; background:url(images/contacts.jpg) no-repeat; text-indent:-5000px;}
#illustration h2#interlocuteurs {float:left; display:inline; padding:0; margin:20px 0 3px 0; width:188px; height:24px; background:url(images/interlocuteurs.jpg) no-repeat; text-indent:-5000px;}
#illustration h2#declaration {float:left; display:inline; padding:0; margin:40px 0 3px 0; width:232px; height:24px; background:url(images/declaration-revenus.jpg) no-repeat; text-indent:-5000px;}
#illustration h2#pretLogement {float:left; display:inline; padding:0; margin:20px 0 3px 0; width:275px; height:24px; background:url(images/liens-pret-logement.jpg) no-repeat; text-indent:-5000px;}
#illustration h2#liensRetraite {float:left; display:inline; padding:0; margin:40px 0 3px 0; width:193px; height:24px; background:url(images/liens-retraite.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#consulterOffresInternes {float:left; display:inline; padding:0; margin:20px 0 3px 0; width:359px; height:24px; background:url(images/consultez-offres-internes.jpg) no-repeat; text-indent:-5000px;}
#redactionnel h2#consulterOffresExternes {float:left; display:inline; padding:0; margin:20px 0 3px 0; width:361px; height:24px; background:url(images/consultez-offres-externes.jpg) no-repeat; text-indent:-5000px;}
#illustration p {float:left; padding:5px 15px; margin:0; width:290px; color:#5c5c5c; font-size:1.3em;}
#illustration p.bordure {float:left; display:inline; padding:5px 0; margin:0 0 0 15px; width:305px; color:#5c5c5c; font-size:1.3em; border-bottom:1px solid #dbdada;}
#illustration p.bordurePuce {float:left; display:inline; padding:5px 0 5px 15px; margin:0 0 0 15px; width:290px; color:#5c5c5c; font-size:1.3em; border-bottom:1px solid #dbdada; background:url(images/puce.jpg) no-repeat 0px 10px;}
#illustration p.puce {float:left; display:inline; padding:5px 0 5px 15px; margin:0 0 0 15px; width:290px; color:#5c5c5c; font-size:1.3em; background:url(images/puce.jpg) no-repeat 0px 10px;}
#illustration p.petitBordure {float:left; display:inline; padding:5px 0; margin:0 0 0 15px; width:305px; color:#5c5c5c; font-size:1.2em; border-bottom:1px solid #dbdada;}
#illustration p span, #illustration p.bordure span, #illustration p.bordurePuce span, #illustration p.puce span {color:#80318f; font-weight:bold;}
#illustration p a, #illustration p.bordure a {color:#80318f;}
h2#formationContinue {float:left; display:inline; padding:0; margin:20px 0 3px 15px; width:300px; height:24px; background:url(images/formation-continue.jpg) no-repeat; text-indent:-5000px;}
#enteteOrganisme {float:left; padding:5px 0; margin:0 5px 0 30px; width:700px; color:#80318f; font-size:1.3em; background:#dac2dd;}
#enteteOrganisme span.nom {float:left; padding:0 60px 0 5px; margin:0; border-right:1px solid #80318f; text-align:left; font-weight:bold;}
#enteteOrganisme span.domaine {float:left; padding:0 15px; margin:0; border-right:1px solid #80318f; text-align:center;}
#enteteOrganisme span.lien {float:left; padding:0 0 0 5px; margin:0; text-align:left;}
ul#organismes {float:left; padding:0 15px; margin:0 5px 10px 15px; width:700px; list-style:none;}
ul#organismes li {float:left; padding:0px; margin:0; width:700px; color:#5c5c5c; font-size:1.3em; border-bottom:1px solid #bbbbbb;}
ul#organismes li a {float:left; padding:5px 0px; text-decoration:none; color:#5c5c5c;}
ul#organismes li a:hover {float:left; padding:5px 0px; text-decoration:none; color:#5c5c5c; background:#f2ffb9;}
ul#organismes li a img {border:none; text-decoration:none;}
ul#organismes li a .nom {float:left; padding:0 0 0 5px; margin:0; width:180px; }
ul#organismes li a .educatif {float:left; padding:0px; margin:0; width:80px; text-align:center;}
ul#organismes li a .soins {float:left; padding:0px; margin:0; width:60px; text-align:center;}
ul#organismes li a .admin {float:left; padding:0px; margin:0; width:120px; text-align:center;}
ul#organismes li a .technique {float:left; padding:0px; margin:0; width:90px; text-align:center;}
ul#organismes li a .lien {float:left; padding:0 0 0 5px; margin:0; width:160px; font-size:12px;}