/* Blocs références */
#skin{padding-top:10px;background:url("../IMAGES/Fond-1.png") repeat-x; width:100%; min-height: 500px;}
#skin_center{margin-right:auto; margin-left:auto; width: 998px;}
#logo{background:url("../IMAGES/LOGOTYPE.png") no-repeat;background-size:150px; width:150px; height: 40px; margin-bottom:30px; margin-top: 20px; display:inline-block;vertical-align:top;cursor:pointer;}
#bandeau{width: 655px; height: 40px;display:inline-block;vertical-align:top;margin-bottom:30px; margin-top: 20px;}
.ICO{height: 27px; width: 27px; display:inline-block;vertical-align:top;cursor:pointer;}
.face{background:url("../IMAGES/LOGOTYPE-facebook.png") no-repeat;background-size:27px;}
.twit{background:url("../IMAGES/LOGOTYPE-twitter.png") no-repeat;background-size:27px;}
.fr{background:url("../IMAGES/fr.png") no-repeat;background-size:27px;}
.ar{background:url("../IMAGES/ar.png") no-repeat;background-size:27px;}
.center{margin-left:auto; margin-right:auto;width: 997px;text-align:center;}
.etui{position: relative ;margin-left:auto; margin-right:auto; background-size:330px; background-position:center 0px; background-repeat:no-repeat;width: 350px; height:280px;display:inline-block; vertical-align:top;}
.text_etuis{width:450px;padding-top:53px; display:inline-block;vertical-align:top; }
.text_etuis .nom{font-family:"MyriadPro-Light";font-size:55px; color:rgba(136,136,136,1);text-transform: uppercase; display:inline-block;}
.text_etuis .poso{font-family:"MyriadPro-Light";font-size:45px;line-height:35px;display:inline-block;}
.text_etuis .appli{font-family:"MyriadPro-Light";font-size:20px;line-height:25px;}
.rembourse{position: absolute ;left: 7px; background-color:#0BDD00; color:#fff; margin-top:100px;font-family:"MyriadPro-Light";font-size:18px;padding:8px;border-radius: 10px;box-shadow: -3px 0 5px #a8a8a7;transform: rotate(-10deg);}

.IInfo_acces{height: 33px; padding-top:17px;background-size:60px;border-radius: 25px; padding-left:65px; padding-right:25px;color:rgba(255,255,255,1); font-size:14px; font-family: "MyriadPro-Lbold";border: 1px solid #ffffff;}
.IInfo_acces:hover{cursor:pointer;border: 1px solid rgba(0,0,0,0.2);-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;box-shadow: -1px 1px 4px 2px rgba(0, 0, 0, 0.2) inset;}
.IInfo_acces_A{background-position: 5px -15px; display:inline-block;}
.IInfo_acces_B{background-position: 5px -88px; display:inline-block;}
.IInfo_acces_C{background-position: 5px -157px; display:inline-block;}
.IInfo_acces_D{background-position: 5px -230px; display:inline-block;}

.footer{ width: 100%; background-color: #505050; height: auto; margin-top: 20px; text-align:center; padding-top: 10px; padding-bottom: 15px;}
.lien{font-size: 8px; color:#E4E4E4; width: 150px;  }


.rec_block{width: 327px;columns: 1;display:inline-block;padding:25px; padding-top:15px;vertical-align:top;border-radius: 5px;}
.Info_block{color:#fff;font-family:"MyriadPro-Lbold";font-size:30px;height: 80px; width: 80px; margin-left:2px; margin-right:2px; display:inline-block;border-radius: 40px;vertical-align:top;text-align: center;line-height: 80px;}
.Info_block img{vertical-align: middle}
.corps_text{width:797px; padding-top:20px; margin-left:100px;margin-right:100px; margin-bottom:80px;columns: 2;}
.corps_text_1{width:787px; padding-top:20px; margin-left:100px;margin-right:100px;columns: 1;vertical-align:top;}
.corps_text_2{width:735px; padding-top:20px; margin-left:auto;margin-right:auto;columns: 1;vertical-align:top;}
h1{font-family:"MyriadPro-Light";font-size:65px;line-height:65px;text-transform: uppercase;padding-top:60px; }
h2{font-family:"MyriadPro-Light";font-size:25px;line-height:25px;text-transform: uppercase;}
p{font-family:"MyriadPro-Light";font-size:18px;line-height:20px;margin-bottom:20px;}
p em{font-style: italic;}
ul li{font-family:"MyriadPro-Light";font-size:18px;line-height:20px;margin-left:10px; margin-right:10px;margin-bottom:10px;list-style-position: inside;list-style-type: square;}
ol li{font-family:"MyriadPro-Light";font-size:18px;line-height:20px;margin-left:30px; margin-right:30px;margin-bottom:8px;list-style-position: outside;list-style-type: decimal;}

/* -------------------  MEDIA ------------------  */
@media only screen and (max-width:999px) and (min-width:681px){
#skin_center{width: 670px;}
#logo{background-size:130px; width:130px; height: 40px; margin-bottom:30px; margin-top: 20px;}
#bandeau{width: 485px; height: 40px;display:inline-block;vertical-align:top;margin-bottom:30px; margin-top: 20px;}

.center{width: 669px;}
.etui{margin-left:auto; margin-right:auto; background-size:270px; background-position:center 0px; background-repeat:no-repeat;width: 290px; height:230px;display:inline-block;}
.text_etuis{width:345px; padding-top:38px; display:inline-block;}
.text_etuis .nom{font-size:40px;line-height:40px;}
.text_etuis .poso{font-size:40px;line-height:40px;}
.text_etuis .appli{font-size:18px;line-height:20px;margin-top:5px;padding-bottom:5px;}
.rembourse{ margin-top:85px;font-size:14px;}

.IInfo_acces{height: 24px; padding-top:11px; background-size:45px;padding-left:49px; padding-right:14px;font-size:12px;}
.IInfo_acces_A{background-position: 5px -12px;}
.IInfo_acces_B{background-position: 5px -66px;}
.IInfo_acces_C{background-position: 5px -118px;}
.IInfo_acces_D{background-position: 5px -172px;}

.rec_block{width: 275px;columns: 1;padding:15px; padding-top:15px;vertical-align:top;}

.corps_text{width:617px; padding-top:20px; margin-left:25px;margin-right:25px;columns: 2;}
.corps_text_1{width:617px; padding-top:20px; margin-left:25px;margin-right:25px;columns: 1;vertical-align:top;}
.corps_text_2{width:595px; padding-top:20px; margin-left:auto;margin-right:auto;columns: 1;vertical-align:top;}

}
/*----------------- LITTEL -----------------*/
@media only screen and (max-width:680px) and (min-width:400px){
#skin_center{width: 380px;}
#logo{background-size:120px; width:120px; height: 40px; margin-bottom:30px; margin-top: 20px;}
#bandeau{width: 220px; height: 40px;display:inline-block;vertical-align:top;margin-bottom:30px; margin-top: 20px;}

.center{width: 379px;}
.etui{margin-left:auto; margin-right:auto; background-size:330px; background-position:0px 0px; background-repeat:no-repeat;width: 350px; height:250px;}
.text_etuis{width:350px;padding-top:30px; padding-bottom:20px;}
.text_etuis .nom{font-size:47px;line-height:47px; padding-bottom:15px;}
.text_etuis .poso{font-size:40px;line-height:25px;}
.text_etuis .appli{font-size:18px;line-height:20px; margin-top:0px;padding-bottom:5px;}

.IInfo_acces{width:279px; margin-bottom:3px; height: 34px; padding-top:11px; background-size:60px;padding-left:80px; padding-right:15px;font-size:16px; text-align:left;}
.IInfo_acces_A{background-position: 10px -17px;}
.IInfo_acces_B{background-position: 10px -89px;}
.IInfo_acces_C{background-position: 10px -159px;}
.IInfo_acces_D{background-position: 10px -231px;}

.rec_block{width: 308px;columns: 1;padding:15px; padding-top:20px;vertical-align:top;}

h1{padding-top:40px;font-size:40px;line-height:40px;}
.corps_text{width:330px; padding-top:20px; margin-left:20px;margin-right:20px;columns: 1;}
.corps_text_1{width:330px; padding-top:10px; margin-left:10px;margin-right:20px;columns: 1;vertical-align:top;}
.corps_text_2{width:310px; padding-top:20px; margin-left:auto;margin-right:auto;columns: 1;vertical-align:top;}
}

/*----------------- SMART -----------------*/
@media only screen and (max-device-width:399px) and (min-width:10px){
#skin_center{width: 900px;}
#logo{background-size:308px; width:308px; height: 102px; margin-bottom:77px; margin-top: 51px;}
#bandeau{width: 535px; height: 102px;display:inline-block;vertical-align:top;margin-bottom:77px; margin-top: 51px;}
.ICO{height: 74px; width: 74px; display:inline-block;vertical-align:top;cursor:pointer;}
.face{background:url("../IMAGES/LOGOTYPE-facebook.png") no-repeat;background-size:74px;}
.twit{background:url("../IMAGES/LOGOTYPE-twitter.png") no-repeat;background-size:74px;}
.fr{background:url("../IMAGES/fr.png") no-repeat;background-size:74px;}
.ar{background:url("../IMAGES/ar.png") no-repeat;background-size:74px;}

.center{width: 899px;}
.etui{margin-left:auto; margin-right:auto; background-size:848px; background-position:0px 0px; background-repeat:no-repeat;width: 899px; height:642px;}
.text_etuis{width:899px;padding-top:77px; padding-bottom:51px;}
.text_etuis .nom{font-size:105px;line-height:105px; padding-bottom:15px;}
.text_etuis .poso{font-size:85px;line-height:85px;}
.text_etuis .appli{font-size:65px;line-height:65px; margin-top:10px;padding-bottom:10px;}
.rembourse{left: 10px; margin-top:280px;font-size:40px;padding:25px;}

.lien{font-size: 12px; }

.IInfo_acces{width:650px; margin-bottom:8px; height: 87px; padding-top:28px; background-size:154px;padding-left:205px; padding-right:38px;font-size:41px; text-align:left;}
.IInfo_acces_A{background-position: 25px -43px;}
.IInfo_acces_B{background-position: 25px -228px;}
.IInfo_acces_C{background-position: 25px -408px;}
.IInfo_acces_D{background-position: 25px -593px;}

.rec_block{width: 800px;columns: 1;padding-left:5px;padding-right:5px; padding-bottom:50px; vertical-align:top;}
.Info_block{font-size:60px;height: 200px; width: 200px;border-radius: 100px;line-height:200px;}
.corps_text{width:808px; padding-top:51px; margin-left:51px;margin-right:51px;columns: 1;vertical-align:top;}
.corps_text_1{width:808px; padding-top:51px; margin-left:51px;margin-right:51px; margin-bottom:50px;columns: 1;vertical-align:top;}
.corps_text_2{width:800px; padding-top:20px; margin-left:auto;margin-right:auto;columns: 1;vertical-align:top;}
h1{font-size:90px;line-height:90px;text-transform: uppercase;padding-top:100px;padding-bottom:5px;}
h2{font-size:45px;line-height:45px;text-transform: uppercase;}
p{font-size:25px;line-height:35px;margin-bottom:20px;}
p em{font-style: italic;}
ul li{font-size:25px;line-height:35px;margin-left:10px; margin-right:10px;margin-bottom:10px;list-style-position: inside;list-style-type: square;}
ol li{font-family:"MyriadPro-Light";font-size:25px;line-height:35px;padding-left:30px; padding-right:30px;margin-bottom:8px;list-style-position: outside;list-style-type: decimal;}

}