* { margin: 0 auto;
    padding: 0;
    border: 0;
    text-decoration: none; }

body {
	background: url(imgs/bgcolg.gif) repeat-y ;
    font-family: Verdana, Helvetica, Arial, sans-serif;
  	font-size: 10pt;
  	text-align: left;
  	color: #000; }



/* Typographie générale
============================================================================= */

a { color: #555; }
a:hover { text-decoration: underline; }

.clear {
  	clear: both;
  	height: 1px;
  	margin: -1px 0 0;
  	font-size: 1px; }


/* Wrapper
============================================================================= */

#wrapper {
    width: 100%;
    text-align: left;
    background-image: url(imgs/bgpage.jpg);
    background-position: top left;
    background-repeat: repeat-x; }


/* Page
============================================================================= */

#page {
    margin: 0;
    width: 1200px; }


/* Header
============================================================================= */

#header {
    height: 337px;
    padding-top: 0px;
    background: url(imgs/bgheader.jpg) no-repeat top left }

#animg { float: left; border: 0; margin: 0; }
#copeau { position: absolute; top: 43px; left: 15px; z-index: 100; }

#menut  { position: absolute; top: 232px; left: 355px; z-index: 999; }
#menut ul { list-style: none; margin-top: 0.4em; float: left; font: normal normal bold 1.2em Verdana, Helvetica, Arial, sans-serif; color: #1c8377; }
#menut ul li {
    white-space: nowrap;
    display: inline; }
#menut ul li a { color: #fff; }

#boulons { position: absolute; top: 0; left: 0; z-index: 999; }
#logo { position: absolute; top: 30px; left: 285px; z-index: 999; }
#animd { position: absolute; top: 125px; left: 440px; z-index: 999;}


/* Colonne de gauche
============================================================================= */

#colgauche {

    clear: both;
    float: right;
    width: 300px;
    padding: 15px 30px 0 30px; 
    margin-right:210px;
    $margin-right:110px;}
    
#colgauche h1 { font: normal normal normal 1.2em Arial, sans-serif; padding-bottom: 1.5em; }
#colgauche h2 span.vert { font: normal normal normal 0.8em Arial, sans-serif; color: #455b58; }

#colgauche h3 { font: normal normal bold 1.2em Arial, sans-serif; }
#colgauche h2 { font: normal normal bold 1.4em Arial, sans-serif; }
#colgauche h2 span.vert { color: #455b58; }

#colgauche p {font: normal normal normal 0.8em Verdana, Helvetica, Arial, sans-serif; padding-bottom: 1.5em; }
#colgauche ul { margin-top: 1em; font-size: .8em; margin-left: 15px; }
#colgauche ul li { font-size: 1em; margin-bottom: .5em; }


/* Colonne de droite
============================================================================= */

#coldroite { margin-left: 200px; width: 340px; padding: 15px 0 0 21px; font-size: 0.8em; }

#coldroite h2 { font-family: Arial; margin-bottom: 0.5em; }

#coldroite p { color: #337a76; text-align: justify; margin-bottom: 0.8em; }

#coldroite p strong { font-weight : 50%; } 

/* footer
============================================================================= */

#footer {
    clear: both;
    padding-left: 50px;
    text-align: left;
    font-size: 0.75em;
    margin-top: 1.5em;
    padding-bottom: 2em;
    color: #aaa; }

#footer a { color: #8aa; }

#footer div { display: inline; white-space: nowrap; }