/*styles generaux*/
	body {
		margin : 0;
		font-family : Tahoma, Verdana, Geneva, Arial, sans-serif;
		font-size : 73%;
		/**/
		/* background-color: rgb(240, 240, 240); */
		/*background-color : #262626;*/
		background-color: rgb(100, 100, 100);
		/* background-color: gray; */
		/*vert clair*/
		/*background-color: #A3C63A;*/
		/*vert foncé*/
		/*background-color: #446619;*/
	}
	a {
		text-decoration : underline;
		/*color : rgb(70,80,80);*/
		color : #23294E;
		cursor : pointer;
	}
	a:hover {
		text-decoration : none;
		color : rgb(100,100,120);
	}
	a img {
		border : none;
	}

/*mise en forme generale des sections de la page*/
	#page {
		width : 974px;
		margin : auto;
	}
	.en-tete {
		/* background-color: #262626; */
		/* background-color: #A3C63A; */
		width : 974px;
	}
	.en-tete .logo, .en-tete .description {
		display : table-cell;
		width: 487px;
		vertical-align : middle;
	}
	.en-tete .description {
		text-align : right;
		color : #FFFF99;
		padding-right : 20px;
	}
	.pied-de-page {
		/* background-color : #EEEAF9; */
		/* background-color: #A3C63A; */
		/* background-color: #C9C9C9; */
		/*
		background-color: #EAEAEA;
		border : 1px solid #E2E2E2;
		*/
		text-align : center;
		padding : 2%;
		/* border : 1px solid #ADADAD; */
	}
	.contenu-superieur {
		/*background-color : rgb(240,240,255);*/
		/*background-color : #313131;*/
		background-color: #C9C9C9;
	}
	.contenu-superieur .contenu-gauche, .contenu-superieur .contenu-gauche + .contenu-droit {
		display : table-cell;
	}
	.contenu-superieur .contenu-gauche {
		vertical-align : top;
		width : 100%;
	}
	.contenu-superieur, .contenu-central {
		overflow : auto;
		padding-bottom : 20px;
	}
	.contenu-superieur {
		padding-top : 20px;
	}
	.contenu-central {
		padding-top : 10px;
	}
	.contenu-central .contenu-gauche, .contenu-central .contenu-gauche + .contenu-droit {
		display : table-cell;
	}
	.contenu-central .contenu-gauche {
		vertical-align : top;
		/*width : 175px;*/
		width : 220px;
	}
	.contenu-central .contenu-droit {
		min-width : 754px;
	}
	
	/*couleurs--*/
	.contenu-central .contenu-droit {
		/*background-color : #EEEAF9;*/
		background-color : white;
	}
	/*--couleurs*/
	/*bordures--*/
	.contenu-superieur {
		border : 1px solid #E2E2E2;
	}
	.menu-gauche {
		border-top : 1px solid #E2E2E2;
		border-right : 1px solid #E2E2E2;
		border-left : 1px solid #E2E2E2;
		border-bottom : 1px solid #E2E2E2;
		font-size: 120%;
	}
	.contenu-central .contenu-droit {
		border-top : 1px solid #E2E2E2;
		border-right : 1px solid #ADADAD;
		border-bottom : 1px solid #ADADAD;
		border-left : 1px solid #ADADAD;
	}
	/*--bordures*/

