html,body {
	margin:0px;
	padding:0px;
	background-color: white;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 140%;
	text-align: center;
	width: 100%;
	height:100%;
}

a:link {
	color:#394567;
	/*bleu marine : #394567*/
	text-decoration:none;
}

a:visited {
	color:#394567;
	text-decoration:none;
}

a:hover {
	color:#00B4F6;
	text-decoration:none;
}

input, textarea {
    border-width : 1px;
    color: #005C91;
    border-color : #005C91;
}

input.radio {
    color: #005C91;
    border-color : #005C91;
}

#container
{
	margin: 0px;
	width:1024px;
	height:768px;
	background: url(images/fond.jpg) no-repeat;
	background-color: #f5f5f7;
	margin-left:auto;
	margin-right:auto;
}

#menu
{
	text-align:left;
	/*height:235px;*/
	width:100%;
}

#page
{
	/*height:500px;*/
	width:1024px;
	text-align:left;
}

#airess_admin
{
	float: left;
	/*height:500px;*/
	margin: 50px;
}
/*
td {border: 1px dotted gray}
div {border: 1px solid orange}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}
*/


.liste
{
	position: absolute;
	width: 490px;
	height: 47px;
	margin-left: 100px;
	margin-top: 193px;
	text-align:left;
}


#tuyau
{
	position: absolute;
	width: 581px;
	height: 101px;
	margin-left:38px;
	margin-top: 138px;
	background: url(images/tuyau.jpg) no-repeat;
}

.presentation
{
	position: absolute;
	margin-left:50px;
	margin-top: 239px;
	text-align:left;
	vertical-align:top;
	color: #394567;
}
.presentation_cartouche
{
	width:753px;
	height:298px;
	margin-left:9px; 
	margin-top:0px;
	background: url(images/cartouche_actualite.jpg) no-repeat;
	z-index:100;
}

#presentation_filet
{
	position: absolute;
	margin-left:491px;
	margin-top:106px;
	width: 179px;
	height: 167px;
	background: url(images/filet_presentation_fin.jpg) top left no-repeat;
}

#activite_filet
{
	position: absolute;
	margin-left:491px;
	margin-top:106px;
	width: 179px;
	height: 167px;
	background: url(images/filet_activite_fin.jpg) top left no-repeat;
}

#moyen_filet
{
	position: absolute;
	margin-left:492px;
	margin-top:71px;
	width: 105px;
	height: 99px;
	background: url(images/filet_moyen_fin.jpg) top left no-repeat;
}

#contact_filet
{
	position: absolute;
	margin-left:492px;
	margin-top:71px;
	width: 105px;
	height: 99px;
	background: url(images/filet_contact_fin.jpg) top left no-repeat;
}

#activite_image
{
	margin-left:8px;
	width: 753px;
	height: 74px;
	background: url(images/filet_activite.jpg) top left no-repeat;
}

#moyen_image
{
	margin-left:8px;
	width: 753px;
	height: 74px;
	background: url(images/filet_moyen.jpg) top left no-repeat;
}

#contact_image
{
	margin-left:8px;
	width: 753px;
	height: 74px;
	background: url(images/filet_contact.jpg) top left no-repeat;
}

#actualite_image
{
	margin-left:8px;
	width: 753px;
	height: 74px;
	background: url(images/filet_actualite.jpg) top left no-repeat;
}

#optimisation_image
{
	margin-left:8px;
	width: 753px;
	height: 74px;
	background: url(images/filet_optimisation.jpg) top left no-repeat;
}

#systeme_image
{
	margin-left:8px;
	width: 753px;
	height: 74px;
	background: url(images/filet_systeme.jpg) top left no-repeat;
}

#societe_image
{
	margin-left:8px;
	width: 753px;
	height: 74px;
	background: url(images/filet_presentation_societe.jpg) top left no-repeat;
}

#historique_image
{
	margin-left:8px;
	width: 728px;
	height: 74px;
	background: url(images/filet_presentation_historique.jpg) top left no-repeat;
}

#societe_historique
{
	margin-left:8px;
	width: 728px;
	height: 107px;
	background: url(images/filet_presentation_historique.jpg) top left no-repeat;
}

#zone_historique
{
	float: left;
	width : 210px;
	height: 45px;
	margin-left: 70px;
	margin-top: 28px;
	/*border: 1px dotted black;*/
}

#zone_historique:hover
{
width : 215px;
height: 48px;
left: 0px;
top: 0px;
border: 0px;
background: url(images/societe.jpg) top left no-repeat;
z-index: 100;
}

