/*

Tous les fichiers du répertoire CSS du tmpl qui commencent par _ sont des fichiers css qu'on peut modifier
La même procédure de travail s'applique à ces fichiers, que l'on travaille sur template.css ou _modules.css
1- Il est impératif de prendre une copie de l'original avant de commencer à travailler
2- On ne peut travailler plusieurs en même temps sur un même fichier

Il reste donc les 2 principaux fichiers de travail _modules.css et template.css
Voici les fichiers de travail:
	- _fonts.css		:	contient toutes les lignes css pour charger les fonts disponibles
	- _largeur.css		:	contient les largeurs de zones
	_ _responsive		:	contient le css pour paramétrer le responsive
	- _par_defaut		:	contient les valeurs par défaut des h1 input textearea printicon html etc...
	
	- _modules.css		:	contient le css des modules menu, blog, portefolio, et l'habillage d'articles et de texte
							ainsi que les modules communs de tendance


	- template			:	contient les zones


                                                  Fonts disponibles
	CHOIX DE FONTS
1- choisir les fonts, faire un copie coller du font-family et du nom de la font
2- l'écrire dans le html par défaut ci-dessous juste après ces commentaires
3- l'écrire à dans chaque module désiré

	FICHIERS DE FONTS
4- prendre une copie du répertoire de la font dans les extensions répertoire fonts
5- mettre cette copie dans le répertoire fonts du site.

                                                                                         geosans    *******************************
    font-family: 'geosanslightregular';
    font-family: 'geosanslightmedium_italic';
                                                                                        good-times    *******************************
    font-family: 'good_timesregular';
                                                                                            lato    *******************************
    font-family: 'latoblack';
    font-family: 'latobold';
    font-family: 'latolight';
    font-family: 'latomedium';
    font-family: 'latoregular';
    font-family: 'latosemibold';
                                                                                               lmr  ***************************
    font-family: 'latin_modern_roman10_bold';
    font-family: 'latin_modern_roman10BdIt';
    font-family: 'latin_modern_roman_caps10Ob';
    font-family: 'latin_modern_roman_caps10Rg';
    font-family: 'latin_modern_roman_demi10Ob';
    font-family: 'latin_modern_roman_demi10Rg';
    font-family: 'latin_modern_roman_dunhil10Ob';
    font-family: 'latin_modern_roman_dunhil10Rg';
    font-family: 'latin_modern_roman10_italic';
    font-family: 'latin_modern_roman10_regular';
    font-family: 'latin_modern_roman_slante10Bd';
    font-family: 'latin_modern_roman_slante10Rg';
                                                                                        montserrat    *******************************
    font-family: 'montserratblack';
    font-family: 'montserratbold';
    font-family: 'montserrathairline';
    font-family: 'montserratlight';
    font-family: 'montserratregular';
                                                                                            muli    *******************************
    font-family: 'mulibold';
    font-family: 'mulibolditalic';
    font-family: 'muliextralight';
    font-family: 'muliextralightitalic';
    font-family: 'muliregularitalic';
    font-family: 'mulilight';
    font-family: 'mulilightitalic';
    font-family: 'muliregular';
    font-family: 'mulisemibold';
    font-family: 'mulisemibolditalic';
                                                                                         opensans    *******************************
    font-family: 'open_sansregular';
    font-family: 'open_sansbold';
    font-family: 'open_sansbold_italic';
    font-family: 'open_sansextrabold';
    font-family: 'open_sansitalic';
    font-family: 'open_sanslight';
    font-family: 'open_sanslight_italic';
    font-family: 'open_sanssemibold';
    font-family: 'open_sanssemibold_italic';
                                                                                         roboto    *******************************
    font-family: 'robotoblack';
    font-family: 'robotoblack_italic';
    font-family: 'robotobold';
    font-family: 'robotobold_italic';
    font-family: 'roboto_condensedbold';
    font-family: 'roboto_condensedbold_italic';
    font-family: 'roboto_condenseditalic';
    font-family: 'roboto_condensedlight';
    font-family: 'roboto_condensedlight_italic';
    font-family: 'roboto_condensedregular';
    font-family: 'robotoitalic';
    font-family: 'robotolight';
    font-family: 'robotolight_italic';
    font-family: 'robotomedium';
    font-family: 'robotomedium_italic';
    font-family: 'robotoregular';
    font-family: 'robotothin';
    font-family: 'robotothin_italic';
                                                                                          signika    *******************************
    font-family: 'signikabold';
    font-family: 'signikalight';
    font-family: 'signikaregular';
    font-family: 'signikasemibold';

/*                                                                                  nouvelle  font?    *******************************/



/***********************************  l'ordre d'apparition des zones correspond à la maquette des zones       ************************/
/**************************************************        ZONES                   *****************************************/
/*
zonew         wrapper contenant toute la zone
zone          première zone dans le wrapper de zone
zonei         wrapper intégrant contenant toutes les zones numérotés zone1 zone2 zone3 zone4
zone1 à 4     zones intégrées dans zonei

zonew----------------------------------------------------------------------------------------------------
              ------------------------------------- zone ---------------------------------------
			  !                                                                                !
			  !________________________________________________________________________________!
			  
              zonei ----------------------------------------------------------------------------
			  !         zone1            zone2               zone3             zone4           !
			  !                   !                   !                  !                     !
			  !___________________!___________________!__________________!_____________________!
              !________________________________________________________________________________!
_________________________________________________________________________________________________________
****************************************************************************************************************************************/

