/* CSS Document | Kit Blue Emotions */

/* Style de la page */

body { background:#27292c url(images/damier.gif); margin:auto; padding:auto; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
p { font-family: Verdana, Arial, Helvetica, sans-serif; color:#979fb2; font-size:1em; line-height: 19px;}

li { border-bottom:1px solid #4c5359; width: 200px; padding-bottom:5px; padding-top:5px; text-align: left; list-style:none; font-family: Arial, Helvetica, sans-serif; font-size:0.90em; }
li:hover { background:#1a1618; }

/* Haut de page | global */

#header { background:#27292c url(images/header.jpg); margin:auto; width:926px; height: 216px; text-align:center;}

/* Design menu / onglets */

a.menu:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #6c7882; text-decoration: none;}
a.menu:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #6c7882; text-decoration: none;}
a.menu:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #56ceff; text-decoration: none;}
a.menu:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #56ceff; text-decoration: none;}

/* Bas de page | design du footer et des liens */

#footer { background:#27292c url(images/footer.gif); width:926px; height: 92px; padding: 0; margin:auto;}
#footer p{ text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; color:#979fb2; font-size:9px; padding: 0; margin: 0;}
#footer a:link{ color: #dbdbdb; text-decoration: none; font-size:9px;}
#footer a:visited{ color: #dbdbdb; text-decoration: none; font-size:9px;}
#footer a:hover{ color: #dbdbdb; text-decoration:underline;}

/* Style du texte */

.titre { font-family: Georgia, "Times New Roman", Times, serif; color:#56ceff; font-size:17px; border-bottom:1px dotted #64baf6; padding-bottom:10px;}
.soustitre  { font-family: Verdana, Arial, Helvetica, sans-serif; color:#56ceff; font-size:12px;}

/* Éléments de mise en page | rollover image et mise en page des images droite ou gauche*/

#picture img{ margin: 0 0 3px 0; border: 6px solid #4c5359;}
#picture a:hover img{margin: 0 0 3px 0; border: 6px solid #98cce2;}

.picturedesignR { float:right; margin-left: 15px;}
.picturedesignL { float:left; margin: 5px 30px 0 0;}