/*

Theme Name: X – Child Theme
Theme URI: https://theme.co/x/
Author: Themeco
Author URI: https://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

/* ================== global style ================== */
body{
	background-image:url(https://www.info-design.ca/lacarterh.ca/wp-content/uploads/2015/12/bg-tile.jpg);
	overflow-y: scroll;
	overflow-x: hidden;
        line-height:24px;
}
.screen-reader-response{
display:none;
}
.x-slider-container{
    border-bottom: 10px solid #781416;
    border-top: 10px solid #781416;
}
.x-container.offset {
    margin: 0px 0px !important; 
}
.widget_text{
font-size:24px;
font-weight:bold;
}
	.h-widget{
		color:#bcbec0 !important;
	}
h4, h5, h6, .h4, .h5, .h6 {
    margin-top: 1.1em;
    margin-bottom:0.3em;
    line-height:1.3em;
}

.center{
	text-align:center;
}
.floatright{
	float:right;
	text-align:right;
}

.copyright{
float:right;
width:100%;
	color:#ffffff;
        font-size:10px;
	margin-right:50px;
	margin-top:-40px;
}
.col-gauche{
	
	padding-left:60px;
	padding-bottom:60px;
	text-align:left;
}
	.col-gauche h2, .col-gauche h3, .col-gauche h4, .col-gauche h5{
		color:#a7a9ac;
	}
.col-droite{
	padding-right:60px;
	padding-bottom:60px;
}
	.col-droite h2, .col-droite h3, .col-droite h4, .col-droite h5{
		color:#a7a9ac;
	}
#globalSite{
max-width:980px;
margin:auto auto;
background-color:#ffffff;
}

.container{
	width:100% !important;	
}
.margin-top-bottom{
	margin-top:55px;
	margin-bottom:15px;
}
.info_perso{margin-top:35px;}
.top-menu{
	margin-top:5px;
	width:160px;
	float:right;
}
	.top-menu ul li a{
		padding:10px;
		font-size:18px;
		color:#414042;
	}
.main-menu nav{
	float:right;
	margin-top:100px;
}
	#menu-main-menu li a{
		font-weight:500 !important;
		padding-left:10px;
		font-size:18px;
		color:#414042;
	}


