/* Partie principale */

body
{
	background: linear-gradient(to bottom, rgb(36,152,152), white);
	background-repeat: no-repeat;
	min-height: 750px;
}



#bloc_page
{
	width: 900px;
	min-height: 750px;
    margin: auto;
	border: 1px solid #FFFFFF;
	background-color: rgb(25,34,39);
}

#corps
{
	padding:10px;
}


#corps h1, h2, h3, h4
{
	color:#9bd0d0;
}

#corps h1
{
	text-align: center;
}

#corps p
{
	font-family: Tahoma;
	color: #FFFFFF;
	font-size: 0.8em;
	text-align:justify;
	padding:5px:
}
#corps
{
	color: #FFFFFF;

}


#corps strong
{
	
	color: white;
	font-size: 1em;
}
#corps li
{	
	color: #9bd0d0;
	position: relative;
left: 10px;
}

a 
{
	text-decoration: none;
	color: white;
}
a:hover 
{
	text-decoration: underline;
	color: #858585;
}


/*Banniere et accueil index */

#banniere_image
{
	background: url('../images/banniere.jpg') no-repeat;
	position: relative;
	width: 566px;
	height: 160px;
	margin: auto;
}

#bienvenue
{
	background: url('../images/degrader_bienvenue.jpg');
	width: 800px;
	height: 200px;
	text-align: center;
	border-bottom: 1px solid #FFFFFF;
}
	
.imageflottante
{
	float: right;
}


/*Menu et lien du menu */

#menu
{
	border-top: 1px ridge #FFFFFF;
	border-bottom: 1px ridge #FFFFFF;
	font-size: 1.2em;
}

#lien_menu1, #lien_menu2, #lien_menu3, #lien_menu4
{
	background: url('../images/fond_boutons.jpg') no-repeat;
	background-position: right;
	width: 130px;
	height: 30px;
	color: white;
	display: inline-block;
	padding-top: 5px;
	text-align:center;
}


/*partie presentation de l'accueil */


#qui_somme_nous, #domaine_daplication, #nos_moyens
{
	display: inline-block;
	vertical-align: top;
	
	text-align: left;
	padding:10px;
}


#qui_somme_nous p, #domaine_daplication p, #nos_moyens p
{
font-size: 1.0em;
}
#qui_somme_nous li
{
font-size: 0.9em;
}

#qui_somme_nous a, #domaine_daplication a, #nos_moyens a
{
font-style: italic;
color:#9bd0d0;
}

#qui_somme_nous a:hover, #domaine_daplication a:hover, #nos_moyens a:hover
{
font-style: italic;
color:#9bd0d0;
text-decoration:underline;
}


/* Pied de la page */

footer
{
    width: 900px;
	height: 50px;
    margin: auto;
	border: 1px solid #FFFFFF;
	background-color: rgb(25,34,39);
	text-align: center;
	padding-top:10px;
	vertical-align:center;
	color: white;
}

footer a
{
	color: #858585;
}

footer a:hover 
{
	text-decoration: none;
	color: white;
}

/*formulaire */
fieldset
{
	font-family: Tahoma;
	color: #FFFFFF;
	font-size: 0.9em;
}

label
{
    display: block;
    width: 150px;
    float: left;
}


#form_connexion
{
	width:350px;
	margin:auto;
	vertical-align:center;
}

#erreur
{
color:red;
text-align:center;
font-style:bold;
}

#menu_plateforme
{
width:50px;
text-align:right;
float:right;
position: relative;
right: 10px;
}

#menu_plateforme img, ul img
{
position: relative;
top: 10px;
}

#info_connecter
{
	text-align: center;
}

#liste_plan
{
	background: url('../images/bare_horizontal.jpg') no-repeat;
	background-position: top;
}


#section2
{
margin-top:10px;
padding:10px;
	border-top: 2px #9bd0d0 dashed;

}



/*partie administration */

#form_plan, #form_affaire, #form_utilisateur, #divers
{
	display: inline-block;
	vertical-align: top;
	height:200px;
	text-align: left;
	padding:10px;
	width:350px;
	margin:auto;
	vertical-align:center;
}

#envoi_plan_zone
{
width:250px;
height:50px;
overflow: hidden;
}

#form_utilisateur, #divers
{
position: relative;
top: 30px;
}


#form_plan fieldset, #form_affaire fieldset, #form_utilisateur fieldset
{
	height:220px;
}


#form_utilisateur fieldset, #divers fieldset
{
	height:180px;
}

#form_plan img, #form_affaire img, #form_utilisateur img, #divers img
{
position: relative;
top: 10px;
}

#form_plan legend, #form_affaire legend, #form_utilisateur legend, #divers legend
{
position: relative;
top: -10px;
}


#lien_plan, #lien_affaire
{
display: inline-block;
width:350px;
text-align:center;
position: relative;
top:10px;
left: 10px;
}


#lien_user
{
position: relative;
top:5px;
text-align:center;
width:350px;

}



#bouton_valid_user
{
width:100px;
position: relative;
left:100px;
top:20px;
}
#bouton_valid_affaire
{
width:100px;
position: relative;
right:-130px;
top:0px;
}

#bouton_valid_fichier
{
width:140px;
position: relative;
right:-110px;
top: -7px;
}

#section2
{
	font-family: Tahoma;
	color: #FFFFFF;
	font-size: 0.9em;
}


#section2 h2
{
text-align:center;
}



/*tableau fichier */

#nom, #date_up, #taille, #down
{
	display: inline-block;
	
	height:20px;
	text-align: left;
	padding:5px;
	
}

#nom
{
width:45%;
}

#taille
{
width:100px;
}
#date_up
{
width:150px;
}

#down
{
width:50px;
}

#down img
{
position: relative;
top: -5px;
right: -20px;
}
#ligne h3
{
padding-left:20px;
font-weight: bold;
font-style: italic;
}
#ligne1 h4
{
padding-left:20px;

color: white;
}
#ligne2 h4
{
padding-left:20px;
color: gray;
}







#num, #nom, #file, #date_down, #by
{
	display: inline-block;
	vertical-align: top;
	height:20px;
	text-align: left;
	padding:10px;
	
}

#file
{
width: 400px;
}
#date_down
{
width:150px;
text-align: center;
}
#by
{
width:100px;
}

#num_liste_affaire, #nom_liste_affaire, #lieu, #archi, #entreprise
{
	display: inline-block;
	vertical-align: top;
	height:10px;
	text-align: left;
	padding:10px;
	width:100px;	
}
#archi, #entreprise
{
	display: inline-block;
	vertical-align: top;
	height:10px;
	text-align: left;
	padding:10px;
	width:150px;	
}

#num_liste_affaire
{
width:50px;
}
#nom_liste_affaire
{
width: 150px;
}
#liste_user_archi, #liste_user_entreprise
{
	display: inline-block;
	vertical-align: top;
	padding:10px;
	width:200px;
	
}

#form_mdp_modif label
{
width:300px;
}

#liste_plan h2
{
text-align: center;
}