body {
	font-family: 'Roboto', Arial, sans-serif;
	background-color: #FFFFFF;
	color:#333333;
	font-size: 16px;
	line-height: 22px;
}



/******************************************************* TITRES */

h1, .s-titre {
	padding: 0;
	margin: 0;
	font-size: 26px;
	line-height: 32px;
	font-weight : 700;
	text-transform : uppercase;
}

h2 {
	padding: 0;
	margin: 0;
	font-size: 20px;
	line-height: 26px;
}



/******************************************************* LINK */

a {
	color: #0078aa;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #0078aa;
	text-decoration: underline;
}
a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}


/******************************************************* FORM */

.form-control {
	display: block;
	width: 100%;
	height: 40px;
	padding: 6px 12px;
}

textarea {
	resize: vertical;
	min-height: 150px;
}


/******************************************************* BTN */

.btn {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	padding: 8px 15px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.btn:hover {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.btn-dom {
	background: #30a324 !important;
	border-color: #30a324 !important;
	color: #ffffff!important;
}

.btn-dom:hover,
.btn-dom:focus,
.btn-dom:active,
.btn-dom.active,
.open > .dropdown-toggle.btn-dom {
	background: #333333!important;;
	border-color: #333333!important;
	color:#ffffff!important;
}

.btn-dom:active,
.btn-dom.active {
	background: #333333!important;;
	border-color: #333333!important;;
	color:#ffffff!important;
	box-shadow: none;
}


.btn-vert {
	background: #30a324!important;
	border-color: #30a324!important;
	color: #ffffff!important;
}

.btn-vert:hover,
.btn-vert:focus,
.btn-vert:active,
.btn-vert.active,
.open > .dropdown-toggle.btn-vert {
	background: #30a324!important;;
	border-color: #30a324!important;
	color:#ffffff!important;
}

.btn-vert:active,
.btn-vert.active {
	background: #30a324!important;;
	border-color: #30a324!important;;
	color:#ffffff!important;
	box-shadow: none;
}


.btn-white-border {
	background: transparent!important;
	border-color: #FFFFFF!important;
	color: #ffffff!important;
}

.btn-white-border:hover,
.btn-white-border:focus,
.btn-white-border:active,
.btn-white-border.active,
.open > .dropdown-toggle.btn-white-border {
	background: #FFFFFF!important;;
	border-color: #FFFFFF!important;
	color:#333333!important;
}

.btn-white-border:active,
.btn-white-border.active {
	background: #FFFFFF!important;;
	border-color: #FFFFFF!important;;
	color:#333333!important;
	box-shadow: none;
}




/******************************************************* BTN UP */

.btn-go-up {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 9998;
}
.btn-go-up a {
	background-color: rgba(0,0,0,0.3);
	padding: 7px 10px;
	display: inline-block;
	color: rgba(255,255,255,0.5);
	transition: all 0.5s ease;
}
.btn-go-up a:hover {
	background-color: #000;
	color: #FFF;
}





/******************************************************* PADDING */

.p-0	{ padding : 0; }

.p-t-0 	{ padding-top : 0px !important;  }
.p-t-5 	{ padding-top : 5px !important;  }
.p-t-10 { padding-top : 10px !important; }
.p-t-15 { padding-top : 15px !important; }
.p-t-20 { padding-top : 20px !important; }
.p-t-25 { padding-top : 25px !important; }
.p-t-30 { padding-top : 30px !important; }
.p-t-40 { padding-top : 40px !important; }
.p-t-60 { padding-top : 60px !important; }

.p-b-0 	{ padding-bottom : 0px !important;  }
.p-b-5 	{ padding-bottom : 5px !important;  }
.p-b-10 { padding-bottom : 10px !important; }
.p-b-15 { padding-bottom : 15px !important; }
.p-b-20 { padding-bottom : 20px !important; }
.p-b-25 { padding-bottom : 25px !important; }
.p-b-30 { padding-bottom : 30px !important; }
.p-b-40 { padding-bottom : 40px !important; }
.p-b-60 { padding-bottom : 60px !important; }

.p-l-0 	{ padding-left : 0px !important;  }
.p-l-5 	{ padding-left : 5px !important;  }
.p-l-10 { padding-left : 10px !important; }
.p-l-15 { padding-left : 15px !important; }
.p-l-20 { padding-left : 20px !important; }
.p-l-25 { padding-left : 25px !important; }
.p-l-30 { padding-left : 30px !important; }
.p-l-40 { padding-left : 40px !important; }
.p-l-60 { padding-left : 60px !important; }

.p-r-0 	{ padding-right : 0px !important;  }
.p-r-5 	{ padding-right : 5px !important;  }
.p-r-10 { padding-right : 10px !important; }
.p-r-15 { padding-right : 15px !important; }
.p-r-20 { padding-right : 20px !important; }
.p-r-25 { padding-right : 25px !important; }
.p-r-30 { padding-right : 30px !important; }
.p-r-40 { padding-right : 40px !important; }
.p-r-60 { padding-right : 60px !important; }



/******************************************************* MARGIN */

.m-0 	{ margin : 0; }

.m-t-0 	{ margin-top : 0px !important;  }
.m-t-5 	{ margin-top : 5px !important;  }
.m-t-10 { margin-top : 10px !important; }
.m-t-15 { margin-top : 15px !important; }
.m-t-20 { margin-top : 20px !important; }
.m-t-25 { margin-top : 25px !important; }
.m-t-30 { margin-top : 30px !important; }
.m-t-40 { margin-top : 40px !important; }
.m-t-60 { margin-top : 60px !important; }

.m-b-0 	{ margin-bottom : 0px !important;  }
.m-b-5 	{ margin-bottom : 5px !important;  }
.m-b-10 { margin-bottom : 10px !important; }
.m-b-15 { margin-bottom : 15px !important; }
.m-b-20 { margin-bottom : 20px !important; }
.m-b-25 { margin-bottom: 25px !important;  }
.m-b-30 { margin-bottom : 30px !important; }
.m-b-40 { margin-bottom : 40px !important; }
.m-b-60 { margin-bottom : 60px !important; }

.m-l-0	{ margin-left : 0px !important;  }
.m-l-5 	{ margin-left : 5px !important;  }
.m-l-10 { margin-left : 10px !important; }
.m-l-15 { margin-left : 15px !important; }
.m-l-20 { margin-left : 20px !important; }
.m-l-25 { margin-left : 25px !important; }
.m-l-30 { margin-left : 30px !important; }
.m-l-40 { margin-left : 40px !important; }

.m-r-0 	{ margin-right : 0px !important;  }
.m-r-3 	{ margin-right : 3px !important;  }
.m-r-5 	{ margin-right : 5px !important;  }
.m-r-10 { margin-right : 10px !important; }
.m-r-15 { margin-right : 15px !important; }
.m-r-20 { margin-right : 20px !important; }
.m-r-25 { margin-right : 25px !important; }
.m-r-30 { margin-right : 30px !important; }
.m-r-40 { margin-right : 40px !important; }