/* Styles outils numeriques du Medef */

* {padding:0; margin:0;}
body {font-family: arial;}
h1, h2 {font-family: impact;font-weight: normal;}
h1 {font-size: 36px;text-align: center;color: #0b30a8;margin: 40px 0 20px 0;}
h2 {font-size: 26px;text-shadow: 1px 1px 3px #0b30a8;}
p, img {margin: 10px 0;}
.container {width:1320px;margin: 0 auto;}
.container > div {width: 25%;box-sizing: border-box;padding: 10px; color: #fff;text-align: center;float: left;}
.container > div div {background-color: #6fc9ee;box-shadow: 1px 1px 3px #ccc;padding:20px 5px;}
.container > div h2 {margin: 40px 0 20px 0; min-height: 93px;}
.container > div img {width: 100%}
.link {text-align: center;}
.link a {color: #0b30a8;background-color: #fff;display: inline-block;padding: 20px; border-radius:5px;transition: background-color 0.5s ease;text-decoration: none;}
.link a:hover {color: #fff;background-color: #0b30a8;display: inline-block;padding: 20px; border-radius: 5px;}
#carto {width: 100%; height: 800px;}

/* Media queries */
@media (max-width: 1320px) { 
.container {width:100%;}
.container > div h2 {min-height: 93px;}
}
@media (max-width: 1145px) { 
.container > div h2 {min-height: 124px;}
}
@media (max-width: 1009px) { 
.container > div {padding: 3px;}
}
@media (max-width: 950px) { 
.container > div h2 {min-height: 124px;}
}
@media (max-width: 790px) { 
.container > div h2 {min-height: 155px;}
#carto {height: 1000px;}
}
@media (max-width: 768px) { 
.container {display: block;}
.container > div {width: 100%; box-sizing: border-box;}
.container > div h2 {font-size: 36px;}
}