@charset "utf-8";

@import url(internet_reset.css);
@import url(internet_common.css);
@import url(internet_menu.css);
@import url(extranet_forum.css);

/* = = = = = = = = = = = = = = */
/* L A Y O U T   G E N E R A L */
/* = = = = = = = = = = = = = = */
body {
  background-color:#F7F7F7;
  background-image:url(../images/fond_body.gif);
  background-repeat:repeat-x;

  font-family:Verdana, Arial, Helvetica, sans-serif;

  /* 1em -> 10px en taille par défaut */
  font-size: 62.5%;
  line-height:1.6em;
  text-align:justify;
  /*color: #919C98;*/
  color: #000;
}
#global {
  width: 974px;
  margin: 0 auto;
}

/* - - - - - - - - - - - - - */
/* z o n e   d ' e n t e t e */
/* - - - - - - - - - - - - - */
#head {
  /* fausses bordures */
  background-color: #FFF;
  background-image: url(../images/fond_head.gif);
  background-repeat: repeat-y;
  margin-bottom: 14px;
}
#head h1 {
  height: 2.1em;
  line-height: 2.1em;
  font-size: 2em;
  font-weight: normal;
  letter-spacing: .1em;
  color:#000;
  margin-bottom: .5em;
}
#headLogo img {
  height: 2.1em;
  vertical-align: middle;
}
/* marges sur les côtés pour compenser la fausse bordure */
#headLogo,
#menuContainer {
  margin: 0 2px;
  padding-left: 15px;
  padding-right: 15px;
}

/* bordure haut de page */
#headLogo {
  border-top: 4px solid #9DD63B;
  padding: 10px 15px 0;
}
#headContent {
  margin-top: .5em;
  /* arrondis en bas */
  margin-bottom: 7px;
  background: transparent url(../images/fond_head_fin.gif) center bottom no-repeat;

  /* compenser la fausse bordure du conteneur */
  padding-left: 17px;
  padding-right: 17px;
  position: relative;
  bottom: -7px;

  position: relative;
  clear: both;
}

/* - - - - - - - - - - - - */
/* p i e d   d e   p a g e */
/* - - - - - - - - - - - - */
#foot {
  clear: both;
  margin: .1em 1px 0;
  border-top: 15px solid #7A8582;
  position: relative;
  padding: .5em 0;
}
/* IE only */
#foot {
  /margin-top: -1.3em;
  zoom:1;
}
#foot h2 {
  font-size: 1.1em;
  font-weight: bold;
  background: transparent url(../images/plus.gif) right top no-repeat;

}

/* - - - - - - - - - - - */
/* m o t   a c c u e i l */
/* - - - - - - - - - - - */
#motAccueil {
  width: 220px;
  padding: 0.5em 0 0.3em;
  font-size: 1.1em;
/*  margin-bottom: 7px;*/
}
#motAccueil h2 {
  margin-bottom: 0.5em;
  font-size: 1.45em;
  font-weight: bold;
  color:#7A8582;
}
#motAccueil strong {
  font-weight: bold;
}
/* - - - - - - - - - - - */
/* c a d r e   p h o t o */
/* - - - - - - - - - - - */

.cadre { position: relative; top: -1px; }

.cadre .hg,
.cadre .hd,
.cadre .bg,
.cadre .bd {
  position: absolute;
  width: 14px;
  height: 14px;
  background-image: url(../images/rounded_cadre.gif);
  background-repeat: no-repeat;
}
.cadre .hg { left: -7px; top: -7px; }
.cadre .hd { right: -7px; top: -7px; }
.cadre .bg { left: -7px; bottom: -8px; }
.cadre .bd { right: -7px; bottom: -8px; }

/* les photos*/
#photoAccueil {
  float: right;
  display: inline;
  background: transparent url(../images/visuel_accueil.jpg) left top no-repeat;
  width: 705px;
  height: 355px;
  margin-bottom: 7px;
}
#photoPage {
  background: transparent url(../images/visuel_accueil.jpg) left top no-repeat;
  width: 940px;
  height: 90px;
  margin-top: 14px;
}