/*page index.php*/
	.ligne-produits {
		display : table;
		margin : 10px 6px 0px 6px;
	}
	.ligne-produits .ligne-titres, .ligne-produits .ligne-corps, .ligne-produits .ligne-liens {
		display : table-row;
	}
	.ligne-produits .titre-produit, .ligne-produits .corps-produit, .ligne-produits .lien-produit {
		display : table-cell;
		width : 33%;
		overflow : auto;
		/*border-left : 4px solid #EEEAF9;*/
		border-left : 4px solid white;
		/*border-right : 4px solid #EEEAF9;*/
		border-right : 4px solid white;
	}
	.ligne-produits .corps-produit {
		vertical-align : middle;
		overflow : hidden;
		padding-top : 5px;
		padding-bottom : 5px;
	}
	.ligne-produits .image-produit > div {
		/*border : 1px solid rgb(220,220,220);*/
	}
	.ligne-produits .image-produit img {
		width : 100%;
		display : block;
	}
	.ligne-produits .info-produit {
		/*padding-right : 5px;*/
		text-align : center;
	}
	.ligne-produits .titre-produit, .ligne-produits .lien-produit {
		vertical-align : middle;
		text-align : center;
		padding : 5px 5px 5px 5px;
		font-weight : bold;
		/*background-color : #E1D9FC;*/
		/*font-size : 85%;*/
	}
	.ligne-produits .titre-produit {
		background-color : #C9C9C9;
		color : #23294E;
		font-size : 135%;
	}
	.ligne-produits .lien-produit {
		/*border-bottom : 10px solid #EEEAF9;*/
		/*border-bottom : 10px solid white;*/
		border-bottom : 15px solid white;
		background-color : #E2E2E2;
		background-color : #EAEAEA;
		font-size:120%;
	}
	.ligne-produits .lien-produit .prix-produit {
		color : red;
	}

/*page produits.php*/
	.liste-produits .produit {
		padding : 4px 4px 0px 4px;
		margin-bottom : 10px;
	}
	.liste-produits .produit .corps-produit {
		overflow : auto;
		padding-top : 10px;
		padding-left : 20px;
	}
	.liste-produits .produit .corps-produit .image-produit {
		float : right;
		width : 40%;
		margin : 0px 0px 10px 10px;
		/*border : 1px solid rgb(220,220,220);*/
	}
	.liste-produits .produit .corps-produit .image-produit img {
		width : 100%;
		display : block;
	}
	.liste-produits .produit .titre-produit {
		background-color : #C9C9C9;
		padding : 5px 10px 5px 10px;
		font-weight : bold;
		font-size : 135%;
		color : #23294E;
		border : 1px solid #E2E2E2;
	}
	.liste-produits .produit .titre-produit a {
		color : inherit;
		text-decoration : none;
	}
	.liste-produits .produit .titre-produit a:hover:after {
		content : " (revenir en haut)";
		font-size : 90%;
	}

/*pages page.php*/
	.titre-page-annexe, .contenu-page-annexe {
		margin : 4px 4px 4px 4px;
	}
	.titre-page-annexe {
		font-size : 120%;
		font-weight : bold;
		background-color : #C9C9C9;
		padding : 5px 10px 5px 10px;
		color : #23294E;
	}
	.contenu-page-annexe {
		padding : 10px;
	}
/*page soumission.php*/
	.page-soumission form.soumission {
		padding-right : 10px;
	}
	.page-soumission form .form-div label, .page-soumission form .form-div label + input {
		float : left;
	}
	.page-soumission form .form-div label {
		width : 20%;
	}
	.page-soumission form .form-div label.creation-facture {
		width : 50%;
	}
	.page-soumission form .form-div label.creation-facture + input {
		min-width : 40%;
	}
	.page-soumission form div.creation-facture-infos-client label.creation-facture {
		margin-left:20px;
		margin-right:-20px;
	}
	.page-soumission form .form-div input + label {
		margin-left : 20px;
		margin-right : 20px;
		width : auto;
	}
	.page-soumission form div.form-div {
		clear : both;
		overflow : auto;
		margin : 0px 0px 10px 0px;
	}
	.page-soumission form .form-div label[for="description"] {
		clear : both;
		float : none;
		display : block;
		width : auto;
		margin-bottom : 10px;
	}
	.page-soumission .message-succes, .message-attention, .message-erreur {
		font-style : normal;
		margin : 4px 4px 4px 4px;
	}

