html{
	height:100%;
}
body{
	text-align:center;
	font-family: Helvetica, Calibri, Verdana;
	font-size:12px;
	background-color:#22292F;
	height:100%;
}
*{margin:0;padding:0;font-family: verdana;}

ul{list-style-type:none}
textarea{font-size:1em}
input, select{border:1px solid #afafaf}
a{color:#22292f}

a img{border:0 none}
a img:hover{
	filter:alpha(opacity=60);
	opacity:0.6;
}

.titre_info_tableau{color:#1f9ed9}


#global{
	width:99%;
}

#menu, #barre_action{
	width:100%;
}

#global{
	position:relative;
	margin:0 auto;
	background-color:#fff;
	border:1px solid #c8d7c4;
	text-align:center;
	padding-bottom:20px;
}





#bandeau_central{
	overflow:hidden; 
	width:100%;
	height:100%;
}

#colonne_gauche{
	float:left; 
	width:220px;
	height:100%;
}

#contenu_droit{
	margin-left:220px;
	background-color:white;
	padding-bottom:40px;
	height:100%;
	overflow:auto;
}




/* MENU */

#menu{
	list-style-type:none;
	font-size:15px;
	text-align:left;
}

#menu li{
	padding:2px 12px;
	color:#fff;
}
#menu li a{
	color:#fff;
	text-decoration:none;
}

#menu li a:hover{color:#ccc;text-decoration:underline;}

/* BARRE ACTION */
#barre_action{
	list-style-type:none;
	display:block;
	margin-bottom:8px;
	height:20px
}

#barre_action li{
	padding:2px 7px;
	font-weight:bold;
	float:left;
	color:black;
}
#barre_action li a{
	color:white;
	text-decoration:none;
}

#barre_action li a:hover{color:#333;text-decoration:underline;}


.boite_etat_commande{
	padding:4px 5px;
	text-align:center;
	border-radius:4px;
	color:white;
	font-size:1.2em;
}

.boite_bord_arrondi_clair{
	padding:6px 5px;
	border-radius:10px;
	background-color:#e8f4f9;
	padding:15px;
}

.boite_bord_arrondi_fonce{
	border-radius:10px;
	background-color:#1e9ed9;
	color:white;
}
.boite_bord_arrondi_fonce .quantite_commande_index{
	font-size:2.6em;
}

.boite_index{
	width:350px;
	padding:10px;
	text-align:left;
}

fieldset, legend{
	border:1px solid #666;
}
fieldset{
	padding:20px;
	margin:10px auto;
	display:block;
}

legend{
	font-weight:bold;
	color:#777;
	padding:5px 3px;
}

.submit{
	border:0 none;
	color:#fff;
	font-weight:bold;
	margin:20px auto 0 auto;
	padding:3px;
	background-color:#22292f;
}


h1{font-size:24px;padding:25px 20px;}

h2{font-size:13px;margin:27px 0 0 10px;}
h1,h2{text-align:left;}

p{
	text-align:justify;
	padding:5px 30px;
}

.attention{color:#d63a2a;}

.bordure_simple tr td a{text-decoration:none;}

.fondorange{background-color:#f4dec5}
.fondorange a{color:#1e4213;}

.fondrouge, .fondvert, .fondblanc, .txtrouge, .txtvert{text-align:center;font-weight:bold}
.fondrouge{background-color:#e29999}
.fondvert{background-color:#99e2a9}
.fondblanc{background-color:#fff}
.txtrouge{color:#e29999}
.txtvert{color:#99e2a9}
.fonddifferent{background-color:#f1f1f1}

.bordure_simple{margin:15px auto;font-size:12px}
.bordure_simple tr td{text-align:left}
.bordure_simple tr th{text-align:center}
.bordure_simple tr td, .bordure_simple tr th{border:0 none;padding:4px 5px}
.bordure_simple tr th{background-color:#22292f;color:white;padding:10px 5px}
.bordure_simple tr td h2{margin:18px 0 0 10px;color:#2a2a2a}


.liste_index li a{text-decoration:none}

.fond_td_1{background-color:#ecf0f3}
.fond_td_2{background-color:#f6f5f8}

.actuel{color:red}

.liste_index{
	text-align:left;
	padding-left:10px;
	line-height:1.4em;
}

.liste_index .titre_li{margin-left:5px;margin-top:5px;color:#2D7BE5;font-style:italic}


a#cRetour, a#cRetour.cVisible{bottom:5px;}
a#cRetour{
	position:fixed;
	
	right:15px;
	opacity:1;
	color:white;
	padding:6px;
	text-decoration:none;
}
a#cRetour.cInvisible{
	bottom:-35px;
	opacity:0;
	transition:all ease-in 0.5s;
}
a#cRetour.cVisible{
	opacity:1;
}

.notif_connexion_rouge{
	color:red;margin-bottom:10px;
}
.notif_connexion_vert{
	color:green;margin-bottom:10px;
}

.nb_doc_menu{
	font-size:0.6em
}

.boite_un_document{
	width:120px;
	margin:20px;
	float:left
}
.boite_un_document a{text-decoration:none}
.boite_un_document a img{
	margin:5px;
}