/*
#------------------------------------------------------------------------
# StoreFront - April Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2014 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

@import url("//fonts.googleapis.com/css?family=Dancing+Script");
@import url("../fonts/open-sans/open-sans.css");
@import url("menuResGracyl.css");



.dialog__content {
	width: 80% !important;
}


@media (min-width: 481px) and (max-width: 1024px)
{
	.yellowBackground .centerBt a.button{
		
	}
	
	.orangeddecoTopCh::after, .grBorderRightGrey::after{
		display:none !important;
	}
	
	.gr-block.grGridMobile div{
		display: grid !important;
	}
	
	.grLastMobile.last.grType2#left{
		margin-bottom: 30px !important;
		display: block;
	}
	
	.greyddecoTopCh::after{
		display: none !important;
	}
	
	[data-cols="1/2"] > div p q {
	    padding: 0px !important;
		margin-top: 10px !important;
		margin-bottom: 20px !important;
	}
	
	.field167, .field169 {
		width: 100% !important;
	}
	
	.field167 .visCustomText i{
		position: absolute;
		left: 10px;
	}
	
	.input-append button{
		margin-top: 10px;
	}
	
	#field167{
		margin-top: 10px !important;
		width: 110px !important;
	}
	
	#field168{
		margin-top: 10px !important;
		width: 65px !important;
		margin-left: 80px !important;
	}
	

	
	img.underAgent {
		margin-top: 0px;
		overflow: visible;
	}
	
	/*p, h5, .gr-block{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}*/
	
	p, h5{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	.gr-block{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	#gkBottom5 > div {
		padding: 10px 0 15px 0;
	}
	
	.footerGracyl .gr-block-image img {
		width: 35% !important;
		margin-left: auto !important;
	}
	
	.footerGracyl .gr-block-image {
		margin-top: 0px !important;
	}
	
	.gr-form {
		margin-left: 25% !important;
	}
	
	.visCSSinput, .editor {
		width: 75% !important;
	}
	
	.custom{
		/*padding-left: 30px !important;
		padding-right: 30px !important;*/
	}	
	
	#gkMobileMenu {
		float: right;
		margin: 24px 0 0 0;
		position: relative;
	}

	.margin-toptop
	{
		/*max-width: 80% !important;*/
	}
	

	#gkHeaderTop{
		display: none !important;
	}
	
	#gkLogo.smaller img
	{
		width: auto;
		height: 45px !important;
		margin-top: 8px;
	}

	#gkHeaderNav.smaller 
	{
		height: 65px !important;
		padding-top:0 !important;
		top:0 !important;
		
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	


	#gkLogo img 
	{
		height: 70px;
		margin-left: 20px !important;
	}

	
	#gkHeader {
		padding: 0px 0 0 0 !important;
	}

	#gkStyleArea {
		display: none !important;
	}

	#GracylHeader
	{
		max-width: 100%;
		padding-top: 64px;
	}
	
	#GracylHeader img
	{
		max-width: 100%;
	}
	
	#gkHeaderNav {
		top: 0px !important;
		height: 86px !important;
	}
	
	#gkHeaderMod {
		margin-top: 103px !important;
	}
	
		/*4 fant*/
	.gr-block.GRCol2 p q {
		max-width: 85% !important;
	}
	
	.gr-block.GRCol2 #id_1_4_0 div#left, .gr-block.GRCol2 #id_1_4_1 div#left, .gr-block.GRCol2 #id_1_5_0 div#left, .gr-block.GRCol2 #id_1_5_1 div#left {
		height: 600px !important;
	}
	
	.gr-block.GRCol2 #id_1_5 div#left {
		height: 650px !important;
	}
	
	.GRenSP a.button{
		width: 226px !important;
	}
	
	
	.GRenSP a.button div{
		top: 45px;
		margin: auto;
		left: 19px;
		font-size: 10px;	
	}	
	
	.gr-block.greyListgr {
		padding-left: 25px !important;
	}
		/*4 fant*/

	/*Header FIN*/
	
	.b1Team, .b2Team, .b3Team{
		left:20px;
	}
	
	.bTeam{
		margin-top: 100px;
	}
	
	h6.grey{
		margin-right: 0px !important;
		padding-bottom: 0px !important;
	}
	
	.capsuleImage.grpicto img {
		margin-top: 50px;
	}
	
	h1.grW100, [data-cols="75"] > div h1.grW100 {
		width: 90% !important;
	}
	
	.input-append button {
		height: 50px;
		/* width: 8%; */
		margin-top: 30px;
		margin-left: 0;
		border-radius: 50px;
	}
	
	.grFormD label, .grFormD input, .grFormD .visCustomText, .grFormD .grFormDRadioLabel, .grFormD .grFormDFileField, .grFormD p.visCSStop0, .grFormD .visBtnCon, .grFormD textarea, .grFormD select, .grFormD button {
		max-width: 500px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	.grFormD h6.grey, .grFormD h7.grey{
		margin-left: 0px !important;
	}
	
}

