div.wrapper { max-width: 1280px!important; width : 100%; }


.breadCrumb span {
    display:inline-block;
    height:64px;
    line-height:64px;    
}

.breadCrumb span a.selected span
{
    font-weight:normal;
    color: rgb(123,123,123);
}

#popup a span { line-height: 20px; }

.Button {
    font-family : Lato;
    font-weight : bold;
    font-size : 18px;
    letter-spacing : 0.18px;
    text-transform : uppercase;
    color: rgba(1, 169, 188, 0.95);
}

.megaPadding {
	padding : 1.5%;
}

p, abbr { font-size : 17px; line-height : 24px; letter-spacing: 0.17px; font-weight: normal;}
ul li { list-style-image: none; list-style-type: disc; font-size: 17px; line-height: 28px; letter-spacing: 0.17px;}

a.btn, a.btn:hover:not(.disabled) {
	-moz-box-shadow: 0px 0px 0px 0px transparent;
	-webkit-box-shadow: 0px 0px 0px 0px transparent;
	-o-box-shadow: 0px 0px 0px 0px transparent;
	box-shadow: 0px 0px 0px 0px transparent;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=transparent, Direction=NaN, Strength=0);
}

.button span, a.button, a.button:link, a.button:visited, a.button:active, a.button:hover {
	line-height: 40px;

    color: #efefef;
    text-decoration: none;
    font-weight: bold;
    
    background-color : transparent;
    background-image: none;
}

a.button span,
a.button:link span,
a.button:visited span,
a.button:active span,
a.button:hover span {
	padding : 2% 7%;
    background-color : rgba(1, 169, 188,1);
    border-radius: 0;
	background-image: none;
	text-align: center;
	font-size : 24px;
	font-weight: normal;
}

a.button:hover span {
	background-color : #4d6776;
}


.blue { background-color:  rgba(1, 169, 188,1)!important;}
.texteBleuFonce, .ProductContain strong { color: #4d6776; }
.texteBleuClair { color : rgba(1, 169, 188,1);}

.fs54 { 
	font-size: 54px;
	line-height: 58px;
}

.blue65pct { 
	background-color: rgba(1, 169, 188, 0.65);
	color: rgba(1, 169, 188, 0.65); 
}
.pink65pct{ 
	background-color: rgba(157, 0, 84, 0.65);
	color: rgba(1, 169, 188, 0.65); 
}
.blue95pct { 
	background-color: rgba(1, 169, 188, 0.95);
	color: rgba(1, 169, 188, 0.95); 
}
.pink95pct{ 
	background-color: rgba(157, 0, 84, 0.95);
	color: rgba(1, 169, 188, 0.95); 
}

/*.margeBottom15 { margin-top: 15%;}
.margeLeft60 { margin-left: 33%}*/

.headerContent {
	min-height : 514px;
}

.headerContent > a {
    margin: 0 auto 100px auto;
}

div.bgWordpress {
	background: url('../../../images/hosting2015/sommaire/Logowordpress.jpg') no-repeat 15% 0,url('../../../images/hosting2015/sommaire/Template-Wordpress.jpg') no-repeat 160% 50%;
	background-size: auto,60%;
}

div.bgJoomla {
	background: url('../../../images/hosting2015/sommaire/LogoJoomla.jpg') no-repeat 15% 0,url('../../../images/hosting2015/sommaire/Template-Joomla.jpg') no-repeat 160% 50%;
	background-size: auto,60%;
}

div.bgPrestashop {
	background: url('../../../images/hosting2015/sommaire/LogoPrestashop.jpg') no-repeat 15% 0,url('../../../images/hosting2015/sommaire/Template-Prestashop.jpg') no-repeat 160% 50%;
	background-size: auto,60%;
}

@media screen and (min-width: 1280px) {
	.headerContent {
		background-size: cover !important;
	}
}

.IndexMap .padIndexMap {
	margin-top:0.15%;
	margin-right:0.15%;
	width:49.92%;
	position: relative;
}

.IndexMap #pro {
	background: transparent url('../../../images/hosting2015/home/pro-blur.jpg') 50% 50% no-repeat; 
	height : 300px;
}

