#sousmenu {
 margin: 0;
 padding: 0.5em 0 0.5em 2em;
 border-bottom: 1px solid #9cb4ce;
}

#menu {
margin: 0;
padding: 0;
}

#sousmenu li {
 display: inline;
 list-style-type: none;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 margin-right: 2em;
 padding: 0;
}

#sousmenu li a {
text-decoration: none;
color: gray;
background-color: inherit;
}

#sousmenu li:hover {
border-bottom: 2px solid #f60;
}

#sousmenu #currentbis a {
color: black;
}

#contenu {
margin: 1em 0.75em 0.25em 0.75em;
}

#grandtout {
background-color: white;
width: 965px;
margin-left: auto;
margin-right: auto;
-moz-box-shadow: 1px 1px 6px #555;
-webkit-box-shadow: 1px 1px 6px #555;
box-shadow: 1px 1px 6px #555;
}

/* ##### GENERAL ##### */

.gros {
font-size: xx-large;
}

.moyen {
font-size: large;
}

.petit {
font-size: x-small;
}

.gras {
font-weight: bold;
}

.gris {
color: gray;
background-color: inherit;
}

.orange {
color: #f60;
background-color: inherit;
}

.negatif {
color: white;
background: black;
padding-left: 1em;
}

.texteAdroite {
text-align: right;
}

.centrer {
text-align: center;
margin-left: auto;
margin-right: auto;
}

.centrer2 {
margin-left: auto;
margin-right: auto;
}

.espace {
margin: 0.5em;
}

.espaceEnHaut {
padding-top: 0.2em; 
}

.pdfItemList {
  list-style-image: url(/img/icons/pdficon_small.gif);
}

.htmlItemList {
  list-style-image: url(/img/icons/htmlicon.gif);
}

fieldset {
color: inherit;
background-color: #eff4fa;
border: 1px solid #9cb4ce;
margin-bottom: 2em;
}

legend {
color: white;
background-color: #9cb4ce;
padding: 0.2em;
}

body {
font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: small;
background-color: #E6E6E6;
padding: 0;
}

h1, h2, h3 {
font-family: Arial, Helvetica, sans-serif;
}

a:hover {
text-decoration: none;
color: #f60;
background-color: inherit;
}

a img {
border: 0 none;
}

.modeTexte {
text-indent: -5000px;
margin: 0;
line-height: 0em;
}

.blogue {
  border: 3px dotted #f60;
  margin-top: 1em;
}

.blogue p {
  padding-right: 1em;
  float: right;
  color: #369;
  background-color: inherit;
  font-family: Georgia, "Times New Roman", Times, serif;
}

.blogue ul {
  padding-left: 1em;
}

.blogue ul li {
  list-style-type: none;
  padding-left: 0;
}

blockquote {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: gray;
background-color: inherit;
padding: 0.2em;
margin: 0em;
border: 3px dotted #f60;
}

blockquote p {
margin: 0;
padding: 0;
}

blockquote p em {
font-size: small;
}

.droite {
text-align: right;
}

.important {
font-weight: bold;
color: #cc0000;
background-color: inherit;
}

.img {
padding-left: 180px;
}

.app_table {
text-align: center;
margin-left: auto;
margin-right: auto;
}

.app_table caption {
font-weight: bold;
color: #f60;
background-color: inherit;
margin-left: auto;
margin-right: auto;
}

.app_table th {
padding: 0.8em;
color: inherit;
background-color: silver;
}

.app_table td {
color: inherit;
background-color: #9cb4ce;
padding: 0.8em;
}

.clear {
clear: left;
}

.clear2 {
clear: right;
}

.cadre {
color: inherit;
background-color: #E6E6E6;
margin: 1.5em;
padding: 0.5em;
}

.cadre h2 {
font-family: Georgia, "Times New Roman", Times, serif;
border-bottom: 1px solid gray;
color: gray;
background-color: inherit;
margin: 0;
padding: 0;
}

.cadre2 p {
margin-top: 0;
padding-top: 0;
}