#zone_societe
{
	float: left;
	width : 210px;
	height: 45px;
	margin-left: 310px;
	margin-top: 26px;
	/*border: 1px dotted black;*/
}

#zone_societe:hover
{
width : 215px;
height: 48px;
left: 0px;
top: 0px;
border: 0px;
background: url(images/historique.jpg) top left no-repeat;
z-index: 100;
}

.contact
{
	position: absolute;
	margin-left:347px;
	padding-top: 60px;
}

#admin_menu
{
	width:139px;
	height:271px;
	position: absolute;
	margin-left:810px;
	margin-top: 240px;
	text-align:left;
	vertical-align:top;
	background: url(images/admin_menu.jpg) top left no-repeat;
}

#admin_menu_item
{
	/*float:left;*/
	width:121px;
	height:31px;
	margin-left:10px;
	margin-top: 20px;
	padding:0;
	text-align:left;
	vertical-align:top;
}

.admin_coin
{
	width:13px;
	height:26px;
	position: absolute;
	margin-left:596px;
	margin-top: 160px;
	background: url(images/admin_coin2.jpg) top left no-repeat;
}

.admin_cartouche
{
	width:709px;
	height: 291px;
	position: absolute;
	margin-left:102px;
	margin-top: 238px;
	text-align:left;
	vertical-align:top;
	color: #394567;
	background: url(images/cartouche_admin.jpg) top left no-repeat;
}

.calendrier
{
	width:373px;
	height: 277px;
	position: absolute;
	margin-left:233px;
	margin-top: 169px;
	text-align:left;
	vertical-align:top;
	color: #394567;
	background: url(images/cartouche_calendrier.jpg) top left no-repeat;
}

.suivi
{
	width:536px;
	height: 277px;
	position: absolute;
	margin-left:70px;
	margin-top: 169px;
	text-align:left;
	vertical-align:top;
	color: #394567;
	background: url(images/cartouche_suivi.jpg) top left no-repeat;
}

.suivi1
{
	padding:6px;
	border-bottom: 1px solid white;
	padding-left: 0px;
}

.suivi2
{
	padding:4px;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	padding-left: 0px;
}

.admin_titre
{
	font-size: 20px; 
	width:600px; 
	border-bottom: 1px solid white;
	padding-bottom : 5px;
}

.admin_clef
{
	position: absolute;
	margin-left: 530px;
	margin-top: 300px;
	width:185px;
	height:54px;
	text-align:left;
}
.login
{
	position: absolute;
	margin-left: 789px;
	margin-top: 65px;
	width:185px;
	height:54px;
	text-align:left;
}

.login_cartouche
{
	position: absolute;
	margin-left: 811px;
	margin-top: 120px;
	width:167px;
	height:123px;
	text-align:left;
	background: url(images/cartouche_login.jpg) top left no-repeat;
}

.login_identifiant
{
	position: absolute;
	margin-left: 811px;
	width:150px;
	margin-top: 150px;
	vertical-align:top;
}

.login_password
{
	float: left;
	margin-left: 0px;
	margin-top: 5px;
	vertical-align:top;
}

.login_submit
{
	float: left;
	margin-left: 45px;
	margin-top: 7px;
	text-align:left;
}

.histo
{
	margin-left:330px;
	margin-top:15px;
	color: #91939E;
}

#des_fichier {     /* définition de la balise <span> inclue dans <a> */
display: none;
color: #394567;
}

.histo a span {     /* définition de la balise <span> inclue dans <a> */
display: none;
color: #394567;
}

.histo a link {
	color:black;
	text-decoration:none;
}

.histo a visited {
	color:#91939E;
	text-decoration:none;
}

.histo a hover {
	color:#394567;
	text-decoration:none;
}

.titre {
	text-align: center;
	font-size: 15px;
	color: #A31010;
	padding-top:20px;
	padding-bottom:20px;
}

.histo_cc {
color: #A31010;

}

/* old */
.deroul
{
	text-align:left;
	padding:0;
	margin:0;
	top:0;
}




#methode
{
	padding-left: 175px;
	padding-right: 20px;
	text-align: justify;
	color: #866130;
	width: 450px;
	height: 200px;
	overflow: auto;
}

.td_gauche {
        color: #A31010;
        padding:6px;
        margin:0px;
        text-align:right;
}
.td_droit {
        padding:0px;
        margin:0px;
        text-align:left;
}