/*pages d'administration*/
	.admin-nouvel-element {
		text-align : center;
		padding : 8px;
		margin-top : 5px;
		margin-bottom : 5px;
		font-weight : bold;
		font-size : 140%;
		border : 1px solid rgb(230,220,245);
		background-color : rgb(255,255,130);
	}
	.admin-nouvel-element a {
		text-decoration : none;
		border-bottom : 1px solid rgb(70,80,80);
	}
	.admin-nouvel-element a:hover {
		border-bottom : none;
	}
	.admin-nouvel-element:hover {
		background-color : rgb(255,255,190);
	}
	.lien-permanent {
		padding-left : 20px;
		font-size : 120%;
		font-weight : bold;
	}
	.section {
		font-weight : bold;
		padding-top : 8px;
		padding-bottom : 8px;
		padding-left : 20px;
		font-size : 120%;
	}
	.section:hover {
		background-color : rgb(230,230,230);
	}
	.section a {
		text-decoration : none;
	}
	.section a:hover {
		border-bottom : 1px solid rgb(140,140,160);
	}
	.section[title="deconnexion"] a {
		color : blue;
	}
	.contenu-admin {
		font-size : 110%;
		background-color : #B5B5C0;
	}
	.contenu-central-administration {
		background-color : white;
	}
	.contenu-admin a:visited {
		color : rgb(80,80,90);
	}
	.contenu-admin form {
		
		padding-bottom : 20px;
	}
	.contenu-admin form fieldset {
		background-color : rgb(240,240,240);
	}
	.contenu-admin form fieldset + fieldset {
		margin-top : 20px;
	}
	.contenu-admin form fieldset legend {
		font-weight : bold;
		font-size : 1.6em;
		border : 1px solid black;
		padding : 5px 20px 5px 20px;
		color : #23294E;
		background-color : #C9C9C9;
		margin-top : 10px;
		margin-bottom : 20px;
	}
	.contenu-admin form label {
		min-width : 40%;
		clear : left;
		float : left;
		font-weight : bold;
		margin-bottom : 5px;
	}
	.contenu-admin form label + input {
		width : 30%;
		clear : right;
		float : left;
		margin-bottom : 5px;
	}
	.contenu-admin form label + input[type="checkbox"] {
		width : auto;
	}
	.contenu-admin form br {
		display : block;
		clear : both;
	}
	.contenu-admin > form > input[type="submit"],
	.contenu-admin > form > fieldset > input[type="submit"] {
		clear : both;
		display : block;
		font-weight : bold;
		font-size : 1.5em;
		padding : 10px;
		max-width : 500px;
		margin-left : auto;
		margin-right : auto;
		margin-top : 20px;
	}
	/*Ajout du 22 décembre 2013.*/
		.contenu-admin > form > fieldset > input[type="submit"].haut {
			margin-top:0;
			margin-bottom:20px;
		}
	/*...*/
	.contenu-admin table {
		width : 100%;
		text-align : center;
	}
	.contenu-admin table th {
		background-color : rgb(220,220,240);
		padding : 5px;
	}
	.contenu-admin table.admin-liste td {
		background-color : rgb(240,240,255);
		padding : 5px;
	}

/*styles absolus*/
	.bouton-personnel {
		border : 1px solid rgb(50,50,50);
		background-color : rgb(200,200,200);
		padding : 2px 4px 2px 4px;
		margin-left : 4px;
		margin-right : 4px;
		display : inline-block;
	}
	.bouton-personnel:hover {
		background-color : rgb(230,230,230);
	}
	.bouton-personnel a {
		color : black;
		font-weight : normal;
		text-decoration : none;
	}
	.bouton-personnel a:hover {
		text-decoration : underline;
	}
	.message-erreur, .message-attention, .message-succes {
		border : 1px solid;
		padding : 5px;
		margin : 5px;
		/*font-style : italic;*/
		font-weight : bold;
		font-size : 125%;
		text-align : center;
	}
	.message-erreur {
		border-color : red;
		background-color : rgb(255,200,200);
	}
	.message-attention {
		border-color : yellow;
		background-color : rgb(255,255,200);
	}
	.message-succes {
		border-color : green;
		background-color : rgb(200,255,200);
	}