/********** *************************************    mettre la font par défaut ici         ********************************************/
body 
{
   font-family: 'arial'; 
}

/* il y a des copies responsive de certains modules*/
/* ces copies sont hidden par défaut et ne s'affichent seulement*/
/* lorsque les modules se mettent l'un sous l'autre en écran mobile à 765px */
/* les versions original sont alors cachées et les copies s'affichent*/
/*
	Pour utiliser ce truc, faites une copie du module original
	Dans la copie, insérer le mot responsive dans le titre
	Dans les paramètres de la copie responsive, ajouter la class css [espace]copie-responsive
	Dans les paramètres de son original, ajouter la class css [espace]original
*/
div.moduletable.copie-responsive
{
display: none;
}
/********************************************************************************************/
#plumew
{

}
#plume
{

}
/*   pour obtenir une ligne tout en haut du site  */
/*
#plumew
{
height: 10px !important;
background: linear-gradient( #37342A, rgba(255,255,255,0.0)  );
}
#plume
{
visibility: hidden;
max-height: 0px !important;
}
*/

#chapeauw
{

}
#chapeau
{

}
#chapeaui
{

}
#chapeau1
{

}
#chapeau2
{

}
#chapeau3
{

}
#chapeau4
{

}
#chapeau5
{

}
#chapeau6
{

}
/*   pour obtenir un logo en dehors du menu  */

.logo
{
position: fixed;
top: 5px;
left: 5px;
z-index: 99997;
background: none;
}
.logo img
{
/*width: 55px;*/
}
.logo img
{

}

#tetew
{
background-color: #fff;
    color: #000;
}
#tete
{

}
#tetei
{

}
#tete1
{

}
#tete2
{
padding-top: 1.2rem;
margin-top: 1rem;
margin-bottom: 0.9rem;
}
#search
{
	
}
input#mod-search-searchword
{
background-color: #e6e6e6;
color: black;
font-style: italic;
border: none;
width: 200px;
}
#tete3
{
margin-top: 2.2rem;
}
#tete3 a
, #tete4 a, #tete5 a
{
color: #000;
}

#tete4
{
margin-top: 2.2rem;
}
#tete5
{
margin-top: 2.2rem;
}
#tete6
{

}
#collierw
{

}
/* pour obtenir une ligne ombragée dans collier sous le menu avant le slider */
/*
#collier 
{
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;
}
*/
#collier
{

}
#collieri
{

}
#collier1
{

}
#collier2
{

}
#collier3
{

}
#collier4
{

}
#collier5
{

}
#collier6
{

}
#couw
{

}
#cou
{

}
#coui
{

}
#cou1
{

}
#cou2
{

}
#cou3
{

}
#cou4
{

}
#cou5
{

}
#cou6
{

}
#menuw
{

}
#menu
{

}
#menui
{

}
#menu1
{
z-index: 0 !important;
}
#menu2
{

}
#menu3
{

}
#menu4
{

}
#menu5
{

}
#menu6
{

}
#bijouw
{

}
#bijou
{

}
#sliderw 
{
position: relative;
z-index: 0;
}
#slider
{

}
#brasw
{

}
#bras
{

}
#brasi
{
width: 50%;
    margin: auto;
}
#bras1
{

}
#bras2
{

}
#bras3
{

}
#bras4
{

}
#bras5
{

}
#bras6
{

}
#avantw
{

}
#avant
{

}
#avanti
{

}
#avant1
{

}