.IndexMap #noob {
	background: transparent url('../../../images/hosting2015/home/noob-blur.jpg') 50% 50% no-repeat; 
	height : 300px;
}

.IndexMap #pro:hover {
	background: transparent url('../../../images/hosting2015/home/pro.jpg') 50% 50% no-repeat; 
}

.IndexMap #noob:hover {
	background: transparent url('../../../images/hosting2015/home/noob.jpg') 50% 50% no-repeat;
}

.IndexMap #ssl {
	background: transparent url('../../../images/hosting2015/performance/Banner_Option_Performance_G.jpg') center top no-repeat; 
	height : 500px;
}

.IndexMap #cdn {
	background: transparent url('../../../images/hosting2015/performance/Banner_Option_Performance_D.jpg') center top no-repeat; 
	height : 500px;
}

.IndexMap .padIndexMap#pro a,
.IndexMap .padIndexMap#ssl a {
	height : 60%;
	margin : 5% 4%;
	float: right;
	-webkit-transition: all 0.2s ease-in ;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}


.IndexMap .padIndexMap#noob a,
.IndexMap .padIndexMap#cdn a {
	height : 60%;
	margin : 5% 4%;
	float: left;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.IndexMap .padIndexMap#ssl a, .IndexMap .padIndexMap#cdn a {
	margin-top: 9%;
	height : 66%;
}

.IndexMap .padIndexMap:hover#pro a.blue65pct, 
.IndexMap .padIndexMap:hover#noob a.blue65pct {
	margin: 0;
	width : 100%;
	height: 93%;
}

.IndexMap .padIndexMap:hover#ssl a.blue65pct,
.IndexMap .padIndexMap:hover#cdn a.blue65pct {
	margin: 0;
	width : 100%;
	height: 100%;
}

.IndexMap .padIndexMap div.content { 
	position: absolute;
}

.IndexMap .padIndexMap#pro div.content
 { 
	right:5%; 
	top : 16%; 
}

.IndexMap .padIndexMap#ssl div.content {
	right:5%; 
	top : 20%;	
}

.IndexMap .padIndexMap#noob div.content { 
	left:5%; 
	top : 16%; 
}

.IndexMap .padIndexMap#cdn div.content {
	left:5%; 
	top : 20%; 
}

.IndexMap .padIndexMap div a.btn {
	border : 1px solid white;
	background-color: transparent;
	color: white;
	font-size : 20px;
	padding : 2% 0;
	margin-left : 35%;
	font-weight: 300;
}

.IndexMap .padIndexMap div a:hover.btn {
	background-color: rgba(1, 169, 188,1);
	border : 1px solid rgba(1, 169, 188,1);
	color : white;
}

.IndexMap .padIndexMap#pro div a.btn,
.IndexMap .padIndexMap#ssl div a.btn {
	margin-right : 26%;
	width : 45%;
}

.IndexMap .padIndexMap#noob div a.btn,
.IndexMap .padIndexMap#cdn div a.btn {
	margin-left : 26%;
	width : 45%;
}

div.hosting .subMenu {
	border-bottom : 1px solid transparent;
}


.Offers .wrapper div { margin : 0 !important;}
.Offers a.order { background-color : rgba(1, 169, 188,1);}
.Offers a:hover.order { background-color : #4d6776;}
.wrapper .full {width:100%;}

.ProductContain strong { font-size : 25px;}
.ProductContain a.texteBleuFonce:active { color : rgba(1, 169, 188,1);}


div.ProductContain.active, div.ProductContain:hover {
    -moz-box-shadow: 0 0 0 1px rgba(255,255,255,0),  0 0 12px rgba(0,0,0,0.35);
    -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0),  0 0 12px rgba(0,0,0,0.35);
    -ms-box-shadow: 0 0 0 1px rgba(255,255,255,0),  0 0 12px rgba(0,0,0,0.35);
    -o-box-shadow: 0 0 0 1px rgba(255,255,255,0),  0 0 12px rgba(0,0,0,0.35);
    box-shadow: 0 0 0 1px rgba(255,255,255,0),  0 0 12px rgba(0,0,0,0.35);
    -moz-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    -moz-transform: scale(1.025);
    -webkit-transform: scale(1.025);
    -o-transform: scale(1.025);
    -ms-transform: scale(1.025);
    transform: scale(1.025);
}

