/****************************************************** Placement de contenu ****************************/

.illustration img, .illusnue img, .illusdroite, .illusdroitenue, .illusgauche, .illusgauchenue {
 padding: 0;
}

.illustration img, .illusnue img {
 text-align: center;
}

.illusdroite, .illusdroitenue {
 float: right;
 margin: 10px 0 10px 10px;
}

.illusgauche, .illusgauchenue {
 float: left;
 margin: 10px 10px 10px 0;
}

.illustration img, .illusdroite, .illusgauche {
 border: solid 1px #000;
}

.centre {
 text-align: center;
}

dt {
 margin-top: 1.5em;
 font-style: italic;
 font-weight: bold;
}

.howtos a, .howtos a:visited, .howtos a:active {
 text-decoration: none;
 color: #000;
}

.howtos a:hover {
 text-decoration: underline;
 color: #00C;
}

/********************************** Titres ***************************************/

#content h1 {
 text-align: right;
 border-bottom: dashed 1px #000;
 font-size: large;
}

h2.howtolang {
 text-align: right;
 border-bottom: dashed 1px #000;
 font-size: medium;
}

/*************************************** Boites blanches et news ***************************/

.whitebox, .newsbox {
 margin: 1em 0;
 background: #FFF;
 border-left: 1px #DDD solid; border-top: 1px #DDD solid;
 border-right: 1px #000 solid; border-bottom: 1px #000 solid;
}

.whitebox {
 padding: 15px;
}

.newsbox {
 padding: 5px 15px;
 text-align: left;
}

.whitebox .logo {
 float: right;
 margin: 10px;
}

.newsbox .newsdate {
 float: right;
 vertical-align: top;
 padding: 0;
 margin: 0;
}

.whitebox h2 {
 text-align: left;
}

.newsbox h2 {
 padding: 0;
 margin: 0 0 10px 0;
}

.newsbox p {
 line-height: 1.1em;
 margin: 5px 0 0 0;
 padding: 0;
}

.newsbox ul {
 margin: 5px 0 0 20px;
 padding: 0;
}

.newsbox a.plus, .newsbox a.plus:visited, .newsbox a.plus:active {
 margin-bottom: 0;
 text-align: left;
 font-style: italic;
 text-decoration: none;
 color: #00A;
}

.newsbox a.plus:hover {
 color: #00E;
 text-decoration: underline;
}

/********************************************* L'atome **********************************/

#atome {
 width: 540px;
 height: 433px;
 background: url(atome.png);
 margin: 0 0 0 30px;
 padding: 0;
 position: relative;
 z-index: 1;
}
#atome li {
 display: block;
 margin: 0; padding: 0;
 list-style: none;
 position: absolute;
 z-index: 2;
}

#atome a, #atome a:visited, #atome a:active  {
 display: block;
 color: #004;
 text-decoration: none;
 font-family: "Arial Black", sans-serif;
 font-size: 15px;
 z-index: 2;
}

#atome_support {
 left: 74px;
 top: 93px;
}

#atome_formation {
 left: 6px;
 top: 204px;
}

#atome_developpement {
 left: 13px;
 top: 319px;
}

#atome_audit {
 left: 428px;
 top: 94px;
}

#atome_conseil {
 left: 476px;
 top: 205px;
}

#atome_integration {
 left: 431px;
 top: 320px;
}

/************************* Formulaire d'évenement ************************/

table.eventform td {
/* border-top: 1px solid #000;*/
 text-align: left;
}

table.eventform th {
 width: 150px;
 border-top: 1px solid #000;
 text-align: right;
}

table.eventform input, table.eventform textarea {
 background: #f4f4f0;
 border: 1px solid #cecea5;
}

table.eventform td.submit {
 text-align: center;
 border: 0;
}


table.eventform td.submit input {
 background: #cecea5;
 border: 1px solid #555;
}

/*********************************** Album photo *************************************/

table.photoalbum td.photo {
 text-align: center;
}

table.photoalbum td.photo img {
 border: 1px solid #000;
}

table.photoalbum td.desc {
 font-weight: bold;
 padding-left: 1em;
}

/*********************************** Boîte: login *************************************/

.loginError {
 color: red;
}