.accueil_zone1									{width:100%; height:auto; color:#444;}
.accueil_zone1	section							{background:url('../img/illustration/fond-contact.jpg') top center fixed no-repeat; -webkit-background-size: 100%; background-size: 100%;}
.accueil_zone1 .mess-block						{text-align:center;  position:relative; padding: 80px 0 80px 0;}
.accueil_zone1 .mess-block .square					{background:rgba(0,0,0,0.3);position:relative; width:100%; height:auto; margin:0px 0px 0px 0px;  opacity: 0; -webkit-transition: all 0.5s ease 0.4s; -moz-transition: all 0.8s ease 0.4s; -o-transition: all 0.8s ease 0.4s; transition: all 0.8s ease 0.2s;}
.accueil_zone1 .mess-block .square_inview			{margin:0px 0px 0px 0px; opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px);   transform: translate3d(0px, 0px, 0px);}

.accueil_zone2									{width:100%; height:auto; background:#991f42; line-height:1.4em;}
.accueil_zone2 .mess-block						{text-align:justify; position:relative; padding:0;}
.accueil_zone2 .mess-block .square					{position:relative; width:calc(100% - 20px); max-width:1024px; height:auto; margin:0px 0px 0px 0px; padding:10px; opacity: 0; color:#eee; -webkit-transition: all 0.5s ease 0.4s; -moz-transition: all 0.8s ease 0.4s; -o-transition: all 0.8s ease 0.4s; transition: all 0.8s ease 0.2s; -moz-transform:translate3d(0px, 50px, 0px); -webkit-transform:translate3d(0px, 50px, 0px); -o-transform:translate3d(0px, 50px, 0px); -ms-transform:translate3d(0px, 50px, 0px);; transform:translate3d(0px, 50px, 0px);}
.accueil_zone2 .mess-block .square_inview			{margin:0px auto 0px auto; opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px);   transform: translate3d(0px, 0px, 0px);}
.accueil_zone2 .mess-block .square h1				{font-size:35px; font-weight:bold; letter-spacing:-1px; line-height:140px; color:#fff;  width:100%; text-align:center;}

.accueil_zone3									{width:100%; height:auto; color:#333; line-height:1.4em; background:url('../img/fond/fond_base.jpg');}
.accueil_zone3 .mess-block						{text-align:center; font:35px; position:relative;}
.accueil_zone3 .mess-block .square					{position:relative; width:100%; height:auto; margin:0px -50% 0px 0px;  opacity: 0; -webkit-transition: all 0.5s ease 0.4s; -moz-transition: all 0.8s ease 0.4s; -o-transition: all 0.8s ease 0.4s; transition: all 0.8s ease 0.2s;}
.accueil_zone3 .mess-block .square_inview			{margin:0px 0px 0px 0px; opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px);   transform: translate3d(0px, 0px, 0px);}

.partner_zone										{width:100%; height:auto; padding:20px 0px 20px 0px; }
.partner_zone .mess-block							{width:100%; max-width:1250px;}
.partner_zone .mess-block h2							{position:relative; font-size:15px; color:#1e1e1e; letter-spacing:1px; margin:10pw auto 10px auto;}
.partner_zone .mess-block .square						{position:relative; width:250px; height:400px; margin:0px -60% 0px 0px; border:solid 1px #aaa; float:left; color:#222; background:#fff; padding:0px 15px 15px 15px; line-height:21px; text-align:center; opacity: 0; -webkit-tr-ansition: all 0.5s ease 0.2s; -moz-transition: all 2s ease 0.2s; -o-transition: all 0.5s ease 0.2s; transition: all 0.5s ease 0.2s; -moz-transform: translate3d(-250px, 0px, 0px); -webkit-transform: translate3d(-250px, 0px, 0px); -o-transform: translate(-250px, 0px); -ms-transform: translate(-250px, 0px); transform: translate3d(-250px, 0px, 0px);}
.partner_zone .mess-block .square .contenerimg			{position:relative; margin:10px auto 20px auto; width:250px; height:auto; height:250px; overflow:hidden; display:block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.partner_zone .mess-block .square .contenerimg img		{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;  -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.partner_zone .mess-block .square .contenerimg:hover img	{-webkit-transform: rotate(-3deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg);}
.partner_zone .mess-block .square h3					{font-size:17px; color:#333; text-align:center;}
.partner_zone .mess-block .square p, a					{font-size:15px; color:#333; margin-top:15px;}
.partner_zone .mess-block .square .ahref				{position:absolute; bottom:5px; right:5px; font-size:12px; color:#fff; font-size:12px;}
.partner_zone .mess-block .square_inview				{margin:5px; opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px);   transform: translate3d(0px, 0px, 0px);}
.partner_zone .mess-block .square:hover .contenerimg img 	{-webkit-transform: rotate(-3deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg);}


@media screen and (min-width:320px) and (max-width:479px) {
	.partner_zone .mess-block .square_inview			{margin:0px 1% 15px 1%;}
}
@media screen and (min-width:480px) and (max-width:639px)  {
	.partner_zone .mess-block .square_inview			{margin:0px 15% 15px 10%;}
}
@media screen and (min-width:640px) and (max-width:799px)  {
	.partner_zone .mess-block .square_inview			{margin:0px 0px 15px 1%;}
}
@media screen and (min-width:800px) and (max-width:959px)  {
	.partner_zone .mess-block .square_inview			{margin:0px 0px 15px 1%;}
}