/* ICONS */
a.icons {
    width: 100%;
}

div.icons a{
    color: #4d6776;
    text-decoration: none;
    font-weight: 300;
    font-size: 20px;
    display: block;
}
div.icons:hover a {
    color: rgba(1, 169, 188,1);
    font-weight : 600;
}

div.icons a[class*="icons"] {
	height:135px;
}

div.icons .bgIcons {
	height: 140px;
	width: 140px;
		-webkit-border-radius: 80px 80px 80px 80px;
	border-radius: 80px 80px 80px 80px;
		-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}

div.icons:hover .bgIcons{
	background-color: #01a9bc;
}

.easy div.icons a[class*="icons"] {
	height: 150px;
}

.easy div.icons a {
	color : #FFFFFF;
}

.easy div.icons:hover a {
	color : rgba(1, 169, 188,1);
}

div.icons a.iconsDNS {
    background : url('../../../images/hosting2015/icons/DNS.png');
}
div.icons a.iconsGeocache {
	background : url('../../../images/hosting2015/icons/Geocache.png');
}
div.icons a.iconsSSL {
	background : url('../../../images/hosting2015/ssl/Icon_SSL.png');
}

div.icons a.iconsDDoS {
	background : url('../../../images/hosting2015/icons/AntiDDoS.png');
}

div.icons a.iconsPHP {
	background : url('../../../images/hosting2015/icons/OPtim.png');
}

div.icons a.iconsInterface {
	background : url('../../../images/hosting2015/icons/Interface.png');
}

div.icons a.iconsDomain {
	background : url('../../../images/hosting2015/icons/Domain.png');
}

div.icons a.iconsStats {
	background : url('../../../images/hosting2015/icons/Stat.png');
}

div.icons a.iconsPlan {
	background : url('../../../images/hosting2015/icons/Plan.png');
}

div.icons a.iconsMail {
	background : url('../../../images/hosting2015/icons/Mail.png');
}

div.icons a.iconsSauvegarde {
	background : url('../../../images/hosting2015/icons/Sauvegarde.png');
}

div.icons a.iconsWordpress {
	background : url('../../../images/hosting2015/icons/Wordpress.png');
}

div.icons a.iconsPrestashop {
	background : url('../../../images/hosting2015/icons/Prestashop.png');
}

div.icons a.iconsJoomla {
	background : url('../../../images/hosting2015/icons/Joomla.png');
}

div.icons a.iconsModulesword_press {
	background : url('../../../images/hosting2015/icons/modules_Wordpress.png') no-repeat center top;
	background-size: contain;
}

div.icons a.iconsModulesjoomla {
	background : url('../../../images/hosting2015/icons/modules_Joomla.png') no-repeat center top;
	background-size: contain;
}

div.icons a.iconsModulesprestashop {
	background : url('../../../images/hosting2015/icons/modules_Prestashop.png') no-repeat center top;
	background-size: contain;
}


div.icons a.iconsDNS,
div.icons a.iconsGeocache,
div.icons a.iconsSSL,
div.icons a.iconsDDoS,
div.icons a.iconsPHP,
div.icons a.iconsInterface,
div.icons a.iconsDomain,
div.icons a.iconsStats,
div.icons a.iconsPlan,
div.icons a.iconsMail,
div.icons a.iconsSauvegarde,
div.icons a.iconsWordpress,
div.icons a.iconsPrestashop,
div.icons a.iconsJoomla
  { 
  	background-repeat: no-repeat;
    background-position : 50% 100%;
}

