/*
Theme Name: Trad Template
Description: Thème du site CVTrad compatible  polylang
Version: 1.0
Author: Yohuji


	

*/
/*html {
	font-family: "Open Sans";
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}*/
@import url('https://fonts.googleapis.com/css?family=Monda:400,700');
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}

body,button,input,select,textarea{ color:#4e5b61; font-family:"Open Sans", sans-serif; font-size:12px;}



/* Balises block */
.main h1{font-family:"Aller"; font-size: 36px; padding-top: 15px; margin-bottom: 25px; text-align: center}
.main h2{font-family:"Monda",sans-serif; font-size: 36px;  padding-top: 15px; margin-bottom: 25px;}
.main h3{font-family:"Monda",sans-serif; font-size: 20px;  padding-top: 10px; margin-bottom: 10px; }
.main h4{ margin-bottom: 5px; font-size: 13px; }
.main h5{ }
.main h6{font-family:"Monda",sans-serif; font-size: 20px;  padding-top: 10px; margin-bottom: 10px; text-align: center }
.main p{ }
.main ul{ }
.main ol{ }
.main blockquote{ }
.main pre{ }
.main address{ }
.main address{ }

/* Balises inline */
.main strong{ }
.main em{ }
.main acronym{ }
.main code{ }
.main del{ }
.main ins{ }

/* Classes des images */
.alignleft{ display:inline; float:left;}
.aligncenter{ clear:both;	display:block; margin-left:auto; margin-right:auto;}
.alignright{ display:inline; float:right;}
.size-auto{ }
.size-medium{ }
.size-large{ }
.size-full{ }
.wp-caption{ }
.wp-caption img{ }
.gallery{ }
.gallery .gallery-item{ }

.Aller-bold{
	font-family:"Aller bold";
}

.open-semi{
	font-family:"Open Sans semi-bold";
}

.open-bold{
	font-family:"Open Sans bold";
}


.bouton-simple{
	-webkit-border-radius: 10;
	-moz-border-radius: 10;
	border-radius: 10px;
	border-width: 0px;
	
	color: #ffffff;
	font-size: 20px;
	background: #d54e2a;
	padding: 15px 40px 15px 40px;
	text-decoration: none;
	transition: all 1s ;
	-webkit-transition: all 1s ease-out;
	outline-width: 0;

	cursor: pointer;
}

.bouton-simple:hover {
	background: #c53914;
	text-decoration: none;
}



.btn_continuer_invisible
{
	margin-left: 0px;
	margin-right: 0px;
	width: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
/*✔*/

.toggle-button {
  position: relative;
  
  color: #fff; }
  .toggle-button label {
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    text-align: left; }
  .toggle-button input {
    display: none; }
  .toggle-button__icon {
    cursor: pointer;
    pointer-events: none; }
    .toggle-button__icon:before, .toggle-button__icon:after {
      content: "";
      position: absolute;
      top: 45%;
      left: 35%;
      transition: 0.2s ease-out; }


.toggle-button--vesi label {
  height: 50px;
  padding-left: 10px;
  line-height: 50px;
  transition: all 0.2s;
  border-radius: 10px; 
  }
  .toggle-button--vesi label:before, .toggle-button--vesi label:after {
    position: absolute;
    right: 1.5rem;
    transition: all 0.2s .15s ease-out; }
  .toggle-button--vesi label:before {
    content: attr(data-on-text); }
  .toggle-button--vesi label:after {
    content: attr(data-off-text); }

.toggle-button--vesi input[type=checkbox] + label {
  width: 150px;
  background: #d54e2a; }
  .toggle-button--vesi input[type=checkbox] + label:before {
    opacity: 0;
    transform: translate(0, 20px); }
  .toggle-button--vesi input[type=checkbox] + label:after {
    opacity: 1;
    transform: translate(0, 0); }

.toggle-button--vesi input[type=checkbox]:checked ~ label {
  /*width: 180px;*/
  background: white;
  color: #4e5b61;
  border-style: solid;
  border-width: 1px; border-color: silver;;
   }
  .toggle-button--vesi input[type=checkbox]:checked ~ label:before {
    opacity: 1;
    transform: translate(0, 0); }
  .toggle-button--vesi input[type=checkbox]:checked ~ label:after {
    opacity: 0;
    transform: translate(0, -20px); }

.toggle-button--vesi input[type=checkbox]:checked ~ .toggle-button__icon:before {
  transform: translate(-10%, 100%) rotate(45deg);
  width: 16.66667px; 
  background-color: green;
}

.toggle-button--vesi input[type=checkbox]:checked ~ .toggle-button__icon:after {
  transform: translate(30%) rotate(-45deg); background-color: green;}

.toggle-button--vesi .toggle-button__icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 50px;
  width: 50px; }
  .toggle-button--vesi .toggle-button__icon:before, .toggle-button--vesi .toggle-button__icon:after {
    height: 3px;
    border-radius: 3px;
    background: #d54e2a;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0); }
  .toggle-button--vesi .toggle-button__icon:before {
    width: 25px;
    transform: rotate(90deg); }
  .toggle-button--vesi .toggle-button__icon:after {
    width: 25px;
    transform: rotate(0); }


.page_text
{
	width:70%;
	margin-left:15%;
	text-align:left;
	padding-top:15px;
	padding-bottom:15px;
}

.services{
	text-align: center;
	background-color: #eef2f5;
	padding-bottom: 35px;
}

.services-intro{
	padding-top: 20px;
	font-size: 22px;
	margin-left: 10%;
	margin-right: 10%;
}

.cv-background
{
	background-image: url(img/icon-cv.jpg);
}

.lm-background
{
	background-image: url(img/icon-lm.jpg);
}

.re-background
{
	background-image: url(img/icon-re.jpg);
}

.aa-background
{
	background-image: url(img/icon-aa.jpg);
}

.co-background
{
	background-image: url(img/icon-co.jpg);
}

.presentation-service{
	border-radius: 10px;
	border-style: solid;
	border-width: 2px;
	border-color: silver;

	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;

	width: 800px;
	min-height: 130px;

	
	background-position: 15px 50%;
	/*background-size: cover;*/
	background-repeat: no-repeat;
	text-align: left;
	padding: 5px;
	display: flex;
	padding-bottom: 15px;
}

.infos-service{
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 110px;
	display: inline-block;
	padding: 5px;
	width: 550px;
}

.tarif-service{
	display: inline-block;
	padding: 5px;
	margin-top: auto;
	margin-bottom: auto;
	color: #d54e2a;
	
	text-align: center;
}

.fix-tarif
{
	width: 175px;
}

.tarif-service p{
	font-size: 17px;
}

.tarif-service a
{text-decoration: none;}



#choix_formule
{
	font-size: 20px;
	width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
}

#choix_formule a
{
	color: #d54e2a;
}


.post-content{
	text-align: center;
}

.inline-top{
	display: inline-block;
	vertical-align: top;
}

.block-content{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;

	border-style: solid;
	border-width: 2px;
	border-color: #D3D3D3;
	border-radius: 10px;
	background-color: #eef2f5;

	width: 450px;
	/*text-align: center;*/
}

.block-content-full{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;

	border-style: solid;
	border-width: 2px;
	border-color: #D3D3D3;
	border-radius: 10px;
	background-color: #eef2f5;
}

.block-content p
{
	margin-bottom: 10px;
}

.block-content-full p
{
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 15px;
}

.block-content-full input[type="text"], .block-content-full input[type="password"]
{
	width: 350px;
}

input[type="text"], input[type="password"], input[type="number"], input[type="date"], textarea, select
{
	margin-bottom: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;

	border-radius: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: #D3D3D3;

	
	font-size: 20px;
	

}

input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="date"]:focus, textarea:focus, select:focus
{
	border-radius: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: #d54e2a;
	outline-width: 0;
}

.form-ins-co input[type="text"], .form-ins-co input[type="password"]{
	
	width: 350px;
}

.FormCrea{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;

	border-style: solid;
	border-width: 2px;
	border-color: #D3D3D3;
	border-radius: 10px;
	background-color: #eef2f5;

	width: 60%;
	/*text-align: center;*/
}

/* ########### Head ############### */

header{
	/*display: flex;*/
}


.header-logo
{
	text-align: center;
}

.header-menu
{
	
}

@media screen and (min-width:1255px)
{
	.header
	{

	}

	.header-logo{
			display: inline-block;
			-webkit-flex: 0 1 auto;
			-ms-flex: 0 1 auto;
			flex: 0 1 auto;
			margin-left: 10%;
			margin-bottom: 10px;
	}

	.header-menu {
			display: inline-block;
			-webkit-flex: 0 1 auto;
			-ms-flex: 0 1 auto;
			flex: 0 1 auto;

			width: 60%;
			vertical-align: top;
			margin-top: 90px;
	}

}

.floatright{
	float: right;
}

.header-menu div{
	display: inline-block;
}

.logo-title{
	width: 350px;
	margin-top: 20px;
	margin-bottom: 15px;
}

/* ########### Pages ############### */
.page-header{
	width: 100%;
	height: 275px;
	
	/*background-image: url(img/head-page1.jpg);
	background-position: 50% 20%;*/
	background-image: url(img/head-page2.jpg);
	background-position: 50% 100%;
	background-size: cover;
	background-repeat: no-repeat;
	
	display: flex;
}

.page-header2{
	width: 100%;
	height: 275px;
	
	background-image: url(img/head-page1.jpg);
	background-position: 50% 20%;
	/*background-image: url(img/head-page2.jpg);
	background-position: 50% 100%;*/
	background-size: cover;
	background-repeat: no-repeat;
	
	display: flex;
}

.page-title{
	margin: auto;
}

/* ########### Index ############### */
.index-header{
	width: 100%;
	height: 550px;
	
	
	background-image: url(img/head-accueil.jpg);
	background-position: 50% 40%;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;


}

.index-title{
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 20%;
	width: 30%;

	color: #d54e2a;
}

.index-title-text1{
	font-family: "Aller bold";
	font-size: 36px;

}

.index-title-text2{
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 50px;
}

.apropos{
	position: relative;
	width: 100%;
	height: 500px;
	
	background-image: url(img/man-accueil.jpg);
	background-position: 20% 100%;
	background-size: auto 500px;
	background-repeat: no-repeat;
	border-bottom: 1px solid silver;

	display: flex;
}

.apropos-content{
	left: 20%;
	margin-left: 360px;
	margin-right: 15%;
	/*margin-top: 100px;*/
	margin-top: auto;
	margin-bottom: auto;
	max-height: 495px;
	min-width: 300px;

	font-size: 1.5vw;

	position: absolute; 
	margin-top: 100px;
}

.apropos-content h2{font-size: 2vw;}

.apropos-list
{
	position: absolute;
	left: 20%;
	margin-left: 360px;
	margin-right: 15%;
	text-align: center;
	margin-top: auto;
	bottom: 25px;
	width: 35%;
}

.index-back{
	align-content: center;
	text-align: center;
	padding-top: 25px;
	background-color: #4e5b41;
	color: white;

}

.presentation-equipe{
	display: inline-block;
	text-align: left;
	padding: 25px;

}

.equipe{
	width:400px;
	min-height: 150px;
	padding: 20px;

	background-image: url(img/photoMarc.png);
	background-position: 15px 50%;
	background-size: 150px 150px;
	/*background-size: 80px 60px;*/
	background-repeat: no-repeat;
	padding-left: 175px;
	display: flex;
}

.equipe_content
{
	margin-top: auto;
	margin-bottom: auto;
	text-align: left;
}

.contact{
	display: inline-block;
	width: 225px;
	text-align: left;
	padding: 25px;
	vertical-align: top;
}

/* ########### Footer ############## */

footer{
	width: 100%;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 25px;
}

.content-footer
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

footer div,nav,ul,li{
	display: inline;
}

footer a{
	text-decoration: none;
	color: silver;
}

/*
footer li {
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1 px solid silver;
}


footer li:first-child {
	border-left: none;
}*/



.separateur{
	color: silver;
	padding-left: 5px;
	margin-right: -5px;
}

footer li:first-child:before {
	content: normal;
	content: ""; /* pour Safari */
}

footer li:before {
	content: " - ";
	color: silver;
	padding-left: 5px;
	padding-right: 5px;
}

.footMenu{
	margin-left: 50px;
	margin-right: 200px;
}




/* ########### Menu ################ */


.main-navigation{
	display: inline-block;
}

.side-header{
	display: inline-block;

}



.fancyNav{
	/* Affects the UL element */
	overflow: hidden;
	display: inline-block;
}

.fancyNav li{
	/* Specifying a fallback color and we define CSS3 gradients for the major browsers: */
	
	background-color: #ffffff;
	
	font-size: 20px;
	padding: 10px 10px 10px 10px;
	border-radius: 10px;
	
	position:relative;
	
	float: left;
	list-style: none;
	text-decoration: none;
}

.fancyNav a{
	text-decoration: none;
	color: #4e5b61;
}



.fancyNav li:hover{
	background-color: silver;
}



.caroussel-list
{
	display: inline-block;
    width: 1em;
    height: 1em;
    background-color: #fff;
    border: 1px solid #666;
    border-radius: 1em;
}

.caroussel-list:hover
{
	background-color: silver;
}

.invisible
{
	visibility: hidden;
}

.coche
{
	background-color: grey;
}



.wrapProfil
{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 80px;
	width: 100%;
	background: url('img/arrow.png') no-repeat scroll 97% center;
	cursor: pointer;

}










.desc { color:#6b6b6b;}
.desc a {color:#0092dd;}
.dropdown {display: inline-block; height: 51px; width: 65px;  vertical-align: middle;}
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { color:#816c5b; text-decoration:none; outline:none; height: 20px;}
.dropdown a:hover { color:#5d4617;}
.dropdown dt a:hover { background-color: silver; color:#5d4617; border: 0px solid;}
.dropdown dt a {background:white url('img/arrow.png') no-repeat scroll right center; display:block; padding-right:20px;
                border:0px solid; border-radius: 10px; width:30px; padding-left: 15px;}
.dropdown dt a span {cursor:pointer; display:block; padding:5px;}
.dropdown dd ul { background:white none repeat scroll 0 0; border:0px solid; color:#C5C0B0; display:none;
                  left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:65px; list-style:none;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:5px; display:block; padding-left: 15px;}
.dropdown dd ul li a:hover { background-color:silver;}