/* - - - - - - - - - - - - - - - */
/* z o n e   p r i n c i p a l e */
/* - - - - - - - - - - - - - - - */
#main { margin: 2.5em 0 0 0; }
#main .contenu { font-size: 1.1em; }

/* -------------- */
/* page d'accueil */
/* -------------- */
#main.accueil #accesRapide { width: 100%; margin:0; }

#main.accueil #accesRapide #quizzAcces,
#main.accueil #accesRapide #actuAcces,
#main.accueil #accesRapide #offreAcces {
  float: left;
  display: inline;
  position: relative;
  height: 26.5em;
  padding-bottom: 4.1em;
}

#main.accueil #accesRapide #quizzAcces {
  width: 230px;
  margin: 0 20px 0 18px;
}
#main.accueil #accesRapide #actuAcces {
  width: 473px;
  margin: 0 20px 0 0;
}
#main.accueil #accesRapide #offreAcces {
  width: 195px;
  margin: 0 18px 0 0;
}

/* quizz */
#main #quizzAcces {
  background: transparent url(../images/quizz_interrogation.gif) center 2em no-repeat;
}
#main #quizzAcces ul {margin-top: 1.2em;  height: 13.4em;}
#main #quizzAcces li {padding: .5em 0;}
#main #quizzAcces input {margin: 0 .8em -.2em 0; border: none; background: none;}
#main #quizzAcces li a {text-decoration: none;}

#main #actuAcces a {text-decoration: none;}
#main #actuAcces a:hover {text-decoration: underline;}

#main #offreAcces li a {text-decoration: none; color: #FFF;}
#main #offreAcces li a:hover {text-decoration: underline;}

/* actualités */
#main #actuAcces .contenu {
  height: 180px;
  overflow: hidden;
}
#main #actuAcces li {
  margin:0;
  padding: 0 0 3.2em;
  z-index:-1;
}

/* offres (rejoignez nous) */
#main #offreAcces ul {
  color: #FFF;
  text-align: left;
}
#main #offreAcces li {
  width: 185px;
  margin: .1em 0;
  padding: 5px 5px 0;
  background: transparent url(../images/fond_offre_haut.gif) center top no-repeat;
}
#main #offreAcces strong {
  display: block;
  padding: 0 5px 5px;
  margin: 0 -5px;
  font-weight: bold;
  background: transparent url(../images/fond_offre_bas.gif) center bottom no-repeat;
}

#main.accueil .goToQuizz { background: transparent url(../images/goToQuizz.gif) center top no-repeat; }
#main.accueil .goToActu { background: transparent url(../images/goToActu.gif) center top no-repeat; }
#main.accueil .goToOffre { background: transparent url(../images/goToOffre.gif) center top no-repeat; }

#main #accesRapide #quizzAcces,
#main #accesRapide #actuAcces {
  border-bottom: 1px dotted #999;
}
#main #accesRapide #quizzAcces,
#main #accesRapide #actuAcces,
#main #accesRapide #offreAcces {
  margin: .5em 0;
  padding: .5em 0;
}
#main.accueil #accesRapide #quizzAcces,
#main.accueil #accesRapide #actuAcces,
#main.accueil #accesRapide #offreAcces {
  border: none;
}

/* ---------------- */
/* accueil extranet */
/* ---------------- */
#extranet #headContent {
  padding-top: 0;
}
#extranet #headLogo {
  padding-bottom: 0;
}
#main #keyConnect {
    width: 938px;
    margin: 0 auto;
}
#main #keyConnect .contenu h1 {
  /* gestion de l'arrondi */
  position: relative;
  top: -7px;
  margin: 1em -1em;
  padding: 1em 0;
  background: transparent url(../images/fond_connect.gif) center top no-repeat;
  font-size: 1.8em;
  padding-left: 1em;
}

#main #keyConnect .contenu .finContenu {
  /* gestion de l'arrondi */
  display: block;
  clear: both;
  position: relative;
  top: 7px;
  height: 8px;
  margin: 1em -1.1em;
  background: transparent url(../images/fond_connect_fin.gif) center bottom no-repeat;
}

