@charset "utf-8";

/* Deco txt */
.mefservice {padding: 10px 0 0 0; margin: 0;}
h1.titreservice {background-size: 80px; background-position: 25px center;
background-repeat: no-repeat; height: 80px; margin: 45px auto; padding-left: 130px;
 margin-top: 85px;}

div.bgtxt p {margin: 25px auto;}

.bgtxt {background-repeat: no-repeat;}
.bglft {background-position: left center; padding-left: 390px;}
.bgrgt {background-position: right center; padding-right: 390px;}

/* services materiel */
#ancreinfog {background-image: url(../img/pro/presentation/infogerance.jpg);} 
#txtinfog {background-image: url(../img/pro/img/infogerance-small.jpg);}
#ancrevente {background-image: url(../img/pro/presentation/vente.jpg);} 
#txtvente {background-image: url(../img/pro/img/vente-small.jpg); min-height: 220px; padding-right: 480px;
		background-size: 450px;}
#ancrereseau {background-image: url(../img/pro/presentation/reseaux.jpg);}
#txtreseau {background-image: url(../img/pro/img/reseaux-small.jpg);}
#ancresave {background-image: url(../img/pro/presentation/sauvegarde.jpg);}
#txtsave {background-image: url(../img/pro/img/sauvegarde-small.jpg);}
#partnersyno, #partnerterra {width: 50%; float: left; min-height: 180px; background-position: 50%;}
#partnersyno {background-image: url(../img/pro/img/synology-small.jpg);}
#partnerterra {background-image: url(../img/pro/img/terracloud.jpg);}
#ancrephone {background-image: url(../img/pro/presentation/telephonie.jpg);}

div#txtphone ul#listphone, ul#listsecu { padding-left: 55px; width: 80%;}
div#txtphone ul#listphone li, ul#listsecu li {float: none; list-style: outside; width: 100%;}

#txtphone {background-image: url(../img/pro/img/telephonie-small.jpg);}

#phonptnr {text-align: center;}
#phon01 {background-image: url(../img/pro/marques-phone/01.jpg);}
#phon02 {background-image: url(../img/pro/marques-phone/02.jpg);}
#phon03 {background-image: url(../img/pro/marques-phone/03.jpg);}
#phon04 {background-image: url(../img/pro/marques-phone/04.jpg);}
#phon05 {background-image: url(../img/pro/marques-phone/05.jpg);}
#phon06 {background-image: url(../img/pro/marques-phone/06.jpg);}
.img-phon {display: inline-block; height: 150px; width: 150px; margin: 0 10px;
background-repeat: no-repeat; background-position: 50%; background-size: contain;}

#ancrerecond {background-image: url(../img/pro/presentation/reconditionnement.jpg);}
#txtrecond {background-image: url(../img/pro/img/reconditionnement-small.jpg);}
#ancresecu {background-image: url(../img/pro/presentation/securite.jpg);}
#txtsecu {background-image: url(../img/pro/img/securite-small.jpg);}

/* logiciels */
#ancrelogi {background-image: url(../img/pro/presentation/logiciels.jpg);}
#imglogi {background-image: url(../img/pro/img/logiciels-small.jpg);
	background-repeat: no-repeat; background-position: top center; display: inline-block;
    min-height: 340px; width: 40%; max-width: 460px; float: right; margin-top: 40px;}
#txtlogi {float:left; width: 60%; max-width: 600px;}

#esetmef {width: 40%; margin-bottom: 40px; display: inline-block; text-align: center; margin: 0 auto; float: right;}
#esetlogi {width: 100%; max-width: 380px; border: solid black 1px; margin: 0 auto; display: block;}
#esetcontent {background-repeat: no-repeat; background-position: top center;
background-image: url(../img/pro/marques-logiciels/eset.png); color: #0096a1;
padding-top: 100px; padding-bottom: 20px;}
div#esetlogi a {color: #097a8e; font-weight: bold;}

.ptnrlogiimg {background-repeat: no-repeat; float: left; background-position: 50%;}

#ptnrlogi {margin: 45px auto;}
div#ptnrlogi div {height: 150px; width: 200px;}
#ptnrlogi01 {background-image: url(../img/pro/marques-logiciels/01.png);}
#ptnrlogi02 {background-image: url(../img/pro/marques-logiciels/02.png);}
#ptnrlogi03 {background-image: url(../img/pro/marques-logiciels/03.png);}
#ptnrlogi04 {background-image: url(../img/pro/marques-logiciels/04.png);}
#ptnrlogi05 {background-image: url(../img/pro/marques-logiciels/05.png);}
#ptnrlogi06 {background-image: url(../img/pro/marques-logiciels/06.png);}

#ptnrmslogi {margin: 45px auto;}
div#ptnrmslogi div {height: 150px; width: 200px;}
#ptnrmslogi01 {background-image: url(../img/pro/marques-logiciels/m01.png);}
#ptnrmslogi02 {background-image: url(../img/pro/marques-logiciels/m02.png);}
#ptnrmslogi03 {background-image: url(../img/pro/marques-logiciels/m03.png);}
#ptnrmslogi04 {background-image: url(../img/pro/marques-logiciels/m04.png);}
#ptnrmslogi05 {background-image: url(../img/pro/marques-logiciels/m05.png);}
#ptnrmslogi06 {background-image: url(../img/pro/marques-logiciels/m06.png);}