#avant2
{

}
#avant3
{

}
#avant4
{

}
#avant5
{

}
#avant6
{

}
#vestew
{
background: #4D4D4D;
    text-align: center;
    color: #fff;
}
#veste
{

}
#vestei
{

}
#veste1
{

}
#veste2
{

}
#veste3
{

}
#veste4
{

}
#veste5
{

}
#veste6
{

}
#wrapper
{

}
#maincontent
{

}
#centertop
{

}
#center
{

}
#right
{

}
#centerbottom
{

}
#jupew
{

}
#jupe
{

}
#jupei
{

}
#jupe1
{

}
#jupe2
{

}
#jupe3
{

}
#jupe4
{

}
#jupe5
{

}
#jupe6
{

}
#apresw
{

}
#apres
{

}
#apresi
{

}
#apres1
{

}
#apres2
{

}
#apres3
{

}
#apres4
{

}
#apres5
{

}
#apres6
{

}
#jambew
{
background-color: #e6e6e6;
}
#jambe
{

}
#jambei
{

}
#jambe1
{

}
#jambe2
{

}
#jambe3
{

}
#jambe4
{

}
#jambe5
{

}
#jambe6
{

}
#piedw
{
background-color: #e6e6e6;

}
#pied
{

}
#piedi
{
background: #fff;
}
#pied1
{
}
#pied2
{
/*background: #fff;*/
}
#pied3
{

}
#pied4
{

}
#pied5
{

}
#pied6
{

}
#soulierw
{

}
#soulieri
{

}
#soulier
{

}
#soulier1
{

}
#soulier2
{

}
#soulier3
{

}
#soulier4
{

}
#soulier5
{

}
#soulier6
{

}
#contactw
{
background-color: #303030;
}
#contact
{

}
#contacti
{

}
#contact1
{
margin: 0 auto;
text-align: center;
margin-top: 3rem;
}
#contact2
{
margin-top: 3rem;
}
#contact2 div#fox-container-m250 .fox-form input[type="text"]:hover
, #contact2 div#fox-container-m250 .fox-form input[type="email"]:hover
, #contact2 div#fox-container-m250 .fox-form textarea:hover
, #contact2 div#fox-container-m250 .fox-form input[type="text"]:focus
, #contact2 div#fox-container-m250 .fox-form input[type="email"]:focus
, #contact2 div#fox-container-m250 .fox-form textarea:focus
, #contact2 div#fox-container-m250 .fox-form input[type="text"]
, #contact2 div#fox-container-m250 .fox-form input[type="email"]
, #contact2 div#fox-container-m250 .fox-form textarea
, #contact2 div#fox-container-m250 .fox-form input[type="text"]
, #contact2 div#fox-container-m250 .fox-form input[type="email"]
, #contact2 div#fox-container-m250 .fox-form textarea
, #contact2 div#fox-container-m250 img.fox-item-captcha-img
{
border-radius: 0px;
border-color: white;
background: none;
color: white;
font-style: italic;
}
#contact2 div#fox-container-m250 .btn
{
border-radius: 0px;
border-color: #55AF92;
background: none;
color: white;
box-shadow: none;
text-shadow: none;
/*border-bottom: 2px solid #235926;*/
padding: 10px 35px;
}

div#fox-container-m250 .btn {
    border-radius: 0px;
}
#contact2 div#fox-container-m250 .btn span
{
color: white;
}
#contact2 div#fox-container-m250 .btn:hover
{
background: none;
color: #55AF92; 
}
#contact2 div#fox-container-m250 .btn:hover span
{
color: #55AF92; 
}
#contact2 ul
{
padding-left: 1rem;
}
#contact2 a
{
color: white;
font-family: 'arial';
/*font-weight: bold;*/
font-size: 14px;
}
#contact2 a:hover
{
color: #55AF92;
}
#contact3
{
margin-top: 3rem;
}
#contact3 div.fox-row h5 /*   fox-contact en home est ici, fox-contact en menu est dans _composants*/
{
color: white;
}

#contact4
{
margin-top: 2rem;	
}
div.member-area
{
margin-top: 1rem;
margin-left: 1rem;
color: white;
}
div.member-area h5
{
/*margin-top: 1rem;*/
/*margin-left: 1rem;*/
color: white;
}
#contact4 form#login-form.form-inline
, #contact4 div.userdata
{
border: none;	
}
#contact4 form#login-form.form-inline span.add-on
, #contact4 div#form-login-remember
, #contact4 #login-form.form-inline ul.unstyled
{
display: none;	
}
#contact4 #modlgn-username.input-small
, #contact4 input.validate-username
, #contact4 div.input-prepend span input.input-small
, #contact4 input#modlgn-passwd.input-small
{
background: none;
color: white;
font-style: italic;
border: 1px solid white;
width: 50%;
margin-bottom: 2rem;	
}
#contact4 #form-login-submit button.btn.btn-primary
, #contact4 div.controls button.btn.btn-primary
{
/*border-radius: 0px;
border-color: #55AF92;
background: #55AF92;
color: white;
border-bottom: 2px solid #235926;*/
margin: 0;
    /*background: #fff;*/
    border: 1px solid #55AF92 !important;
    color: #fff;
    cursor: pointer;	
}


.acysubbuttons .btn-primary {
    margin: 0;
    background: #fff;
    border: 1px solid #55AF92 !important;
    color: #000;
    cursor: pointer;
}


#contact4 #form-login-submit button.btn.btn-primary:hover
, #contact4 div.controls button.btn.btn-primary:hover
{
border-radius: 0px;
border-color: #55AF92;
background: white;
color: #55AF92;	
}


#contact5
{
margin: 0 auto;
text-align: center;
margin-top: 3rem;
}
#contact6
{

}
#adressew
{

}
#adresse
{

}
#legalw
{

/*background: linear-gradient( #F3F3F3, rgba(255,255,255,0.0)  );*/
background: #181818;
/*min-height: 3.8rem;
max-height: 3.8rem;*/
color: white;
padding-top: 2rem;
padding-bottom: 2rem;
font-family: 'aller_lightregular';
}
#legal
{

}
#legal a
{
color: #ffffff;
font-size: 1.1rem;
font-family: 'aller_lightregular';
}
#legal a:hover /*pour faire une boite background*/
{
/*color: #000000;
background: #ffffff;
padding: 5px 5px 5px 5px;*/
color: #7b7b7b;
}