/* images de fond */

#img_voyages_1 {
height: 100px;
width: 133px;
font-size: 1px;
float: left;
margin: 8em 8em 8em 0;
background: url("/img/_celine.jpg") no-repeat;
}

#img_voyages_2 {
height: 100px;
width: 133px;
font-size: 1px;
float: left;
clear: left;
margin: 0 8em 8em 0;
background: url("/img/_joe.jpg") no-repeat;
}

#img_apropos_1 {
height: 100px;
width: 133px;
font-size: 1px;
float: left;
margin: 0 8em 8em 0;
background: url("/img/_piranas.jpg") no-repeat;
}

#img_apropos_2 {
height: 100px;
width: 133px;
font-size: 1px;
float: left;
clear: left;
margin: 0 8em 8em 0;
background: url("/img/_bob.jpg") no-repeat;
}

#img_apropos_3 {
height: 100px;
width: 133px;
font-size: 1px;
float: left;
clear: left;
margin: 0 8em 8em 0;
background: url("/img/_efteling.jpg") no-repeat;
}

#img_adhesion_1 {
height: 100px;
width: 133px;
font-size: 1px;
float: left;
margin: 0 8em 8em 0;
background: url("/img/_formule1.jpg") no-repeat;
}

#img_adhesion_2 {
height: 100px;
width: 133px;
font-size: 1px;
float: left;
clear: left;
margin: 0 8em 8em 0;
background: url("/img/_jenny.jpg") no-repeat;
}

#img_photos {
height: 100px;
width: 133px;
font-size: 1px;
float: right;
clear: right;
margin: 0 8em 8em 0;
background: url("/img/_photographes.jpg") no-repeat;
}

#img_videos {
height: 144px;
width: 100px;
font-size: 1px;
float: right;
clear: right;
margin: 0 8em 8em 0;
background: url("/img/_nicolas.jpg") no-repeat;
}

#img_pack_adherent {
height: 100px;
width: 133px;
font-size: 1px;
float: left;
clear: left;
margin: 0 8em 8em 0;
background: url("/img/_adherent.jpg") no-repeat;
}

#img_president {
height: 133px;
width: 93px;
font-size: 1px;
float: left;
clear: left;
margin: 0 8em 8em 0;
background: url("/img/bureau/_yves_president.jpg") no-repeat;
}

#img_president_honneur {
height: 133px;
width: 93px;
font-size: 1px;
float: left;
clear: left;
margin: 0 8em 8em 0;
background: url("/img/honneur/_jjp_president.jpg") no-repeat;
}

#img_membre_honneur {
height: 133px;
width: 93px;
font-size: 1px;
float: left;
clear: left;
margin: 0 8em 8em 0;
background: url("/img/honneur/_gerard_membre.jpg") no-repeat;
}

#img_tresorier {
height: 133px;
width: 93px;
font-size: 1px;
float: left;
clear: left;
margin: 0 8em 8em 0;
background: url("/img/bureau/_lilian_tresorier.jpg") no-repeat;
}

#img_secretaire {
height: 133px;
width: 93px;
font-size: 1px;
float: left;
clear: left;
margin: 0 8em 8em 0;
background: url("/img/misc/point_interrogation.png") no-repeat;
}

#img_secretaire_adjoint {
height: 133px;
width: 93px;
font-size: 1px;
float: left;
clear: left;
margin: 0 8em 8em 0;
background: url("/img/bureau/_sylvain_secretaire.jpg") no-repeat;
}

.img_nopicture {
height: 133px;
width: 93px;
font-size: 1px;
float: left;
clear: left;
margin: 0 8em 8em 0;
background: url("/img/point_interrogation.png") no-repeat;
}

#img_fe_parcspassion5ans {
height: 99px;
width: 133px;
font-size: 1px;
float: left;
clear: left;
margin: 0 8em 8em 0;
background: url("/goodies/fonds_ecran/_fe_parcspassion5ans.jpg") no-repeat;
}

/* Liste de definitions */

dd {
margin: 0;
padding: 0;
}

dt
{
margin-top: 3em;
margin-bottom: 0.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: large;

color: white;
background: black;
padding-left: 0.5em;
}


/* menu rapide */

#bandeau img {
margin-left: 0.75em;
}

#bandeau h1 {
margin-top: 0;
}

#bandeau h1 span {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
}

#menuhaut {
text-align: right;
padding: 0;
margin: 0;
}

#menuhaut #coin_gauche {
padding-left: 1.5em;
background: url('/img/misc/coin_gauche.png') no-repeat bottom left;
}

#menuhaut #coin_droit {
padding-right: 0.5em;
}

#menuhaut ul {
  padding: 0;
  margin: 0;
}

#menuhaut li {
display: inline;
font-weight: bold;
color: #eff4fa;
background-color: #eff4fa;
}

#menuhaut li a	{
text-decoration: none;
color:#369;
}

#menuhaut li a:hover {
border-bottom: 2px solid #f60;
}

/* menu principal */


#navlist {
margin-left: 0;
padding-left: 0;
padding-bottom: 0.2em;
margin: 0;
border-bottom: 1px solid #9cb4ce;
}

#navlist li {
font-family: Arial, Helvetica, sans-serif;
display: inline;
list-style-type: none;
font-weight: bold;
padding: 0.2em 1em ;
margin : 0.2em;
border-top: 1px solid #9cb4ce;
border-right: 1px solid #9cb4ce;
border-left: 1px solid #9cb4ce;
color: inherit;
background-color: #eff4fa;
-moz-border-radius: 8px 8px 0 0;
-webkit-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
}

#navlist li a {
text-decoration: none;
color: #369;
background-color: inherit;
}

#navlist li:hover {
border-bottom: 2px solid #f60;
}

#navlist #current {
color: inherit;
background-color: white;
border-bottom: 1px solid white;
}



/* page d'acceuil */

#coldroite {
float: right;
width: 15em;
}

#coldroite h2 img {
position: relative;
left: 50%; 
margin-left: -75px;
}

#coldroite #feedvalid {
position: relative;
left: 50%; 
margin-left: -44px;
}

#acceuil {
margin-right: 15em;
padding-right: 0.75em;
}

#acceuil h2 {
border-bottom: 1px solid silver;
}

#acceuil h3 {
color: white;
background-color: black;
padding-left: 0.5em;
}

#acceuil h4 {
color: #f60;
background-color: inherit;
border-bottom: 1px solid #f60;
margin-top: 2.5em;
}

.imageDansTexte {
float: left;
margin: 0 0.5em 0.5em 0;
}

.bloc {
color: inherit;
background-color: #eff4fa;
border: 1px solid #9cb4ce;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding: 0.2em 0.7em 0.7em 0.7em;
margin-bottom: 1em;
}

.bloc form {
margin-top: 0;
margin-bottom: 0;
}

.bloc h2 {
margin: 0em;
color: #369;
background-color: inherit;
font-family: Georgia, "Times New Roman", Times, serif;
}

.bloc p {
margin: 0em;
}

.bloc strong {
color: #369;
background-color: inherit;
}

.bloc ul {
padding-left: 1em;
margin: 0;
}


/* footer */

#footer {
font-family: Arial, Helvetica, sans-serif;
color: gray;
background-color: inherit;
clear: both;
font-size: x-small;
border-top: 1px solid silver;
padding: 0em 0.5em 0.25em 0.5em;
}

#footer ul {
padding-top: 0.6em;
margin-top: 0;
float: right;
}

#footer li {
display: inline;
list-style-type: none;
margin:0;
padding: 0;
}

#footer p {
margin: 0;
padding: 0;
}

#footer img {
padding: 0;
margin: 0;
}

#footer address {
padding-top: 0.4em;
margin: 0;
}

ul.ListeImages {
padding-left: 0;
}

ul.ListeImages li {
display: inline;
list-style-type: none;
}

/* photos */

