/*
	Theme Name: FXM Consultant
	Theme URI: http://www.fxm-consultant.com/
	Description: FXM Consultant Theme by Wolkoff et Arnodin.
	Author: Wolkoff et Arnodin
	Author URI: http://www.wolkoff-arnodin.com/
	Version: 1.0
	
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html

*/


/* MAIN ET TYPOGRAPHIE
   .................................................................................................................................... */

body {margin: 0; font-family: 'Gotham', sans-serif; font-size: 15px; position: relative; }
.wrap {margin: 0; position: relative; width: 100%; margin: auto;}
a {text-decoration:none; font-family: 'Gotham', sans-serif;}
a:active, a:focus{outline:none;}
p {font-family: 'Gotham', sans-serif; font-size: 15px; font-weight: 300; color: #000; margin-bottom: 20px; margin-top: 0;}
h1, h2, h3, h4, h5, h6 {font-family: 'Gotham', sans-serif;}
strong {font-weight: 500;}
li {list-style: none;}
ul {margin: 0; padding: 0}
img {border:none;}
.clearfix {float:left; width:100%; height: 1px;}


/* HEADER
   .................................................................................................................................... */

header {float: left; width: 280px; height: 100%; background: #000; position: fixed; z-index:99;}
header a.logo {float: left; width: 190px; height: 79px; margin: 45px;}
header a.logo img {width: 100%; height: auto;}
header #mini-border {float: left; width: 20px; height: 1px; background: #bea266; margin-left: 130px; margin-right: 130px;}
header h1, header h5 {float: left; width: 94%; text-align: center; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; font-weight: bold; color: #bea266; margin: 20px 3% 10px 3%;}
header h2, header h6 {float: left; width: 94%; text-align: center; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; font-weight: normal; color: #fff; margin: 10px 3% 20px 3%;}
header #main-menu .menu {float: left; width: 94% ; text-align: center; text-transform: uppercase; margin: 45px 3% 0px 3%;}
header #main-menu .menu li {float: left; width: 100%; margin-bottom: 20px;}
header #main-menu .menu li a {font-size: 10px; letter-spacing: 2px; font-weight: lighter; color: #fff; }
header #main-menu .menu li a:hover, 
header #main-menu .menu .current-menu-item a,
header #main-menu .current-post-parent a,
header #main-menu .current-post-ancestor a,
header #main-menu .current-menu-parent a {color:#bea266;}

header #langue {float: left; width: 94%; margin: 100px 3% 0px 3%; text-align:center; text-transform: uppercase;}
header #langue a:first-child {padding-left:0px; }
header #langue a {font-size: 9px; letter-spacing: 2px; font-weight: lighter; color: #fff; padding: 0 10px; border-right: 1px solid #bea266; }
header #langue a:last-child {padding-right:0px; border: none;}
header #langue a:hover {color:#bea266;}

header a.linkedin {float: left; width: 52px; height: 15px; margin: 45px 114px 0px 114px;}

body.error404 header #langue a.en,
body.page-id-723 header #langue a.en,
body.page-id-727 header #langue a.en,
body.page-id-725 header #langue a.en,
body.page-id-729 header #langue a.en,
body.page-id-731 header #langue a.en {color:#bea266;}

body.page-id-791 header #langue a.fr,
body.page-id-795 header #langue a.fr,
body.page-id-805 header #langue a.fr,
body.page-id-799 header #langue a.fr,
body.page-id-803 header #langue a.fr {color:#bea266;}

body.page-id-793 header #langue a.it,
body.page-id-850 header #langue a.it,
body.page-id-864 header #langue a.it,
body.page-id-857 header #langue a.it,
body.page-id-862 header #langue a.it {color:#bea266;}


/* MAIN CONTENT
   .................................................................................................................................... */

.full-page {float: right; width: calc(100% - 280px); width: -moz-calc(100% - 280px); width: -webkit-calc(100% - 280px); width: 80%; z-index: 1;}



#accueil {height: 100%; position: fixed; right: 0; background-image:url("images/Photos_FXM_Accueil-3.jpg"); background-repeat: no-repeat; background-position: center; }

.full-page #title {float: left; width: 100%; margin-top: 45px; margin-bottom: 45px;}
.full-page #title #mini-border {width: 20px; height: 1px; background: #bea266; margin-left: auto; margin-right: auto;}
.full-page #title h1 {width: 94%; text-align: center; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; font-weight: bold; color: #bea266; margin: 20px 3% 20px 3%; }
.full-page #content {width: 530px; margin: auto; text-align: center;}


#contact #title {float: left; width: 100%; margin-top: 45px; margin-bottom: 150px;}
#contact #content {width: 530px; margin: auto; text-align: center; text-transform:uppercase; }


#references #content {width: 620px; margin: auto; text-align: center; }
#references #content h3 {float: left; width: 100%; text-transform: uppercase; font-size: 15px; font-weight: 500; margin: 0 0 20px 0;}
#references #content h3.second {margin-top: 45px;}

#references #content #all-fields-1 {float: left; width: 100%;}
#references #content #all-fields-1 li {float: left; width: 100%;}
#references #content #all-fields-1 li p.company {float: left; width: 250px; text-align: right; font-weight: 500; font-size: 15px;}
#references #content #all-fields-1 li #description {float: right; width: 350px; text-align: left; font-weight: 300; font-size: 15px;}
#references #content #all-fields-1 li #description p {font-size: 15px;}


/* SLIDER */
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 45px auto 45px;}
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}
.rslides li:first-child {position: relative; display: block; float: left;}
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0; }



/* ECRAN (1) - ENTRE 300 ET 650px de HAUT ---------- */
@media screen and (min-height: 300px) and (max-height: 650px) {
header #main-menu .menu {margin:29px 3% 0px 3%;}
header #main-menu .menu li {margin-bottom: 10px;}
header #langue {margin: 20px 3% 0px 3%;}
header a.linkedin {margin: 20px 114px 0px 114px;}
}


/* ECRAN (2) - ENTRE 50 ET 1300px ---------- */
@media screen and (min-width: 700px) and (max-width: 1300px) {
#accueil {background-size: cover;}
img.portrait-fxm {display: none;}
}

/* ECRAN (3) - ENTRE 1300 ET 4000px ---------- */
@media screen and (min-width: 1300px) and (max-width: 4000px) {
#accueil {background: none;}
img.portrait-fxm {display: block; max-width: 100%;height: auto;max-height: 100%;margin: auto;}
}