#main #keyConnect .contenu {
  clear: both;
  margin: 7px 0;
  border: 1px solid #C9CCCC;
  border-width: 0 1px;
  padding: 0 1em;
  background: #FFF url(../images/morphLogoAnimate.gif) 100px center no-repeat;
}
#main #keyConnect .contenu #encartConnect {
  margin-left: 500px;
  padding: 2em 0;
}
#main #keyConnect .contenu #encartConnect #logInfo {
  border: none;
  padding-bottom: 5em;
}
/* ---------------------- */
/* page générale extranet */
/* ---------------------- */

#logInfo {
  margin: .5em 0;
  padding-bottom: .5em;
  border-bottom: .1em dotted #999;
}

/* retour à l'authentifiaction */
#goAuth {
  float: right;
  padding-right: 10px;

}
#goToExtranetMenu {margin: 1em 0 0 0;}
#accesRapide #goToExtranetMenu {display: none;}
/* ------------- */
/* page générale */
/* ------------- */

#main #page {
  float: left;
  display: inline;
  width: 729px;
  margin: 0 30px 0 0;
}

#main #accesRapide{
  float: left;
  display: inline;
  width: 195px;
  margin: 0 18px 0 -10px;
}

/* cartouche de localisation des sous menus */
#main #navLocalisation {
  margin: 0 0 0 -.5em;
  color: #666;
}
#main #navLocalisation dt,
#main #navLocalisation dd {
  float: left;
  display: inline;
}
#main #navLocalisation dt {
  font-variant: small-caps;
  margin: 0 1em 0em;
  line-height: 2.1em;
  font-size: 1.1em;
}
#main #navLocalisation li {
  float: left;
  display: inline;
  margin: 0 .5em 2em;
  background: transparent url(../images/localisationD.gif) right center no-repeat;
}
#main #navLocalisation li span {
  position: relative;
  left: -5px;
  line-height: 2.1em;
  font-size: 1.1em;
  padding: .5em .5em .5em;
  background: transparent url(../images/localisationG.gif) left center no-repeat;
}
#main #navLocalisation li span a {
  text-decoration: none;
}
#main #navLocalisation li.current {
  background-image: url(../images/localisationCurrentD.gif);
  font-weight: bold;
}
#main #navLocalisation li.current span{ background-image: url(../images/localisationCurrentG.gif); }
#main #navLocalisation li.current span a { color: #FFF;}

#main #page .contenu {
  clear: both;
  margin: 7px 0;
  background: #FFF;
  border: 1px solid #C9CCCC;
  border-width: 0 1px;
  padding: 0 1em;
}


#main #page .contenu .debutContenu {
  /* gestion de l'arrondi */
  position: relative;
  display: block;
  top: -7px;
  margin: 1em -1em;

  background: transparent url(../images/fond_page.gif) center top no-repeat;


}
#main #page .contenu .finContenu {
  /* gestion de l'arrondi */
  display: block;
  clear: both;
  position: relative;
  top: 8px;
  height: 8px;
  margin: 1em -1.1em;
  background: transparent url(../images/fond_page_fin.gif) center bottom no-repeat;
}

#main #page .contenu h1 {
  padding: 0 0 1em;
  font-size: 1.8em;
  padding-left: 2em;
  background: transparent url(../images/kc_puce.gif) left top no-repeat;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - */
/* P A G E S   D ' I N D E X   D E   R U B R I Q U E */
/* - - - - - - - - - - - - - - - - - - - - - - - - - */
#main #keyRubrique {
    width: 938px;
    margin: 0 auto;
}
#main #keyRubrique .contenu h1 {
  /* gestion de l'arrondi */
  position: relative;
  top: -7px;
  margin: 1em -1em;
  padding: 1em 0;
  background: transparent url(../images/fond_connect.gif) center top no-repeat;
  font-size: 1.8em;
  padding-left: 1em;
}

#main #keyRubrique .contenu .finContenu {
  /* gestion de l'arrondi */
  display: block;
  clear: both;
  position: relative;
  top: 7px;
  height: 8px;
  margin: 1em -1.1em;
  background: transparent url(../images/fond_connect_fin.gif) center bottom no-repeat;
}

