/****** Bootstrap : gestion des micro affichages : breakpoint <= 480px; ******/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,800,300,600,700);
@import url(//fonts.googleapis.com/css?family=Titillium+Web:400,600,300);
@import url(//fonts.googleapis.com/css?family=Abel);

@media (max-width: 480px) {
	.col-xxs-1, col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
	  min-height: 1px;
	  padding-left: 15px;
	  padding-right: 15px;
	  position: relative;
	  float: left;
	}
	.col-xxs-1 {
		width: 8.33333%;
	}
	.col-xxs-2 {
		width: 16.6667%;
	}
	.col-xxs-3 {
		width: 25%;
	}
	.col-xxs-4 {
		width: 33.3333%;
	}
	.col-xxs-5 {
		width: 41.6667%;
	}
	.col-xxs-6 {
		width: 50%;
	}
	.col-xxs-7 {
		width: 58.3333%;
	}
	.col-xxs-8 {
	  width: 66.6667%;
	}
	.col-xxs-9 {
	  width: 75%;
	}
	.col-xxs-10 {
	  width: 83.3333%;
	}
	.col-xxs-11 {
	  width: 91.6667%;
	}
	.col-xxs-12 {
	  width: 100%;
	}
	.hidden-xxs	{ display:none!important}
}
@media (min-width: 480px) {
}
/****** Typos ******/
@font-face {
    font-family: 'motor_oil_1937_m54regular';
    src: url('../fonts/motor_oil_1937_m54-webfont.eot');
    src: url('../fonts/motor_oil_1937_m54-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/motor_oil_1937_m54-webfont.woff2') format('woff2'),
         url('../fonts/motor_oil_1937_m54-webfont.woff') format('woff'),
         url('../fonts/motor_oil_1937_m54-webfont.ttf') format('truetype'),
         url('../fonts/motor_oil_1937_m54-webfont.svg#motor_oil_1937_m54regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/****** Fix etape 1 en responsiv ******/
@media (max-width: 730px) {
	.styleform input[type=text], .styleform input[type=email], .styleform input[type=tel], .styleform select {
		display: block;
		margin-bottom: 30px;
	}

	.styleform label{
		margin-bottom: 0px!important;
	}
}

/****** Éléménts ******/
html {
	height: 100%;
}

body {
	  font-family: 'Titillium Web', sans-serif;
	  position: relative;
	  font-weight:400px;
	  background:#19bce7 url(/images/fond.jpg) repeat-x top center;
	  height: 100%;
}

h1 {
	font-family: 'Titillium Web', sans-serif;
	font-size: 34px;
	font-weight: 600;
	line-height: 22px;
	display: block;
}

h2 {
	font-family: 'Titillium Web', sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 22px;
	display: block;
}

h3 {
	font-family: 'Titillium Web', sans-serif;
	font-size: 17px;
	font-weight: 550;
	line-height: 22px;
	display: block;
}

p {
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	display: block;
}

video {
    max-width: 90%;
    height: auto;
}

/****** ID ******/

#wrap {
	min-height: 100%;
	height: auto;
	padding-bottom: 170px;
	margin: 0 auto -55px;
}

#entete {
	margin: auto;
	text-align: center;
	text-transform: uppercase;
	color: #000;
    padding: 15px 10px 15px 10px;
    margin-bottom: 20px;
    max-width: 484px;
}

#maintitle {
	margin: auto;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background-color: black;
    padding: 15px 10px 15px 10px;
    margin-bottom: 20px;
    max-width: 375px;
	  -webkit-transform:rotate(-1.5deg);
	  -moz-transform:rotate(-1.5deg);
	  -o-transform:rotate(-1.5deg);
}

#formfootdiv {
	float: right;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background-color: black;
    padding: 10px 10px 10px 10px;
    max-width: 375px;
	  -webkit-transform:rotate(2deg);
	  -moz-transform:rotate(2deg);
	  -o-transform:rotate(2deg);
}

#envoyer {
	color: #ffffff;
    text-transform: uppercase;
    background: #D84D9C;
    font-size: 1.69230769rem;
    font-weight: bold;
    padding: 13px 20px 13px 20px;
    border: none;
}

#footer {
	background-color: #000;
	font-size: 14px;
	text-align: center;
    width: 100%;
    padding: 10px 0px 10px 0px;
}

/****** Class ******/
.envoyer {
	color: #ffffff;
    text-transform: uppercase;
    background: #D84D9C;
    font-size: 1.69230769rem;
    font-weight: bold;
    padding: 13px 20px 13px 20px;
    border: none;
}

.envoyerlowpadding {
	color: #ffffff;
    text-transform: uppercase;
    background: #D84D9C;
    font-size: 1.69230769rem;
    font-weight: bold;
    padding: 7px 14px 7px 14px;
    border: none;
}

.container { 
	max-width:750px; 
	display: block;
	height: 100%;
}

.marginheader { 
	margin-bottom: 50px;
	width: 100px !important;
}

.maincontent { 
	background-color: #fff; 
	text-align: center; 
}

.formcontainer {
	background-color: #fff;
	padding: 20px 40px 20px 40px !important;
}

.block-content {
	padding-top: 20px;
}

.block-content2 {
	padding: 20px 20px 20px 20px;
}

.mainshadow {
	-webkit-box-shadow: 0px 0px 44px 5px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 0px 44px 5px rgba(0,0,0,0.22);
	box-shadow: 0px 0px 44px 5px rgba(0,0,0,0.22);
}

.center {
	margin: auto;
}

.nopadding {
	padding: 0px;
}

.nomarging {
	margin: 0px;
}

/****** CSS formulaire ******/

input {text-align: center;}

.styleform{
    font-size: 16px;
}

.styleform input[type=button],
.styleform input[type=text],
.styleform input[type=email],
.styleform input[type=tel],
.styleform textarea,
.styleform label
{
    color: #000;
}

.styleform label {
    margin-bottom: 20px;
}
.styleform label > span{
    display: inline-block;
    float: left;
    width: 150px;
}
.styleform input[type=text],
.styleform input[type=email],
.styleform input[type=tel] 
{
    border: none;
    border-bottom: 1px dashed #000;
    width: 69%;
    outline: none;
    padding: 0px 0px 0px 0px;
    font-style: italic;
}
.styleform textarea{
    font-style: italic;
    padding: 0px 0px 0px 0px;
    outline: none;
    border: none;
    border-bottom: 1px dashed #000;
    width: 275px;
    overflow: hidden;
    resize:none;
    height:20px;
}

.styleform textarea:focus, 
.styleform input[type=text]:focus,
.styleform input[type=email]:focus,
.styleform input[type=tel]:focus
{
    border-bottom: 1px dashed #83A4C5;
}

.styleform input[type=submit],
.styleform input[type=button],
.styleform input[type=tel],{
    background: #576E86;
    border: none;
    padding: 8px 10px 8px 10px;
    border-radius: 5px;
    color: #A8BACE;
}
.styleform input[type=submit]:hover,
.styleform input[type=button]:hover{
background: #394D61;
}