/* CSS Document / dunnsnakes.com */

* { 
margin: 0px;
padding: 0px;
list-style-type: none;
list-style-position: outside;
}

body {
margin:0px;
padding:0px;
background-color:rgb(239,240,241);
background-image:url(design/bgtop.jpg);
background-position:top;
background-repeat:repeat-x;
}

.imgtxt_right {
padding: 10px 10px 10px 10px;
float:right;
width:300px;
text-align:left;
background-color:rgb(227,241,246);
border-radius:6px;
}

.imgtxt_left {
padding: 10px 10px 10px 10px;
float:left;
width:300px;
text-align:left;
background-color:rgb(227,241,246);
border-radius:6px;
}

.imgdocu_right {
padding-left:5px;
padding-top:4px;
float:right;
}

.imgdocu_left {
padding-right:5px;
padding-top:4px;
float:left;
}

.blocheader {
height:502px;
text-align:center;
background-image:url(design/header01.jpg);
background-position:center bottom;
background-repeat:no-repeat;
}

.bgsource {
background-color:rgb(239,240,241);
background-image:url(design/bg.jpg);
background-attachment:fixed;
}

.signature {
background-image:url(design/signature.png);
background-position:center;
background-repeat:no-repeat;
height:165px;
}

.blocrenv {
background-image:url(design/blocrenv.png);
background-repeat:no-repeat;
height:109px;
font-size: 8pt;
line-height: 11pt;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: rgb(100, 100, 100);
text-shadow: 1px 1px 2px #000;
text-align:center;
}

#navigation {
  width: 200px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#navigation li {
  background: #000 ;
  opacity:0.35;
  color: #fff ;
  border: 1px solid #000 ;
  margin-bottom: 5px ;
  border-radius: 5px;
}

#navigation li a {
  display: block ;
  background: #000 ;
  color: #fff ;
  font: 9pt "Trebuchet MS",Arial,sans-serif ;
  line-height: 1em ;
  text-align: jusitfy ;
  text-decoration: none ;
  padding: 8px ;
  border-radius: 5px;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
  background: #fff ;
  text-decoration: none ;
  color: #000 ;
  opacity:0.5;
}

.inimage01 {
background-image:url(design/blocrenv.png);
background-repeat:no-repeat;
height:166px;
width:239px;
}

.tbtopbienvenue {
background-image:url(design/tbtopbienvenue.png);
background-repeat:no-repeat;
height:67px;
width:668px;
}

.tbtopbienvenue h1 {
text-align:center;
font-size: 16pt;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: rgb(250, 250, 250);
text-shadow: 1px 1px 3px #013041;
}

.tbmiddlebienvenue {
background-image:url(design/tbmiddlebienvenue.png);
height:500px;
font-size: 10pt;
line-height:13pt;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:justify;
color: rgb(50, 50, 50);
padding-left:10px;
padding-right:12px;
vertical-align:top;
}

.tbmiddlebienvenue h2 {
font-size: 10pt;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:justify;
color: rgb(50, 50, 50);
}

.tbmiddleinfodispo {
background-image:url(design/tbmiddlebienvenue.png);
font-size: 10pt;
line-height:13pt;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:justify;
color: rgb(50, 50, 50);
padding-left:10px;
padding-right:12px;
vertical-align:top;
}

.tbbottombienvenue {
background-image:url(design/tbbottombienvenue.png);
background-repeat:no-repeat;
height:26px;
}

.tbtopdispo {
background-image:url(design/tbtopdispo.png);
background-repeat:no-repeat;
height:67px;
width:332;
}

.tbtopdispo h1 {
text-align:center;
font-size: 16pt;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: rgb(250, 250, 250);
text-shadow: 1px 1px 3px #013041;
}

.tbmiddlephotosdispo {
background-image:url(design/tbmiddlebienvenue.png);
padding-left:10px;
padding-right:12px;
vertical-align:top;
}

.tbmiddlearchives {
background-image:url(design/tbmiddlearchives.png);
background-repeat:no-repeat;
height:79px;
width:332;
}

