body {text-align: center; background-color: #d1e9c4;}
/*body {text-align: center; background-color: #d1e9c4; background-image: url(fond.png); background-repeat: no-repeat; background-position: center;}*/

/* DIV */

div.main     {position: relative; top: 0; left: 12px; margin-left: auto; margin-right: auto; width: 1280px; min-height: 1024px;}
div.logo     {position: absolute; top: 0px; left: 0px;}
div.banniere {position: absolute; top: 0px; left: 140px; background-image: url(images/banniere.png); background-repeat: repeat-x; width: 1090px; height: 100px; text-align: center; border-radius: 25px 25px 0 0; font-size: 1.2em;}
div.date     {position: absolute; top: 8px; left: 152px; text-align: left; color: #ffffff;}
div.titre    {position: absolute; top: 50px; left: 140px; width: 1090px; height: 50px; text-align: center;}

div.onglets        {position: absolute; top: 100px; left: 0px; width: 150px;}
div.ongletsNiveau1 {position: absolute; top: -20px; width: 1070px; margin-left: 6px;}
div.ongletsNiveau2 {position: absolute; top: 30px;  width: 1070px; margin-left: 6px; border-bottom: 2px solid #4eae1e;}

div.contenu  {background-color: #ffffff; position: absolute; top: 100px; left: 140px; text-align: justify; width: 1070px; padding-bottom: 60px; padding-top: 10px; padding-left: 10px; padding-right: 10px; 
min-height: 520px; border-radius: 0 0 25px 25px;}

div.w3c, div.css {margin-bottom: 25px;}
div.css {position: absolute; bottom: -10px; right: -51px;}
div.w3c {position: absolute; bottom: 25px; right: -51px;}

/* UL - LI */

ul#onglets {list-style-type: none; margin-left: -65px;}
ul#onglets li {text-align: center; width: 155px; border: 2px solid #d1e9c4; background-color: #d1e9c4; padding-right: 15px; }
ul#onglets li.active {background-color: #ffffff; border: 2px solid #ff0000; border-radius: 15px 0 0 15px;}

li {padding: 5px;}

/* IMG */

img.logo         {border: 0; width: 120px; height: 100px; padding: 0px;}
img.photo        {float: right; border: 0; width: 150px; padding-left: 25px; padding-right: 10px; margin-top: 40px;}
img#w3c, img#css {border: 0;}

/* FORMULAIRE */

input, textarea {position: absolute; left: 300px; width: 300px;}
.input2  {position: absolute; left: 540px; width: 60px;}
.button1 {position: absolute; left: 300px; width: 140px;}
.button2 {position: absolute; left: 465px; width: 140px;}
span.images_captcha {position: absolute; left: 160px; width: 125px;}
span.texte_captcha {position: absolute; left: 298px;}