/*

	bootstrap.css	:	
	chrome.css  	:	contient le code juste pour chrome si nécessaire
	connection.css	:	contient le css des modules login, profile, signup, accès, connection
	default.css	   	:	contient les valeurs par défaut des h1 input textearea printicon html etc...
	fonts.css		:	contient toutes les lignes css pour charger les fonts disponibles
	largeur.css		:	contient les largeurs de zones
	mobile.css  	:	contient le css par défaut pour le responsive
	mozilla.css  	:	contient le code juste pour mozilla si nécessaire
	responsive		:	contient le css pour paramétrer le responsive
	
	composants.css	:	contient le css des modules blog, portefolio, et les autres petits composants
							
	edition			:	contient les balises d'habillage des articles et des modules
	edition2		:	utilisation interdite
	
	menus  			:	contient les menus et autres choix sur la home

	template		:	contient les zones dans l'ordre d'apparition



/***********************************  l'ordre d'apparition des zones correspond à la maquette des zones       ************************/
/**************************************************        ZONES                   *****************************************/
/*
zone-w         wrapper contenant toute la zone
zone-a         première zone dans le wrapper de zone
zone-i         wrapper intégrant contenant toutes les zones numérotés zone1 zone2 zone3 zone4 zone5 zone6
zone-i1 à i6   zones intégrées dans zone-i alignées horizontalement
zone-z         dernière zone dans le wrapper de zone

zone-w  --------------------------------------------------------------------------------------------------...

              ------------------------------------- zone-a -------------------------------------
			  !                                                                                !
			  !________________________________________________________________________________!
			  
              zone-i  --------------------------------------------------------------------------
			  !    zone-i1     zone-i2       zone-i3      zone-i4      zone-i5      zone-i6    !
			  !              !            !            !             !            !            !
			  !______________!____________!____________!_____________!____________!____________!
              !________________________________________________________________________________!
			  
              ------------------------------------- zone-z -------------------------------------
			  !                                                                                !
			  !________________________________________________________________________________!
			  			  
_________________________________________________________________________________________________________...
****************************************************************************************************************************************/

*/
div.moduletable /*	ne mettre que ce qui s'applique globalement seulement */ {
}
div.moduletable.copie-responsive/*un module qui s'affiche dans le responsive mais caché par défaut*/ {
  display: none;
}
/*************************   toutes les zones dans leur ordre d'apparition    **************************************/
/*
en général, il faut éviter de référer à un composant par son id de position dans les autres fichiers css
il n'y a que dans template.css  mobile.css et responsive.css qu'on réfère aux positions par leur id
*/
#a10-w-plume {
}
#a10-a-plume {
}
#a10-i-plume {
}
#a10-i1-plume {
}
#a10-i2-plume {
}
#a10-i3-plume {
}
#a10-i4-plume {
}
#a10-i5-plume {
}
#a10-i6-plume {
}
#a10-z-plume {
}
/*   pour obtenir une ligne tout en haut du site  */
/*
#a10-w-plume
{
height: 10px !important;
background: linear-gradient( #37342A, rgba(255,255,255,0.0)  );
}
#a10-a-plume
{
visibility: hidden;
max-height: 0px !important;
}
*/
#a20-w-cheveux {
}
#a20-a-cheveux {
}
#a20-i-cheveux {
}
#a20-i1-cheveux {
}
#a20-i2-cheveux {
}
#a20-i3-cheveux {
}
#a20-i4-cheveux {
}
#a20-i5-cheveux {
}
#a20-i6-cheveux {
}
#a20-z-cheveux {
}
#a30-w-chapeau {
}
#a30-a-chapeau {
}
#a30-i-chapeau {
}
#a30-i1-chapeau {
}
#a30-i2-chapeau {
}
#a30-i3-chapeau {
}
#a30-i4-chapeau {
}
#a30-i5-chapeau {
}
#a30-i6-chapeau {
}
#a30-z-chapeau {
}
#a40-w-tete {
}
#a40-a-tete {
}
#a40-i-tete {
}
#a40-i1-tete {
}
#a40-i2-tete {
}
#a40-i3-tete {
}
#a40-i4-tete {
}
#a40-i5-tete {
}
#a40-i6-tete {
}
#a40-z-tete {
}