div#ptnrlogi div#float01, div#ptnrmslogi div#float02 {width: 0; height: 0;}

/* formation */
#ancreforma {background-image: url(../img/pro/presentation/formations.jpg);
margin-bottom: 5px;}
#txtforma {background-image: url(../img/pro/img/formations-small.jpg);
padding-right: 620px; background-position: right top; min-height:280px; }
#listforma ul {list-style: inside;}
#listforma li {width: 40%; margin-left: 10%;}

/* rachat */
#ancrerachat {background-image: url(../img/pro/presentation/rachat.jpg);}
#txtrachat {background-image: url(../img/pro/img/rachat-small.jpg);
padding-left: 560px; margin-bottom: 50px; background-position: left top;
min-height: 346px;}

/* financement */
#ancrefinan {background-image: url(../img/pro/presentation/financement.jpg);}
#txtfinan {background-image: url(../img/pro/img/financement-small.jpg);
background-size: 480px; padding-right: 520px; background-position: top right;}
#avafinan {}

#presentpro #txtfinan li, #presentpro #avafinan li {float: none; width: 80%;}
#presentpro #txtfinan li {list-style: inside;}
#presentpro #avafinan li {list-style: none;}

/* responsive */
@media only screen and (min-width:1480px) {
	#imglogi {background-size: 100%;}
}
@media only screen and (max-width:1480px) {
	#imglogi {display: block; float: none; margin: 0 auto; width: 100%; background-size: 100%;}
	#txtlogi {float: none; display: block; margin: 0 auto; width: 90%;}
	#esetmef {width: 100%; float: none;}
}
@media only screen and (max-width:1390px) {
	#txtlogi, #asidelogi {float: none; margin: 0 auto;}
}
@media only screen and (max-width:1020px) {
	#txtrachat {background-position: top center; padding-top: 270px; padding-left:0;}
	#txtforma {background-position: top center; padding-top: 290px; padding-right: 0;}
	#txtfinan {background-size: 360px; padding-right: 390px;}
}
@media only screen and (max-width:1000px) {
	#txtvente {padding-right: 380px; background-size: 370px;}
}
@media only screen and (max-width:800px) {
	.bglft {background-position: top center; padding-left: 0;}
	.bgrgt {background-position: top center; padding-right: 0;}
	#txtinfog {padding-top: 280px;}
	#txtvente {padding-top: 220px;padding-right: 0;}
	#txtreseau {padding-top: 300px;}
	#txtsave {padding-top: 280px;}
	#txtphone {padding-top: 550px;}
	#txtrecond {padding-top: 540px;}
	#txtsecu {padding-top: 600px;}
	#txtrachat {padding-left: 0; background-position: top center;}
}
@media only screen and (max-width:620px) {
	.bglft {background-position: top center; padding-left: 0;}
	.bgrgt {background-position: top center; padding-right: 0;}
	#txtinfog {padding-top: 200px;}
	#txtvente {padding-top: 170px; padding-right: 0;background-size: inherit;}
	#txtreseau {padding-top: 220px;}
	#txtsave {padding-top: 220px;}
	#txtphone {padding-top: 405px;}
	#txtrecond {padding-top: 420px;}
	#txtsecu {padding-top: 440px;}
	#partnersyno, #partnerterra {width: 100%;}
	h1.titreservice {height: auto; padding: 100px 0 0 0; background-position: top center; text-align: center;}
	div#txtphone ul#listphone, ul#listsecu { padding-left: 0px; width: 80%; margin: 0 auto;}
	#presentpro h1 {font-size: 1.5em;}
	#txtrachat {background-position: top center; padding-left: 0; margin: 0 auto; padding-top: 180px;}
	#listforma li {width: 90%; margin: 0 auto;}
	#txtforma {padding-top: 150px;}
	#txtfinan {background-position: top center; padding-right: 0; padding-top: 280px;}
	#presentpro #txtfinan ul, #presentpro #avafinan ul {width: 90%; margin: 0 auto; padding: 0;}
	#presentpro #txtfinan li, #presentpro #avafinan li {width: 90%; text-align: left;}
}

/*img responsive*/
@media only screen and (min-width:620px) {
	#txtinfog {background-image: url(../img/pro/img/infogerance.jpg);}
	#txtvente {background-image: url(../img/pro/img/vente.jpg);}
	#txtreseau {background-image: url(../img/pro/img/reseaux.jpg);}
	#txtsave {background-image: url(../img/pro/img/sauvegarde.jpg);}
	#partnersyno {background-image: url(../img/pro/img/synology.jpg);}
	#txtphone {background-image: url(../img/pro/img/telephonie.jpg);}
	#txtrecond {background-image: url(../img/pro/img/reconditionnement.jpg);}
	#txtsecu {background-image: url(../img/pro/img/securite.jpg);}
	#asidelogi {background-image: url(../img/pro/img/logiciels.jpg);}
	#txtrachat {background-image: url(../img/pro/img/rachat-medium.jpg);}
	#txtforma {background-image: url(../img/pro/img/formations.jpg);}
	#imglogi {background-image: url(../img/pro/img/logiciels.jpg);}
	#txtfinan {background-image: url(../img/pro/img/financement.jpg);}
}
@media only screen and (min-width:1020px) {
	#txtrachat {background-image: url(../img/pro/img/rachat.jpg);}
}