@media (min-width: 481px) and (max-width: 950px){
	
	.Gracyl-preview h1, .grquestion h1{
		margin-left: 0px;
		/* margin-right: 25px; */
		text-align: center;
	}
	
	.Gracyl-preview .nspArt h4.nspHeader{
		max-width: 100% !important;
   		margin-left: 0px !important;
	}
	
	.blueBackground.Gracyl-preview a.button{
		margin-top: -10px;
		right: -5px;
	}
	
	.grquestion.colorWhite a.button{
		left: 4px;
	}
	
	.greyddecoOther::after {
		display: none !important;
	}
	
	.gracyl-side-menu{
		margin-top: 0px;
	}
	
	.greyddecoOther .gr-block-image{
		/*margin-bottom: 0px !important;*/
	}
	
	h1.gractu{
		text-align: center !important;
	}
	
	.untroismax {
		width: 100% !important;
	}
	
	#myBtnContainer {
		display: none;
	}
	
	button::after {
		display: none !important;
	}
	
	#myBtnContainer::before{
		display: none !important;
	}
	
	.itemList{
		margin-top: 50px;
	}
	
	.itemList .gr-block h1 a{
		height: 44px;	
	}	
	
	.itemList .gr-block h1 a::before {
		background: url(/images/gracyl-article-blue.png) no-repeat;
		z-index: 10;
		background-size: 100%;
		content: "";
		display: block;
		width: 50px;
		height: 50px;
		/* margin-right: 20px !important; */
		background-position: bottom 50% right 50%;
		float: right;
		margin-top: 14px;
		margin-left: 12px;
	}
	
	.itemList .gr-block h1 a::after{
		display: none !important;
	}
	
	.footerGracyl{
		padding-top:50px !important;
		padding-bottom:50px !important;
	}
	
	.itemList article{
		margin-top: 0px !important;
		padding-bottom: 50px !important;
	}
	
	
	
	
	
	.footerGracyl .gr-block.social{
		padding-left: 45px !important;
	}
	
	.gracyl-footer p {
		color: #fff !important;
		margin-bottom: 20px !important;
		padding-left: 45px !important;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	[data-cols="2/3"] > div, [data-cols="75"] > div, [data-cols="1/3"] > div{
		width: 100%;
	}
	
	
	.capsuleImageTop img{
		margin-bottom: 20px;
	}
	
	
	.StyleGR3 h6{
		margin-bottom:30px !important;
	}
	
	[data-cols="25"] > div, [data-cols="25"] > div, [data-cols="33"] > div{
		width: 50%;
	}
	

	
	.gr-block.GRCol2 #id_1_4_0 div#left, .gr-block.GRCol2 #id_1_4_1 div#left, .gr-block.GRCol2 #id_1_5_0 div#left, .gr-block.GRCol2 #id_1_5_1 div#left {
		/*height: 710px !important;*/
	}
	
	 [data-cols="1/2"] > div.cl_1_4, [data-cols="1/2"] > div.cl_1_5{
		width: 100% !important;
	}
	
	.capsuleImageTop90 img{
		    margin-bottom: 20px !important;
	}
	
	.capsuleImageTopToRight .capsuleImageTop img, .capsuleImageTopToRight .capsuleImageTop90 img {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
    margin-bottom: 15px !important;
}
	
	
	.gr100Block [data-cols="25"] > div#left, .gr100Block [data-cols="46"] > div#left
	{
		width: 100% !important;
		display: flex !important;
		
	}
	
	.slick-prev.slick-arrow, .slick-next.slick-arrow{
		display:none !important;
	}
	
	
		.slick-track {
		margin-bottom: 50px !important;
	}
	
	.gr100Block [data-cols="25"] > div#left h2, .gr100Block [data-cols="46"] > div#left p
	{
		width: 700px !important;
		text-align: center !important;
		margin-left:auto !important;
		margin-right:auto !important;
		display: block;
	    text-align: center !important;
	}
	
	.gr100Block [data-cols="46"] > div#left p q
	{
		    margin-top: 0px;
		    margin-bottom: 0px;
		text-align: center;
	}
	
	.gr100Block [data-cols="25"] > div#left h2
	{
		    margin-top: 10px;
		    margin-bottom: 10px;
	}
	
	
	.gr100Block [data-cols="25"] > div#left a.button
	{
		margin-left: auto;
	    margin-right: auto;
	}
	
	.gr-block.gr100Block{
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	
	

	
	
	h6 {
	    margin-left: 40px !important;
	}
	
		h5, h6 {
    margin-left: 25px !important;
    margin-right: 25px !important;
}
	
	.centerTitle h5, .centerTitle h6 {
    margin-left: 25px !important;
    margin-right: 25px;
    text-align: center;
}
	
	.capsuleImageTop90 {
		
	}
	
	.GRenSP{
		
	}
	
	.gr-block.GRCol2 #id_1_4 div#left{
		height: 600px !important;
	}
	
	.gr-block.GRCol2 #id_1_4 div#left{
		height: 600px !important;
	}
	
	
	.endLine h1, .endLine p q, .endLine p  {
		text-align:left !important;
	}
	
	.blueBackground a.button{
		float: left !important;
	}
	
	.gr-block-image img{
		max-width: 100% !important;
		/*width:  350px !important*/
	}
	
	.greyBackground h4{
		height: 50px !important;
	}
	
	.separateurs .middleItem.gr-block-image::after{
		border-right: solid 0px #325DCE;
	}
	
	.padding-50-top {
		padding-bottom:0px !important;
		padding-top: 20px !important;
	}
	
	.gr-block-image{
		margin-bottom: 35px !important;
		margin-top: 35px !important;
	}
		
	.gr-form {
		max-width: 60% !important;
	}
	
	.visCSSinput, .editor, input[type="text"], input[type="password"], input[type="url"], input[type="email"], input[type="number"], select{
		max-width: 100%!important;
	}
	
	.bluedeco::after {
		border-right: 481px solid transparent;
		border-bottom: 30px solid #325DCE;
	}
	
	.grFormD label, .grFormD input, .grFormD .visCustomText, .grFormD .grFormDRadioLabel, .grFormD .grFormDFileField, .grFormD p.visCSStop0, .grFormD .visBtnCon, .grFormD textarea, .grFormD select, .grFormD button {
		max-width: 500px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	.grFormD h6.grey, .grFormD h7.grey{
		margin-left: 0px !important;
	}
}