div.icons:hover a.iconsDNS,
div.icons:hover a.iconsGeocache,
div.icons:hover a.iconsSSL,
div.icons:hover a.iconsDDoS,
div.icons:hover a.iconsPHP,
div.icons:hover a.iconsInterface,
div.icons:hover a.iconsDomain,
div.icons:hover a.iconsStats,
div.icons:hover a.iconsPlan,
div.icons:hover a.iconsMail,
div.icons:hover a.iconsSauvegarde,
div.icons:hover a.iconsWordpress,
div.icons:hover a.iconsPrestashop,
div.icons:hover a.iconsJoomla
  { 
    background-position : 50% 0;
}

div.icons:hover a.iconsWordpress,
div.icons:hover a.iconsPrestashop,
div.icons:hover a.iconsJoomla
  { 
    	-webkit-transition: background 0.35s ease-out;
    -moz-transition: background 0.35s ease-out;
    -ms-transition: background 0.35s ease-out;
    -o-transition: background 0.35s ease-out;
    transition: background 0.35s ease-out;
}

div.icons.serenity {
	background-color : rgba(1, 169, 188,1);
	width : 200px;
	height:200px;
		-webkit-border-radius: 100px 100px 100px 100px;
	border-radius: 100px 100px 100px 100px;
	float: right;
	margin-top: -15%;
}

div.icons.serenity span {
	font-size: 27px;
	line-height: 45px;
	font-weight: 600;
	color: white;
	display: block;
	margin-top: 15%;
	-moz-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	transform: rotate(15deg);
}

.hostingOVH div.section1,
.hostingOVH .wrapper div,
.hostingOVH p {
	margin-top:0;
}

.hostingOVH div.section1 div {
	margin-left: 0;
	margin-right: 0;
}

.easy {
	background : transparent url('../../../images/hosting2015/home/Banner_CMS.jpg') repeat-y 50% 50%; 
	height:320px;
}


.easy .wrapper div { margin : 0;}

.whyOVH {
	background : transparent url('../../../images/hosting2015/home/Data.jpg') no-repeat;
	background-position : 150% bottom;
}

.pub.perso {
	background : #ece3de url('../../../images/hosting2015/perso/Banner_Upsale_1.jpg') no-repeat center bottom;
	background-size: cover;
	height : 550px;
	padding: 5%;
}

.pub.performance{
	background : #ece3de url('../../../images/hosting2015/performance/Banner_Upsale_Perf.jpg') no-repeat center bottom;
	background-size: cover;
	height : 550px;
	padding: 5%;
}

.usecase {
	background : #ece3de url('../../../images/hosting2015/perso/Banner_Info_1.jpg') no-repeat 50% 0;
	background-size: cover;
	height : 550px;
}

.pub.perso a.btn {
	font-size: 30px;
	line-height: 38px;
	font-weight: 300;
	border : 2px solid #4d6776;
	height: auto;
	padding : 1.5% 0.5%;
}

ul.square li {
	color : #4d6776;
	font-size : 18px;
	line-height: 26px;
}

.Config a {
	background-color: rgba(1, 169, 188,1);
	height: auto;
	padding : 1.5%;
}

.Config a span {
	font-size: 24px;
}

.Config a:hover {
	background-color:  #4d6776;
}

.form-control-select {
    border: 1px solid #4d6776;
    outline: none;
    color: #494949;
    background: #FFF;
    padding: 4px;
    width: 250px;
    line-height: 24px;
    font-size: 20px;
    font-weight: 300;
    margin-right:10px;
    height: 40px;
}

div.fancyList {
	border-right : 1px solid #FFFFFF;
}

