/* 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: 'allerregular'; } /* 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*/ /* 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 { } #tetew { background-color: #fff; color: #000; } #tete { margin-top: 15px; } #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 { } #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 ul { padding-left: 1rem; } #contact2 a { color: white; font-family: 'allerregular'; font-size: 14px; } #contact2 a:hover { color: #55AF92; } #contact3 { margin-top: 3rem; } #contact4 { margin-top: 2rem; } div.member-area { margin-top: 1rem; margin-left: 1rem; color: white; } div.member-area h5 { 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 { margin: 0; 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: #181818; 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: #7b7b7b; }