/*menu superieur*/
	.autres-pages .menu-superieur {
		text-align : center;
		font-weight : bold;
		width : 950px; /*vilain bidouillage ...*/
	}
	.autres-pages .menu-superieur ul {
		padding : 0;
		margin : 0;
		list-style : none;
	}
	.autres-pages .menu-superieur ul li {
		display : inline;
	}
	.autres-pages .menu-superieur ul li + li {
		margin-left : 20px;
	}
	.accueil-menu-superieur .menu-superieur ul {
		list-style : square;
		list-style-image : url("../internal_images/puce.png");
		/*margin : 0px 0px 0px 0px;*/
		margin : 0;
		padding : 0px 0px 0px 30px;
		font-weight : bold;
	}
	.accueil-menu-superieur .menu-superieur ul li {
		margin-top : 10px;
		margin-bottom : 10px;
	}
	.menu-superieur {
	    font-size: 120%;
	}
	/*
	.menu-superieur a {
		color : #E5E4E4;
	}
	.menu-superieur a:hover {
		color : white;
	}
	*/
/*menu gauche*/
	.menu-gauche {
		/*background-color : #D3D0D8;*/
		background-color : #C9C9C9;
		padding : 10px 10px 10px 10px;
	}
	.titre-menu-gauche, .titre-menu-gauche a {
		font-weight : bold;
		font-size : 120%;
		color : rgb(70,50,150);
		/* color: rgb(220, 0, 0); */
		/* color: rgb(34, 94, 100); */
		background-color : #B8B8B8;
		padding : 5px 5px 5px 10px;
	}
	/*
	.menu-gauche a {
	    color: rgb(34, 94, 100);
	}
	*/
	.menu-gauche ul {
		list-style : none;
		margin : 0;
		padding : 0;
		
		/*dernier ajout - 23 mars 2012*/
		font-weight : bold;
	}
	.menu-gauche ul li {
		margin-top : 8px;
		margin-bottom : 8px;
	}
	.menu-gauche ul li ul {
		margin-left : 10px;
	}

/*mise en page particuliere du diaporama de la page d'accueil*/
	.texte-diaporama {
		color:white;
		position:absolute;
		bottom:0;
		border-top:1px solid black;
		background-color:rgba(0,0,0,0.7);
		width:100%;
		text-align:center;
	}
/*diaporama de la page d'accueil*/
	#slideshow {
		margin : 0px 20px 0px 0px;
	}
	#slides {
		font-size : 100%;
		position:relative;
		vertical-align : top;
	}
	.slide {
		overflow:hidden;
		position:absolute;
		border : 1px solid #A8A8A8;
		background-color : white;
	}
	#slides-controls {
		text-align : right;
		/*background-color : rgb(240,240,240);
		border : 1px solid rgb(180,180,180);*/
	}
	#slides-controls a {
		display : inline-block;
		text-align : center;
		margin : auto;
		width : 26px;
		height : 22px;
		line-height : 22px;
		text-decoration : none;
		font-size : 80%;
		color : rgb(150,150,150);
		cursor : pointer;
	}
	#slides-controls a:hover	{
		background:#DEDCE2;
		border : 1px solid rgb(180,180,180);
		margin-top : -1px;
		margin-left : -1px;
	}
	#slides-controls a.highlight {
		background:#C9BEE0;
		border:1px solid rgb(180,180,180);
	}

/*Ajout du 1er avril 2012*/
.url_categorie {
	margin-bottom : 10px;
}
.url_categorie input[type="text"] {
	width:40%;
}
.url_categorie input[type="text"] + input[type="button"] {
	margin-left : 10px;
}
input#bouton_ajout {
	margin-bottom : 10px;
	display : block;
	clear : left;
}

/*Ajouts du 11 Juillet 2012.*/
.entree-requise:after {
	/*margin-left : 5px;*/
	content : "*";
	color : red;
	font-weight : bold;
}

/*Ajout du 22 fevrier 2013*/
.required {
	color : red;
}

