/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/

body {background:url(../images/fond.jpg) repeat-x #4db310 ; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:12px; }

h1 { color:#ffffff; font-size: 1.2em; font-weight:bold;}
h2 { color:#ffc502; font-size: 1.3em; font-weight:bold;}
h3 { color:#ffffff; font-size: 1.17em; font-weight:bold;}
h4 { color:#ffffff; font-size: 1em; }
h5 { color:#ffffff; font-size: 0.83em; }
h6 { color:#ffffff; font-size: 0.67em; }
p { color:#ffffff; font-size: 1em; }
ul, ol { color:#ffffff; font-size: 1em; }
li {  color:#ffffff; font-size: 1em; }
a { color:#ffffff; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
a:visited { } /* si changement de couleur après le clic */
input { border-width:thin; padding:3px; color:#ffffff; }
textarea { border-width:thin; padding:3px; color:#ffffff; }
em { }
strong { }
.bodyIntro p, a:link{ color: #FFFFFF; }
.bodyIntro a:visited{color:#FFFFFF;}
.bodyIntro a:hover { color:#FFFFFF; text-decoration:none; }

/* Éléments Particuliers
----------------------------------------------------------*/

/* Placement d'images */
.imgLeft{ float:left; margin-right:1em; }
.imgRight{ float:right; margin-left:1em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }

/* Des classes d'alignement du texte */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

/* Des classes de formatage du texte en ligne */
.bold, .gras { font-weight: bold; }
.italic, .italique { font-style: italic; }
.strike, .barre { text-decoration: line-through; }

/* Des classes flotante */
.floatleft { float: left; padding-right:20px;}
.floatright { float: right; }

/* Les "nettoyeurs" */
.clearb { clear: both; }
.clearer { clear: both; width: 0; height: 0; line-height: 0; }

/* Formulaire de contact */
#frmEnvoi{ width:790px; padding-top:20px;}
.divformulaire{ width:480px; float:left; padding-right:10px;}
#frmEnvoi input{ background-color:transparent; border-width:thin; }
#frmEnvoi .field{ text-align:right; padding-top:10px; }
#frmEnvoi .champ { border:none; border:#fc7100 solid 1px; padding:5px; background-color:transparent; height:15px; width:200px; }
#frmEnvoi .champmessag { border:none; border:#fc7100 solid 1px; padding:5px;  background-color:transparent; }
#frmEnvoi .champenvoi { border:none; border:#fc7100 solid 1px; padding:5px;  background-color:transparent; }
#frmEnvoi #code { border:none; border:#fc7100 solid 1px; padding:5px; background-color:transparent; }
#frmEnvoi #send2 { border-color:#fc7100;  background-color:transparent;}
#frmEnvoi textarea{ background-color:transparent; border-width:thin; display:block; height:140px; width:250px; }
#divmessage{ width:300px; float:left; padding-top:40px;}
label {color:#FFFFFF;}

/*classes supplémentaires*/
.alignimage{ float:left; margin-top:20px; margin-right:20px}
.aligntexte{text-align:left; margin-left:60px; margin-right:60px;}
.contact{text-align:left; margin-left:40px; margin-right:30px;}
.anps{position:absolute; width:55px; top:0px; left:0px;}
.txt-accueil{
	width:400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ffffff;
}

/* ************************** Tableau pour les tarifs *************************** */
.scolaire { width:550px; margin:0px auto 0px auto; border:3px solid #ea7b05; font-weight:bold; color:#ff8b00 }
.tarifs { border:1px solid #ff8b00; }
.tarifs2 { width:500px; border:4px solid #ff8b00; margin:0px auto; color:#fff; background-color:#fff }
.mois { height:40px; text-align:center }
.mois2 { height:30px; font-weight:bold }
.mhoraire { vertical-align:middle; padding:5px; }
.college { color:#fff; text-align:center; vertical-align:middle; font-weight:bold; background-color:#e92525 }
.maternelle { text-align:center; vertical-align:middle; font-weight:bold; color:#fff; background-color:#4db310 }
.groupe { height:40px; vertical-align:middle; color:#fff; padding:10px; background-color:#4db310 }
.groupe2 { height:40px; vertical-align:middle; color:#fff; padding:10px; background-color:#e92525 }
.horaire { color:#633114; }
.jaune { color:#d90000; }
.rouge { color:#D90000; }

.clearvalidator{ clear:both; height:3px;}
.janvier { width:450px; border:2px solid #fff; background-color:#c6e223; margin:0px auto 0px auto; padding:5px; }
.janvier p { color:#476b09; }
.reservation { margin-left:47px; }


.affiche-zoo { float:right; margin-top:5px; margin-right:70px }
.images-acc{ margin-left:154px}
.alignimage2{ float:right; margin-top:20px; margin-right:59px}

.cadre { text-align:center; }
.cadre { text-align:center; margin-right:56px; }

.nocturne { text-align:center; margin:0px auto 15px auto; padding:5px; font-size:16px; color:#fff; width:300px; border:1px solid #FFFFFF; background-color:#ff8b00 }
.texte-j { text-align:center; font-size:18px; }

.photos a:hover img { opacity: 0.5; filter: alpha(opacity=50); }
.photos a img { opacity: 1; filter: alpha(opacity=100); }

.ouverture { width:200px; height:368px; border:2px solid #ff8b00; float:right; background-color:#4db310; padding:5px; margin:0px 66px 0px 16px; }
.ouverture p { color:#fff }

a.liennoc  { color:#f8ff18; text-decoration:underline }
a:hover.liennoc  { color:#f8ff18; text-decoration:none }

a.acc-nocturne { color:#f8ff18; text-decoration:underline; }
a:hover.acc-nocturne { color:#f8ff18; text-decoration:none; }