/*****************************
* css principale
******************************/

/* les balises generales */
body {
font-family: Arial;
font-size:14px;
background-image: url("../design/FOND.jpg");
}

p { 
 margin : 1em 0; 
 color:#000000;
 text-align: justified;
}

img { border : none; }

ul {
 /*list-style-image: url(../design/ARROW.png);*/
}

h1 {
font-size: 18px;
color:#336633;
font-weight : bold;
text-decoration: underline;
}

h2 {
font-size: 16px;
color:#336633;
font-weight : bold;
text-decoration: underline;
}

th {
font-size: 14px;
}


/* les positionnement des elements */

#page {
	position: center;
	margin: 0 auto;
	margin-top:10px;
	width:850px;
	border: 1px solid #003399;
	background:#FFFFFF;
}

#page1 {
	position: center;
	margin: 0 auto;
	margin-top:10px;
	width:200px;
	border: 1px solid #003399;
	background:#DDDDDD;
}

#page2 {
	position: center;
	margin: 0 auto;
	margin-top:2px;
	width:846px;
	border: 1px solid #003399;
}

#popup {
 position: relative;
	margin: 0 auto;
	margin-top:10px;
	width:600px;
	border: 1px solid #003399;
	background:#FFFFFF;
}

#popup > #content {
float:left;
margin-left:30px;
margin-top:15px;
margin-bottom:10px;
width:550px;
}

#boutons {
	padding:5px;
	border-bottom: 1px solid #003399;
}
 
#content {
float:left;
margin-left:30px;
margin-top:15px;
margin-bottom:10px;
width:750px;
}

#content a{
 color:#336633;
 font-weight : bold;
 text-decoration: underline;
 border-bottom: solid 1px;
}

#footer {
clear:both;
margin-top:10px;
border-bottom:1px solid #003399;
border-top:1px solid #6699CC;
margin-bottom: -5px;
}

/* les images */

img.border {
	border: 1px solid #003399;
}

img.banner {
	border-bottom:1px solid #6699CC;
}

img.selection {
  margin: -2px;
	border: 2px solid #003399;
}

/* les formulaires */
#formulaire {
color:black;
margin-top:10px;
border: 1px dashed #003399;
padding:10px
}

#formulaire p {
clear:both;
}

#formulaire label {
float: left;
width:175px;
margin-left:10px;
color: #336633;
font-weight:bold;
}

.pseudoLabel {
margin-left:10px;
color: #336633;
font-weight:bold;
}

#formulaire input {
 margin-left:30px;
}

#formulaire textarea {
 margin-left:30px;
}

#formulaire select {
 margin-left:30px;
}

#formulaire option {
}

.button {
	text-align:center;
	margin-bottom:10px;
}
.submit {
	padding:5px;
}

.submit input {
font-weight: bold;
color:#003399;
background-color:#99FF99;
border: 1px solid #336633;
}


/* diver */
.error {
color:#CCOOOO
}

.info {
display:block;
margin-top:5px;
font-size: 12px;
color:#003399;
border: 1px dashed #003399;
padding:2px;
}

.info p {
	clear:both;
}

.label {
color: #336633;
font-weight:bold;
 float:left;
 margin-left:10px;
 width:175px;
 
/* text-decoration:underline;*/
}

.data {
margin-left:30px;
margin-top: 10px;
}
.data2 {
margin-left:30px;
margin-top: 10px;
color:red;
}

/* tableau */
#tableau {
margin-left:10px;
margin-top:10px;
}

#tableau a {
border:0px;
text-decoration:none;
}

#tableau td {
border: 1px solid #003399;
padding:4px;
color:black;
 font-size:12px;
}

#tableau th {
border: 1px solid #003399;
color: #336633;
font-weight : bold;
}

#tableau tr:hover {
background:#99CCFF;
}
#tableau .libelle:hover {
background:white;
}

#tableau .selection {
background-color:#99FF99;
}

/* les disposition de page */
.fonctionnalite
{
	margin-left:100px;
	clear:both;
}

.fonctionnalite .img
{
	float:left;
	margin-right:25px;
	margin-bottom:25px;
	border: 1px solid #336633;
	width:100px;
	height:100px;
}

.fonctionnalite .img img
{
	width:100px;
	height:100px;
}

.fonctionnalite .txt
{
	width:450px;
}