* { margin: 0; padding: 0; }
body, html { background-image:url(../../visuel/fond4.jpg); font: 11px/18px verdana, arial,"sans serif"; }
/* Contient l'ensemble du site */
div#contenant { position: relative; height:500px; vertical-align:left}
div#contenant_site { height: 500px; vertical-align:left }
#imagebg { position: absolute; top:5px; left:0; }
.paddingtop { padding-bottom: 25px; width: 200px; height:100px; font: 10px/14px verdana, arial,"sans serif"; letter-spacing: -0.2px; }
.paddingbottom { width: 200px; vertical-align:top; font: 10px/14px verdana, arial,"sans serif"; letter-spacing: -0.2px; }
.texte { margin-bottom: 25px; margin-left:0px; margin-top:30px; width: 300px; font: 10px/14px verdana, arial,"sans serif"; letter-spacing: -0.2px; color:#ffffff }
.toile-description {margin-left:10px; margin-right:10px; margin-top:310px; width:220px; font: 10px/14px verdana, arial,"sans serif"; letter-spacing: -0.2px; line-height:20px }
.description { font: 10px/14px verdana, arial,"sans serif"; letter-spacing: -0.2px; line-height:16px ; color:#cccccc }
.collaboration { font: 10px/14px verdana, arial,"sans serif"; letter-spacing: -0.2px; line-height:16px ; color:#DB9F7A }
.titre { font-size: 14px; font-family: arial, verdana, "sans serif"; color: #DB9F7A; line-height: 1em; font-weight:bold; line-height:20px; text-transform:uppercase }
.titre-toile { font-size: 14px; font-family: arial, verdana, "sans serif"; color: #ffffff; line-height: 1em; font-weight:bold; text-transform:uppercase; line-height:20px }
.copyright{ font: 9px arial,"sans serif"; letter-spacing: -0.2px; line-height:20px; color:#666666 }
a:link, a:visited { color: #666666; text-decoration: none; }
a:hover, a:active { color: #CEC7C1; text-decoration:none; }
a.menu:link { color: #DB9F7A; text-decoration: none; font-size:14px; font-weight:bold; font-family: arial, verdana, "sans serif"; text-transform:uppercase }
a.menu:visited{ color: #DB9F7A; text-decoration: none; font-size:14px; font-weight:bold; font-family: arial, verdana, "sans serif";text-transform:uppercase}
a.menu:hover { color: #ffffff; text-decoration:none; font-size:14px; font-weight:bold; font-family: arial, verdana, "sans serif";text-transform:uppercase}
a.menu:active { color: #DB9F7A; text-decoration:none; font-size:14px; font-weight:bold; font-family: arial, verdana, "sans serif";text-transform:uppercase}
a.logo:link { color: #ffffff; text-decoration: none; font-size:24px; font-family: arial, verdana, "sans serif"; text-transform:uppercase }
a.logo:visited{ color: #ffffff; text-decoration: none; font-size:24px; font-family: arial, verdana, "sans serif"; text-transform:uppercase}
a.logo:hover { color: #CEC7C1; text-decoration:none; font-size:24px; font-family: arial, verdana, "sans serif"; text-transform:uppercase}
a.logo:active { color: #ffffff; text-decoration:none; font-size:24px; font-family: arial, verdana, "sans serif";text-transform:uppercase}
a.courriel:link { color: #DB9F7A; text-decoration: none; font-size:10px; font-weight:bold; font-family: arial, verdana, "sans serif"; text-decoration:underline }
a.courriel:visited{ color: #DB9F7A; text-decoration: none; font-size:10px; font-weight:bold; font-family: arial, verdana, "sans serif";text-decoration:underline}
a.courriel:hover { color: #CEC7C1; text-decoration:none; font-size:10px; font-weight:bold; font-family: arial, verdana, "sans serif";text-decoration:underline}
a.courriel:active { color: #DB9F7A; text-decoration:none; font-size:10px; font-weight:bold; font-family: arial, verdana, "sans serif";text-decoration:underline}
a.PROJETpixel:link { color: #666666; text-decoration: none; font: 9px arial,"sans serif"; letter-spacing: -0.2px;}
a.PROJETpixel:visited{ color: #666666; text-decoration: none; font: 9px arial,"sans serif"; letter-spacing: -0.2px;}
a.PROJETpixel:hover { color: #999999; text-decoration: none; font: 9px arial,"sans serif"; letter-spacing: -0.2px;}
a.PROJETpixel:active { color: #666666; text-decoration: none; font: 9px arial,"sans serif"; letter-spacing: -0.2px;}
a.menugalerie:link { color: #666666; text-decoration: none; font: 10px verdana, arial,"sans serif"; letter-spacing: -0.2px; text-transform:uppercase }
a.menugalerie:visited{ color: #666666; text-decoration: none; font: 10px verdana, arial,"sans serif"; letter-spacing: -0.2px; text-transform:uppercase }
a.menugalerie:hover { color: #cccccc; text-decoration: none; font: 10px verdana, arial,"sans serif"; letter-spacing: -0.2px; text-transform:uppercase }
a.menugalerie:active { color: #666666; text-decoration: none; font: 10px verdana, arial,"sans serif"; letter-spacing: -0.2px; text-transform:uppercase }
.petitTexte { font: 10px/14px verdana, arial,"sans serif"; letter-spacing: -0.2px; }
.note { position: absolute; bottom: 7px; width: 550px; color: #000000; z-index: 1000; margin-left: -275px; font: 10px/12px verdana, arial,"sans serif"; }
#row1 { float: left; position: relative; }
#row2 { float: left; margin-top: -300px; margin-right: -3px;/*<-- pour glitch ie6*/ }
div .section1X2 { width: 200px; height: 445px; background-color: #333333; float: left; }
div .section2X2 { width: 600px; height: 445px; background-color: #333333; float: left; }
div .carre_1x1 { width: 200px; height: 445px; background-color: #333333; float: left; }
div .carre_1x2 { height: 445px; background-color: #140A09; float: left; }
div .carre_2x1 { width: 600px; height: 445px; background-color: #140A09; float: left; }
div .carre_2x2 { width: 600px; height: 445px; background-color: #140A09; float: left; }
div .carre_toile { height: 445px; background-color: #140A09; float: left; }
div .carre_texte { width:400px; height: 445px; background-color: #140A09; float: left; }
.c1x1floatleft { float: left; width: 250px; }
.c1x1floatright { float: right; width: 250px; }
.paddingtop { padding-top: 25px; padding-left: 24px; padding-right: 24px; height:100px; }
.paddingbottom{ padding-top: 0px; padding-left: 24px; padding-right: 24px; height:345px; vertical-align:bottom}
.contact p { margin-bottom: 25px; }
div#main { background-color: #fcfbf8; }
#nav{height:100px; /*border: 1px #fff solid;*/ float: left; position: relative; margin-top:20px }
#navigation { width: 1000px; height: 100px; position: fixed; left: 20px; }
#navigation ul { margin-left:30px; list-style: none; }
#navigation li { float: left; }
#bas { background-color: #ffffff; height: 1px; clear: left; }
#haut { background-color: #ffffff; height: 1px; clear: left; }
/*---- sIFR ---*/
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-unloading .sIFR-flash { visibility: hidden !important; }
.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; }
.sIFR-dummy { width: 0px; height: 0px; margin-left: 42px; z-index: 0; }
/*---- Header styling ---
/* ###################### SiFR STYLES ############################ */
h1 { font-size: 16px; font-family: arial, verdana, "sans serif"; color:#666666; line-height: 1em; text-transform: uppercase; }
h2 { font-size: 16px; font-family: arial, verdana, "sans serif"; color: #000000; line-height: 1em; text-transform: uppercase; margin-top: 3px; }
h3 { font-size: 10px; font-family: arial, verdana, "sans serif"; color: #000000; line-height: 1em; margin-top: 5px; font-weight:normal }
/*#navigation a:link, #navigation a:visited { color: #ffffff; text-decoration: none; text-transform: uppercase; font: 12px/12px verdana, arial,"sans serif"; }
#navigation a:hover, #navigation a:active { color: #ffffff; text-decoration:underline; text-transform: uppercase; font: 12px/12px verdana, arial,"sans serif"; }*/
.sIFR-active h1 { visibility: hidden; font-size: 17px; color: #4c4952; line-height: 1em; text-transform: uppercase; margin-bottom: -7px; margin-top: -3px;}
.sIFR-active h2 { visibility: hidden; font-size: 17px; color: #ffffff; line-height: 1em; text-transform: uppercase; margin-bottom: -7px; margin-top: -3px;}
/*.sIFR-active #navigation a:link, .sIFR-active #navigation a:visited { visibility: hidden; color: #ffffff; text-decoration: none; text-transform: uppercase; font: 12px/12px verdana, arial,"sans serif"; }
.sIFR-active #navigation a:hover, .sIFR-active #navigation a:active { visibility: hidden; color: #ffffff; text-decoration:underline; text-transform: uppercase; font: 12px/12px verdana, arial,"sans serif"; }*/
/* ##################### FLOAT DIV FIX ############################ */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */