html {
margin:0;
padding:0;
height:100%;
width:100%;
font-size:100%;
position:absolute;
}

body {
margin:0;
padding:0;
height:100%;
width:100%;
font-size:100%;
width: 1024px;
position:absolute;
border:0px;
background-color: #F7F6F1;
color: #696969;
font-family: Georgia, serif;
oncontextmenu: return false;
border:0;
}

.logo {
position:fixed;
margin-left:0;
top:0;
left:0;
height:100px;
width:1024px;
margin-bottom:0;
background-color:#F7F6F1;
z-index:1;
}

.logo img {
width:206px;
height:90px;
margin-right:823px;
}

.nav {
position:fixed;
display: inline;
top:100px;
left:0;
margin-left: 0;
margin-right: 0;
padding:0;
width:201px;
border-top:thin solid;
border-right:thin solid;
background-color:lightgray;
}

.navfond {
position:fixed;
top:379px;
left:0;
width:201px;
height:100%;
background-color:lightgray;
border-right:1px solid;
border-bottom:1px solid;
}

.titrepage {
position:fixed;
top:100px;
left:201px;
width:823px;
font-size:2em;
font-family: Century Gothic;
background:lightgrey;
text-align:center;
height:40px;
line-height:1.1em;
border:1px solid;
z-index:1;
}

.titrepage #pretitre {
font-size:0.7em;
background:lightgrey;
float:left;
padding-left:5px;
vertical-align:middle;
height:40px;
z-index:1;
}

.onglets { 
margin-top:10px; 
margin-left:-20px;
width:98%;
background-color:#F7F6F1;
font-size:100%;
padding-left:10px;
padding-right:35px;
border-bottom:3px solid;
}