#main #keyRubrique .contenu {
  clear: both;
  margin: 7px 0;
  border: 1px solid #C9CCCC;
  border-width: 0 1px;
  padding: 0 1em;
  background-color: #FFF;
}
#main #keyRubrique #keyMenuSmall {
  margin-left: 11em;
  width: auto;
}

/* - - - - - - - - - - - - */
/* P L A N   D ' A C C E S */
/* - - - - - - - - - - - - */
#acces div {
  float: left;
  display: inline;
  width: 45%;
  margin: 0 1%;
}

#acces li,
#plan li {
  margin: 1em 0 1em 2em;
}
#adresse h2,
#acces h2,
#plan h2 {
  margin: 1.5em 0 .5em;
}
#adresse address{
  font-style: normal;
}
#adresse strong {
  font-size: 1.2em;
  color: #8DC135;
}
#adresse .numero {
  display: block;
  margin: 1em 0;
}
#plan iframe,
#plan object {
  display: block;
  margin: auto;
  border: 1px solid #AAA;
  background-color: #EEE;
}
#plan p {
  width: 600px;
  margin: auto;
}

/* - - - - - - - - - - - - */
/* P L A N   D U   S I T E */
/* - - - - - - - - - - - - */
#plan ul {
  list-style-type: square;
}
/* - - - - - - - - - - */
/* A C C E S   Q U I Z */
/* - - - - - - - - - - */
#quizzes {
  width: 600px;
  margin: auto;
}
#quizzes li {
  font-size: 2em;
  height: 50px;
  margin: 1px 0;
  line-height: 50px;
}
#quizzes a {
  text-decoration: none;
  color: #FFF;
  display: block;
  height: 50px;
  padding-left: 1em;
  background: transparent url(../images/fond_acces_quizzes_lien.jpg) center bottom no-repeat;
}
#quizzes a:hover {
  background-position: center top;
}
/* - - - - - - - - - - - - - - */
/* Q U I Z   Q U E S T I O N S */
/* - - - - - - - - - - - - - - */
#runningQuiz {
  position: relative;
}

#runningQuiz .quizNota {
  font-size: 1.2em;
}

/* quesitons type QCM */
#runningQuiz dt {
  font-weight: bold;
  margin: 2em 0 .5em;
}
#runningQuiz label {
  display: block;
  margin: 0 1em -1px;
  padding: .5em .5em;
  border: 1px dashed #DDD;
  border-width: 1px 0;
}

/* questions ouvertes */
#runningQuiz textarea {
  border: .1em solid #919C98;
  color: #919C98;
  margin-left: 20%;
  background: #FFF url(../images/fond_quiz_ouvert.gif) left top repeat;
  line-height: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  overflow: auto;
}

/* relecture de reponse ouverte */
#runningQuiz  h4 {
  font-size: 1em;
  font-weight: bold;
  margin: 1em 0 .5em;
  border-top: 1px dashed #DDD;
  clear: both;
}
#runningQuiz  .reponse dt{
  margin: 0;
}
/* lien pour continuer le Quiz */
#continueQuiz {
  text-align: center;
  font-size: 2em;
}

/* navigation entre les pages */
#runningQuiz .nav {
  margin: 1em 0;
  padding: 0 130px;
  clear: both;
  width: auto;
}
#runningQuiz .nav p {
  width: 130px;
  height: 25px;
  background: transparent url(../images/fond_quiz_nav.gif) center center no-repeat;
  text-align: center;
  padding: 0;
}
#runningQuiz .nav p * {
  text-decoration: none;
  background: none;
  border: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .85em;
  font-weight:  bold;
  padding: 8px 0;
  color: #FFF;
  margin: 0 auto;
  display: block;
}
#runningQuiz .nav p.currentPage {
  text-align: center;
  background: none;
  width: auto;
  padding: 8px 0;
}

#runningQuiz .nav p.previous {
  float: left;
  display: inline;
  margin-left: -130px;
}
#runningQuiz .nav p.next {
  float: right;
  display: inline;
  margin-right: -130px;
}
#runningQuiz .nav p.next input:focus {
  outline: none;
}
/* page de score (page3) */
#runningQuiz #scorePage {
  padding: 8em 6em;
}
#runningQuiz #scorePage .score {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 1em;
}

/* page d'auto evaluation (page 5) */
#runningQuiz #autoEvalPage .reponse {
  width: 50%;
  float: left;
  display: inline;
  margin-bottom: 1em;
}
#runningQuiz #autoEvalPage label {
  border: none;
  display: inline;
  margin: 0 3em 0 0;
}
#runningQuiz #autoEvalPage p.verdict {
  clear: both;
  padding: 1em 0;
  text-align: center;
}

/* - - - - - - - - - - - - - - - - - - - */
/* A C C E S   T A B L E S   R O N D E S */
/* - - - - - - - - - - - - - - - - - - - */
#tablesRondes {
  width: 600px;
  margin: auto;
}
#tablesRondes li {
  font-size: 2em;
  height: 50px;
  margin: 1px 0;
  line-height: 50px;
}
#tablesRondes a {
  text-decoration: none;
  color: #FFF;
  display: block;
  height: 50px;
  padding-left: 1em;
  background: transparent url(../images/fond_acces_tables_rondes_lien.jpg) center bottom no-repeat;
}
#tablesRondes a:hover {
  background-position: center top;
}

/* - - - - - - */
/* O F F R E S */
/* - - - - - - */
#offresPage dl {
  width: 30%;
  margin: 0 1%;
  float: left;
  display: inline;
  text-align: left;
}
#offresPage dt strong {
  font-size: 1.5em;
}

#offresPage #offresEffects {
  position: relative;
  height: 32em;
}
#offresPage #offresEffects #offresMenu {
  float: left;
  font-size: 1.5em;s
}
#offresPage #offresEffects #offresMenu li {
  cursor: pointer;
}
#offresPage #offresEffects #offresMenu li.current {
  color: #8DC135;
}
#offresPage #offresEffects dl ul {
  border-left: .5em solid;
  border-bottom: 1px solid #FFF;
  list-style-type: none;
  margin: 1em 0 0 1em;
  padding: .5em 0 .5em .5em;
}
#offresPage #offresEffects dl ul li {
  border: 1px dotted;
  border-width: 1px 0;
  padding: .5em 0;
  margin: 0 0 -1px;
}
#offresPage #offresEffects dl {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 6em;
  width: 20em;
}
/* - - - - - - - - - - - - */
/* O R G A N I S A T I O N */
/* - - - - - - - - - - - - */
#organigramme {
  position: relative;
  height: 600px;
  text-align: center;
  color: #666;
  background: transparent url(../images/orga_fond.gif) left top no-repeat;
}
/* dimensions des cartouches */
#organigramme #presidence {
  width: 200px;
  height: 55px;
  margin: 0 auto 10px auto;
  background: transparent url(../images/orga_fond_pdt.jpg) center center no-repeat;
}
#organigramme #directionGenerale {
  width: 250px;
  height: 55px;
  margin: 0 auto 10px auto;
  background: transparent url(../images/orga_fond_dg.jpg) center center no-repeat;
}
#organigramme #services #secretariat,
#organigramme #services #generaux {
  width: 170px;
  height: 40px;
  padding: 15px 20px 0 10px;
  background: transparent url(../images/orga_fond_services.jpg) center center no-repeat;
}
#secretariat {
  float: left;
  display: inline;
  margin-left: 30px;
}
#generaux {
  float: right;
  display: inline;
  margin-right: 30px;
}
#directions {
  clear: both;
  width: 100%;
  padding-top: 70px;
}
#directions dl {
  width: 33%;
  float: left;
  display: inline;
}
#directions dt {
  width: 170px;
  height: 40px;
  padding: 15px 20px 0 10px;
  margin: auto;
  background: transparent url(../images/orga_fond_directions.jpg) center center no-repeat;
}
#directions li {
  width: 170px;
  height: 40px;
  padding: 15px 20px 0 10px;
  margin: 1em auto;
  background: transparent url(../images/orga_fond_directions_services.jpg) center center no-repeat;
}

/* typographie */
#directions ul {

  list-style-position: outside;
  text-align: center;
  margin: 0 -25px 0 25px;
  margin-bottom: 50px;
}

#organigramme #presidence strong,
#organigramme #directionGenerale strong	 {
  color: #666;
  font-size: 1.3em;
  line-height: 55px;
}
#organigramme #services { font-size: 1em;}

/* positionnement */
#organigramme #presidence,
#organigramme #directionGenerale,
#organigramme #services {
  position: absolute;
  font-variant: small-caps;
}
#organigramme #presidence { top: 0; left: 253px; }
#organigramme #directionGenerale { top: 105px; left: 228px; }
#organigramme #services { top: 168px; left: 0; width: 100%; }

/* - - - - - - - */
/* C O N T A C T */
/* - - - - - - - */

/*lien sur le layout */
#foot a#contact {
  position: absolute;
  right: 0;
}
#contactPage dl {
  margin: 2em 4em;
}
#contactPage dl dt {
  font-weight: bold;
  text-decoration: underline;
}
#contactPage dl dd {
  margin: .5em 0  2em 5em;
}
#contactPage #adresse {
  float: right;
  display: inline;
  margin: 2em;
}
/* - - - - - - - - - - - - - - */
/* P A G E S   D ' E R R E U R */
/* - - - - - - - - - - - - - - */
#error #global {
  position: relative;
  width: 727px;
  margin: 10% auto 0;
  background-color: #FFF;
  border: 1px solid #C9CCCC;
  border-width: 0 1px;

  /height: 300px;
  min-height: 300px;
}
#error #global h1.main {
  /* arrondi */
  position: relative;
  top: -7px;
  background: transparent url(../images/fond_error.gif) center top no-repeat;
  margin: 0 -.1em;
  font-size: 2em;
  text-align: right;
  padding: .5em 1em;
  line-height: 2em;
  zoom: 1;
}
#error #global h1.main #logo {
  float: left;
}
#error #global .finContenu {
  /* gestion de l'arrondi */
  display: block;
  clear: both;
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 7px;
  margin: 1em 0 -7px;
  background: transparent url(../images/fond_error_fin.gif) center bottom no-repeat;
}
#error #global #message {
  padding: 1em;
}
#error #global #message h1 {
  font-size: 1.5em;
  font-weight: bold;
  color: #8DC135;
}
#error #global #message h2 {
  font-size: 1.3em;
  margin-bottom: 1em;
}
#error #global p {
  width: 60%;
  margin: 1em auto;
}
/* - - - - - - - - - - - - - - */
/* P A G E S   D I S A B L E D */
/* - - - - - - - - - - - - - - */
#error.disabled #global #message {
  padding: 4.2em 1em 1em;
}



/* - - - - - - - - - - - - - - */
/* P A G E S   D'IMPRESSION    */
/* - - - - - - - - - - - - - - */


#printClose{
  cursor: pointer;
  display: block;
  float: right;
  height: 45px;
  line-height: 45px;
  width: 100px;
}

#printClose img{
  display: block;
  float: left;
}

#printClose img#imgClose{
  margin: 7px 3px 0 3px;
}

.impression #page{
  display: block !important;
  width: 100% !important;
}

.impression #page{
 padding: 0 16px !important;
}

.impression .article {
  clear: both;
  margin: 5px !important;
  margin-top: 50px !important;
}

.impression .cartouche h2.titre{
  display: none !important;
}

.impression .cartouche a.bouton{
  display: none !important;
}

.impression .cartouche .connexeCartouche .motsClefs{
  width: 100% !important;
}

.impression #main #page .contenu{
  border-width: 1px !important;
  padding: 15px;
}

.impression .cartouche{
  margin: 5px;
}

.impression #main #page .contenu h1{
  background: none;
  float: left;
  line-height: 30px;
  padding-left: 0;
  width: 70% !important;
}

#printClose p{
  float: left;
  line-height: 45px;
  margin-right: 15px;
}

#footerPrint{
  font-style: italic;
  margin: 15px 0;
}

p.PDGsign{
  text-align: right;
  margin-top: 5px;
  font-style: italic;
}