div.techFeatures.selected {
    background-color: #28b9ca;
    color : #FFFFFF;
    border-right : 3px solid #FFFFFF;
    margin-right: -2px;
}
div.techFeatures.selected:hover { color : #FFFFFF; }
div.techFeatures:hover { color : #28b9ca; }
div.techFeatures {
    cursor: pointer;
    transition-duration: 0.35s;
    transition-property: background-color;
}

div.detailsOffer .section2-3Right { min-height: 640px; }

.hideable { padding-left : 4%;}

.cutHalf.Fleft {
	float: none;
}

@media screen and (max-width : 320px) {

	.pub.perso .fs54 { 
		font-size : 39px;
		line-height : 42px;
	}

	.pub.perso .fs40 {
		font-size: 29px;
	}

}

@media screen and (width: 480px) {
	div.icons div.iconsWordPress,
	div.icons div.iconsJoomla,
	div.icons div.Prestashop {
		background-size: 27%;
	}
}


@media screen and (min-width : 600px) and (max-width: 640px) {
		div.icons div.iconsWordPress,
		div.icons div.iconsJoomla,
		div.icons div.Prestashop {
			background-size: 21%;
		}
	}

@media screen and (max-width : 768px) {
	div.headerContent .half {
		width : 100%;
	}

	div.headerContent .half60 {
		margin-left: 0;
		width : 100%;
	}

	div.headerContent .Fleft, div.headerContent .Fright {
		float: none;
		clear: both;
	}

	div.headerContent .section1 { padding : 2%; }

	div.Offers .half33 { width : 100%; }

}


@media screen and (max-width: 1280px) {

	div.headerContent {
		height: 25%;
		padding-top: 0;

	}

	div.headerContent h1 {
		font-size : 42px;
	}



	.easy { 
		height: auto; 
		background-size: cover;
	}

	.whyOVH { background : none; }
	.whyOVH .section2-3Left, .whyOVH .section2 { width: 100%; }

	div.fancyList {
		border-right : 1px solid transparent;
	}

	div.techFeatures.selected {
	    border-right : 3px solid transparent;
	}

	.pub.perso, .usecase, .pub.performance { height: auto; }
	.pub.perso { background : url('../../../images/hosting2015/transparency.png') no-repeat 0 0,url('../../../images/hosting2015/perso/Banner_Upsale_1.jpg') no-repeat center bottom; }
	.usecase { background: url('../../../images/hosting2015/transparency.png') no-repeat 0 0,url("../../../images/hosting2015/perso/Banner_Info_1.jpg") no-repeat scroll 50% 0 / cover } 
	.pub.performance {background : url('../../../images/hosting2015/transparency.png') no-repeat 0 0,url('../../../images/hosting2015/performance/Banner_Upsale_Perf.jpg') no-repeat center bottom;}
	.pub.perso a.btn { background-color : rgba(255,255,255,0.25); }
	.pub.perso a:hover.btn { background-color : rgba(1, 169, 188,1); }


	div.cutHalf.Fleft {
		float : left;
		clear:none;
	}

    div.cutHalf {
        width: 50%!important;
        float: left;
        padding: 2%;
        margin: 0px 0px 2% 0px;
    }

    div.cutHalf .section4, div.cutHalf .section6 {
    	width : 100%!important;
    	padding : 2%;
    	clear : both;
    	float: none;
    }

    div.cutHalf:nth-of-type(even) div:first-child {
        margin-left: 0;
    }

    div.easy .half {
    	width : 70%;
    	margin : 0 auto!important
    }

    .detailsOffer .nmSection2 { width : 100%; }
    .detailsOffer .nmSection2 .section2-3Right, .detailsOffer .nmSection2 .section2-3Left { width : 100%; margin : 0!important; padding : 2%;}
    div.Offers h2 { width: 100%; }

}

@media screen and (max-width:1300px) {

	div.headerContent .fs30 { font-size : 20px;}

	.IndexMap .padIndexMap div.content {
		right: 0;
		padding : 0;
	}

		.IndexMap .padIndexMap div.content {
			right: 0;
			padding : 0;
		}

	    .IndexMap #pro.padIndexMap a,
	    .IndexMap #noob.padIndexMap a
	    {
	        float : left;
	        height : 80%;
	        width : 87%;
	        margin: 7%;
	        padding : 0;
	    }

	    .IndexMap #ssl.padIndexMap a,
	    .IndexMap #cdn.padIndexMap a
	    {
	        float : left;
	        height : 80%;
	        width : 93%;
	        margin: 7%;
	        padding : 0;
	    }

		.IndexMap #ssl.padIndexMap a, .IndexMap #cdn.padIndexMap a { margin : 11% 4%;}

	    .IndexMap #pro.padIndexMap:hover a.blue65pct, .IndexMap #noob.padIndexMap:hover a.blue65pct {
	        height : 100%;
	    }

		.IndexMap #pro.padIndexMap div.content, .IndexMap #ssl.padIndexMap div.content {
			right : 0;
			width : 100%;
		}

		.IndexMap #ssl.padIndexMap div.content, .IndexMap #cdn.padIndexMap div.content {
			padding : 0 3%;
			top : 16%;
		}

	    .IndexMap #noob.padIndexMap div.content, .IndexMap #cdn.padIndexMap div.content {
	        left : 0;
	        width : 100%;
	    }

		.IndexMap #pro.padIndexMap div a.btn, .IndexMap #ssl.padIndexMap div a.btn {
			margin-left : 27%;
			margin-right : 0;
		}

		.IndexMap #pro, .IndexMap #noob { background-size: cover}

	    .IndexMap #pro, .IndexMap #noob, .IndexMap #ssl, .IndexMap #cdn { padding : 0;  }

	    

	    .usecase .section2-3Right { width: 100%!important; padding : 7%;}
}