.tbmiddlearchives h1 {
text-align:center;
font-size: 16pt;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: rgb(250, 250, 250);
text-shadow: 1px 1px 3px #013041;
}

.tbmiddledispo {
background-image:url(design/tbmiddledispo.png);
vertical-align:top;
}

.tbmiddledispoPreambule {
height: 128px;
background-image:url(design/tbmiddledispoPreambule.png);
vertical-align:middle;
font-size: 10pt;
line-height:13pt;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:justify;
color: rgb(50, 50, 50);
padding-left:28px;
padding-right:26px;
}

.tbbottomdispo {
background-image:url(design/tbbottomdispo.png);
background-repeat:no-repeat;
height:26px;
}

/* Galerie de photos des disponibilites */

dl.gallery { 
border: 1px dotted #0278a3;
background-image: url(design/bgphotosdispo.jpg);
margin-right: 3px;
margin-left: 2px;
margin-top: 5px;
margin-bottom: 0px;
padding: 5px;
text-align: left;
float: left;
}

.gallery dt {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 8pt;
line-height:10pt;
color: rgb(51, 51, 51);
}

.gallery dt img { border: 1px solid rgb(185, 185, 185);
width: 142px;
height: 91px;
}

/* Fin Galerie de photos des disponibilites */

.tbtopfb {
background-image:url(design/tbtopfb.png);
background-repeat:no-repeat;
height:67px;
width:332;
}

.tbmiddlefb {
background-image:url(design/tbmiddlefb.png);
height:500px;
width:332px;
text-align:left;
padding-left:11px;
}

.tbbottomfb {
background-image:url(design/tbbottomfb.png);
background-repeat:no-repeat;
height:26px;
}

.tbtoptube {
background-image:url(design/tbtoptube.png);
background-repeat:no-repeat;
height:67px;
}

.tbmiddletube {
background-image:url(design/tbmiddletube.png);
height:151px;
font-size: 10pt;
line-height:13pt;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:justify;
color: rgb(50, 50, 50);
padding-left:10px;
padding-right:12px;
vertical-align:top;
}

.tbbottomtube {
background-image:url(design/tbbottomcollection.png);
background-repeat:no-repeat;
vertical-align:top;
text-align:right;
padding-right:6px;
height:41px;
}

.tbtopvideo {
background-image:url(design/tbtopvideo.png);
background-repeat:no-repeat;
height:67px;
}

.tbtopvideo h1 {
text-align:center;
font-size: 16pt;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: rgb(250, 250, 250);
text-shadow: 1px 1px 3px #013041;
}

.tbmiddlevideo {
background-image:url(design/tbmiddlevideo.png);
height:414px;
padding-left:26px;
vertical-align:bottom;
}

.tbbottomvideo {
background-image:url(design/tbbottomvideo.png);
background-repeat:no-repeat;
height:26px;
}

.tbtopcollection {
background-image:url(design/tbtopcollection.png);
background-repeat:no-repeat;
height:67px;
}

.tbtopcollection h2 {
text-align:center;
font-size: 14pt;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: rgb(250, 250, 250);
text-shadow: 1px 1px 3px #013041;
}

.tbmiddlecollection {
background-image:url(design/tbmiddlecollection.png);
height:141px;
font-size: 10pt;
line-height:13pt;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:justify;
color: rgb(50, 50, 50);
padding-left:10px;
padding-right:12px;
vertical-align:top;
}

.tbbottomcollection {
background-image:url(design/tbbottomcollection.png);
background-repeat:no-repeat;
vertical-align:top;
text-align:right;
padding-right:6px;
height:41px;
}

.tbtopcontact {
background-image:url(design/tbtopcontact.png);
background-repeat:no-repeat;
height:67px;
}

.tbtopcontact h2 {
text-align:center;
font-size: 14pt;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: rgb(250, 250, 250);
text-shadow: 1px 1px 3px #013041;
}

.tbmiddlecontact {
background-image:url(design/tbmiddlecontact.png);
height:141px;
font-size: 10pt;
line-height:13pt;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:justify;
color: rgb(50, 50, 50);
padding-left:10px;
padding-right:12px;
vertical-align:top;
}

