@charset "utf-8";
/* CSS Document */


/*
bleu foncé 273340

 */

html, body
{
    font-family: ITC Avant Garde Gothic, Avant Garde, Arial, Helvetica, Serif;
    font-size: 12px;
    font-weight: normal;
    color: #777777;
    margin: 0;
    padding: 0;
    border: 0;
	text-align:center;
	background-color:#009DDC;
	height:100%;
}
a { text-decoration: none; outline-style:none; color:#009DDC;} /* enleve le pointillé rouge dans firefox */
a:hover { text-decoration: underline;}

* {outline: none;}/*  Enlever le bug bleu de safari */

ul li {margin:0;padding:0;
        background:url(images/puces/bullet_poisson.gif) no-repeat 0em 0.6em; list-style-type:none;
        padding:7px 20px 7px 32px; margin-left:-20px;
        }



img { border: none; display: block;} /* Pour ne pas qu'il y aie un espace sous les images*/
h1, h2, h3
{
    font-size: 1em;
    margin: 0;
}

h1{font-family:ITCAvaGarMM; font-size:50px; color:#009DDC;}
h2{ font-size:20px; color:#009DDC; }

/* Bon à savoir */
a.info:hover{z-index:25; background-color:#ff0}
a.info span{display: none}

#etiquette {position:absolute;}
#poisson {position: absolute; bottom:0px; left:0;}
#tasse {position: absolute; bottom:0px; right:0px;}

/* pour centrer la div principale*/
.wrapper {min-width:955px;min-height:100%;height:auto !important;height:100%;position:relative;background:url(images/feuille_slice.jpg) repeat-y top center;}
#divcentrale {margin: 0 auto;width: 955px;padding-bottom:80px;position:relative;} /* largeur du contenu */
#header {height:266px; background-image:url(images/header.gif); }

#divnav {width:690px;height:266px;}
        #hnav, #hnav li {list-style:none;margin:0;padding:0;}
        #hnav { position: absolute; top: 0; left: 146px; width: 690px; height: 266px; background: url('images/horz_sprite.gif') no-repeat top; } 
        #hnav li { position: absolute; left: 0; height: 266px; } 
        #hnav li a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 266px; text-indent: -9999em; }
        #hnav #hnavprofil { width: 188px; left: 0; } 
        #hnav #hnavservices { width: 197px; left: 188px; } 
        #hnav #hnavportfolio { width: 142px; left: 385px; } 
        #hnav #hnavjoindre { width: 164px; left: 527px; } 
        
#contenu {background:url(images/feuille.jpg) no-repeat top center;min-height:776px;height:auto !important;height:776px;}
#colonnedroite {padding:150px 170px 250px 400px;text-align:left;}

#footer { position:absolute;left:0;bottom:0;z-index:1;width:100%;background:#333 url('images/footer_tile.gif') repeat-x;}
#innerFooter {width:955px;height:80px;margin:0 auto;position:relative;}

#copyright {font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align: center; color:#ffffff;}

/* rollover */
.rollOver{display: block;background-repeat: no-repeat;background-position: 0 0;float: left;}
.rollOver:hover{background-position: bottom right;}
.rollOver span{display: none;}
.icone {width: 354px;height: 34px;}

/* CLEAR FIX pour régler les problemes de float, mettre sur la div conteneur */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
 html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

.sIFR-flash {visibility: visible !important;margin: 0;padding: 0;}
.sIFR-replaced, .sIFR-ignore {visibility: visible !important;}
.sIFR-alternate {position: absolute;left: 0;top: 0;width: 0;height: 0;display: block;overflow: hidden;}
.sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}