/*Ajout du 11 juin 2013.*/
.accueil-ms-rs {
	text-align : center;
	padding : 10px 15px 15px 15px;
	font-weight : bold;
	clear : both;
}
.accueil-ms-rs .images {
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	display: table-row;
	float : left;
}
.accueil-ms-rs  div.image {
	display:table-cell;
	vertical-align : middle;
}
.accueil-ms-rs div.image a {
	display : block;
	padding : 6px 10px 6px 10px;
}
.accueil-ms-rs div.image a:hover {
	background-color : #E0E0E0;
}
.accueil-ms-rs div.image a img {
	max-width : 30px;
}

/*Ajouts du 21 décembre 2013*/
table.admin-gestion-sections {
	border-bottom : 1px solid gray;
}
table.admin-gestion-sections td {
	border-top : 1px solid gray;
}
table.admin-gestion-sections tr:hover {
	background-color : rgb(255,255,255);
}
/*Ajouts du 25 décembre 2013.*/
.listes-prix p.titre {
	font-weight : bold;
	font-size : 140%;
	text-align : center;
	border : 1px solid gray;
	background-color : rgb(200,200,255);
	padding : 10px 0px 10px 0px;
	margin : 0px 0px 10px 0px;
}
.listes-prix td.colonne {
	width : 50%;
}
.listes-prix td.colonne-gauche { text-align : right; }
.listes-prix td.colonne-droite { text-align : left; }
.listes-prix fieldset legend {
	font-weight : bold;
	border : 1px solid gray;
	background-color : rgb(200,200,255);
	padding : 10px 10px 10px 10px;
}
.listes-prix #message-1,
.listes-prix #message-2 {
	font-weight : bold;
}
.listes-prix .navigation input {
	font-weight : bold;
	font-size : 130%;
	padding-left : 20px;
	padding-right : 20px;
}
.listes-prix .navigation form#formulaire {
	display : inline;
}
.listes-prix tr.prix:hover {
	background-color : rgb(196,196,206);
}
/*Ajouts du 26 décembre 2013.*/
table.tableau-liste-prix {
	text-align : center;
}
table.tableau-liste-prix td {
	padding : 10px 20px 10px 20px;
}
table.tableau-liste-prix .parametre {
	font-weight : bold;
	background-color : rgb(150,150,200);
}
table.tableau-liste-prix .valeur {
	font-weight : bold;
	background-color : rgb(200,200,250);
}
table.tableau-liste-prix .prix {
	background-color : rgb(240, 240, 255);
}
p.titre-liste-prix {
	font-weight : bold;
	font-size : 130%;
	color : rgb(70,50,150);
	background-color : #B8B8B8;
	padding : 5px 5px 5px 10px;
}
span.note-liste-prix {
	font-weight : bold;
	color : red;
	background-color : rgb(255,180,180);
	padding : 2px 10px 2px 10px;
	vertical-align : middle;
}

form.mini-formulaire table {
	border : 1px solid rgb(200,200,200);
	background-color : rgb(220,220,220);
}
form.mini-formulaire table td {
	padding : 5px 10px 5px 10px;
}
div.second {
	margin: 10px 0px 10px 0px;
}
div.second .mini-formulaire table {
	margin-left:auto;
	margin-right:auto;
}

/*Ajouts du 20 janvier 2014.*/
/* Style. */
.affichage-montage {
	width : 75%;
	margin-left : auto;
	margin-right : auto;
	font-family : Verdana, Geneva, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : rgb(50,50,50);
}
.affichage-montage ul {
	list-style-type : square;
	margin:0;
}
.affichage-montage div.erreurs, .affichage-montage div.succes, .affichage-montage div.infos {
	padding : 10px 10px 10px 10%;
	border-width : 1px;
	border-style : solid;
}
.affichage-montage div.erreurs {
	border-color :		rgb(255,180,180);
	background-color :	rgb(255,240,240);
}
.affichage-montage div.succes {
	border-color :		rgb(180,255,180);
	background-color :	rgb(240,255,240);
}
.affichage-montage div.infos {
	border-color :		rgb(255,255,180);
	background-color :	rgb(255,255,220);
}
.affichage-montage div.ligne {
	display : table-row;
}
.affichage-montage div.ligne div.cellule {
	display : table-cell;
	vertical-align : middle;
}
.affichage-montage  div.informations {
	padding : 10px;
}