/* Polices */

@font-face
{
    font-family: "futura";
    src: url('../fonts/futura.otf');
}

/* Toutes les pages */

body
{
	background-color : #0599b7;
	color : #231f20;
	font-family : futura;
}

#erreur_connexion
{
	width : 100%;
	top : 25%;
	position : fixed;
	text-align : center;
}

a img
{
border : none;
}

a
{
	color : black;
	text-decoration : none;
}

a:hover
{
	color : rgb(0,255,255);
}

#logo
{
	position : fixed;
	top : 5%;
	left : 1%;
	width : 18%;
	padding : 3px;
	text-align : center;
}

#logo img
{
	width: 100%;
	height: auto;
}

#nav
{
	position : fixed;
	top : 25%;
	left : 0px;
	width : 20%;
	text-align : center;
}

#nav li
{
	list-style-type: none;
}

#vitanimecom
{
	position : fixed;
	bottom : 3%;
	left : 0px;
	width : 20%;
	text-align : center;
}

#bloc_page
{
	position : fixed;
	left : 20%;
	top : 0px;
	width : 100%;
	height : 100%;
	background-color : #FFFFFF;
}

#page
{
	width : 77%;
	height : 85%;
	left : 20%;
	top : 5%;
	position : fixed;
	overflow : auto;
	padding : 7px;
	text-align : center;
}

#page_modif
{
	width : 77%;
	height : 65%;
	left : 20%;
	top : 25%;
	position : fixed;
	overflow : auto;
	padding : 7px;
	text-align : center;
}

#liens
{
	width : 40%;
	height : 10%;
	left : 18%;
	bottom : 4%;
	position : fixed;
}

textarea 
{
    vertical-align: top;
	font-family : arial;
}

input
{
	font-family : arial;
}

h1
{
	color : #231f20;
}

.titre
{
	font-size : 1.2em;
	font-weight : bold;
}

footer
{
	position : fixed;
	bottom : 0px;
	font-size : 0.8em;
	left : 0%;
	width : 100%;
	height : 5%;
	text-align : center;
}

#gras
{
	font-weight : bold;
}

/* menu - client.php */

#page_menu
{
	width : 77%;
	height : 85%;
	left : 30%;
	top : 25%;
	position : fixed;
	overflow : auto;
	padding : 7px;
	font-size : 1.5em;
	font-weight : bold;
}

#page_menu img
{
	vertical-align: middle;
	display: inline-block; 
}

#page_menu a
{
	color : black;
	text-decoration : none;
	vertical-align: middle;
	display: inline-block; 
}

#page_menu a:hover
{
	color : rgb(0,255,255);
}

/* index - page de connexion */

#logo_index
{
	width : 400px;
	top : 100px;
	margin : auto;
	position : relative;
}

#connexion
{
	top : 120px;
	padding : 7px;
	width : 350px;
	height : 210px;
	text-align : center;
	margin : auto;
	position : relative;
	
	background-color : #000000;
	color : #FFFFFF;
}

#inscription
{
	font-size : 0.8em;
}

#inscription a
{
	color : white;
}

/* page de choix de la langue */
#langue
{
	top : 120px;
	left : 0px;
	padding : 7px;
	height : 420px;
	text-align : center;
	margin : auto;
	position : relative;
	
	background-color : #FFFFFF;
	color : #000000;
}

/* Pages de commande */

#liens_commande
{
	width : 70%;
	height : 50px;
	left : 23%;
	bottom : 6%;
	position : fixed;
	padding : 5px;
}

#liens_commande input
{
	position : fixed;
	right : 8%;
	bottom : 6%;
}

#sections
{
	width : 77%;
	height : 85%;
	right : 0px;
	top : 0px;
	position : fixed;
	background-color : #FFFFFF;
}

section
{
	padding : 7px;
}

section h1
{
	font-size : 1.2em;
}

#renseignements
{
	width : 90%;
	height : 200px;
	font-weight : bold;
	font-size : 1.5em;
}

.lieu_date
{
	font-weight : normal;
	font-size : 0.7em;
}

.montage
{
	font-weight : normal;
	font-size : 0.6em;
}

#materiel
{
	width : 90%;
	height : 75%;
	border : solid 2px black;
}

#liste
{
	display : inline-block;
	overflow : auto;
	width : 100%;
	max-height : 96%;
}

#liste_nouveau
{
	display : inline-block;
	overflow : auto;
	width : 100%;
	height : 400;
	px;
}

.violet
{
	background-color : #000000;
	padding : 5px;
	width : 100%;
	color :white;
}
.basDePage
{
	background-color : #FFFFFF;
	padding : 5px;
	width : 100%;
	color :black;
}


#affichage_total
{
	font-size : 1.2em;
	font-weight : bold;
	display : inline-block;
	vertical-align : middle;
}

#demande_supp
{
	right : 10%;
	bottom : 10px;
	position : fixed;
}

.violet input
{
	display : inline-block;
	vertical-align : middle;
}

.violet text
{
	display : inline-block;
	vertical-align : middle;
}

.element
{
	display : inline-block;
	height : 160px;
	min-width : 48%;
	vertical-align : top;
}

.mini
{
	display : inline-block;
	vertical-align : bottom;
}

.infos
{
	display : inline-block;
	vertical-align : bottom;
}

.description
{
	display : inline-block;
	vertical-align : top;
}

._description
{
	font-size : 0.9em;
}

.nom_mat
{
	font-weight : bold;
}

.stock_dispo
{
	font-size : 0.9em;
}

#_evenement
{
	font-size : 1.3em;
	font-weight : bold;
}

.mini_sur_demande
{
	display : inline-block;
	vertical-align : middle;
}

.infos_sur_demande
{
	display : inline-block;
	vertical-align : middle;
}

.description_sur_demande
{
	display : inline-block;
	vertical-align : middle;
}

.bouton_sur_demande
{
	display : inline-block;
	vertical-align : middle;
}

/* Affichage coordonnées */

#entreprise
{
	font-size : 2.4em;
	font-weight : bold;
}

#contacts
{
	width : 100%;
}

.ligne
{
	width: 80%;
}

.contact
{
    vertical-align: top;
	width : 200px;
	display : inline-block;
	padding : 2px;
}

.lieu
{
	font-size : 1.2em;
	font-weight : bold;
}

.evenement
{
	cursor : pointer;
}

.evenement:hover
{
	color : rgb(0,255,255);
}

.evenement img
{
	vertical-align: middle;
	display: inline-block; 
}

.evenement .nom_eve
{
	vertical-align: middle;
	display: inline-block; 
}

.liste_materiel
{
	width : 632px;
	height : 100%;
	margin : auto;
}

.materiel
{
    vertical-align: top;
	width : 150px;
	display : inline-block;
	padding : 2px;
}

/* modif contacts */

.nom_contact
{
	font-weight : bold;
}

.modif
{
	font-size : 0.8em;
}

.modif a:visited
{
	color : rgb(124,0,255);
}

/* consultation commande */
.consulter_materiel
{
    vertical-align: top;
	width : 150px;
	display : inline-block;
	padding : 2px;
	text-align : center;
	font-size : 0.9em;
}