/*
// ------------------------------- //
// AnnuPerso v0.1                  //
// mForm.css                       //
// Permet la mise en forme du site //
// ------------------------------- //
// 23/04/2010
*/

body{
    font-family:'Trebuchet MS';
    font-size:10pt;
    color:#181957;
    background-color:#9ea0e0;       /*#090b53; #676882;*/
    margin:0px;
}
 
div#laPage{
    width:100%;
    max-width:950px;
    min-height:100%;
    position: relative;
    margin: auto;
}
div#laTete{
    width:100%;
    height:150px;
    background-image: url('images/diasponoire_logo.png');
    background-repeat: no-repeat;
    text-align:right;
    padding:0px;
}
div#laTete a:link, a:visited{
    text-decoration:none;
    color:#091253;
    background-color:#bfe790;
}
div#laTete a:hover{
    text-decoration:none;
    color:#2134ab;
    background-color:#b4f89d;
}

div#leCentre{
    width:100%;
    background-color:#f6feff;
    color:inherit;
    border:1px solid #0e5309;
	padding-left:1.5em;
	padding-right:1.5em;
}

div#leCentre a:link, a:visited{
    text-decoration:none;
    color:#0e5309;
    background-color:#e2e790;
}

div#leCentre a:hover{
    text-decoration:none;
    color:#2bab21;
    background-color:#f3f89d;
}
div#leCentre p{
	text-indent:0.8em;
	text-align:justify;
}
div#lepied{
    width:100%;
}
.piedPage{
    font-size:8pt;
    color:#c9cae5;
    text-align:center;
}
div#zoneIdentite{
    width:300px;
    background-color:#ddf8e8;
    border-left:1px solid #887df1;
    border-top:1px solid #887df1;
    border-right:2px solid #635bb0;
    border-bottom:2px solid #635bb0;
}

.zoneIdentifie table{
    width:auto;
    height:auto;
}
.zoneIdentifie td, input{
    font-family:inherit;
    font-size:8pt;
    text-align:left;
}

.ficheListe{
    width:670px;
    height:600px;
    border:1px solid #434676;
    background-color:#383c76;
    color:#e6e7f6;
    vertical-align:top;
    padding-right:15px;
    padding-left:15px;
}

.infosConnex{
    width:300px;
    font-family:Tahoma; 
    font-size:12pt; 
    color:#4a7076; 
    background-color: #dfedef; 
    border:1px solid #4a7076;
}
.infosConnex table{
    width:auto;
    height:80px;
}
.infosConnex td, input{
    font-family:inherit;
    font-size:10pt;
}

.nettoyeur {
    clear:both;
    visibility:hidden;
}
.toutPetit{
    font-family:Tahoma; 
    font-size:8pt; 
    color:#8bb7d0;
}

.btnEnvoyer{
    cursor:pointer;
    border:1px solid #459d23;
}

.infosINSC{
    padding-left:20px;
    text-align:left;
    font-size:9pt;
    width:500px;
    border-left:1px dashed #519d35;
    border-right:1px dashed #519d35;
    background-color:#dfedef;
}
.infosINSC2{
    font-size:9pt;
    background-color:#dfedef;
}
.frmINSC{
    padding-left:5px;
    padding-right:5px;
    margin-left:4px;
    margin-right:4px;
    border-left:1px solid #cdbba1;
    border-right:4px solid #9b815c;
    border-bottom:4px solid #9b815c;
    border-top:1px solid #cdbba1;
}
.frmMSGstyle{
    width:80%;
    border-left:1px solid #d298c6;
    border-top:1px solid #d298c6;
    border-right:2px solid #623459;
    border-bottom:2px solid #623459;
    background-color:#f8f99d;
}

.contenuMessage{
    border-bottom:1px solid #4f983f;
    border-right:1px solid #4f983f;
    padding:6px;
    font-size:10pt;
    vertical-align:top;
    text-align:left;
}
.contenuMessage p{
    font-style:italic;
}
.contenuMessage blockquote{
    border-left:1px solid #f5fff3;
    border-top:1px solid #f5fff3;
    border-bottom:1px solid #4f983f;
    border-right:1px solid #4f983f;
    padding:6px;
    background-color:#d9ec9d;
}

.auteurMessage{
    border-left:1px solid #d6ffcd;
    border-top:1px solid #d6ffcd;
    border-bottom:1px solid #4f983f;
    border-right:1px solid #4f983f;
    font-size:8pt;
    vertical-align:top;
}
.leSujet{
    border-top:1px solid #434676;
    border-right:1px solid #434676;
    border-bottom:1px solid #434676;
    border-left:1px solid #434676;
    padding-right:8px;
    padding-left:8px;
}
.lectSeul{
    background-color:#e8ecec;
    color:#bcbfbf;
}

.vignette {
	margin: 1em 1em 1.6em 1em; /* Espace entre images */
	padding: 0;
	float: left;
	text-decoration: none;
	line-height: normal;
	text-align: left;
}

.vignette img, .vignette a img, .vignette a:link img{ /* Placez le formatage de lien */
	/* Largeur d'image */
        width:expression(document.body.clientWidth > 200 ? "200px" : "auto"); /* Largeur d'image */
        height:expression(document.body.clientHeight > 200 ? "200px" : "auto"); /* Hauteur d'image */
        width: auto;
        height:auto;
        max-width:200px;
        max-height: 200px; /* Hauteur d'image */
	display: inline;
	padding: 12px; /* Pour donner l'allure de bordure d'une véritable photo */
	/* Mettre ŕ 0px = pas de frame - mais aucune indication en survolant l'image ! Ajuster les autres largeurs ou texte ! */
	margin: 0;
	background-color: #e9edf4; /* Fond des photos */ 
	border-top: 1px solid #eee; /* Bordures des frames de photo */
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 1px solid #eee;
	text-decoration: none;
	text-align:center;
}

.vignette a:visited img {
	background-color: #eee; /* Fond des photos, souris au-dessus - sorte de gris-clair */
}

.vignette a:hover img {
	background-color: #dae6e4; /* Fond des photos, souris au-dessus - sorte de bleu/vert-clair */
}