.logoDiv{
	margin-top:-20px;
	margin-left:60px;
}
.x-colophon.top{
	width:100%;
	height:330px;
	background-image:url(https://www.info-design.ca/lacarterh.ca/wp-content/uploads/2015/12/footer-bg.jpg);
	background-position:center;
	background-repeat:repeat-y;
	padding:15px;
}
.footer h2{
	color:#bcbec0;
}
.slider{
	padding:0px !important;	
	margin-top:-40px !important;
	border-bottom:6px solid #781416;
	border-top:6px solid #781416;
}
	.slider p{
			font-family: "Times New Roman", Georgia, Serif !important;
	}

.navbar-default {
    background: none !important;
    border:none !important;
}
	.navbar-default ul li {
		padding:0px;
		border:none !important;
	}
		.navbar-default ul li a {
			padding-top:0px;
			padding-bottom:0px;
			border:none !important;
		}
.photo-profil{
	padding-left:0px;
	margin-left:0px;
	top:0px;
	margin-top:0px;
}
.profil-right-col{
	text-align:left;
	padding-left:80px;	
	padding-right:140px;
}
#wuf-adv{
	display:none !important;
}
.buttons div a{
	display:none !important;
	color:#ffffff;
}
form#header{
	display:none !important;
}
#saveForm{
	padding:10px;
	background-color:red;
}
.atout-top-text h3, .atout-top-text h2, .atout-top-text h4{
	color:#a7a9ac;
}
.trefle{
	width:400px;
	margin:auto auto;
	background-image:url(https://www.info-design.ca/lacarterh.ca/wp-content/uploads/2015/12/as-trefle-bg.jpg);
	background-size:100%;
	background-position:top center;
	background-repeat:no-repeat;
	margin-bottom:80px;
	margin-top:0px;
}

.carreaux{
	width:400px;
	min-height:300px;
	margin:auto auto;
	background-image:url(https://www.info-design.ca/lacarterh.ca/wp-content/uploads/2015/12/as-carre-bg.jpg);
	background-size:100%;
	background-position:top center;
	background-repeat:no-repeat;
	margin-bottom:80px;
	margin-top:0px;
}
	.carreaux-title{
		position:relative;
		margin-left:140px;
		padding-top:20px;
		text-align:left;
		color:#808284;
	}
	.carreaux-title h2, .carreaux-title h3,  .carreaux-title h4{
		color:#808284;
	}
		.carreaux-list{
			position:relative;
			
			width:80%; 
			margin:auto auto; 
			margin-top:80px;
			text-align:left;
			
		}
		.carreaux-list p{
			line-height:30px !important;
		}
.pique{
	width:400px;
	margin:auto auto;
	background-image:url(https://www.info-design.ca/lacarterh.ca/wp-content/uploads/2015/12/as-pique-bg.jpg);
	background-size:100%;
	background-position:top center;
	background-repeat:no-repeat;
	margin-bottom:80px;
	margin-top:0px;
}
.coeur{
	width:400px;
	min-height:300px;
	margin:auto auto;
	background-image:url(https://www.info-design.ca/lacarterh.ca/wp-content/uploads/2015/12/as-coeur-bg.jpg);
	background-size:100%;
	background-position:top center;
	background-repeat:no-repeat;
	margin-bottom:80px;
	margin-top:0px;
}


.cards ul {
	list-style-position: inside !important; 
	margin-left:30px;
}


.cards ul li {
    	list-style-position: inside !important;
    	text-indent: -1.2em;

	color: #58595b; 
	text-align: left; 
	font-size: 20px;
	line-height:30px;
}

.heartsIcon li::before {
   	content: "\2665";
}

.diamondIcon li::before {
   	content: "\2666";
}
.clubIcon li::before{
	content: "\2663";
}
.spadeIcon li::before{
	content: "\2660";
}

.atout-top-text{
	padding-left:50px;
	padding-right:50px;
	color:#a7a9ac;
	
}
	.atout-top-text p{
		font-size:20px;
	}
	.atout-top-text h3{
		font-weight:600;
	}
.hide_mask{
	width:200px; 
	height:100px; 
	position:absolute;
	right:120px;
	bottom:80px; 
	z-index:1;
}
/* =================== Menu Style Word Press ===================== */
.logoDiv{

}

.languageSwitcher{
 float:right;
 margin-top:-160px;
margin-right:30px;
font-size:18px;
color:#414042;
}
.languageSwitcher a{font-weight:500; font-size:18px; color:#414042;}
.languageSwitcher img{
	margin-left:30px;

} 
#header-section{
	width:100%;
	height:200px;
	background-image:url(https://www.info-design.ca/lacarterh.ca/wp-content/uploads/2015/12/header-bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
#defaultNavbar1{
	float:right;
	margin-right:30px;
	margin-top:-40px;
}
	#defaultNavbar1 ul li{
		display:inline;
		margin-left:20px;
	}

/* =================== Mobile Rules =================== */

.emptyRowAtout{
	position:absolute;
	margin-top:-10px;
}
.carreaux-list{

			margin-top:40px;
		}

.x-column.x-1-4 {
    width: 15%;
}
.copyrightArea{
	position:absolute; 
	max-width:980px; 
	color:#ffffff; 
	font-size:10px; 
	float:right;
	margin-top:160px;
	margin-left:70%;
}

.atoutList{
	font-weight:500 !important;
}

.boldFont{
font-weight:700;
}
@media screen and (max-width: 730px) {

.profileList{
margin-left:0px !important;
}
.imgAtoutBottomContainer{height:70px !important;}
	.photo-profil{margin-top:-30px;}
	.hide_mask{
		width:200px; 
		height:100px; 
		left:50px;
		margin:auto auto;
		bottom:32px;
	}
	.col-gauche, .col-droite{
		padding:15px;
	}
	.top-menu{
		width:50%;
		position:absolute;
		margin-top:0px;
		top:-55px;
		right:0px;
		border:none !important;
		background:none !important;
		z-index:98;
	}
	.main-menu{
		width:50%;
		position:absolute;
		top:-100px;
		left:0px;
		border:none !important;
		background:none !important;
		z-index:99;
	}
	.main-menu .navbar-default, .top-menu .navbar-default{
		float:left;
		border:none !important;
		background:none !important;
	}
	.navbar-default ul li{
		border:red;
	}
	.navbar-default ul{
		background-color:#ffffff;
		
	}
	.logoDiv{
		margin-top:0px;
		margin:auto auto;
	}
	.logoDiv img{
		width:90%;
		height:auto;	
	}
	.x-colophon.top{
		height:100%;
		background-repeat:repeat;
	}
		.footer img{
			width:90%;
			margin:auto auto;	
		}
	.margin-top{
		margin-top:25px;
		padding-top:15px;
		border-top:1px dotted #ffffff;
	}
	.emptyRow{
		height:100%;
	}
	.emptyRowAtout{
		margin-top:20px;
	}
	.profil-right-col{
		padding:20px;	
	}
	.trefle{
		width:auto;
		left:0;
		padding-left:0px;
		background-position:top left;
		margin-bottom:50px;
	}
	.carreaux{
		width:100%;
		margin:0px;
		padding-top:4px;
		margin-bottom:50px;
		margin-top:25px;
	}
		.carreaux-title{
			position:relative;
			margin-left:110px;
			padding-top:5px;
		}
			.carreaux-title h2{
				font-size:18px;
			}
		
	.coeur{
		width:100%;
		margin-bottom:50px;
		margin-top:0px;
	}
	.pique{
		width:100%;
		margin-top:0px;
		margin-bottom:50px;
	}
	.atout-top-text{
		padding-left:20px;
		padding-right:20px;
	}
	#defaultNavbar1{display:none}
	
	.languageSwitcher{
	 position:absolute;
	 top:170px;
	 right:-10px;
	 z-index:999;
	}
	.carreaux-list{
			width:80%; 
			margin:auto auto; 
			margin-top:0px;
			padding-top:30px !important;
			font-size:12px;
		}
	
	.copyright2{margin-top:5px; background-color:#3A0201; color:#ffffff; font-size:10px;}

	.navbar-brand img{width:320px; align:center;}

	.x-container.offset {
    	margin:30px 0px !important; 
	}
	.responsive-menu-title{display:none !important;}

	.copyrightArea{
		margin-top:-10px;
		margin-left:5px;
	}

	.cards ul {
		margin-left:23px;
	}


	.cards ul li {
    		text-indent: -23px !important;
	}
}


@media screen and (max-width: 730px)  {
	.boldFont{
		font-size:14px !important;
		font-weight: 700 !important;
	}
}

@media screen and (max-width: 730px) {
_:-webkit-full-screen, :root .cards ul {

		margin-left:28px;
	}


_:-webkit-full-screen, :root .cards ul li {
    		text-indent: -34px !important;
	}
 }