.accueil_zone1									{width:100%; height:auto; color:#fff;}
.accueil_zone1	section							{background:url('../img/illustration/fond-accueil-back1.jpg') top center fixed no-repeat; -webkit-background-size:cover; background-size:cover;}
.accueil_zone1 .mess-block						{display:flex; position:relative; max-width:1200px; overflow:hidden;}
.accueil_zone1 .mess-block .square					{flex: 0 0 41.66667%; max-width: 41.66667%; position:relative; height:auto; margin:0px 0px 0px 0px; padding-right: 45px;  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_zone1 .mess-block .square .box_title		{border-top-width: 0px; box-sizing: border-box; min-height:440px; width:500px; background:rgba(180, 28, 48, 0.85); margin:0; overflow:hidden;}
.accueil_zone1 .mess-block .square .box_title h1		{font-size:31px; font-weight:bolder; text-transform:uppercase; line-height:1.2em; color:#fff; ; padding:80px 15px 15px 15px}
.accueil_zone1 .mess-block .square .box_title h2		{font-size:21px; font-weight:normal; text-transform:uppercase; line-height:1.2em; color:rgba(255,255,255,0.8); padding:0px 15px 5px 15px; margin:0px;}
.accueil_zone1 .mess-block .square .box_illstr1		{clear:both;}
.accueil_zone1 .mess-block .square .box_illstr1:after 	{display:table; content: ""; line-height: 0; vertical-align: top; margin:0; padding:0;}
.accueil_zone1 .mess-block .square .box_illstr1 img 	{float: right; max-width: none; vertical-align: top;}

.accueil_zone2									{width:100%; height:auto; color:#fff;}
.accueil_zone2	section							{max-width:1200px; margin:0px auto 0px auto; display:block;}
.accueil_zone2 .mess-block						{position:relative; max-width:1200px; max-height:440px; overflow:hidden;}
.accueil_zone2 .mess-block .square					{position:relative; 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_zone2 .mess-block .square_inview			{margin:0px 0px 0px 60px; 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 .box1 			{display:table-cell; vertical-align: top; width:440px;}
.accueil_zone2 .mess-block .square .box2 			{background:#333; padding:40px; display:table-cell; vertical-align: middle; }
.accueil_zone2 .mess-block .square .box2 h3			{font-size:30px; font-weight:bolder; text-transform:uppercase; line-height:2em; color:#fff; padding:0; }
.accueil_zone2 .mess-block .square .box2 h4			{font-size:25px; font-weight:bolder; text-transform:uppercase; line-height:2em; color:#bc182d; padding:0;}
.accueil_zone2 .mess-block .square .box2 p			{line-height:25px; font-size:16px; margin:0;}

.accueil_zone3									{width:100%; height:auto; color:#fff;}
.accueil_zone3	section							{max-width:1200px; margin:0px auto 0px auto; display:block; padding:55px 0 55px 0px;}
.accueil_zone3 .mess-block						{position:relative; max-width:1150px;}
.accueil_zone3 .mess-block .square					{position:relative; height:auto; margin:0px 0px0px 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);}
.accueil_zone3 .mess-block .square	.listbox 			{display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.accueil_zone3 .mess-block .square	.listbox ol		{list-style:none; counter-reset:li; display:flex; flex-wrap:wrap;}
.accueil_zone3 .mess-block .square	.listbox ol li 	{flex: 0 0 calc(33% - 30px); max-width: calc(33% - 30px); position: relative; width: 100%; min-height: 1px; padding:0px 15px 0px 15px; color:#888; font-size:15px; line-height:23px;}
.accueil_zone3 .mess-block .square	.listbox ol li h3	{padding:35px 0px 0px 80px; font-size: 25px; font-weight:bolder; color:rgba(180, 28, 48, 0.85);; letter-spacing:-1px; line-height:35px; height:120px; display:block; text-align:left;}
.accueil_zone3 .mess-block .square	.listbox ol li h3:before {content:counter(li,decimal); counter-increment:li; position: absolute; left:10px; top: 0; font: 400 130px/110px "Montserrat",sans-serif; color:rgba(180, 28, 48, 0.85);; opacity: .15;}
.accueil_zone3 .mess-block .square	.listbox ol li:first-child h3 {padding:35px 0px 0px 45px;}

.accueil_zone4									{width:100%; height:auto; color:#fff;}
.accueil_zone4	section							{background:url('../img/illustration/fond-accueil-back2.jpg') top center fixed no-repeat; -webkit-background-size: cover; background-size: cover;}
.accueil_zone4 .mess-block						{display:flex; position:relative; max-width:1200px;}
.accueil_zone4 .mess-block .square					{flex: 0 0 41.66667%; max-width: 41.66667%; position:relative; height:auto; margin:0px 0px 0px 0px; padding-right: 45px;  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_zone4 .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_zone4 .mess-block .square .box_title		{border-top-width: 0px; box-sizing: border-box; min-height:440px; width:500px; background:rgba(180, 28, 48, 0.85); margin:0;}
.accueil_zone4 .mess-block .square .box_title h2		{font-size:35px; font-weight:bolder; text-transform:uppercase; line-height:1.2em; color:#fff; ; padding:90px 15px 15px 15px}
.accueil_zone4 .mess-block .square .box_title h3		{font-size:25px; font-weight:normal; text-transform:uppercase; line-height:1.2em; color:#fff; ; padding:20px 15px 20px 15px;}
.accueil_zone4 .mess-block .square .box_illstr1		{clear:both;}
.accueil_zone4 .mess-block .square .box_illstr1:after 	{display:table; content: ""; line-height: 0; vertical-align: top; margin:0; padding:0;}
.accueil_zone4 .mess-block .square .box_illstr1 img 	{float: right; max-width: none; vertical-align: top;}

.accueil_zone5									{width:100%; height:auto; color:#fff;}
.accueil_zone5	section							{background:url('../img/illustration/fond-accueil-back3.jpg') top center fixed no-repeat; -webkit-background-size: cover; background-size: cover;}
.accueil_zone5 .mess-block						{max-width:1200px; display:flex; position:relative; max-height:440px; overflow:hidden;}
.accueil_zone5 .mess-block .square					{position:relative; height:auto; margin:0px0px 0px 0px; padding-right: 45px;  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_zone5 .mess-block .square_inview			{margin:0px 0px 0px 60px; 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_zone5 .mess-block .square .box1 			{display:table-cell; vertical-align: top; width:440px;}
.accueil_zone5 .mess-block .square .box2 			{background:rgba(0,0,0,0.5); padding:40px; display:table-cell; vertical-align: middle; }
.accueil_zone5 .mess-block .square .box2 h3			{font-size:30px; font-weight:bolder; text-transform:uppercase; line-height:2em; color:#fff; padding:0; }
.accueil_zone5 .mess-block .square .box2 h4			{font-size:25px; font-weight:bolder; text-transform:uppercase; line-height:2em; color:#ce2b53; padding:0;}
.accueil_zone5 .mess-block .square .box2 p			{line-height:25px; font-size:16px; margin:0;}

.accueil_zone6									{width:100%; height:auto; color:#fff;}
.accueil_zone6	section							{background:#fff;}
.accueil_zone6 .mess-block						{max-width:1200px; display:flex; position:relative;}
.accueil_zone6 .mess-block .square					{position:relative; height:auto; margin:0px0px 0px 0px; padding-right: 45px;  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_zone6 .mess-block .square_inview			{margin:0px 0px 0px 60px; 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_zone6 .mess-block .square .box1 			{display:table-cell; vertical-align: top; color:#333; padding:45px 15px 45px 0px; vertical-align:middle;}
.accueil_zone6 .mess-block .square .box1 p             {font-size:20px; line-height: 1.8em;}

.accueil_zone7									{width:100%; height:auto; color:#fff;}
.accueil_zone7	section							{background:#fff;}
.accueil_zone7 .mess-block						{position:relative;}
.accueil_zone7 .mess-block .square					{position:relative; height:auto; margin:0px0px 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_zone7 .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_zone7 .mess-block .square iframe 		     {margin:0; padding:0; width:100%; height:440px;}

@media screen and (min-width:320px) and (max-width:639px)  {
     .accueil_zone1 .mess-block                        {display: block; max-width: 100%;}
     .accueil_zone1 .mess-block .square                {display:block; max-width:100%; width:100%;}
     .accueil_zone1 .mess-block .square .box_title     {width:100%;}
     .accueil_zone2 .mess-block                        {max-width:100%; max-height:100%; overflow : visible;}
     .accueil_zone2 .mess-block .square_inview         {margin:0px 0px 0px 0px;}
     .accueil_zone2 .mess-block .square .box1          {display:block; width:100%; height:auto;}
     .accueil_zone2 .mess-block .square .box1 img      {width:100%;}
     .accueil_zone2 .mess-block .square .box2          {width:calc(100% - 20px); display:block; padding:10px; margin-top:-10px;}
     .accueil_zone3 .mess-block                        {width:100%; max-width:100%;}
     .accueil_zone3 .mess-block .square .listbox       {display:block; width:100%; margin:0px;}
     .accueil_zone3 .mess-block .square .listbox ol    {display:block;}
     .accueil_zone3 .mess-block .square	.listbox ol li {flex:none; width:calc(100% - 40px); max-width:calc(100% - 40px); margin:20px 0px 20px 0px;}
     .accueil_zone4 .mess-block .square                {display:block; max-width:100%; padding:0px;}
     .accueil_zone4 .mess-block .square .box_title     {width:100%;}
     .accueil_zone5 .mess-block                        {display:block; max-width:100%; max-height:100%; overflow : visible;}
     .accueil_zone5 .mess-block .square                {padding:0px;}
     .accueil_zone5 .mess-block .square_inview         {margin:0px 0px 0px 0px;}
     .accueil_zone5 .mess-block .square .box1          {width:100%; display:block;}
     .accueil_zone5 .mess-block .square .box1 img      {width:100%;}
     .accueil_zone5 .mess-block .square .box2          {width:calc(100% - 20px); display:block; padding:10px; margin-top:-10px;}
     .accueil_zone6 .mess-block                        {display:block; max-width:100%; max-height:100%;}
     .accueil_zone6 .mess-block .square_inview         {margin: 0px 0px 0px 0px; padding:0px;}
     .accueil_zone6 .mess-block .square .box1          {display:block; width:100%;}
     .accueil_zone6 .mess-block .square .box2          {display:block; width:100%; padding:0px;}
}
@media screen and (min-width:640px) and (max-width:799px)  {
     .accueil_zone2 .mess-block .square_inview         {margin:0px 0px 0px 0px;}
     .accueil_zone2 .mess-block .square .box2          {width:calc(100% - 440px);}
     .accueil_zone3 .mess-block                        {width:100%; max-width:100%;}
     .accueil_zone3 .mess-block .square .listbox       {display:block}
     .accueil_zone3 .mess-block .square .listbox ol    {display:block;}
     .accueil_zone3 .mess-block .square	.listbox ol li {width:calc(100% - 35px); max-width:calc(100% - 35px); margin:20px 0px 20px 0px;}
     .accueil_zone5 .mess-block .square                {padding:0px;}
     .accueil_zone5 .mess-block .square_inview         {margin:0px 0px 0px 0px;}
     .accueil_zone5 .mess-block .square .box2          {width:calc(100% - 440px);}
     .accueil_zone6 .mess-block .square .box1          {display:block; width:100%;}
     .accueil_zone6 .mess-block .square .box2          {display:block; width:100%;}
}
@media screen and (min-width:800px) and (max-width:1100px)   {
     .accueil_zone2 .mess-block .square_inview         {margin:0px 0px 0px 0px;}
     .accueil_zone2 .mess-block .square .box2          {width:calc(100% - 440px);}
     .accueil_zone5 .mess-block .square                {padding:0px;}
     .accueil_zone5 .mess-block .square_inview         {margin:0px 0px 0px 0px;}
     .accueil_zone5 .mess-block .square .box2          {width:calc(100% - 440px);}
     .accueil_zone6 .mess-block .square .box1          {display:block; width:100%;}
     .accueil_zone6 .mess-block .square .box2          {display:block; width:100%;}
}