.onglets ul { list-style:none; }
.onglets ul li { font-family:Century Gothic; display: inline; text-decoration:none; }
.onglets a:link { color:dimgrey; text-decoration:none; font-size:100%; margin-left: 0.375%; } 
.onglets a:hover {text-decoration: none; color:brown!important; background-color:#F7F6F1;}
.onglets #current a {background-color: #F7F6F1; border: 1px solid; font-size: 18px; color:dimgray;}

.contenu {
position:relative;
top:20px;
left:200px;
padding:1%;
border-left:1px solid;
background-color:#F7F6F1;
text-align: justify;
margin-top:3%;
width:79%;
overflow:auto;
z-index:0;
}

.notekit {
clear:both;
border:1px solid;
width: 800px;
background:#F7F6F1;
margin-bottom:6%;
}

.footer {
width: auto;
margin-left:200px;
background:#F7F6F1;
border:1px 0;
}
/* `Conteneur
----------------------------------------------------------------------------------------------------*/
.conteneur24 {
position:absolute;
top:110px;
left:0;
width:1024px;
margin-left: 0;
margin-right: 0;
overflow:hidden;
border: 1px solid;
background: F7F6F1;
}
/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
.g1,
.g2,
.g3,
.g4,
.g5,
.g6,
.g7,
.g8,
.g9,
.g10,
.g11,
.g12,
.g13,
.g14,
.g15,
.g16,
.g17,
.g18,
.g19,
.g20,
.g21,
.g22,
.g23,
.g24 {
display: inline;
float: left;
text-align: justify;
margin-left: 0.375%;
margin-right: 0.375%;
}
.push1, .pull1,
.push2, .pull2,
.push3, .pull3,
.push4, .pull4,
.push5, .pull5,
.push6, .pull6,
.push7, .pull7,
.push8, .pull8,
.push9, .pull9,
.push10, .pull10,
.push11, .pull11,
.push12, .pull12,
.push13, .pull13,
.push14, .pull14,
.push15, .pull15,
.push16, .pull16,
.push17, .pull17,
.push18, .pull18,
.push19, .pull19,
.push20, .pull20,
.push21, .pull21,
.push22, .pull22,
.push23, .pull23 {
position: relative;
}
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* `Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.conteneur24 .g1 {
width: 3.125%;
}
.conteneur24 .g2 {
width: 7.291%;
}
.conteneur24 .g3 {
width: 11.458%;
}
.conteneur24 .g4 {
width: 15.625%;
}
.conteneur24 .g5 {
width: 19.791%;
}
.conteneur24 .g6 {
width: 23.958%;
}
.conteneur24 .g7 {
width: 28.125%;
}
.conteneur24 .g8 {
width: 32.291%;
}
.conteneur24 .g9 {
width: 36.458%;
}
.conteneur24 .g10 {
width: 40.625%;
}
.conteneur24 .g11 {
width: 44.791%;
}
.conteneur24 .g12 {
width: 48.958%;
}
.conteneur24 .g13 {
width: 53.125%;
}
.conteneur24 .g14 {
width: 57.291%;
}
.conteneur24 .g15 {
width: 61.458%;
}
.conteneur24 .g16 {
width: 65.625%;
}
.conteneur24 .g17 {
width: 69.791%;
}
.conteneur24 .g18 {
width: 73.958%;
}
.conteneur24 .g19 {
width: 78.125%;
}
.conteneur24 .g20 {
width: 82.291%;
}
.conteneur24 .g21 {
width: 86.458%;
}
.conteneur24 .g22 {
width: 90.625%;
}
.conteneur24 .g23 {
width: 94.791%;
}
.conteneur24 .g24 {
width: 98.958%;
}
/* `Prefix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.conteneur24 .prefix1 {
padding-left: 4.166%;
}
.conteneur24 .prefix2 {
padding-left: 8.333%;
}
.conteneur24 .prefix3 {
padding-left: 12.5%;
}
.conteneur24 .prefix4 {
padding-left: 16.666%;
}
.conteneur24 .prefix5 {
padding-left: 20.833%;
}
.conteneur24 .prefix6 {
padding-left: 25%;
}
.conteneur24 .prefix7 {
padding-left: 29.166%;
}
.conteneur24 .prefix8 {
padding-left: 33.333%;
}
.conteneur24 .prefix9 {
padding-left: 37.5%;
}
.conteneur24 .prefix10 {
padding-left: 41.666%;
}
.conteneur24 .prefix11 {
padding-left: 45.833%;
}
.conteneur24 .prefix12 {
padding-left: 50%;
}
.conteneur24 .prefix13 {
padding-left: 54.166%;
}
.conteneur24 .prefix14 {
padding-left: 58.333%;
}
.conteneur24 .prefix15 {
padding-left: 62.5%;
}
.conteneur24 .prefix16 {
padding-left: 66.666%;
}
.conteneur24 .prefix17 {
padding-left: 70.833%;
}
.conteneur24 .prefix18 {
padding-left: 75%;
}
.conteneur24 .prefix19 {
padding-left: 79.166%;
}
.conteneur24 .prefix20 {
padding-left: 83.333%;
}
.conteneur24 .prefix21 {
padding-left: 87.5%;
}
.conteneur24 .prefix22 {
padding-left: 91.666%;
}
.conteneur24 .prefix23 {
padding-left: 95.833%;
}
/* `Suffix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.conteneur24 .suffix1 {
padding-right: 16.666%;
}
.conteneur24 .suffix2 {
padding-right: 8.333%;
}
.conteneur24 .suffix3 {
padding-right: 12.5%;
}
.conteneur24 .suffix4 {
padding-right: 16.666%;
}
.conteneur24 .suffix5 {
padding-right: 20.833%;
}
.conteneur24 .suffix6 {
padding-right: 25%;
}
.conteneur24 .suffix7 {
padding-right: 29.166%;
}
.conteneur24 .suffix8 {
padding-right: 33.333%;
}
.conteneur24 .suffix9 {
padding-right: 37.5%;
}
.conteneur24 .suffix10 {
padding-right: 41.666%;
}
.conteneur24 .suffix11 {
padding-right: 45.833%;
}
.conteneur24 .suffix12 {
padding-right: 50%;
}
.conteneur24 .suffix13 {
padding-right: 54.166%;
}
.conteneur24 .suffix14 {
padding-right: 58.333%;
}
.conteneur24 .suffix15 {
padding-right: 62.5%;
}
.conteneur24 .suffix16 {
padding-right: 66.666%;
}
.conteneur24 .suffix17 {
padding-right: 70.833%;
}
.conteneur24 .suffix18 {
padding-right: 75%;
}
.conteneur24 .suffix19 {
padding-right: 79.166%;
}
.conteneur24 .suffix20 {
padding-right: 83.333%;
}
.conteneur24 .suffix21 {
padding-right: 87.5%;
}
.conteneur24 .suffix22 {
padding-right: 91.666%;
}
.conteneur24 .suffix23 {
padding-right: 95.833%;
}
/* `Push Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.conteneur24 .push1 {
left: 16.666%;
}
.conteneur24 .push2 {
left: 8.333%;
}
.conteneur24 .push3 {
left: 12.5%;
}
.conteneur24 .push4 {
left: 16.666%;
}
.conteneur24 .push5 {
left: 20.833%;
}
.conteneur24 .push6 {
left: 25%;
}
.conteneur24 .push7 {
left: 29.166%;
}
.conteneur24 .push8 {
left: 33.333%;
}
.conteneur24 .push9 {
left: 37.5%;
}
.conteneur24 .push10 {
left: 41.666%;
}
.conteneur24 .push11 {
left: 45.833%;
}
.conteneur24 .push12 {
left: 50%;
}
.conteneur24 .push13 {
left: 54.166%;
}
.conteneur24 .push14 {
left: 58.333%;
}
.conteneur24 .push15 {
left: 62.5%;
}
.conteneur24 .push16 {
left: 66.666%;
}
.conteneur24 .push17 {
left: 70.833%;
}
.conteneur24 .push18 {
left: 75%;
}
.conteneur24 .push19 {
left: 79.166%;
}
.conteneur24 .push20 {
left: 83.333%;
}
.conteneur24 .push21 {
left: 87.5%;
}
.conteneur24 .push22 {
left: 91.666%;
}
.conteneur24 .push23 {
left: 95.833%;
}
/* `Pull Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.conteneur24 .pull1 {
left: -16.666%;
}
.conteneur24 .pull2 {
left: -8.333%;
}
.conteneur24 .pull3 {
left: -12.5%;
}
.conteneur24 .pull4 {
left: -16.666%;
}
.conteneur24 .pull5 {
left: -20.833%;
}
.conteneur24 .pull6 {
left: -25%;
}
.conteneur24 .pull7 {
left: -29.166%;
}
.conteneur24 .pull8 {
left: -33.333%;
}
.conteneur24 .pull9 {
left: -37.5%;
}
.conteneur24 .pull10 {
left: -41.666%;
}
.conteneur24 .pull11 {
left: -45.833%;
}
.conteneur24 .pull12 {
left: -50%;
}
.conteneur24 .pull13 {
left: -54.166%;
}
.conteneur24 .pull14 {
left: -58.333%;
}
.conteneur24 .pull15 {
left: -62.5%;
}
.conteneur24 .pull16 {
left: -66.666%;
}
.conteneur24 .pull17 {
left: -70.833%;
}
.conteneur24 .pull18 {
left: -75%;
}
.conteneur24 .pull19 {
left: -79.166%;
}
.conteneur24 .pull20 {
left: -83.833%;
}
.conteneur24 .pull21 {
left: -87.5%;
}
.conteneur24 .pull22 {
left: -91.666%;
}
.conteneur24 .pull23 {
left: -95.833%;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after,
.conteneur24:before,
.conteneur24:after {
content: '.';
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.clearfix:after,
.conteneur24:after {
clear: both;
}
/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix,
.conteneur24 {
zoom: 1;
}