body { margin-bottom : 0;
margin-top : 0;
margin-left : 0;
margin-right : 0;
padding : 0;
font : 14px verdana, arial, sans-serif;
background-color : #779ac1;
text-align : center;} 

#menu-general { width : 800px;
margin : auto;
border-top : 2px solid #000;
border-left : 1px solid #000;
border-right : 1px solid #000;
border-bottom : 1px solid #000;} 

#entete { width : 800px;
height : 48px;
border-bottom : 1px solid #779ac1;
background-image : url(http://ile-penotte-lessablesdolonne.com/entete/frise-de-dauphins.jpg);
background-repeat : no-repeat;
background-position : 0% 50%;} 

#petit-menu {padding : 4px 0;
font-size : 11px;
text-align : left;
background-color : #779ac1;
border-top : 1px solid #000;
border-bottom : 1px solid #000;} 

#columnswrapper { float : left;
width : 800px;
background-color : #dfdfe1;
background-image : url(http://www.ile-penotte-lessablesdolonne.com/ressources/fond.gif);} 

#menugauche {margin-top : 5px;
float : left;
width : 140px;
margin-left : -800px;
border : 0 solid yellow;} 

#conteneur {float : left;
width : 650px;
margin-left : 150px;
display : inline;
border : 0 solid red;
background-image : url(http://ile-penotte-lessablesdolonne.com/ressources/fond.jpg);} 

#bas-image { margin-top : 330px;
float : left;
width : 130px;
margin-left : -795px;} 

#conteneur {padding : 0 0;} 

#contentinner {margin : 0 20px 10px 10px;} 

#conteneur div#menuimage {width : 180px;
float : left;
margin : 1px 4px 2px 0;} 
div#conteneur div#menuimage p { 
font-size : 12px;
margin : 0 10px 0 0;} 
div#conteneur div#menuimage h2 { 
font-style : normal;
font-size : 14px;
margin : 0 4px;
color : #8080f0;
background-image : url();} 

div#conteneur div#menuimage h3 { 
font-style : normal;
font-size : 12px;
margin : 0 4px;
color : #a2a2ee;} 

div#conteneur h1 { 
font-size : 22px;
font-style : normal;
margin-top : 5px;
font-family : 'comic sans MS', verdana, sans-serif;
color : #6f6fbc;}
 
div#conteneur p { 
font-size : 12px;
margin-top : 0;
margin-bottom : 0.5em;
text-align : justify;
color : #7e7d7d;} 

div#conteneur li {font-size : 12px;} 

div#conteneur blockquote { 
width : 200px;
float : right;
font-size : 12px;
border-top : 3px dotted #960;
border-bottom : 2px dotted #960;
margin : 0 10px;
padding : 6px 10px;} 
div#conteneur blockquote p { 
margin : 0;
font-style : italic;
} 
div#conteneur a { 
text-decoration : underline;
color : #8080f0;
} 
div#conteneur a:hover { 
color : #8080f0;
text-decoration : none;
} 
div#texte p { 
font-family : 'comic sans MS', verdana, sans-serif;
color : #84443a;
} 
div#petit-menu ul {margin : 2px 0;} 
div#petit-menu li {display : inline;border-left : 1px solid;color : #fff;padding : 0 5px 0 9px;
border-left : 0;} 
div#petit-menu ul li a { text-decoration : none;color : #fff;} 
div#petit-menu ul li a:hover {text-decoration : none;color : #990000;} 
div#menugauche { 
padding-top : 5px;
} 
div#menugauche p { 
text-align : center;
margin : 0 0 10px 5px;
} 
div#menugauche img { 
border : 1px solid blue;
} 
div#menugauche ul { 
border : 0;
margin : 2px 1.25em 20px 1.25em;
padding : 0;
list-style-type : none;
font-weight : normal;
font-size : 12px;
border : 0 solid black;
} 
div#menugauche li { 
background-repeat : no-repeat;
background-position : 50% 50%;
border-bottom : 1px dotted #779ac1;
margin : 0;
padding : 0.1em 0;
text-indent : 0.2em;
} 
div#menugauche li:first-child { 
border-top : 0 dotted #779ac1;
} 
div#menugauche a { 
text-decoration : none;
color : #6f6fbc;
} 
div#menugauche a:hover { 
color : #ff8432;
text-decoration : underline;
} 
* html div#menugauche ul { 
border-top : 0 solid #779ac1;
} 
* html div#menudroite ul { 
border-top : 0 solid #779ac1;
} 
div#pieddepage ul li a:hover { 
text-decoration : underline;
color : #9999ff;
} 
div#petit-menu2 {padding : 4px 0;
font-size : 11px;
text-align : left;
background-color : #779ac1;
border-top : 1px solid #000;
border-bottom : 0px solid #000;} 

div#petit-menu2 ul { margin : 2px 0;} 
div#petit-menu2 li {display : inline;
border-left : 1px solid;
color : #fff;
padding : 0 5px 0 9px;border-left : 0;} 
div#petit-menu2 ul li a {text-decoration : none;color : #fff;} 
div#petit-menu2 ul li a:hover { text-decoration : none;color : #990000;}
 
div#pieddepage ul.fineprint li { color : #c60;} 
div#pieddepage ul.fineprint li a {color : #c60;} 
div#pieddepage ul.fineprint li a:hover {color : #960;} 
.photos1 { 
border : 1px solid #000000;
} 
.mention {font-family : 0.5em verdana, arial, sans-serif;font-style : italic; margin-left:20px;}
.menu {font-family : 4px verdana, arial, sans-serif;font-style :normal;color : #7e7d7d;}

a.info {position:relative;text-decoration:none;}
a.info span {display:none;}
a.info:hover {background: none; z-index:500;}
a.info:hover span {display:inline;position: absolute; z-index:500; top: -3em; left: 0em; background:blue; text-align: justify; color:white; padding: 0.2em;}