@media (min-width: 481px) and (max-width: 768px){
	.gr-form {
		max-width: 60% !important;
	}
	
	.visCSSinput, .editor {
		width: 100% !important;
	}
	
	.gr-block.GRCol2 #id_1_4_0 div#left, .gr-block.GRCol2 #id_1_4_1 div#left, .gr-block.GRCol2 #id_1_5_0 div#left, .gr-block.GRCol2 #id_1_5_1 div#left {
		width: 50% !important;
	}
	
	
}

@media (min-width: 481px) and (max-width: 852px){
	[data-cols="1/2"] > div {
		width: 100%;
	}
	
	.TelOnly{
		display: block !important;
	}
	
	.ordiOnly{
		display: none !important;
	}
	
	.TelTablettOnly{
		display: block !important;
	}
	
	
	
	
	
	
		img.underAgent {
    	margin-top: 0px !important;

	}
	

}

.mobileOnly
{
	display: block !important;
}

.desktopOnly
{
	display: none !important;
}

.gracyl-footer [data-cols="33"] > div {
    padding: 0%;
    width: 29.3%;
    height: auto;
}

.footerGracyl h4 {
    font-weight: 400 !important;
    color: #FFFFFF !important;
    margin-bottom: 40px !important;
    margin-top: 40px;
}