.photo {
text-align: center;
margin-left: auto;
margin-right: auto;
}

.photo img {
/* border: 1px solid black; */
/* padding: 10px; */
border: 5px solid #fff;
-moz-box-shadow: 2px 2px 6px #979797;  
-webkit-box-shadow: 2px 2px 6px #979797;  
box-shadow: 2px 2px 6px #979797;
}

.photo p {
max-width: 580px;
text-align: center;
margin-left: auto;
margin-right: auto;
}

p.credit {
font-size: x-small;
color: gray;
background-color: inherit;
}


/* Vignettes anciens PetA */

.vignAncienPetA {
float: left;
width: 170px;
margin: 0 5px 20px 5px;
}

.vignAncienPetA p {
margin: 0;
padding: 0;
text-align: center;
}

.vignAncienPetA img {
border: 1px solid silver;
}

.vignAncienPetA a:hover img {
border: 1px solid #f60;
}

/* anciens PetA */

.menuAnciensPetA {
width: 16em;
float: left;
}

/* infos sur un Parcs et Attractions */

.numeroEnCours {
margin-left: 190px;
}

.numeroAncien {
margin-left: 19em;
}

.infosNumeroPetA {
padding-left: 10px;
border-left: 1px solid silver;
}

.infosNumeroPetA h3 {
border-bottom: 1px solid #f60;
color: #f60;
background-color: inherit;
}

.infosNumeroPetA ol li {
padding-bottom: 0.8em;
}

#couvPetA {
float: left;
}

#couvPetA p {
margin: 0;
}

#couvAncienPetA {
float: right;
padding: 1em;
}

#couvAncienPetA p {
margin: 0;
}

/* videos */

.video {
padding-top: 1.5em;
}

.video h3 {
border-top: 1px solid silver;
}

.video img {
float: left;
clear: left;
padding: 0.5em 0.5em 0.25em 0;
}

.video img.haut{
margin-top: 1em;
}

.video span {
font-size: x-small;
color: #f60;
background-color: inherit;
}

.video p {
margin: 0.5em;;
padding: 0;
}

/* a propos */

.apropos li {
margin-bottom: 1em;
list-style-type: none;
}


/* voyages */

.itineraire {
float: right;
margin: 0 0 10px 10px;
}

.itineraire p {
margin: 0;
padding: 0;
}

.itineraire p.copy {
font-size: x-small;
color: silver;
background-color: inherit;
text-align: right;
}

/* galerie de vignettes */

.galerie {
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

.vignette {
float: left;
height: 125px;
width: 125px;
border: 1px solid silver;
padding: 5px;
margin: 10px;
}

.vignette img{
display: block;
text-align: center;
margin-right: auto;
margin-left: auto;
}

#navigo {
list-style-type: none;
}

#navigo li {
display: inline;
margin: 5em;
}

#infos li {
margin-bottom: 0.5em;
}

/* page photos */

.album h3 span {
font-size: x-small;
color: #f60;
background-color: inherit;
}

.album h2 {
border-bottom: 1px solid silver;
}

.album {
padding-bottom: 3em;
}


/* formulaire */

#formulaire
{
width: 85%;
}

#formulaire fieldset
{
padding-bottom: 1.5em;
}

#formulaire .label_fixe
{
margin: 0;
padding: 0 .5em 0 0;
line-height: 1.8;
}

#formulaire .label_fixe span
{
float: left;	/*** Très important, ne pas suprimer ! ***/
width: 15%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
text-align: right;
font-weight: bold;
margin: inherit;
padding: inherit;
line-height: inherit;
}

#formulaire label
{
float: left;	/*** Très important, ne pas suprimer ! ***/
width: 15%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
text-align: right;
font-weight: bold;
margin: 0;
padding: 0 .5em 0 0;
line-height: 1.8;
}

#formulaire label:hover, input {
  cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

.focus {	/*** Mise en avant des champs en cours d'utilisation ***/
background: #f5f5dc;
color: black;
}