/* pour obtenir une ligne ombragée sous le menu avant le slider */
/*
#a80-bijou 
{
background: linear-gradient( #504f51, rgba(255,255,255,0.0)  );
min-height: 0.5rem;
max-height: 0.5rem;
line-height: 0.3rem;
display: inline !important;
overflow: visible;
width: 100% !important;
position: fixed;
z-index: 9999;
top: 6rem;
}
*/
#a50-w-collier {
}
#a50-a-collier {
}
#a50-i-collier {
}
#a50-i1-collier {
}
#a50-i2-collier {
}
#a50-i3-collier {
}
#a50-i4-collier {
}
#a50-i5-collier {
}
#a50-i6-collier {
}
#a50-z-collier {
}
#a60-w-cou {
}
#a60-a-cou {
}
#a60-i-cou {
}
#a60-i1-cou {
}
#a60-i2-cou {
}
#a60-i3-cou {
}
#a60-i4-cou {
}
#a60-i5-cou {
}
#a60-i6-cou {
}
#a60-z-cou {
}
#a70-w-menu {
  background-color: #242323;
}
#a70-a-menu {
}
#a70-i-menu {
}
#a70-i1-menu {
}
#a70-i2-menu {
}
#a70-i3-menu {
}
#a70-i4-menu {
}
#a70-i5-menu {
}
#a70-i6-menu {
}
#a70-z-menu {
}
#a80-w-bijou {
}
#a80-a-bijou {
}
#a80-i-bijou {
}
#a80-i1-bijou {
}
#a80-i2-bijou {
}
#a80-i3-bijou {
}
#a80-i4-bijou {
}
#a80-i5-bijou {
}
#a80-i6-bijou {
}
#a80-z-bijou {
}
#a90-w-slider {
}
#a90-slider {
}
#a90-slider div.moduletable /*par défaut, tous les moduletable ont un padding de 1rem sauf le slider*/ {
  padding: 0px !important;
  position: relative;
  z-index: -9999999999999; /* par défaut, le slider est toujours à l'arrière */
}
#b10-w-chemise {
}
#b10-a-chemise {
}
#b10-i-chemise {
}
#b10-i1-chemise {
}
#b10-i2-chemise {
}
#b10-i3-chemise {
}
#b10-i4-chemise {
}
#b10-i5-chemise {
}
#b10-i6-chemise {
}
#b10-z-chemise {
}
#b20-w-bras {
}
#b20-a-bras {
}
#b20-i-bras {
}
#b20-i1-bras {
}
#b20-i2-bras {
}
#b20-i3-bras {
}
#b20-i4-bras {
}
#b20-i5-bras {
}
#b20-i6-bras {
}
#b20-z-bras {
}
#b30-w-manche {
}
#b30-a-manche {
}
#b30-i-manche {
}
#b30-i1-manche {
}
#b30-i2-manche {
}
#b30-i3-manche {
}
#b30-i4-manche {
}
#b30-i5-manche {
}
#b30-i6-manche {
}
#b30-z-manche {
}
#b40-w-coude {
  background-color: #f2f2f2;
}
#b40-a-coude {
}
#b40-i-coude {
}
#b40-i1-coude {
}
#b40-i2-coude {
}
#b40-i3-coude {
}
#b40-i4-coude {
}
#b40-i5-coude {
}
#b40-i6-coude {
}
#b40-z-coude {
}
#b50-w-gant {
}
#b50-a-gant {
}
#b50-i-gant {
}
#b50-i1-gant {
}
#b50-i2-gant {
}
#b50-i3-gant {
}
#b50-i4-gant {
}
#b50-i5-gant {
}
#b50-i6-gant {
}
#b50-z-gant {
}
#b60-w-main {
}
#b60-a-main {
}
#b60-i-main {
}
#b60-i1-main {
}
#b60-i2-main {
}
#b60-i3-main {
}
#b60-i4-main {
}
#b60-i5-main {
}
#b60-i6-main {
}
#b60-z-main {
}
#wrapper /*   attention, n'y mettre que les valeurs par défaut   positions Joomla **************************************************************************************/ {
}
#w1 {
  background-color: yellow; /* juste pour le fun */
}
#w2 {
}
#w3 {
}
#w4 {
}
#w5 {
}
#w6 {
}
#w7 {
}
#w8 {
}
#w9 {
}
#maincontent {
  padding: 1rem;
}
#center {
}
#centertop {
}
#content {
}
#centerbottom {
}
#right {
}
/**************************************************************    fin des positions Joomla   **********************************************************************************/
#c10-w-hanche {
  background-color: #f2f2f2;
}
#c10-a-hanche {
}
#c10-i-hanche {
}
#c10-i1-hanche {
}
#c10-i2-hanche {
}
#c10-i3-hanche {
}
#c10-i4-hanche {
}
#c10-i5-hanche {
}
#c10-i6-hanche {
}
#c10-z-hanche {
}
#c20-w-jupe {
}
#c20-a-jupe {
}
#c20-i-jupe {
}
#c20-i1-jupe {
}
#c20-i2-jupe {
}
#c20-i3-jupe {
}
#c20-i4-jupe {
}
#c20-i5-jupe {
}
#c20-i6-jupe {
}
#c20-z-jupe {
}
#c30-w-cuisse {
}
#c30-a-cuisse {
}
#c30-i-cuisse {
}
#c30-i1-cuisse {
}
#c30-i2-cuisse {
}
#c30-i3-cuisse {
}
#c30-i4-cuisse {
}
#c30-i5-cuisse {
}
#c30-i6-cuisse {
}
#c30-z-cuisse {
}
#c40-w-jupon {
}
#c40-a-jupon {
}
#c40-i-jupon {
}
#c40-i1-jupon {
}
#c40-i2-jupon {
}
#c40-i3-jupon {
}
#c40-i4-jupon {
}
#c40-i5-jupon {
}
#c40-i6-jupon {
}
#c40-z-jupon {
}
#c50-w-genou {
}
#c50-a-genou {
}
#c50-i-genou {
}
#c50-i1-genou {
}
#c50-i2-genou {
}
#c50-i3-genou {
}
#c50-i4-genou {
}
#c50-i5-genou {
}
#c50-i6-genou {
}
#c50-z-genou {
}
#c60-w-collant {
}
#c60-a-collant {
}
#c60-i-collant {
}
#c60-i1-collant {
}
#c60-i2-collant {
}
#c60-i3-collant {
}
#c60-i4-collant {
}
#c60-i5-collant {
}
#c60-i6-collant {
}
#c60-z-collant {
}
#c70-w-jambe {
}
#c70-a-jambe {
}
#c70-i-jambe {
}
#c70-i1-jambe {
}
#c70-i2-jambe {
}
#c70-i3-jambe {
}
#c70-i4-jambe {
}
#c70-i5-jambe {
}
#c70-i6-jambe {
}
#c70-z-jambe {
}
#c80-w-chausson {
}
#c80-a-chausson {
}
#c80-i-chausson {
}
#c80-i1-chausson {
}
#c80-i2-chausson {
}
#c80-i3-chausson {
}
#c80-i4-chausson {
}
#c80-i5-chausson {
}
#c80-i6-chausson {
}
#c80-z-chausson {
}
#c90-w-cheville {
}
#c90-a-cheville {
}
#c90-i-cheville {
}
#c90-i1-cheville {
}
#c90-i2-cheville {
}
#c90-i3-cheville {
}
#c90-i4-cheville {
}
#c90-i5-cheville {
}
#c90-i6-cheville {
}
#c90-z-cheville {
}
#d10-w-soulier {
}
#d10-a-soulier {
}
#d10-i-soulier {
}
#d10-i1-soulier {
}
#d10-i2-soulier {
}
#d10-i3-soulier {
}
#d10-i4-soulier {
}
#d10-i5-soulier {
}
#d10-i6-soulier {
}
#d10-z-soulier {
}
#d20-w-pied {
}
#d20-a-pied {
}
#d20-i-pied {
}
#d20-i1-pied {
}
#d20-i2-pied {
}
#d20-i3-pied {
}
#d20-i4-pied {
}
#d20-i5-pied {
}
#d20-i6-pied {
}
#d20-z-pied {
}
#d30-w-lacet {
}
#d30-a-lacet {
}
#d30-i-lacet {
}
#d30-i1-lacet {
}
#d30-i2-lacet {
}
#d30-i3-lacet {
}
#d30-i4-lacet {
}
#d30-i5-lacet {
}
#d30-i6-lacet {
}
#d30-z-lacet {
}
#d40-w-contact {
}
#d40-a-contact {
}
#d40-i-contact {
}
#d40-i1-contact {
}
#d40-i2-contact {
}
#d40-i3-contact {
}
#d40-i4-contact {
}
#d40-i5-contact {
}
#d40-i6-contact {
}
#d40-z-contact {
}
#d50-w-adresse {
}
#d50-a-adresse {
}
#d50-i-adresse {
}
#d50-i1-adresse {
}
#d50-i2-adresse {
}
#d50-i3-adresse {
}
#d50-i4-adresse {
}
#d50-i5-adresse {
}
#d50-i6-adresse {
}
#d50-z-adresse {
}
#d60-w-legal {
  /*background: linear-gradient( #F3F3F3, rgba(255,255,255,0.0)  );*/
  background-color: #3d3939;
  min-height: 3.8rem;
  color: white;
  padding-top: 2rem;
  padding-bottom: 1rem;
}
#d60-legal {
}
#d60-legal a {
  color: white;
}
#d60-legal a:hover /*pour faire une boite background*/ {
  /*color: #000000;
background: #ffffff;
padding: 5px 5px 5px 5px;*/
  color: #7b7b7b;
}