/* ------------------ GLOBAL ------------------ */

* {padding: 0; margin: 0;}
body {background: white; color: dimgrey; font-family: 'Source Sans Pro', sans-serif;  overflow-x: hidden;}

.fw100 {font-weight: 100;}
.fw200 {font-weight: 200;}
.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}
.fw900 {font-weight: 900;}

.center {text-align: center;}
.justify {text-align: justify;}
.uppercase {text-transform: uppercase;}
.smallcaps {font-variant: small-caps;}
.italic {font-style: italic;}

.blue {color : #28438D;}
.firebrick {color: firebrick;}
.green {color: #68B469;}
.red {color: red;}

.bgblue {color: white; background: #28438D;}
.bgwhite {background: white;}
.element {padding: 10px 20px; position: relative;}
.bordered {border: 1px solid #ccc;}
.margin_bottom {margin-bottom: 20px;}
.transition {
	transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
}

.table-align {display: table; position: absolute; height: 100%; width: 100%; left: 0;}
.v-align {display: table-cell; vertical-align: middle;}
.relative {position: relative;}

.btn.btn-mini i {margin-top: -1px;}
.btn.btn-mini span.caret {margin-top: 8px;}


a.active {color: red;}


a#back-home {
	position: fixed;
	top: 10px;
	right: 10px;
	display: block;
	z-index: 10;
	height: 40px;
	width: 40px;
	background: #333;
	color: whitesmoke;
	font-weight: 600;
	line-height: 40px;
	font-size: 25px;
	text-align: center;
	border: 2px solid white;
	border-radius: 100px;
	text-decoration: none;
}


table.full {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	z-index: 0;
}
table.full tr.content {height: 100%; vertical-align: middle;}
table.full tr.footer {height: 140px; background: white;}
table.full tr.footer h3 {margin-top: -72px;}


img#logo {max-height: 150px; border: none;}

div#home-picto {
	position: absolute;
	left: 5%;
	z-index: -1;
	margin-top: -70px;
}
img.home-picto {display: block;}

div#footer {
	position: fixed;
	z-index: 1;
	bottom: -40px;
	left: 0;
	width: 100%;
}
a.modele {
	display: block;
	float: left;
	width: 20%;
	height: 140px;
	background: white;
	text-align: center;
	margin-top: 40px;
	line-height: 40px;
	text-decoration: none;
	color: #444;
	font-size: 20px;
	border-top: 2px solid #ccc;
}
a.modele:hover {
	margin-top: 0px;
}
a.modele.active {
	margin-top: 40px;
	border-top: 2px solid #049cdb;
}
a.modele img {
	max-width: 100%;
	max-height: 100px;
	border: none;
}

em.conditions {display: block; padding: 15px; font-size: 11px;}
p.details {display: block; padding: 15px;}


h1 {font-size: 105px; line-height: 140px;}


img#picto-gauche, img#picto-droite {
	position: absolute;
	z-index: 9;
	width: 300px;
	left: 50%;
}

img#picto-gauche {
	top: -150px;
	margin-left: -570px;
}

img#picto-droite {
	top: 10px;
	margin-left: 280px;
}

img.credit0 {
	width: 25%;
}

tr.footer h3 {
	font-size: 21px;
}



a#jeu-concours {
	cursor: pointer;
	border: 2px solid #E6007E;
	color: #28438D;
	display: block;
	background: whitesmoke;
	text-decoration: none;
}
a#jeu-concours:hover {
	border-color: #96C11F;
	color: #E6007E;
}


/* Landscape phones and down */
@media (max-width: 480px) {
body {padding: 0;}
a.modele {font-size: 12px;}
h1 {font-size: 45px; line-height: 60px;}
h2 {font-size: 22px; line-height: 25px;}
h3 {font-size: 14px; line-height: 20px;}
h4 {font-size: 13px; line-height: 20px;}
div#footer {bottom: -90px;}
img#logo {max-height: 100px;}
table.full tr.footer {height: 80px;}
table.full tr.footer h3 {margin-top: -36px; font-size: 14px;}
img#logo {max-height: 60px;}
}
 
/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) {
body {padding: 0;}
a.modele {font-size: 17px;}
h1 {font-size: 75px; line-height: 100px;}
h2 {font-size: 26px; line-height: 30px;}
h3 {font-size: 20px; line-height: 23px;}
div#footer {bottom: -50px;}
table.full tr.footer {height: 130px;}
table.full tr.footer h3 {margin-top: -60px;}
img#picto-gauche, img#picto-droite {width: 100px;}
img#picto-gauche {top: 10px; margin-left: -250px;}
img#picto-droite {top: 10px; margin-left: 150px;}
img#logo {max-height: 100px;}
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
h1 {font-size: 85px; line-height: 120px;}
img#picto-gauche, img#picto-droite {width: 170px;}
img#picto-gauche {top: -10px; margin-left: -370px;}
img#picto-droite {top: 140px; margin-left: 230px;}
}

/* Nomral desktop */
@media (min-width: 980px) and (max-width: 1200px) {
img#picto-gauche, img#picto-droite {width: 220px;}
img#picto-gauche {top: -100px; margin-left: -480px;}
img#picto-droite {top: 80px; margin-left: 270px;}
}
 
/* Large desktop */
@media (min-width: 1200px) {

}