/* Feuille de style axolotlparis.com Copyrights © Ivan Michelson */
html, body, #contenant, #contenant td  {
height:100%;
margin:0;
padding:0;
width:100%;
}
body {
line-height:1.2em;
background-color:#000;
color:#FFF;
font:14px Verdana, "Bitstream Vera serif", Serif;
}
#conteneur {
position:relative;
margin-left:auto;
margin-right:auto;
width:1024px;
height:720px;
}
a {
color:#FFF;
text-decoration:underline;
}
a:visited {
color:#FF9933;
text-decoration:underline;
}
a:hover {
color:#23FC02;
text-decoration:none;
}
a:focus {
color:#23FC02;
text-decoration:underline;
outline:none;
}
b {
font:1em Verdana, "Bitstream Vera serif", Serif;
font-weight:bold;
}
p {
margin:2px 0 5px;
}
h1 {
font-size:28px;
font-style:italic;
padding:3px;
margin-top:1px;
margin-bottom:5px;
margin-left:1px;
margin-right:1px;
} 
h2 {
font-size:24px;
padding:0 0 5px 0;
margin:1px 0 0 1px;
}
h3 {
font-size:22px;
padding:3px;
margin:1px;
}
h4 {
font-size:20px;
padding:3px;
margin:1px;
}
h5 {
font-size:18px;
padding:3px;
margin:1px;
}
h6 {
font-size:16px;
padding:3px;
margin:1px;
}
h7 {
font-size:14px;
padding:3px;
margin:1px 1px 1px 15px;
}
img {
border:0;
}
hr { /* Compatible pour IE9 */
height: 1px;
margin:5px 0 8px;
padding: 0;
color: #2B605E;
background-color: #2B605E;
border: 0;
width:99%;
text-align:center;
}
li {
list-style-type:disc;
color:#F00;
margin:0 0 0 10px;
padding:0;
}
ul {
margin:0;
padding:0 2px;
}
/* =======================================     ARTICLES    ================================================== */
.article {
/* position:relative;  et  z-index:0;   pour les coins ronds sur IE */
position:relative;
z-index:0;
width:1010px;
height:520px;
margin:5px auto 0;
border:1px solid #BBB;
padding-right:5px;
padding-left:8px;
padding-bottom:3px;
padding-top:3px;
}
/* =============== PAGE ACCUEIL ============================== */
.accueil {
display:none;
width:730px;
margin:15px 0 5px 30px;
padding:5px 5px 0 20px;
background-color:#000;
font-size:15px;
opacity: 0.7;
-khtml-opacity: 0.7;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.accueil:hover {
opacity: 0.8;
-khtml-opacity: 0.8;
}
.accueilnojs {
float:left;
width:730px;
max-height:470px;
overflow:auto; /* Molette*/
margin:10px 0 5px 30px;
padding:5px 5px 0 20px;
background-color:#000;
font-size:15px;
opacity: 0.7;
-khtml-opacity: 0.7;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
}
.accueilnojs:hover {
opacity: 0.8;
-khtml-opacity: 0.8;
}
/* =============== PAGE CONTACT ============================== */
.article_contact {
background:url('../img/bg_contact.jpg');
background-repeat:no-repeat;
width:1010px;
height:520px;
margin:5px auto 0;
border:1px solid #BBB;
padding-right:5px;
padding-left:8px;
padding-bottom:3px;
padding-top:3px;
}
.contactnojs {
width:340px;
max-height:250px;
margin:25px 5px 5px 5px;
padding:5px 10px;
overflow:auto; 
}
.contact {
display:none;
float:left;
width:325px;
margin-left:25px;
margin-top:10px;
padding:5px 5px 0 10px;

}
.txtcontact {
float:left;
width:380px;
min-height: 260px; /* 495px*/
margin:50px 5px 5px;
padding:20px 10px 10px;
background-color:#000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
-khtml-opacity:0.7;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
}

/* ======================================   FORMULAIRE PAGE CONTACT      =========================================== */
.form_contact {
float:left;
width:540px;
max-height:470px;
overflow:auto;
margin:20px 10px 0;
color:#FFF;
padding:10px;
}
.form_contact form {
font:13px "Verdana", "Bitstream Vera serif", Serif;
color:#FFF;
padding:4px;
border:0;
margin:0;
}
.error {
color:#FF7937;
font:11px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Serif;
font-weight:bold;
font-style:italic;
}
.obligatoire {
color:#FFF;
font:12px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Serif;
}
/* ===============TEXTE  LEGAL ============================= */
.txtlegal {
display:none;
width:800px;
margin:10px auto 10px;
padding:15px 15px 0 15px;
background-color:#000;
opacity: 0.6;
-khtml-opacity: 0.6;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
}
.txtlegal:hover {
opacity: 0.85;
-khtml-opacity: 0.85;
}
.legalnojs {
width:800px;
max-height:480px;
overflow:auto;
margin:10px auto 10px;
padding:15px 15px 0 15px;
background-color:#000;
opacity: 0.6;
-khtml-opacity: 0.6;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
}
.legalnojs:hover {
opacity: 0.85;
-khtml-opacity: 0.85;
}
/* ==========================      TEXTE  PHOTOS    ===================== */
.txtphoto {
display:none;
float:left;
width:325px;
margin-left:25px;
margin-top:10px;
padding:5px 5px 0 10px;
background-color:#000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
-khtml-opacity:0.7;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
}
.txtphoto:hover {
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
-khtml-opacity:0.8;
}
/* =====================      TEXTE PHOTOS NOSCRIPT    ===================== */
.nojs {
max-height:480px;
overflow:auto;
float:left;
width:350px;
margin-left:25px;
margin-top:10px;
padding:5px 5px 0 10px;
background-color:#000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
-khtml-opacity:0.7;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
}
.nojs:hover {
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
-khtml-opacity:0.8;
}
/* ===============TEXTE  PRESSE ============================= */
.txtpresse {
display:none;
width:940px;
margin:10px auto 10px;
padding:15px 15px 0 15px;
background-color:#000;
opacity: 0.6;
-khtml-opacity: 0.6;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
}
.txtpresse:hover {
opacity: 0.85;
-khtml-opacity: 0.85;
}
.pressenojs {
width:940px;
max-height:480px;
overflow:auto;
margin:10px auto 10px;
padding:15px 15px 0 15px;
background-color:#000;
opacity: 0.6;
-khtml-opacity: 0.6;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
}
.pressenojs:hover {
opacity: 0.85;
-khtml-opacity: 0.85;
}
/* =============================     CADRE POUR TABLEAU DES MINIATURES    =========== */
.cadre_photo {
float:left;
width:540px;
height:518px;
margin-top:2px;
margin-left:30px;
}
/* :::::::::: Pour celles à gauche (Curiosité et Sur-Mesure) :::::::  */
.cadre_photo2 {
float:left;
width:540px;
height:518px;
margin-top:2px;
margin-left:5px;
}
/* ================DIV miniatures  pour effet de lumière au survol ======================= */
.allume {
opacity: 0.7;
-khtml-opacity: 0.7;
}
.allume:hover {
opacity: 0.99;
-khtml-opacity: 0.99;
}
/* =========================== TEXTE SOUS MINIATURES ========================= */
.model {
font-size:10px;
color:#DDD;
background-color:#09042B;
padding:0 1px;
margin:2px 0 3px;
}
/* ================================= ADMIN ================================ */
#admin {
width:1024px;
height:120px;
margin:0 auto 3px;
border:1px solid #EEE;
background-color:	#398D8A;
}
#admin a {
color:#FFF;
text-decoration:none;
}
#admin_infos {
width:992px;
height:40px;
margin:0 0 0 15px;
padding:0;
color:#000;
border:1px #DDD solid;
}
#admin_infos input {
font:14px Arial, Serif;
margin:5px 0 0 5px;
padding:3px;
}
#telecharger {
width:235px;
height:30px;
margin:8px auto 15px;
padding:0;
color:#000;
}
#telecharger input {
font:14px Arial, Serif;
padding:2px;
}
#loggin {
width:1014px;
height:140px;
margin:15px auto 3px;
border:1px solid #EEE;
background-color:	#398D8A;
color:#000;
padding:10px;
}
.article_admin {
width:1010px;
min-height:500px;
margin:5px auto 0;
border:1px solid #BBB;
padding-right:5px;
padding-left:8px;
padding-bottom:3px;
padding-top:3px;
}
.article_admin a {
color:#FFF;
text-decoration:none;
}
.article_admin a:visited {
color:#FFF;
text-decoration:none;
}
.article_admin a:hover {
color:#F0C;
text-decoration:underline;
}
/* ========= FORM (MAJ Texte)  POUR ADMIN =====*/
.formulaire {
width:750px;
margin:10px auto;
font:13px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Serif;
color:#000;
padding:4px;
background-color: #EEE;
}
.formulaire a {
color:#00F;
text-decoration:none;
}
.formulaire a:visited {
color:#800080;
text-decoration:none;
}
.formulaire a:hover {
color:#F0C;
text-decoration:underline;
}
.formulaire form {
font: 12px "Verdana", "Bitstream Vera serif", Serif;
color: #000; 
background-color:#EEE;
padding:4px;
border:1px solid #DDD;
border-spacing: 0;
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
}
.formulaire input {
font:15px "Verdana", "Bitstream Vera serif", Serif;
color:#000;
}
/*   ===================== Formulaires MAJ  de texte  et Upload de Photo ====================  */
.tabloform {
width:100%;
padding:5px;
border-spacing:1px;
}
.titre {
font-size:15px;
color:#FFF;
background-color:#2B605E;
padding:5px;
font-weight:bold;
}
.txtform {
color:#000;
font:13px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Serif;
}
.txtok {
color:#FFF;
font:13px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Serif;
font-weight:bold;
}
.txterror {
color:#000;
font:11px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Serif;
font-weight:bold;
}
.bgrouge {
background:#F00;
}
.avertissement {
color:#FFF;
font-weight:bold;
}
.requis {
color:#000;
font:12px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Serif;
padding-bottom:10px;
}
.trente {
width:30%;
text-align:right;
vertical-align:top;
}
.champ {
border:1px solid #A39689;
}
.bouton {
padding:5px 0;
}
/* =============================================  BANNNIERE  ======================================= */
.banniere {
width:1024px;
height:140px;
margin:0 auto;
background:url("../img/axolotl_banniere.jpg");
background-repeat:no-repeat;
}
/* ========================================= MENUS HORIZONTAUX ====================================== */
.menu {
width:1024px;
height:140px;
margin:0;
}
.bouton_menu {
float:left;
width:100px;
height : 93px;
margin-left:10px;
margin-top:55px;
}
/* Icones Menu Passives Hover et Actives */
#icon1 {
background:url("../img/menu_accueil.png");
background-repeat:no-repeat;
}
#icon1:hover, #icon1_encours {
background:url("../img/menu_accueil2.png");
background-repeat:no-repeat;
}
#icon2 {
background:url("../img/menu_aquamarine.png");
background-repeat:no-repeat;
}
#icon2:hover, #icon2_encours {
background:url("../img/menu_aquamarine2.png");
background-repeat:no-repeat;
}
#icon3 {
background:url("../img/menu_bulles.png");
background-repeat:no-repeat;
}
#icon3:hover, #icon3_encours {
background:url("../img/menu_bulles2.png");
background-repeat:no-repeat;
}
#icon4 {
background:url("../img/menu_structures.png");
background-repeat:no-repeat;
}
#icon4:hover, #icon4_encours {
background:url("../img/menu_structures2.png");
background-repeat:no-repeat;
}
#icon5 {
background:url("../img/menu_perles.png");
background-repeat:no-repeat;
}
#icon5:hover, #icon5_encours {
background:url("../img/menu_perles2.png");
background-repeat:no-repeat;
}
#icon6 {
background:url("../img/menu_curiosites.png");
background-repeat:no-repeat;
}
#icon6:hover, #icon6_encours {
background:url("../img/menu_curiosites2.png");
background-repeat:no-repeat;
}
#icon7 {
background:url("../img/menu_surmesure.png");
background-repeat:no-repeat;
}
#icon7:hover, #icon7_encours {
background:url("../img/menu_surmesure2.png");
background-repeat:no-repeat;
}
#icon8 {
background:url("../img/menu_contact.png");
background-repeat:no-repeat;
}
#icon8:hover, #icon8_encours {
background:url("../img/menu_contact2.png");
background-repeat:no-repeat;
}
/* Variable pour menu ACTIF du bas */
#encours {
color:#02FC9D;
text-decoration:none;
}
/* Le coquillage du lecteur de music */ 
#music {
display:block; 
position:absolute;
top:25px;
width:48px;
height:48px;
margin-left:900px;
background:url("../img/icon_lecteur.png");
background-repeat:no-repeat;
}
/* Le coquillage du lecteur de music */ 
#music:hover {
display:block; 
position:absolute;
top:25px;
width:48px;
height:48px;
margin-left:900px;
background:url("../img/icon_lecteur2.png");
background-repeat:no-repeat;
}
/* ===========================================  PERSONALISATION  ================================ =========== */
.stabylo {
background-color:#FF9;
padding:0 2px;
}
.annonce {
margin-left:20px;
font-size:14px;
color:#F0FFFF;
}
.i {
font-style:italic;
}
.u {
text-decoration:underline;
}
.info {
font-size:11px;
color:#DDD;
}
.note {
font-size:10px;
letter-spacing:0.09em;
}
.centrer {
text-align:center;
}
.marge {
margin-left: 15px;
}
.marge2 {
margin-top: 50px;
margin-left: 50px;
}
/* Mis à jour le .... */
.update {
text-align:right;
font-size:9px;
color:#FFF;
margin:0 2px 7px;
}
.avertissementjs {
font:11pt 'Bitstream Vera sans', Arial, sans-serif;
font-weight:bold;
color:#F00;
background-color:#FCFCFC;
border:1px solid #F00;
text-align:center;
padding:5px 0;
margin:0;
}
.pan2 {
font-size:12px;
background-color:	#1D3821;
padding:2px;
margin-left:20px;
}
.edito {
float:left;
margin-right:1.5%;
}
.edito2 {
float:right;
margin-left:1.5%;
}
/* ================================ PIED DE PAGE =========================== */
.pied {
text-align:center;
font-size:12px;
margin:8px auto 5px;
width:1024px;
padding:0;
}
div.pied a {
font-size:12px;
color:#FFF;
text-decoration:none;
}
div.pied a:hover, div.pied a:focus {
color:#23FC02;
text-decoration:none;
}
/* Web-Design */
#hirondelle {
margin-top:10px;
font-size:9px;
text-align:center;
}
#hirondelle a {
text-decoration:none;
}