/* CSS Document */

/* ::: FONT ::: */
h1, h2, h3, h4 { font-weight:normal; margin:0; }
h1 { font-size:.9em; }		/* Titre */
h2 { font-size:.8em; }		/* Sous-Titre */
h3 { font-size:.7em; }		/* Default */
h4 { font-size:.9em; }		/* Secondaire */
.bb { color:#000; }
.b { color:#333; }
.nb { color:#666; }
.nw { color:#999; }
.w { color:#CCC; }
.ww { color:#FFF; }
.sec { color:rgba(151,124,105,1); }
.c { color:rgba(191,83,10,1); }

/* ::: A HREF ::: */
/*a.def { color:#333; font-size: .9em; text-decoration:none; }*/
a.def { color:#333; text-decoration:none; }
a.def:hover { color:rgba(255,255,255,1); text-decoration:underline; }
/*a.sec { color:#000; font-size: .9em; text-decoration:none; }*/
a.sec { color:#000; text-decoration:none; }
a.sec:hover { text-decoration:underline; }
a.opt { color:rgba(36,126,160,1); text-decoration:none; }
a.opt:hover { text-decoration:underline; }

/* ::: ICONE ::: */
.ico { width:18px; min-width:18px; /*margin:6px;*/ }
.ico-s { width:16px; min-width:16px; /*padding:4px;*/ }
.ico-b { width:20px; min-width:20px; /*margin:6px;*/ }
.ico-vs { width:14px; min-width:14px; /*padding:4px;*/ }
.ico_hide { display:none; }

/* ::: PADDING ::: */
.pad_20 { padding:20px; }
.pad_10 { padding:10px; }
.pad_8 { padding:8px; }
.pad_6 { padding:6px; }
.pad_4 { padding:4px; }
.pad_2 { padding:2px; }
.pad-l_30 { padding-left:30px; }
.pad-l_20 { padding-left:20px; }
.pad-l_10 { padding-left:10px; }
.pad-l_6 { padding-left:6px; }

.pad-r_30 { padding-right:20px; }
.pad-r_20 { padding-right:20px; }
.pad-r_10 { padding-right:10px; }
.pad-t_30 { padding-top:30px; }
.pad-t_20 { padding-top:20px; }
.pad-t_10 { padding-top:10px; }
.pad-t_6 { padding-top:6px; }
.pad-t_4 { padding-top:4px; }
.pad-d_30 { padding-bottom:30px; }
.pad-d_20 { padding-bottom:20px; }
.pad-d_10 { padding-bottom:10px; }
.pad-d_6 { padding-bottom:6px; }
.pad-d_4 { padding-bottom:6px; }

/* ::: MARGIN [ top - right - down - left ] ::: */
.mar_20 { margin:20px; }
.mar_10 { margin:10px; }
.mar_8 { margin:8px; }
.mar_6 { margin:6px; }
.mar_4 { margin:4px; }
.mar_2 { margin:2px; }
.mar-l_30 { margin-left:30px; }
.mar-l_20 { margin-left:20px; }
.mar-l_10 { margin-left:10px; }
.mar-r_30 { margin-right:20px; }
.mar-r_20 { margin-right:20px; }
.mar-r_10 { margin-right:10px; }
.mar-t_30 { margin-top:30px; }
.mar-t_20 { margin-top:20px; }
.mar-t_10 { margin-top:10px; }
.mar-t_6 { margin-top:6px; }
.mar-d_30 { margin-bottom:30px; }
.mar-d_20 { margin-bottom:20px; }
.mar-d_10 { margin-bottom:10px; }
.mar-d_6 { margin-bottom:6px; }
/* ::: LINE ::: */
.l1 { background-color: #999; }					/*	gris	*/
.l2 { background-color: rgba(0,0,0,1); }		/*	noir	*/
.l3 { background-color: rgba(255,255,255,1); }	/*	blanc	*/
.l4 { background-color: rgba(191,83,10,1); }	/*	orange	*/
.l5 { background-color: rgba(255,0,0,1); }		/*	rouge	*/
.l6 { background-color: rgba(1,101,188,1); }		/*	bleu	*/
/* ::: [ Desktop (large) ] ::: */
@media (min-width: 1281px) {
	
}
/* ::: [ Smartphone paysage, Tablette (Std portrait, Small paysage) ] ::: */
@media (min-width: 480px) and (max-width:959px) {
	h1 { font-size:.85em; }
	h2 { font-size:.75em; }
	h3 { font-size:.65em; }
	h4 { font-size:.55em; }
	.ico-b { width:18px; min-width:18px; /*margin:6px;*/ }
	.ico { width:16px; min-width:16px; /*margin:5px;*/ }
	.ico-s { width:14px; min-width:14px; /*padding:4px;*/ }
	.ico-vs { width:12px; min-width:12px; /*padding:4px;*/ }
}
/* ::: [ Smartphone portrait ] ::: */
@media (max-width: 479px) {
	h1 { font-size:.8em; }
	h2 { font-size:.7em; }
	h3 { font-size:.6em; }
	h4 { font-size:.5em; }
	
	.ico-b { width:18px; min-width:18px; /*margin:5px;*/ }
	.ico { width:16px; min-width:16px; /*margin:4px;*/ }
	.ico-s { width:14px; min-width:14px; /*padding:3px;*/ }
	.ico-vs { width:12px; min-width:12px; /*padding:4px;*/ }
}
