/*----------------------------------------------
Site >> xxxxxxxxxxxx.xxx
Utilité >> Feuille de style du site
Nom du fichier >> style.css
Créé le  >> xxxxxxxxx
Copyright © >> http://www.akoter.com
--------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	/*border: 0;*/
}

html, body {
	text-align:justify;
	margin-left: auto;
	margin-right: auto;
	font: x-small 'trebuchet ms', Verdana, 'Bitstream Vera Sans', sans-serif;
	color:#656565;
	voice-family: "\"}\""; voice-family: inherit;
	font-size: 12px;
	background: #0f69ac url('./v4img/FondPage.gif') ;
	margin-bottom:20px;
}

#FondPageDeg {
	background-image: url('./v4img/FondPageDeg.gif');
	background-repeat: repeat-x;
}

#Logo {
	background-image: url('./v4img/LogoCoinHautGche.jpg');
	background-repeat: no-repeat;
	width:261px;
	height:174px;
}

#CoinBasDrte {
	background: white url('./v4img/CoinBasDrte.jpg') bottom right no-repeat ;
	margin:0;
	/*padding:0 10px 5px 10px;*/
}

#PageDessousDrte {
	background: url('./v4img/PageDessousDrte.jpg') top left no-repeat ;
	width:10px;
}

#PageDessousBas {
	background: url('./v4img/PageDessousBas.jpg') top left no-repeat ;
	height:15px;
}

div.conteneur {
	width:770px;
	padding:0 2px 120px 7px;
	margin:0;
	/*border:1px solid red;*/
}

td.menu {
	margin:0;
	width:243px;
	background: url('./v4img/MenuDeg.gif') top right no-repeat ;
	float:left ;
	margin-bottom:150px;
}

td.principale {
	width:511px;
	padding-left:10px;
	float:left;
	/*background:olive ;*/
}

td.ligne {
	font-size: 13px;
	border-bottom:1px solid #999999 ;
	height:25px;
	padding-left:10px;
}


 .OverFleche {
	background: #fefefe url('./v4img/FondDiagonale.gif');
}
/* ----------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------*/


ul#menu {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
ul#menu li {
	width: 220px ;
	font-family: 'trebuchet ms',Verdana, Helvetica, Arial;
	font-size: 11px;
	letter-spacing:0.1em;
}
ul#menu li a.LienMenuGauche {
	display: block ;
	width: 220px ;
	line-height: 20px ;
	text-indent: 8px ; /*décale le texte de 40px du bord gauche */
	color:#0066ff;
	text-decoration:underline ;
	font-weight:bold;
	margin:1px 0 0 0;
	padding: 0;
}
ul#menu li a:hover.LienMenuGauche {
	color:#444444;
	text-decoration:none;
	background:#E1E1E1 ;
/*	border-bottom:1px dashed ;*/
}

/* ----------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------*/


p, li {
	font-family: 'trebuchet ms',Verdana, Helvetica, Arial;
	font-size: 0.8em;
	text-align:justify;
	/*list-style-type: none ;*/
	/*letter-spacing:1px;*/
}

p.Titre16 {
	font-size:16px;
}
p.MargeGche {
	padding: 5px 0 5px 20px;
	font-size: 11px;
}

.RectangleRge {
	background:#d21c1b;
	width:4px;
	margin-right:8px;
}

.FondGris {
	background:#e8edf8;
	padding:0 5px 0 5px ;
	margin-right:5px;
	border:1px solid #c6d6f8 ;
	font-size: 11px;
}

.LienGche {
	padding:20px 0 0 20px;
	width:250px;
	float:left;
	font-size: 11px;
}

.LienGcheImg {
	padding: 0 0 20px;
	width:250px;
	float:left;
	font-size: 11px;
}

.LienDrte {
	font-size: 11px;
	width:250px;
	height:129px;
	float:left;
}

a {color:#0066ff; text-decoration:underline;}
a:hover {color:#CC0000; text-decoration:none;}


/* --------------------------------------------------- FORMULAIRE (début) --------------------------------------------------------------------*/

#inscription {
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;	/*** Largeur du formulaire ***/
}

#piedForm {
	text-align: center; /*** Les boutons sont alignés à droite ***/
}

#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
	/*border: 1px solid #FF0000 ;*/
}

#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	/*border: 1px solid gray;
	color: black;
	background: #efefef;*/
	margin: 0;
	padding: 1em;
	/*border: 1px solid #FF0000 ;*/
}

#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 2px 0px 2px 0px;
	margin: 2px 0px 2px 0px;
	/*border: 1px solid #FF0000 ;*/
}

#corpForm div#coordonnees label, #recherche label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 150px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 5px 0 0 ;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	/*border: 1px solid #FF0000 ;*/
}

#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}


#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding-left: 10;
}

#corpForm .erreur {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #FF0000;
	padding-left:10px;
	font-size: 0.8em;
	letter-spacing:1px;
	/*
	background: transparent;
	margin: 0;
	padding: 0px 5px;
	*/
}

#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #e8edf8;
	color: black;
}

#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

input, select {
	font-family: 'trebuchet ms', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*width: 200px ;*/
}

/* --------------------------------------------------- FORMULAIRE (fin) --------------------------------------------------------------------*/

li.off {
	list-style-type: none ;
}


ul#Listing {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
ul#Listing li {
	margin: 0 0 -5px 0 ; /* espace entre le lignes */
	padding: 0 ;
	font-size: 12px;
}
ul#Listing li a.LienListing {
	display: block ;
	width: 400px ;
	/*line-height:22px ;*/
	color: #000 ;
	text-indent: 20px ; /*décale le texte de 40px du bord gauche */
	color:#0066ff;
	text-decoration:underline;
}
ul#Listing li a:hover.LienListing {
	color:#999999;
	text-decoration:none;
	/*font-weight:bold;*/
	background: #fefefe url('./v4img/FondDiagonale.gif');
}



.ErreurChamp {
	font-weight:bold;
	color:#CC0000;
	border:1px solid;
	border-color: #6a6a6a #dcdcdc #dcdcdc #6a6a6a;
	padding-left:20px;
	background:url('./v4img/FdErreurChamp.gif') no-repeat #ffe5e5 ;
	background-position: 3px 2px ;
}