@media screen and (max-width:1024px) {
	div.bgWordpress { background : url('../../../images/hosting2015/sommaire/Logowordpress.jpg') no-repeat;}
	    div.bgJoomla { background : url('../../../images/hosting2015/sommaire/LogoJoomla.jpg') no-repeat; }
	    div.bgPrestashop { 	background: url('../../../images/hosting2015/sommaire/LogoPrestashop.jpg') no-repeat }
	    div.bgWordpress div.section2-3Left, div.bgJoomla div.section2-3Left, div.bgPrestashop div.section2-3Left { width: 100%; }
	    div.specsModules .nmSection2, div.specsModules .nmSection2 .half66 { width : 100% ;}
}

@media screen and (min-width:1280px) and (max-width: 1480px) {
	.whyOVH { background-position : 250% bottom; }
}


/*@media screen and (min-width : 682px) and (max-width : 772px) {
        .headerContent { height : auto;  }
        .detailsOffer .nmSection2 { width : 100%; }
        .detailsOffer .nmSection2 .section2-3Right, .detailsOffer .nmSection2 .section2-3Left { width : 100%; margin : 0!important; padding : 2%;}
        .IndexMap #pro.padIndexMap div.content,
        .IndexMap #noob.padIndexMap div.content,
        .IndexMap #ssl.padIndexMap div.content,
        .IndexMap #cdn.padIndexMap div.content { width : 100%!important;  }

}

@media screen and (min-width : 600px) and (max-width: 767px) {

		.IndexMap .padIndexMap div.content {
			right: 0;
			padding : 0;
		}

	    .IndexMap #pro.padIndexMap a,
	    .IndexMap #noob.padIndexMap a,
	    .IndexMap #ssl.padIndexMap a,
    	.IndexMap #cdn.padIndexMap a {
	        float : left;
	        height : 80%;
	        width : 87%;
	        margin: 4.5% 7%;
	        padding : 0;
	    }

	    .IndexMap #pro.padIndexMap:hover a.blue65pct, .IndexMap #noob.padIndexMap:hover a.blue65pct {
	        height : 100%;
	    }

		.IndexMap #pro.padIndexMap div.content, .IndexMap #ssl.padIndexMap div.content {
			right : 0;
		}

	    .IndexMap #noob.padIndexMap div.content, .IndexMap #cdn.padIndexMap div.content {
	        left : 0;
	    }

		.IndexMap #pro.padIndexMap div a.btn, .IndexMap #ssl.padIndexMap div a.btn {
			margin-left : 27%;
			margin-right : 0;
		}

		.IndexMap #pro, .IndexMap #noob { height : 241px;}

	    .IndexMap #pro, .IndexMap #noob, .IndexMap #ssl, .IndexMap #cdn { padding : 0; }

	    .whyOVH .section2-3Left {
			width : 100%;
		}

		.easy { 
			height: auto; 
			background-size: cover;
		}

		.whyOVH { background : none; } 


	}
	

@media screen and (max-width: 681px) {
	.cutHalf.Fleft {
		clear : none;
		float: left;
	}
}

@media screen and (min-width: 768px) and (max-width: 1025px) {
	.IndexMap #pro a.half40, .IndexMap #noob a.half40, .IndexMap #ssl a.half40, .IndexMap #cdn a.half40 { height: 80%; width : 86%; }
	.IndexMap #pro div.content, .IndexMap #noob div.content, .IndexMap #ssl div.content, .IndexMap #cdn div.content  { top : 21%!important; width : 90%; }
	.white.fs30.Fleft.padBottom2.margeBottom2 { width : 100%; }
	.pub.perso, .usecase { height: auto; padding-bottom: 5%; }
	.cutHalf.Fleft { clear : none;  }
}

@media screen and (min-width: 768px) and (max-width: 800px) {
	.easy .half { width : 71%; }
	.whyOVH { background-position : 264px 100%; }
	.usecase .section2-3Right { width: 100%!important; padding : 7%;}
	.headerContent { height : auto; padding-bottom: 6%;}
	div.icons div.iconsWordPress, div.icons div.iconsJoomla, div.icons div.iconsPrestashop { height : 78px!important; }
}

@media screen and (min-width: 800px) and (max-width: 1281px) {
	.easy .half { width : 71%; }
	.whyOVH { background-position : 455px -50px; }
	.whyOVH .section2-3Left {
		width : 66%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1281px) {
	.detailsOffer .section2-3Right, .detailsOffer .section2-3Left { width: 95%!important; }
	.usecase { background-position: 50% 50%; }
	
}

@media screen and (max-width: 1330px) {
	div.bgWordpress { background : url('../../../images/hosting2015/sommaire/Logowordpress.jpg') no-repeat;}
	div.bgJoomla { background : url('../../../images/hosting2015/sommaire/LogoJoomla.jpg') no-repeat; }
	div.bgPrestashop { 	background: url('../../../images/hosting2015/sommaire/LogoPrestashop.jpg') no-repeat }
	div.bgWordpress div.section2-3Left, div.bgJoomla div.section2-3Left, div.bgPrestashop div.section2-3Left { width: 100%; }
	div.specsModules .nmSection2, div.specsModules .nmSection2 .half66 { width : 100% ;}
	.whyOVH { background-position : 455px -50px; }

}



@media screen and (width : 1280px) {
    .IndexMap #ssl.padIndexMap a,
	.IndexMap #cdn.padIndexMap a,
	.IndexMap #ssl.padIndexMap div.content,
	.IndexMap #cdn.padIndexMap div.content
	 {
		width : 66%;
	}

    .IndexMap #ssl.padIndexMap a,
	.IndexMap #cdn.padIndexMap a {
		height: 75%;
	}
}

@media screen and (min-width : 1330px) and (max-width : 1919px) {
	div.bgWordpress {
		background: url('../../../images/hosting2015/sommaire/Logowordpress.jpg') no-repeat 15% 0,url('../../../images/hosting2015/sommaire/Template-Wordpress.jpg') no-repeat 600% 100%;
	}

	div.bgJoomla {
		background: url('../../../images/hosting2015/sommaire/LogoJoomla.jpg') no-repeat 15% 0,url('../../../images/hosting2015/sommaire/Template-Joomla.jpg') no-repeat 600% 100%;;
	}

	div.bgPrestashop {
		background: url('../../../images/hosting2015/sommaire/LogoPrestashop.jpg') no-repeat 15% 0,url('../../../images/hosting2015/sommaire/Template-Prestashop.jpg') no-repeat 600% 100%;
	}
}*/