/* MISE EN PAGE GENERALE */
body { background-color:#3F3F3F; }
.conteneur { background-position:center center; width:100%; min-height:500px; margin:0; border:0px solid #36F; background-color:none; }
.global { position:relative; left:50%; top:0; width:1130px; margin-left:-565px; border:0px solid #990000; }
.entete{ position:relative; left:50%; top:0; width:1024px; margin-left:-512px; height:128px; padding:0 0 0 0; background:url(../../images/fond-entete.png) top left no-repeat; border:0px solid #000; }
.navigation{ position:relative; left:50%; top:0; width:1024px; margin-left:-512px; width:1024px; height:auto; z-index:100; border:0px solid #585752; font-family:arial, sans-serif; background-color:#3F3F3F; }
.centre { position:relative; left:50%; top:0; width:1024px; margin-left:-512px; overflow:hidden; min-height:500px; border:0px solid #36F; background-color:#F5F6F6; }
.principal { float:left; width:1024px; height:auto; margin:0; padding:0 0 0 0; border:0px solid #990000; }
.colonneGauche { float:left; width:410px; height:auto; padding:0; margin:0 0 0 30px; border:1px solid #000000; }
.colonneDroite { float:right; width:420px; height:auto; padding:0; margin:0 30px 0 0; border:1px solid #000000; }
.pied { position:relative; left:50%; top:0; width:1024px; margin-left:-512px; height:133px; padding:0 0 0 0; border:0px solid #000000; background:url(../../images/fond-footer.png) top left no-repeat; }
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table {
  max-width: 100%;
  background-color: transparent;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #dddddd;
  text-align: left;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table .table {
  background-color: #ffffff;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}

table col[class*="col-"] {
  display: table-column;
  float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
  display: table-cell;
  float: none;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

/* ELEMENTS COMMUNS */
.logoIndex{ position:absolute; width:273px; height:75px; background:url(../../images/logo.png) top left no-repeat; margin:30px 0 0 40px; border:0px solid #000; }
.retourAccueil { position:absolute; width:273px; height:75px; margin:0; border:0px solid #060; }

.titre-principal{ float:left; width:900px; margin:20px 0 0 130px; background:url(../../images/puce-rouge.png) center left no-repeat; }
.titre-principal h1 { padding:0 0 0 20px; color:#666666; font-size:22px; font-family:'MyriadProLightRegular'; }
.titre-secondaire{ position:absolute; margin:70px 0 0 160px; }
.titre-secondaire h2 { padding:0 0 0 20px; color:#666666; font-size:22px; font-family:'MyriadProLightRegular'; }

.reseaux-sociaux { float:left; border:0px solid #000; margin:75px 0 0 870px; width:140px; }
.reseaux-sociaux #facebook { float:left; background:url(../../images/bouton-facebook.png) top left no-repeat; width:33px; height:33px; margin-right:15px; }
.reseaux-sociaux #twitter { float:left; background:url(../../images/bouton-twitter.png) top left no-repeat; width:33px; height:33px; margin-right:15px }
.reseaux-sociaux #youtube { float:left; background:url(../../images/bouton-youtube.png) top left no-repeat; width:33px; height:33px; margin-right:18px }
.lien-facebook,
.lien-twitter,
.lien-youtube { position:absolute; width:33px; height:33px; margin:0; border:0px solid #000 }

.fil-ariane{ float:left; margin:10px 0 0 0; padding-top:5px; background-color:#FFF; border:0px solid #000; width:1024px; height:17px; font-family:Arial, Helvetica, sans-serif; font-size:10px }
.fil-ariane ul { list-style:none; margin-left:15px; }
.fil-ariane ul li { float:left; margin-left:10px; color:#8C8C8C }
.fil-ariane ul li a { color:#1D4A92; color:#8C8C8C; text-decoration:none }
.fil-ariane ul li a:hover { color:#3373A7; }

.mainTitle { margin:30px 0 0 10px; border:0px solid #000; width:875px; font-size:20px; text-align:center }
.mainTitle h1 { font-size:24px; color:#1D4A92; margin:10px 0 0 0 }

.signature { position:relative; left:50%; top:0; width:1024px; margin-top:3px; margin-left:-512px; color:#8C8C8C; font-size:10px; padding:0 0 10px 0; border:0px solid #FFF; }
.signature a{ color:#8C8C8C; }
.signature a:hover{ color:#1E4A8F; text-decoration:none; }

/* ACCUEIL */
.titre-principal-accueil { margin:20px 0 0 30px; width:400px; border:0px solid #000 }
.publicite-header { position:absolute; margin:8px 0 0 370px; width:340px; height:130px; border:0px solid #000 }
.personnages { 
	position:absolute; background:url(../../images/accueil-personnages.png) top left no-repeat; width:391px; height:430px; margin:114px 0 0 5px; z-index:1;  
}
.bloc-gauche { float:left; width:410px; height:379px; background:url(../../images/fond-bloc-gauche.png) top left no-repeat; margin:20px 0 0 205px; border:0px solid #000 }
.bloc-gauche #citation { float:left; margin:15px 0 0 115px; font-size:12px; color:#FFF; font-family:Arial, Helvetica, sans-serif; width:270px; line-height:20px; text-align:justify; border:0px solid #000; }
.bloc-gauche #auteur { float:right; margin:15px 35px 0 150px; font-size:12px; color:#FFF; font-family:Arial, Helvetica, sans-serif; border:0px solid #000; }
.bloc-gauche .test { float:right; margin:65px 63px 0 0; border:0px solid #000 }
.bloc-gauche .test #titre { float:right; background:url(../../images/plus-noir.png) center left no-repeat; padding:0 0 0 20px; margin-left:50px; }
.bloc-gauche .test #titre h2 { margin:0 0 0 0; font-size:22px; font-family:'MyriadProLightRegular'; color:#666666 }
.bloc-gauche .test #titre p {  margin:0 5px 0 0; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000 }
.bloc-gauche .test #lien-test { float:right; margin:20px 55px 0 0; padding:0 0 0 15px; background:url(../../images/puce-rouge.png) center left no-repeat; }
.bloc-gauche .test #lien-test a { color:#BF0000; font-size:22px; text-decoration:underline; }
.bloc-gauche .test #lien-test a:hover { text-decoration:none; }

.bloc-droit { float:right; width:376px; height:437px; background:url(../../images/fond-bloc-droit.png) top left no-repeat; margin:0 15px 0 0; border:0px solid #000 }
#bd { position:absolute; width:289px; height:200px; margin:36px 0 0 35px; border:0px solid #000 }
.bd-lien { position:absolute; width:289px; height:200px; margin:0 0 0 0; border:0px solid #000 }
.bloc-droit #titre { position:absolute; margin:250px 0 0 18px; background:url(../../images/plus-noir.png) center left no-repeat; padding:0 0 0 20px; }
.bloc-droit #titre h2 { margin:0 0 0 0; font-size:20px; font-family:'MyriadProLightRegular'; color:#666666; text-decoration:underline; }
.bloc-droit #titre h2 a { color:#999999; font-size:20px; text-decoration:underline; }
.bloc-droit #titre h2 a:hover { text-decoration:none; }

.titre-profil { float:left; background:url(../../images/plus-noir-titre.png) top left no-repeat; padding:0 0 0 20px; margin:
370px 0 0 20px; border:0px solid #000 }
.titre-profil a { text-decoration:none; }
.titre-profil h2 { margin:0 0 0 0; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000 }
.titre-profil p { float:right; margin:0 5px 0 0; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#666 }

/* ASSO */
.titre-principal-asso { margin:20px 10px 0 40px; }
.box-top { float:left; margin:0 0 0 30px; width:961px; min-height:133px; background:url(../../images/box-top-asso.png) top left no-repeat; border:0px solid #000 }
.box-top p { color:#FFF; margin:20px 0 0 20px; width:750px; text-align:justify; line-height:18px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; border:0px solid #000  }
.box-centre { float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; text-align:justify; margin:50px 90px 0 0; width:450px; min-height:200px; border:0px solid #000 }
.personnages-asso { float:left;  background:url(../../images/accueil-personnages.png) top left no-repeat; width:391px; height:430px; margin:20px 0 0 30px; z-index:1; border:0px solid #000 }

/* OUTILS PEDAGOGIQUES */
.titre-principal-outils { margin:20px 0 0 40px; }
.text-outils { float:left; width:800px; min-height:221px; margin:10px 0 0 50px; border:0px solid #000000; text-align:justify }
.text-outils h2 { font-size:16px; text-transform:uppercase; margin:0 }
.text-outils h2 a { color:#000000; font-size:16px }
.text-outils h2 a:hover { color:#333333 }
.text-outils h3 { font-size:14px; color:#000000; margin:0; font-weight:normal; text-transform:uppercase; text-decoration:underline }
.text-outils h3 a { color:#0099FF; font-size:14px }
.text-outils h3 a:hover { color:#333333 }
.text-outils h4 { font-size:12px; color:#666666; margin:0; font-weight:normal; text-decoration:none }
.text-outils h4 a { color:#000000; text-decoration:none }
.text-outils h4 a:hover { color:#333333; text-decoration:underline }
.text-outils h5 { font-size:16px; color:#000000; margin:0; font-weight:normal; text-decoration:none }
.text-outils h5 a { color:#000000; text-decoration:none }
.text-outils h5 a:hover { color:#333333; text-decoration:underline }


/* ILS NOUS SOUTIENNENT */
.titre-principal-soutien { margin:20px 0 0 40px; }
.cartouche-parrain { float:left; width:900px; border:0 solid #000000; margin:20px 0 0 60px; }
.box-portrait { float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; text-align:justify; margin:0 0 0 20px; width:600px; border:0px solid #000 }
.box-portrait h2 { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:18px; text-align:left }
.box-portrait h3 { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:8px; text-align:left; font-style:normal; color:#999999 }
.photo-personnages { float:left; width:150px; height:150px; margin:0 0 0 0; z-index:1; border:0px solid #000 }
.cartouche-citation { float:right; border:0 solid #000000; margin:20px 0 0 60px; background: url(../../images/citation_Lincoln.png) top left no-repeat; width:487px; height:147px }


/* PARTENAIRES */
.titre-principal-partenaire { margin:20px 0 0 40px; }
.cartouche-partenaire { float:left; width:900px; border:0 solid #000000; margin:10px 0 0 40px; border:0px solid #000 }
.box-coordonnee { float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; text-align:justify; margin:0 0 10px 20px; width:600px; border:0px solid #000 }
.box-coordonnee h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:10px; text-align:left }
.box-coordonnee h3 { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:8px; text-align:left; font-style:italic; color:#999999 }
.box-coordonnee h3 a { color:#666666; font-size:12px }
.box-coordonnee h3 a:hover { color:#0099FF }
.photo-logo { float:left; top left no-repeat; width:200px; height:100px; margin:0 0 0 0; z-index:1; border:0px solid #000 }


/* BANDES DESSINEES */
.titre-principal-bd { margin:20px 0 0 40px; }
.bloc-gauche-bd { background:none; border:0px solid #000; width:560px; height:500px; margin:20px 0 0 40px }
.couv-bd1 { float:left; width:157px; height:221px; border:0px solid #000; background:url(../../images/couv-bd1.png) top left no-repeat; }
.lien-couv-bd1 { position:absolute; width:157px; height:221px; border:0px solid #000; }
.text-bd1 { float:left; width:350px; height:221px; margin:0 0 0 20px; border:0px solid #000; }
.text-bd1 h2 { font-size:12px; text-transform:uppercase; margin:0; }
.text-bd1 h3 { font-size:16px; color:#104F9C; margin:0; font-weight:normal; }
.text-bd1 h4 { font-size:16px; color:#FF0000; margin:0; font-weight:normal; }
.text-bd1 p { font-size:12px; line-height:18px; text-align:justify }
.lien-bd1 { float:right; }
.lien-bd1 a { font-size:12px; color:#CC030D; font-weight:bold; text-decoration:underline }
.lien-bd1 a:hover { text-decoration:none }

.couv-bd2 { float:left; width:157px; height:221px; margin:40px 0 0 0; border:0px solid #000; background:url(../../images/couv-bd2.png) top left no-repeat; }
.lien-couv-bd2 { position:absolute; width:157px; height:221px; border:0px solid #000; }
.text-bd2 { float:left; width:350px; height:221px; margin:40px 0 0 20px; border:0px solid #000; }
.text-bd2 h2 { font-size:12px; text-transform:uppercase; margin:0; }
.text-bd2 h3 { font-size:16px; color:#104F9C; margin:0; font-weight:normal; }
.text-bd2 h3 span { font-size:12px; }
.text-bd2 p { font-size:12px; line-height:18px; text-align:justify }
.lien-bd2 { float:right; }
.lien-bd2 a { font-size:12px; color:#CC030D; font-weight:bold; text-decoration:underline }
.lien-bd2 a:hover { text-decoration:none }

.bloc-droit-bd { width:375px; height:570px; background:url(../../images/fond-bloc-droit-bd.png) top left no-repeat; }
.bloc-droit-bd #texte { width:310px; margin:310px 0 0 25px; text-align:justify; font-size:12px; line-height:20px; color:#FFF; border:0px solid #000; }
.bloc-droit-bd #texte a { color:#FFF; text-decoration:underline; }
.bloc-droit-bd #texte a:hover { text-decoration:none; }

/* JEUX */
.titre-principal-jeux { margin:20px 0 10px 40px; }
.text-jeux { float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; text-align:justify; margin:0 0 0 60px; width:550px; min-height:200px; border:0px solid #000 }
.text-jeux h2 { font-size:16px; text-transform:uppercase; color:#FF0000; margin:0 }
.text-jeux h3 { font-size:12px; color:#104F9C; margin:0 0 10px 0; font-weight:bold; }
.photo-jeux { float:right; width:300px; min-height:362px; margin:0 50px 20px 0; z-index:1; border:0px solid #000 }
.photo-jeux ol { margin: 0 0 20px 20px; padding: 0; }
.photo-jeux ol li { font-size: 12px }
.photo-jeux ol li a { font-size: 12px }

.col_droite { float: right; width: 320px; border-left: 0px solid #000; margin: 0 20px 20px 0; padding: 0 0 0 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; text-align:justify;  }

.liste01 { margin:0 0 0 50px }
.liste01 li { padding: 3px; }
.liste01 li a { color: #333; font-size: 13px; font-weight: bold }
.liste01 li a:hover { text-decoration: none }

.bold-blue { font-weight: bold; color: #104F9C }

.liste-docs { margin:20px 0 30px 30px }
.liste-docs li { padding: 3px; }
.liste-docs li a { color: #333; font-size: 13px; font-weight: bold }
.liste-docs li a:hover { text-decoration: none }

.liste-menu-secondaire { margin:20px 0 30px 30px }
.liste-menu-secondaire li { padding: 3px; }
.liste-menu-secondaire .retour { margin-bottom: 20px }
.liste-menu-secondaire .retour a { color: #104F9C; font-size: 13px; font-weight: normal }
.liste-menu-secondaire li a { color: #333; font-size: 13px; font-weight: bold }
.liste-menu-secondaire li a:hover { text-decoration: none }

.liste-regles { margin:0 0 0 30px }
.liste-regles li { margin-bottom: 5px }

/* PROFIL */
.box-top-profil { float:left; margin:0 0 0 30px; width:959px; min-height:128px; background:url(../../images/box-top-profil.png) top left no-repeat; border:0px solid #000 }
.box-top-profil p { font-size:16px; width:850px; line-height:24px; }
.box-top-profil p span { font-family:'MyriadProLightRegular'; font-size:22px; }
.box-centre-profil { float:left; margin:0 0 40px 0; width:1024px; min-height:600px; background:url(../../images/personnage-profil.png) center; border:0px solid #000 }
.box-centre-profil-steph { float:left; margin:0 0 40px 0; width:1024px; min-height:600px; background:url(../../images/profil-entrepreneurial-steph.png) center; border:0px solid #000 }
.box-centre-profil-isa { float:left; margin:0 0 40px 0; width:1024px; min-height:600px; background:url(../../images/profil-entrepreneurial-isa.png) center; border:0px solid #000 }
.box-centre-profil-karim { float:left; margin:0 0 40px 0; width:1024px; min-height:600px; background:url(../../images/profil-entrepreneurial-karim.png) center; border:0px solid #000 }
.box-centre-profil-manu { float:left; margin:0 0 40px 0; width:1024px; min-height:600px; background:url(../../images/profil-entrepreneurial-manu.png) center; border:0px solid #000 }
.box-centre-profil-claire { float:left; margin:0 0 40px 0; width:1024px; min-height:600px; background:url(../../images/profil-entrepreneurial-claire.png) center; border:0px solid #000 }

.choix-phrase { position:absolute; margin:80px 0 0 200px; font-size:10px; color:#FFF }
.choix-personnages { position:absolute; width:400px; height:90px; margin:50px 0 0 500px; border:0px solid #000 }
.choix-personnage1,
.choix-personnage2,
.choix-personnage3,
.choix-personnage4,
.choix-personnage5 { position:relative; float:left; width:80px; height:90px; border:0px solid #000 }
.choix-personnage1 { background:url(../../images/profil-entrepreneurial-steph-buste.png) top left no-repeat; }
.choix-personnage2 { background:url(../../images/profil-entrepreneurial-isa-buste.png) top left no-repeat; }
.choix-personnage3 { background:url(../../images/profil-entrepreneurial-karim-buste.png) top left no-repeat; }
.choix-personnage4 { background:url(../../images/profil-entrepreneurial-manu-buste.png) top left no-repeat; }
.choix-personnage5 { background:url(../../images/profil-entrepreneurial-claire-buste.png) top left no-repeat; }
.choix-personnage1 a,
.choix-personnage2 a,
.choix-personnage3 a,
.choix-personnage4 a,
.choix-personnage5 a { position:absolute; width:80px; height:90px; outline:none; text-indent:-9999px; border:0px solid #000 }


.oeil-un,
.oeil-deux,
.oreille-un,
.oreille-deux,
.nez,
.cou,
.coeur,
.doigts,
.main,
.colonne,
.bras,
.jambes,
.pied-un,
.pied-deux { position:absolute; border:0px solid #000; }
.oeil-un h2,
.oeil-deux h2,
.oreille-un h2,
.oreille-deux h2,
.nez h2,
.cou h2,
.coeur h2,
.doigts h2,
.main h2,
.colonne h2,
.bras h2,
.jambes h2,
.pied-un h2,
.pied-deux h2 { margin:0; color:#104F9C; font-size:12px; }
.oeil-un h3,
.oeil-deux h3,
.oreille-un h3,
.oreille-deux h3,
.nez h3,
.cou h3,
.coeur h3,
.doigts h3,
.main h3,
.colonne h3,
.bras h3,
.jambes h3,
.pied-un h3,
.pied-deux h3 { margin:0; font-size:11px; }

.oeil-un { margin:60px 0 0 230px; }
.oeil-deux { margin:50px 0 0 570px; }
.oreille-un { margin:120px 0 0 90px; }
.oreille-deux { margin:120px 0 0 650px; }
.nez { margin:200px 0 0 40px; }
.cou { margin:160px 0 0 700px; }
.coeur { margin:280px 0 0 50px; }
.doigts { margin:220px 0 0 700px; }
.main { margin:290px 0 0 715px; }
.colonne { margin:360px 0 0 170px; }
.bras { margin:340px 0 0 640px; }
.jambes { margin:430px 0 0 670px; }
.pied-un { margin:510px 0 0 160px; }
.pied-deux  { margin:520px 0 0 640px; }

/* TEST */
.titre-principal-test { margin:20px 0 0 40px; }
.titre-secondaire-test { margin:60px 0 0 70px; }
.titre-secondaire-test h2 { font-family:'BrushScriptStdRegular'; font-size:40px; color:#0060B6; font-weight:normal }

.box-top-test { float:left; margin:50px 0 0 0; width:564px; min-height:120px; background:url(../../images/box-top-test.png) top left no-repeat; border:0px solid #000 }
.box-top-test h2 { margin:20px 0 0 85px; font-size:50px; font-family:Arial, Helvetica, sans-serif; color:#FFF; width:510px; font-weight:normal }
.box-top-test h2 span { font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:normal }

.box-top-colonne { float:right; margin:130px 110px 0 50px; background:url(../../images/test-entete-colonnes.png) top left no-repeat; width:288px; height:65px; border:0px solid #000}

.table-test { width:886px; }
.table-test tbody tr { height:30px; }
.table-test tbody th { border-bottom:1px dotted #666; text-align:left; }
.table-test tbody td { width:70px; text-align:center; border:0px solid #000 }

.bouton-valider-test { float:right; margin:20px 0 0 0; background:url(../../images/bouton-valider-test.png) top left no-repeat; width:353px; height:49px; text-indent:-1000px; border:0; cursor:pointer;  }

/* EXERCICES GROUPES SOCIAUX */
.titre-principal-exercices { margin:20px 0 0 40px; }
.text-exercices { float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; text-align:justify; margin:0 0 20px 60px; width:550px; min-height:200px; border:0px solid #000 }
.text-exercices p #auteur { color:#F60 }
.text-exercices p #auteur-site { font-size:11px; color:#000 }
.text-exercices h2 { font-size:16px; color:#FF0000; margin:0 }
.text-exercices h3 { font-size:12px; color:#000000; margin:0; font-weight:normal; }
.photo-exercices { float:left; width:300px; height:300px; margin:0 0 0 30px; z-index:1; border:0px solid #000 }

/* CONTACT */
.titre-principal-contact { margin:20px 0 0 40px; }
.formulaire { float:left; margin:10px 0 40px 40px; background:url(../../images/fond-formulaire-contact.png) top left no-repeat; width:859px; height:391px; }
.formulaire-gauche { float:left; margin:25px 0 0 30px }
.formulaire-droite { float:left; margin:25px 0 0 30px }
.bouton-submit { float:left; margin:0 0 0 100px; }
.bouton-envoyer { background:url(../../images/bouton-submit-contact.png) top left no-repeat; width:194px; height:44px; text-indent:-10000px; border:none; cursor:pointer }


/* MENTIONS LEGALES */
.titre-principal-mentions { margin:20px 0 0 40px; }
.text-mentions { float:left; width:600px; min-height:221px; margin:10px 0 0 50px; border:0px solid #000000; text-align:justify }
.text-mentions h2 { font-size:14px; text-transform:uppercase; margin:0 }
.text-mentions h2 a { color:#FFFFFF; font-size:16px }
.text-mentions h2 a:hover { color:#333333 }
.text-mentions h3 { font-size:12px; color:#000000; margin:0; font-weight:normal; text-decoration:none }
.text-mentions h3 a { color:#000000; font-size:14px }
.text-mentions h3 a:hover { color:#FF0000 }


/* LIENS */
.titre-principal-liens { margin:20px 0 0 40px; }
.text-liens { float:left; width:800px; min-height:221px; margin:10px 0 0 50px; border:0px solid #000000; text-align:justify }
.text-liens h2 { font-size:12px; text-transform:uppercase; margin:0; color:#333333 }
.text-liens h2 a { color:#000000; font-size:12px; text-transform:lowercase }
.text-liens h2 a:hover { color:#999999 }

/* PLAN DE SITE */
.titre-principal-plan { margin:20px 0 0 40px; }
.text-plan { float:left; width:800px; min-height:221px; margin:10px 0 30px 50px; border:0px solid #000000; text-align:justify }


/* PIED DE PAGE */
.pied .colonne-une { float:left; width:150px; min-height:90px; border:0px solid #CCC; margin:25px 0 0 40px }
.pied .colonne-deux { float:left; width:170px; min-height:90px; border-left:1px solid #CCC; margin:25px 0 0 0 }
.pied .colonne-trois { float:left; width:170px; min-height:90px; border-left:1px solid #CCC; margin:25px 0 0 0 }
.pied .colonne-quatre { float:left; width:150px; min-height:90px; border-left:1px solid #CCC; margin:25px 0 0 0 }

.pied .colonne-une ul,
.pied .colonne-deux ul,
.pied .colonne-trois ul { list-style:none; margin:0 0 0 10px; padding:0 }

.pied .colonne-une ul li,
.pied .colonne-deux ul li,
.pied .colonne-trois ul li { margin:0; padding:0; line-height:18px; }

.pied .colonne-une ul li a,
.pied .colonne-deux ul li a,
.pied .colonne-trois ul li a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; font-weight:normal; text-decoration:none }

.pied .colonne-une ul li a:hover,
.pied .colonne-deux ul li a:hover,
.pied .colonne-trois ul li a:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; text-decoration:underline }

.pied .colonne-quatre .facebook { float:left; margin:5px 100px 0 20px; padding-left:28px; background:url(../../images/bouton-facebook-footer.png) top left no-repeat; width:20px; height:20px; border:0px solid #000 }

.pied .colonne-quatre .twitter { float:left; margin:10px 100px 0 20px; padding-left:28px; background:url(../../images/bouton-twitter-footer.png) top left no-repeat; width:20px; height:20px; border:0px solid #000 }

.pied .colonne-quatre .youtube { float:left; margin:10px 100px 0 20px; padding-left:28px; background:url(../../images/bouton-youtube-footer.png) top left no-repeat; width:20px; height:20px; border:0px solid #000 }

.pied .colonne-quatre .facebook a,
.pied .colonne-quatre .twitter a,
.pied .colonne-quatre .youtube a { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; text-decoration:none }

.pied .colonne-quatre .facebook a:hover,
.pied .colonne-quatre .twitter a:hover,
.pied .colonne-quatre .youtube a:hover { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; text-decoration:underline; }

.pied .titre { float:right; background:url(../../images/plus-noir-titre.png) top left no-repeat; padding:0 0 0 20px; margin:
10px 40px 0 0; border:0px solid #000 }
.pied .titre a { text-decoration:none; }
.pied .titre h2 { margin:0 0 0 0; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#000 }
.pied .titre p { float:right; margin:0 5px 0 0; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#666 }

.pied .logos { float:right; margin:20px 50px 0 0; width:200px; height:100px; border:1px solid #CCC }