html body 
{ 
    text-align:-moz-center; 
}

body 
{
    text-align:center; 
	font-family:Arial, Geneva, sans-serif;
	font-size:10pt;
	color:black;
    margin:0;
}

div#main
{
    width:780px;
    border:solid 0px red;
}


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
             HEADER
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
div#header
{
    /*background-color: #262757;*/
    vertical-align: top;
    text-align: left;
    margin-bottom: 5px;
    overflow: hidden;
    border: solid 0px green;
    clear:both;
}

#header p
{
    /*background-color:#262757;*/
    color:White;
    vertical-align: top;
    font-size:24pt;
    padding-left:60px;
    float:left;
}

.menu
{
    width:100%;
    text-align: left;
    /*background-color:#339966;*/
    background-color: rgb(146,201,196);
    font-size:9pt;
    color:White;
    /*border-top:solid 2px #262757;*/
    overflow: hidden;
    clear:both;
}

.menu div
{
    text-align: center;
    border-right:groove 1px #949494;
    float:left;
    padding:5px 10px;
}

.menu div a
{
    color:inherit;
	/color:White;
    text-decoration:none;    
}

.sel
{
    background-color:#E3FAE7;
    font-weight:bold;
    color:#325884;
}

.sel a:visited
{
    background-color:#E3FAE7;
    font-weight:bold;
    color:#325884;
}

#menuProduits
{
    position:absolute;
    display: none;
    background-color: #85C1B7;
    border: solid 0px black;
    margin-left:58px;
    overflow: hidden;
    z-index: 20;
    clear:both;
        filter:alpha(opacity=80);  
        -moz-opacity:0.80;
        opacity: 0.80;
}

#menuProduits div
{
    position:relative;
    width:inherit;
    text-align:left;
    background-color: #85C1B7;
    border-bottom:groove 1px #949494;
    padding:5px 10px;
    margin:0px;
    clear:both;
}

#menuProduits div a
{
    font-family: Arial, Geneva, sans-serif;
    font-size: 9pt;
    text-decoration:none;
    margin:0px;
    color: #FFFFFF;
}


/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
             CORPS
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
div#corps
{    
    background-color:white;
    margin-top:5px;
    overflow: hidden;
    clear:both;
}

div.milieu
{
    text-align: left;
    margin:10px 30px;
    border:solid 0px red;    
    -height:100%;
    clear:both;
}

div.gauche
{
    width:47%;
    float:left;
    border:solid 0px green;    
}

div.droite
{
    width:47%;
    margin-left:30px;
    float:left;
    clear:right;
    border:solid 0px blue;  
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
             FOOTER
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
div#footer
{
    /*background-color: #262757;*/
    background-color: rgb(146,201,196);
    text-align: center;
    padding:5px;
    margin-bottom:20px;
    overflow: hidden;
    clear:both;
}

div#footer div p
{
    padding:0px;
    margin:0px;
}

.footerTxt
{
    font-family: Arial;
    font-size: 10pt;		
    color:White;
    text-align: center;
}


/*°°°°°°°°°°°°°°°°°°°°°°°°
    Styles de textes
°°°°°°°°°°°°°°°°°°°°°°°°°*/
h1
{
    font-family:Arial;
    font-size:x-large;
    color: rgb(128, 88, 0);
    text-align:center;
    margin:0px
}

h2
{
    font-family:Arial;
    font-size:large;
    color: rgb(0, 104, 56);
    margin-bottom:5px;
}


.marron
{
    margin-right:0px;
    color:#805800;
    font-family:Arial, Geneva, sans-serif;
    font-size:medium;
    font-weight:bold;
}

.vert
{
    margin-right:0px;
    color:#006838;
    font-family:Arial, Geneva, sans-serif;
    font-size:medium;
    font-weight:bold;
}

.note
{
    background: #CCFFFF;
    color: #0000FF;
    font-size: 11px;
    font-style: italic;
    padding: 5px;
    margin: 0px 0px 0px 23px; 
}
.note1
{
    background: #CCFFFF; 
    color : #0000FF; 
	text-align:center;
    font-size: 14px;	
    font-style:italic;
    padding: 10px;	
    margin: 23px 123px; 
}

.clef
{
    font-weight:bold;
    font-style:italic;    
}

.indent
{
    margin-left:23px;
}
/*°°°°°°°°°°°°°°°°°°°°°°°°
    Styles de puces
°°°°°°°°°°°°°°°°°°°°°°°°°*/
li.niv1
{
    list-style-type:disc;
    margin-top:20px;
    margin-left:10px;
}

li.niv2
{
    list-style-type:circle;
    margin-top:7px;
    margin-left:10px;
}

li.niv3
{
    list-style-type:disc;
    margin-top:5px;
    margin-left:10px;
}

li.niv4
{
    list-style-type:circle;
    margin-top:5px;
    margin-left:15px;
}
/*°°°°°°°°°°°°°°°°°°°°°°°°
    Styles d'images
°°°°°°°°°°°°°°°°°°°°°°°°°*/
.cognInfo
{
    margin: 10px 20px 20px 0px;
    float: left;
}

#Efficace
{
    position:relative;
    top: -1259px;
    /top:-1204px;
    left: -5px;
    height: 80px;
    display:inline;
    z-index:10;
}

#Rentable
{
    position:relative;
    top: -1187px;
    /top:-1132px;
    left: -125px;
    height: 80px;
    display:inline;
    z-index:10;
}


#Personnel
{
    position:relative;
    top: -1107px;
    /top:-1052px;
    left: -149px;
    height: 80px;
    display:inline;
    z-index:10;
}


#Evolutif
{
    position:relative;
    top: -1021px;
    /top: -966px;
    left: -269px;
    height: 80px;
    display:inline;
    z-index:10;
}