.normal {	/*** Retour à l'état normal après l'utilisation ***/
background: white;
color: black;
}

#adhesionForm {
border: none;
margin-bottom: 1em;
width: 75%;
font-size: 93%;
}

#adhesionForm h3 {
  margin: 0;
  padding : 0;
}

#corpForm fieldset {
  margin: 0 0 .5em 0;
  font-style: normal;
  padding: 0 1em 1em;
}

#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
  padding: .2em 0;
  margin: 0 0 .2em 0;
}

#corpForm .label_fixe {
  margin: 0;
  padding: 0 .5em 0 0;
  line-height: 1.8;
}

#corpForm .label_fixe span {
  float: left;	/*** Très important, ne pas suprimer ! ***/
  width: 25%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
  text-align: right;
  margin: inherit;
  padding: inherit;
  line-height: inherit;
}

#corpForm label {
  float: left;	/*** Très important, ne pas suprimer ! ***/
  width: 25%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
  text-align: right;
  margin: 0;
  padding: 0 .5em 0 0;
  line-height: 1.8;
}

#corpForm label.toto {
  float: none;	/*** Très important, ne pas suprimer ! ***/
  margin: 0;
  padding: 0 .5em 0 0;
  line-height: 1.8;
}

#corpForm label.toto span {
  padding-left: 5em;
  background: red;
}

.tata {
margin-left: 10em;
}

#corpForm .oblig{
  font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}

#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
  font: bold 1.1em arial, hevetica, sans-serif;
  color: white;
  background: black;
  margin: 0;
  padding: .5em;
}

#piedForm {
  text-align: right; /*** Les boutons sont alignés à droite ***/
}

#piedForm p {
  margin: 0;
  padding: 0;
}

#piedForm input {
  font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
  margin-left: 1em;
}

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
  border: 1px solid black;
  color: black;
  background: #efefef;
  margin: 0;
  padding: 1em;
}

#corpForm label:hover, #piedForm input {
  cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
  font-style: italic;
  color: #666;
  background: transparent;
}

#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
  text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
  margin: 0;
  padding: 0;
  border: 0;
}
#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
  cursor: help;
}

.cadreFunky {
  border: 3px dotted #f60;
  padding: 1em;
  margin: 3em 1.5em 3em 1.5em;
}

.cadreFunky h2 {
  color: #369;
  padding-left: 0.5em;
  padding-top: 0;
  margin-top: 0;
  background: #eff4fa;
}

.simple_table {
  text-align: center;
  border-collapse:collapse;
  margin-right: 0.5em;
  margin-left: 0.5em;
}

.simple_table caption {
  font-weight: bold;
  color: #f60;
}

.simple_table th {
  padding: .25em .5em .25em .5em;
  color: inherit;
  background-color: #F2F2F2;
  border:solid 1px #C4C4C4;
}

.simple_table td {
  color: inherit;
  background-color: #F7F7F7;
  padding: .25em .5em .25em .5em;
  border:solid 1px #C4C4C4;
}

.simple_table2 {
  text-align: center;
  border-collapse:collapse;
  margin-right: auto;
  margin-left: auto;
}

.simple_table2 caption {
  font-weight: bold;
  color: #f60;
}

.simple_table2 th {
  padding: .25em .5em .25em .5em;
  color: inherit;
  background-color: #F2F2F2;
  border:solid 1px #C4C4C4;
}

.simple_table2 td {
  color: inherit;
  background-color: #F7F7F7;
  padding: .25em .5em .25em .5em;
}

.simple_table2_td {
  border:solid 1px #C4C4C4;
}

.quadrillage img {
  margin : 0 .25em 0 .25em;
}

.dailymotion {
  margin: 0pt;
  padding: 0pt;
  overflow: hidden;
  width: 80%;
  height: 360px;
}

.strike{
text-decoration:line-through;
}

.rotation a:hover {
  -moz-transform: rotate(8deg);
  -webkit-transform: rotate(8deg);
  -o-transform: rotate(8deg);
}