body{margin:0}
#content{ background-color:#f1f1f1;font-family:'Titillium Web', sans-serif;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.clear{ clear:both;}
#content #index_top{ width:1220px; margin:0 auto;}

#titre{  margin:60px 0 20px; float:left; width:347px; height:63px; background:#FFF; background:url("https://www.lemondeinformatique.fr/partner_zone/201404_intel/image/logo_home.png") no-repeat scroll 0 0}
#logo{ margin:60px 0 20px; float:right; width:86px; height:56px; background:url('https://www.lemondeinformatique.fr/partner_zone/201404_intel/image/sprite_index.png') no-repeat 0 0;}

/* LES 4 BLOCS */
#content #index_blocs{width:1220px;/* height:140px;*/ margin:0 auto; padding:0 0 80px 0; overflow:hidden;}
#content #index_blocs a{font-family:'Titillium Web', sans-serif;}

.illustration{ clear:both; width:100%; height:125px; margin:0 auto;
	background:url('https://www.lemondeinformatique.fr/partner_zone/201404_intel/image/sprite-bg.png') no-repeat center 5px;}

#content #index_blocs .bloc{ width:/*280*/384px; margin:0 30px 0 0; float:left; overflow:hidden; background-color:#fff; border:1px solid #cad2d8;}
#content #index_blocs .bloc.bloc_3{margin:0;}

/* partie du haut */
#content #index_blocs .bloc .bloc_top{background:#137fcf; height:110px; width:100%; padding:20px 0 0 20px;}
#content #index_blocs .bloc.bloc_1 .bloc_top{background:url('https://www.lemondeinformatique.fr/partner_zone/201404_intel/image/sprite_index.png') no-repeat -42px -199px #137fcf;}
#content #index_blocs .bloc.bloc_2 .bloc_top{background:url('https://www.lemondeinformatique.fr/partner_zone/201404_intel/image/sprite_index.png') no-repeat -42px -410px #137fcf;}
#content #index_blocs .bloc.bloc_3 .bloc_top{background:url('https://www.lemondeinformatique.fr/partner_zone/201404_intel/image/sprite_index.png') no-repeat -42px -625px #137fcf;}

#content #index_blocs .bloc .bloc_top a{ color:#f9f9f9; font-size:34px; font-weight:700; line-height:30px;}
/* lien theme */
#content #index_blocs .bloc .bloc_lien{height:40px; width:100%; font-size:16px; background-color:#32383c; }
#content #index_blocs .bloc a.bloc_lien { display:block; color:#f9f9f9; font-size:18px;font-weight:400;}
#content #index_blocs .bloc a.bloc_lien span{display:block; height:40px; width:40px; float:left; 
	background:url('https://www.lemondeinformatique.fr/partner_zone/201404_intel/image/sprite_index.png') no-repeat 14px -74px #454d52;}
#content #index_blocs .bloc a.bloc_lien p{ float:left; padding:7px 0 0 17px; margin:0;}
/* les derniers documents */
#content #index_blocs .bloc .bloc_derniers_documents{/*height:255px;*/ width:100%; padding-top:10px;}
#content #index_blocs .bloc .bloc_derniers_documents b{ font-size:16px; color:#32383c; padding:0 15px;}
#content #index_blocs .bloc .bloc_derniers_documents a{ font-size:16px; min-height:51px; line-height:20px; color:#454d52; padding:20px 0px; margin:0 15px; border-bottom:1px solid #cad2d8; display:block; overflow:hidden;}
#content #index_blocs .bloc .bloc_derniers_documents a:hover{ color:#137fcf;}
/*#content #index_blocs .bloc .bloc_derniers_documents a:hover p{ text-decoration:underline;}*/
#content #index_blocs .bloc .bloc_derniers_documents a.last{ border:0;margin:0 15px 0px}
#content #index_blocs .bloc .bloc_derniers_documents a p{ margin:0; float:left;width: /*195*/275px;}
#content #index_blocs .bloc .bloc_derniers_documents a span{display:block; height:27px; width:27px; float:right; border:1px solid #137fcf; border-radius:1px;
	background:url('https://www.lemondeinformatique.fr/partner_zone/201404_intel/image/sprite_index.png') no-repeat -35px -79px; margin-top: 8px;}
/* ** */
#content #index_bottom{border-top:1px solid #cad2d8; background-color:#fff;}
#content #index_bottom #index_bottom_content{width:1220px; margin:0 auto 50px; margin-top:20px;}
#content #index_bottom #index_bottom_content #index_bottom_logo{ float:left; width:123px; height:43px; display:block; margin-right:50px;
	background:url('https://www.lemondeinformatique.fr/partner_zone/201404_intel/image/sprite_index.png') no-repeat -110px -9px;}
#content #index_bottom #index_bottom_content #index_bottom_contact{float:left;  font-size:13px;margin-right:40px;}
#content #index_bottom #index_bottom_content #index_bottom_contact b{ color:#454d52;}
#content #index_bottom #index_bottom_content #index_bottom_contact a{color:#32383c; }
#content #index_bottom #index_bottom_content #index_bottom_partage_contact{float:right; width:400px;}
#content #index_bottom #index_bottom_content #index_bottom_partage_contact div{ float:left;}


@media screen and (max-width:1240px){
	#content #index_top{ width:980px;}
	#content #index_blocs{width:979px;}
	#content #index_bottom #index_bottom_content{width:980px;}
	
	#content #index_blocs .bloc{ width:450px; margin:0 60px 30px 0}
	#content #index_blocs .bloc.bloc_2/*.bloc:nth-child(2)*/{ margin:0 0px 30px 0}
}


@media screen and (max-width:1000px){
	#content #index_top{ width:750px;}
	#content #index_blocs{width:750px;}
	#content #index_bottom #index_bottom_content{width:750px;}
	#content #index_blocs .bloc{ width:47%; margin:0 30px 0 0}
}

@media screen and (max-width:750px){
	#content #index_top{ width:300px;}
	#content #index_blocs{width:300px;}
	#content #index_bottom #index_bottom_content{width:300px;}
	#content #index_blocs .bloc{margin:0 0px 20px 0;width:298px;}
	#content #index_blocs .bloc .bloc_top{ height:84px;}
	
	#content #index_blocs .bloc .bloc_derniers_documents a p{ width:215px;}
		
	#titre{background:url("https://www.lemondeinformatique.fr/partner_zone/201404_intel/image/logo_home_mobile2.png") no-repeat scroll 0 0;
		margin:25px 0 0px; float:left; width:190px; height:42px;}
	#logo{background: url("https://www.lemondeinformatique.fr/partner_zone/201404_intel/image/sprite_index.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
 	   float: right;height: 56px;margin: 20px 0;width: 88px;}
/*	#logo{ margin:20px 0 20px; float:right; width:45px; height:28px; background:url('https://www.lemondeinformatique.fr/partner_zone/201404_intel/image/sprite_index.png') no-repeat 0 0;}*/

	#content #index_bottom #index_bottom_content{ margin:20px auto 0;}
	#content #index_bottom #index_bottom_content #index_bottom_logo{ margin:0 auto 20px; width:200px; float:none;}
	#content #index_bottom #index_bottom_content #index_bottom_contact{ margin:0 auto 20px;}
	#content #index_bottom #index_bottom_content #index_bottom_partage_contact{width:120px; float:none; margin:0 auto 40px;}
	#content #index_bottom #index_bottom_content #index_bottom_partage_contact div{ float:none; margin:0 auto 20px}
}