.tbbottomcontact {
background-image:url(design/tbbottomcontact.png);
background-repeat:no-repeat;
vertical-align:top;
text-align:right;
padding-right:4px;
height:41px;
}

.tbtopdocudispo {
background-image:url(design/tbtopdocudispo.png);
background-repeat:no-repeat;
height:67px;
}

.tbtopdocudispo h2 {
text-align:center;
font-size: 14pt;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: rgb(250, 250, 250);
text-shadow: 1px 1px 3px #013041;
}

.tbmiddle4s {
background-image:url(design/tbmiddle4s.png);
height:141px;
font-size: 10pt;
line-height:13pt;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:justify;
color: rgb(50, 50, 50);
padding-left:10px;
padding-right:12px;
vertical-align:top;
}

.tbbottom4s {
background-image:url(design/tbbottom4s.png);
background-repeat:no-repeat;
vertical-align:top;
text-align:right;
padding-right:6px;
height:41px;
}


/* Section collection */

.tbtoppagecollection {
background-image:url(design/tbtoppagecollection.png);
background-repeat:no-repeat;
height:67px;
width:668;
}

.tbtoppagecollection h1 {
text-align:center;
font-size: 16pt;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: rgb(250, 250, 250);
text-shadow: 1px 1px 3px #013041;
}

.tbmiddlepagecollection {
background-image:url(design/tbmiddlepagecollection.png);
height:75px;
font-size: 10pt;
line-height:13pt;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:justify;
color: rgb(50, 50, 50);
padding-left:12px;
padding-right:10px;
vertical-align:top;
}

.tbbottompagecollection {
background-image:url(design/tbbottompagecollection.png);
background-repeat:no-repeat;
height:192px;
vertical-align:top;
padding-left:7px;
}

img.photodata {
border: 1px solid rgb(135, 135, 135);
width: 210px;
height : 179px;
margin-left:5px;
}

/* Fin section collection */


.tbtoppagecontact {
background-image:url(design/tbtopbienvenue.png);
background-repeat:no-repeat;
height:67px;
width:668px;
vertical-align:middle;
}

.tbtoppagecontact h1 {
text-align:center;
font-size: 16pt;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: rgb(250, 250, 250);
text-shadow: 1px 1px 3px #013041;
}

.tbmiddle1pagecontact {
background-image:url(design/tbmiddle1pagecontact.png);
height:360px;
padding-left:9px;
vertical-align:top;
}

.tbbottompagecontact {
background-image:url(design/tbbottompagecontact.png);
background-repeat:no-repeat;
height:71px;
font-size: 9pt;
line-height:14px;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:justify;
color: rgb(250, 250, 250);
text-shadow: 1px 1px 2px #000000;
vertical-align:middle;
padding:0px 17px 0px 15px;
}

/* Section documentation */

.tbmiddledocuPreambule {
height: 180px;
background-image:url(design/tbmiddledocuPreambule.png);
vertical-align:middle;
font-size: 10pt;
line-height:13pt;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:justify;
color: rgb(50, 50, 50);
padding-left:28px;
padding-right:26px;
}

.docu_tb1nourrir {
background-image:url(design/docu_tb1nourrir.png);
vertical-align:top;
text-align:right;
height:225px;
width:332px;
}

.docu_tb1choix {
background-image:url(design/docu_tb1choix.png);
vertical-align:top;
text-align:right;
height:225px;
width:332px;
}

.docu_tb1middle {
background-image:url(design/docu_tb1middle.png);
font-size: 12pt;
line-height:14pt;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: rgb(50, 50, 50);
padding-left:10px;
padding-right:12px;
height:68px;
width:310px;
}

.docu_tb1bottom {
background-image:url(design/docu_tb1bottom.png);
background-repeat:no-repeat;
vertical-align:top;
text-align:right;
padding-right:6px;
height:41px;
width:326px;
}

.docu_tb2nix {
background-image:url(design/docu_tb2nix.png);
vertical-align:top;
text-align:right;
height:225px;
width:336px;
}

.docu_tb2middle {
background-image:url(design/docu_tb2middle.png);
font-size: 12pt;
line-height:14pt;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: rgb(50, 50, 50);
padding-left:12px;
padding-right:12px;
height:68px;
width:312px;
}

.docu_tb2bottom {
background-image:url(design/docu_tb2bottom.png);
background-repeat:no-repeat;
vertical-align:top;
text-align:right;
padding-right:6px;
height:41px;
width:330px;
}

.docu_tb3age {
background-image:url(design/docu_tb3age.png);
vertical-align:top;
text-align:right;
height:225px;
width:332px;
}

.docu_tb3middle {
background-image:url(design/docu_tb3middle.png);
font-size: 12pt;
line-height:14pt;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: rgb(50, 50, 50);
padding-left:12px;
padding-right:10px;
height:68px;
width:310px;
}

.docu_tb3bottom {
background-image:url(design/docu_tb3bottom.png);
background-repeat:no-repeat;
vertical-align:top;
text-align:right;
padding-right:4px;
height:41px;
width:328px;
}


/* Fin section documentation */

.copy {
text-align:center;
font-size: 8pt;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: rgb(90, 90, 90);
text-shadow: 1px 1px 2px #000;
}

.copy_nav {
text-align:left;
vertical-align: top;
padding-left: 15px;
font-size: 9pt;
line-height: 18pt;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: rgb(160, 160, 160);
text-shadow: 1px 1px 2px #000;
}

.copy_nav a {
font-size: 9pt;
line-height: 18pt;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: rgb(160, 160, 160);
text-shadow: 1px 1px 2px #000;
text-decoration: none;
}

.copy_nav a:hover {
font-size: 9pt;
line-height: 18pt;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: rgb(2, 120, 163);
text-shadow: 1px 1px 2px #000;
text-decoration: none;
}

.copy_3centre {
text-align:left;
vertical-align: top;
padding-right: 5px;
font-size: 9pt;
line-height: 11pt;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: rgb(160, 160, 160);
text-shadow: 1px 1px 2px #000;
}

.copy_serpents {
text-align:left;
vertical-align: top;
padding-right: 15px;
font-size: 9pt;
line-height: 18pt;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: rgb(160, 160, 160);
text-shadow: 1px 1px 2px #000;
}

.copy_serpents a {
font-size: 9pt;
line-height: 18pt;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: rgb(160, 160, 160);
text-shadow: 1px 1px 2px #000;
text-decoration: none;
}

.copy_serpents a:hover {
font-size: 9pt;
line-height: 18pt;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: rgb(2, 120, 163);
text-shadow: 1px 1px 2px #000;
text-decoration: none;
}

#submit {
width:648px;
height: 30px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight:bold; 
color: rgb(50, 50, 50);
border: 1px solid rgb(220, 220, 220);
background-image:url(design/bg.jpg);
margin-top: 5px;
opacity:0.85;
}

#msg {
width:646px;
height: 200px; 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10pt; 
color: rgb(50, 50, 50);
border: 1px solid rgb(220, 220, 220);
background-image:url(design/bg.jpg);
margin-top: 5px;
opacity:0.85;
}

.input {
width: 320px;
height: 30px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10pt; 
color: rgb(50, 50, 50);
border: 1px solid rgb(220, 220, 220);
background-image:url(design/bg.jpg);
margin-top: 5px;
opacity:0.85;
}

.inputcourriel {
width: 320px;
height: 30px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10pt; 
color: rgb(225, 0, 0);
border: 1px solid rgb(220, 220, 220);
background-image:url(design/bg.jpg);
margin-top: 5px;
opacity:0.85;
}

[data-tip] { /* on sélectionne l'attribut data-tip */
position: relative;
cursor: help;
}
[data-tip]:hover:after {
content: attr(data-tip); /* on récupère la valeur de l'attribut data-tip */
position: absolute;
top: 0px; left: -180px;
white-space: nowrap; /* no wrapping */
background: #E1520B;
padding: 5px 10px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight:bold; 
opacity:0.85;
border-radius: 5px;
}