@import url('https://fonts.googleapis.com/css?family=Oswald|Source+Sans+Pro');
/* > COMMUNS

-------------------------------------------------------------------------------------------------------------------------------- */

body {
	font-family: 'Source Sans Pro', sans-serif;
	background-color: #353559;
}
h1 {
	position: relative;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 25px;
	color: #353559;
	padding: 0 0 20px;
	margin-bottom: 20px;
}
h1:after {
	content: "";
	background-color: #e50046;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 3px;
}
h2 {
	position: relative;
	text-align: left;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	color: #e50046;
	padding: 0 0 20px;
}
h2:after {
	content: "";
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 3px;
}
h2.titre_photo {
	font: 400 25px 'Oswald', sans-serif;
	text-align: center;
	color: #353559;
	text-transform: uppercase;
}
h2.titre_photo:after {
	background: #e50046;
	left: 50%;
	margin-left: -25px;
}
h1.text-center:after,  h2.text-center:after {
	left: 50%;
	margin-left: -25px;
}
h3 {
	position: relative;
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #3586a0;
	margin: 0 0 15px 0;
}
h4 {
}
p {
	margin: 0 0 10px 0;
	line-height: 1.2em;
	font-size: 14px;
	color: #353559;
}
.content_none:after {
	content: none;
}
/* > HEADER

-------------------------------------------------------------------------------------------------------------------------------- */

/* header */

#header {
	height: 102px;
	background-color: #fff;
	border-bottom: #d2d2d2 1px solid;
	-webkit-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-ms-transition: background .2s linear;
	-o-transition: background .2s linear;
	transition: background .2s linear;
}
.header-content {
	position: relative;
	max-width: 990px;
	margin: 0 auto;
	height: 102px;
	padding: 0 15px;
}
#logo-header {
	display: block;
	position: absolute;
	width: 18%;
	left: 41%;
	top: 51px;
	transform: translateY(-50%);
	z-index: 1;
}
#logo-header img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
a#logo-header:hover img {
	box-shadow: 0 -150px 100px 150px rgba(255,255,255,.9);
	transform: scale(1.05);
}
/* > menu principal */

#menu {
}
#menu > ul {
	display: table;
	height: 100px;
	width: 40%;
}
#menu > ul > li {
	position: relative;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #353559;
	-webkit-transition: background .2s linear, color .2s linear, border-color .2s linear, color .2s linear;
	-moz-transition: background .2s linear, color .2s linear, border-color .2s linear, color .2s linear;
	-ms-transition: background .2s linear, color .2s linear, border-color .2s linear, color .2s linear;
	-o-transition: background .2s linear, color .2s linear, border-color .2s linear, color .2s linear;
	transition: background .2s linear, color .2s linear, border-color .2s linear, color .2s linear;
}
#menu > ul > li:hover {
	background-color: #eb2753;
	color: #fff;
}
#menu > ul > li > a {
	display: block;
	line-height: 100px;
	text-transform: uppercase;
	font-size: 13px;
}
#menu > ul > li.active > a {
	color: #eb2753
}
#menu > ul > li.active:hover a {
	color: #fff
}
/* > sous-menus */

#menu .sous-menu {
	display: none;
	position: absolute;
	left: 0;
	top: 100px;
	z-index: 1001;
	background: #eb2753;
}
#menu li.active .sous-menu {
	top: 101px;
}
#menu .sous-menu ul {
	display: block;
	min-width: 200px;
	max-width: 280px;
	padding: 10px 0;
}
#menu .sous-menu ul li {
	display: block;
	height: auto
}
#menu .sous-menu ul li a {
	display: block;
	text-align: left;
	text-transform: none;
	padding: 5px 20px;
	line-height: 14px;
	font-size: 13px;
	color: #fff;
	-webkit-transition: color .2s linear;
	-moz-transition: color .2s linear;
	-ms-transition: color .2s linear;
	-o-transition: color .2s linear;
	transition: color .2s linear;
}
#menu .sous-menu ul li a:hover {
	color: #f59eb8;
}
#menu .sous-menu ul li.active {
	border-left: #f59eb8 4px solid;
}
#menu .sous-menu ul li.active a {
	padding-left: 16px;
}
body.fixed_head #header {
	background-color: rgba(255,255,255,1);
	position: fixed;
	z-index: 1001;
	width: 100%;
	left: 0;
	top: 0;
}
/* > menu hamburger */

#menu-alt {
	display: none;
	z-index: 2;
	width: 30px;
	height: 30px;
	position: absolute;
	margin-top: -15px;
	right: 20px;
}
#menu-alt .menu-icon-bar {
	background-color: #353559;
	display: block;
	margin: 4px 0;
	height: 4px;
	width: 20px;
}
#menu-alt .menu-icon-bar.bar-top,  #menu-alt .menu-icon-bar.bar-bottom {
	-webkit-transition: transform .3s ease-out, margin .3s ease-out, background-color .3s ease-out;
	-moz-transition: transform .3s ease-out, margin .3s ease-out, background-color .3s ease-out;
	-ms-transition: transform .3s ease-out, margin .3s ease-out, background-color .3s ease-out;
	-o-transition: transform .3s ease-out, margin .3s ease-out, background-color .3s ease-out;
	transition: transform .3s ease-out, margin .3s ease-out, background-color .3s ease-out;
}
#menu-alt .menu-icon-bar.bar-middle {
	-webkit-transition: opacity .3s ease-out, background-color .3s ease-out;
	-moz-transition: opacity .3s ease-out, background-color .3s ease-out;
	-ms-transition: opacity .3s ease-out, background-color .3s ease-out;
	-o-transition: opacity .3s ease-out, background-color .3s ease-out;
	transition: opacity .3s ease-out, background-color .3s ease-out;
}
body.menu-opened #menu-alt .menu-icon-bar.bar-top {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color: #d2d2d2;
	margin: 13px 5px;
}
body.menu-opened #menu-alt .menu-icon-bar.bar-bottom {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background-color: #d2d2d2;
	margin: -25px 5px;
}
body.menu-opened #menu-alt .menu-icon-bar.bar-middle {
	opacity: 0;
	background-color: #fff;
}
#menu-overlay {
	display: none;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(44, 53, 61, .7);
	opacity: 0;
	-webkit-transition: opacity .3s ease-out, background-color .3s ease-out;
	-moz-transition: opacity .3s ease-out, background-color .3s ease-out;
	-ms-transition: opacity .3s ease-out, background-color .3s ease-out;
	-o-transition: opacity .3s ease-out, background-color .3s ease-out;
	transition: opacity .3s ease-out, background-color .3s ease-out;
}
/* > FIL D'ARIANE

-------------------------------------------------------------------------------------------------------------------------------- */

#breadcrumb {
	padding: 20px 0;
	margin: 0 auto;
	font-size: 11px;
	text-align: center;
}
#breadcrumb li {
	color: #969696;
	display: inline;
	list-style: none;
}
#breadcrumb li:before {
	vertical-align: middle;
	display: inline-block;
	margin: -2px 5px;
	content: "> ";
}
#breadcrumb li:first-child:before {
	display: none
}
#breadcrumb li a {
	color: #2c353d;
	text-decoration: underline;
}
#breadcrumb li a:hover {
	color: #e50046;
}
/* > BOUTONS

-------------------------------------------------------------------------------------------------------------------------------- */

.bouton_1,  .bouton_2,  .bouton_mod {
	display: inline-block;
	border-style: solid;
	border-width: 3px;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 13px;
	line-height: 14px;
	padding: 8px 10px;
	-webkit-transition: border-color .3s linear, background-color .3s linear, color .3s linear;
	-moz-transition: border-color .3s linear, background-color .3s linear, color .3s linear;
	transition: border-color .3s linear, background-color .3s linear, color .3s linear;
}
.bouton_1 {
	background-color: transparent;
	border-color: #fff;
	color: #fff;
}
.bouton_2,  .bouton_mod {
	background-color: #e41449;
	border-color: #e41449;
	color: #fff;
}
.bouton_1:hover,  .bouton_2:hover {
	background-color: #fff;
	border-color: #fff;
	color: #3586a0;
}
.bouton_mod:hover {
	background-color: #fff;
	border-color: #e41449;
	color: #353559;
}
/* button-form */

input.submit-button {
	border-style: solid;
	border-width: 3px;
	background-color: #e50046;
	border-color: #e50046;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 13px;
	line-height: 14px;
	padding: 8px 10px;
	-webkit-transition: border-color .3s linear, background-color .3s linear, color .3s linear;
	-moz-transition: border-color .3s linear, background-color .3s linear, color .3s linear;
	transition: border-color .3s linear, background-color .3s linear, color .3s linear;
}
input.submit-button:hover {
	background-color: #fff;
	border-color: #e50046;
	color: #e50046;
}
/* > FORMULAIRES

-------------------------------------------------------------------------------------------------------------------------------- */

label textarea,  label select,  label input {
	border-color: #dadada;
	color: #2c353d
}
label textarea:hover,  label select:hover,  label input:hover {
	border-color: #3586a0;
	color: #2c353d
}
label textarea:focus,  label select:focus,  label input:focus {
	border-color: #3586a0;
	color: #2c353d;
	-webkit-box-shadow: #3586a0 0 0 5px;
	-moz-box-shadow: #3586a0 0 0 5px;
	-ms-box-shadow: #3586a0 0 0 5px;
	-o-box-shadow: #3586a0 0 0 5px;
	box-shadow: #3586a0 0 0 5px;
}
/* > IMAGES

-------------------------------------------------------------------------------------------------------------------------------- */

.thumbnails {
	overflow: hidden;
	background: #2c353d;
}
.thumbnails > img {
	display: block;
	width: 100%;
	-webkit-transition: transform .2s linear, opacity .2s linear;
	-moz-transition: transform .2s linear, opacity .2s linear;
	-ms-transition: transform .2s linear, opacity .2s linear;
	-o-transition: transform .2s linear, opacity .2s linear;
	transition: transform .2s linear, opacity .2s linear;
}
a:hover .thumbnails > img,  a.thumbnails:hover > img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	opacity: .4
}
/* >	- parallax */

.parallax,  .parallax_background {
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: cover;
}
.content_block_parallax {
	padding: 10% 20px;
}
.content_block_parallax h1, .content_block_parallax h2 {
	position: relative;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-size: 40px;
	color: #fff;
	padding: 0 0 20px;
	text-transform: uppercase;
	margin: 20px 0;
}
.content_block_parallax h1:after,
.content_block_parallax h2:after {
	content: "";
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 50px;
	margin-left: -25px;
	height: 3px;
}
/* > MODULES

-------------------------------------------------------------------------------------------------------------------------------- */

/* >	actualites liste */

.news-date {
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	color: #e41449;
}
.actualites-plus {
	font-size: 13px;
	color: #3586a0
}
.actualites-plus:hover {
	color: #e41449
}
#listing-actualites .actualite_els {
	border-color: #d2d2d2
}
#listing-actualites .actualite_els h2 {
	color: #353559;
	text-align: left;
}
#listing-actualites .actualite_els h2:after {
	display: none
}
/* >	actualites fiche */

#news-details h1:after {
	display: none
}
#news-bread li {
	border-color: #e2e2e2;
}
#news-bread .news-date {
	display: block;
	margin-bottom: 10px;
}
.rs-sharing li.rs-sharing-title {
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	color: #b0b0b0;
}
/* >	realisations */

#gallery-list-content li .gallery-title-album {
	background-color: rgba(44, 53, 61, 0.7);
	font-family: 'Oswald', sans-serif;
	color: #fff;
}
/* >	widget Gallery page */

.gallery-page {
	overflow: hidden
}
.gallery-page-content, .partenaire-page-content {
	background-color: #eeeded;
}
.gallery-page-content .gallery-page-list a {
	background-color: #3586a0
}
.gallery-page-nav-content {
	background-color: #eeeded;
	top: 0;
	height: 100%;
}
.gallery-page-prev {
	background: url(../images/icones/sprite_navigation_prev.png) 0 0 no-repeat;
}
.gallery-page-next {
	background: url(../images/icones/sprite_navigation_next.png) 0 0 no-repeat;
}
#gallery-fiche .content_row > p {
	margin: 30px 15px 15px;
}
/* > BLOCKS

-------------------------------------------------------------------------------------------------------------------------------- */

.bg-noir {
	background-color: #2c353d;
}
.bg-gris {
	background-color: #ecedf0;
}
.bg-blanc {
	background-color: #fff;
}
.bg-color1 {
	background-color: #3586a0;
}
.bg-color2 {
	background-color: #2c353d;
}
/* > CONTENT

-------------------------------------------------------------------------------------------------------------------------------- */



/* >>> CONTENT RULES ----------------------- */
.content_block.edit_content h2:after { display:none; }
._page {
	background-color: #fff
}
body.fixed_head ._page {
	padding-top: 72px;
}
._page #content .divide {
	max-width: 930px;
	margin: 0 auto 15px;
}
._page #content > h1 {
	max-width: 930px;
	padding: 20px 0 20px 30px;
	margin: 0px auto;
}
._page #content > h1:after {
	left: 30px;
}
.content_row {
	max-width: 990px;
}
label input, textarea {
	font-family: 'Open Sans', sans-serif;
}
.content_block .wp100.padTB0 {
	padding-top: 0;
	padding-bottom: 0;
}
.bg-noir h1,  .bg-noir h2,  .bg-noir h3 {
	color: #fff;
}
.bg-noir ul,  .bg-noir p {
	color: #a7acb1;
}
.content_block.edit_content ul,  .content_block.edit_content ol {
	margin: 20px 0 10px
}
.content_block.edit_content ul li {
	background: url(../images/common/list_puce.gif) 0 5px no-repeat;
	padding-left: 15px;
	font-size: 14px;
	color: #353559;
	margin: 8px 0;
}
.content_block.edit_content ol li {
	margin: 8px 0 8px 15px;
	font-weight: 700;
	font-size: 14px;
	color: #969696;
}
.content_block.edit_content p strong,  .content_block.edit_content li strong {
	color: #3586a0;
}
.content_block.edit_content p a,  .content_block.edit_content li a {
	color: #3586a0;
	text-decoration: underline;
}
.content_block.edit_content p a:hover, .content_block li a:hover {
	color: #2c353d;
}
/* >	tableau --------------------- */

.content_block table tr th {
	background-color: #3586a0;
	color: #fff;
}
.content_block table tr td {
	color: #969696
}
.content_block table tr:nth-child(2n+0) td {
	background: #f8f8f8;
}
.content_block table th {
	font-weight: bold;
}
/* >>> ACCUEIL ---------------------------- */

#page_accueil .content_block {
	padding: 40px 0
}
#slides-title {
	left: 40%;
	position: absolute;
	top: 40%;
	transform: translate(-50%, -50%);
	z-index: 10;
	transition: all .3s;
}
#slides-title ul,
#slides-title span {
	width: 240px;
	float: left;
	color: white;
	display:block;
	font-family: 'Oswald', sans-serif;
	padding: 44px;
	text-transform: uppercase;
}
.bulle-rose {
	background: rgba(228, 20, 73, 0.6);
	font-size: 54px;
	position: relative;
	z-index: 2;
}
.bulle-rose:before {
	content: "";
	position: absolute;
	bottom: -50px;
	right: 0px;
	border-width: 0 50px 50px 0px;
	border-style: solid;
	border-color: transparent rgba(228, 20, 73, 0.6);
}
.bulle-bleue span.underline {
	position:absolute;
	bottom: -8px;
	display: block;
	width: 94px;
	height: 6px;
	background: white;
}
.bulle-bleue {
	background: #353559;
	font-size: 34px;
	margin-left: -20px;
	margin-top: 50px;
	position: relative;
	z-index: 1;
}
.bulle-bleue:before {
	content: "";
	position: absolute;
	bottom: -50px;
	left: 0px;
	border-width: 0px 0px 50px 50px;
	border-style: solid;
	border-color: transparent #353559;
}
.bulle-bleue li:last-child:after {
	content: '';
	position: relative;
	bottom: -8px;
	display: block;
	width: 94px;
	height: 6px;
	background: white;
}
#heading-home {
	background-color : #f8f8f8;
}
#heading-home h1,  #heading-home p {
	font-size: 16px;
	line-height: 18px;
	max-width: 700px;
	width: 80%;
	margin: 0 auto;
}
.accueil_6_icones_1 h1 {
	padding: 30px;
	margin-bottom: 30px;
}
.accueil_6_icones_1 h1:after {
	content: "";
	background-color: #e50046;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 50px;
	height: 3px;
}
.accueil_6_icones_1 figcaption {
	color: #353559;
}
.accueil_6_icones_2 {
	background: #353559;
}
.accueil_6_icones_2 h3 {
	color: #fff;
	font: 400 25px 'Oswald', sans-serif;
	text-transform: uppercase;
	padding: 26px 0;
}
.accueil_6_icones_2 figcaption {
	width: calc(100% - 65px);
	color: white;
	padding: 18px 0 0 20px;
}
.accueil_6_icones_2 h3:after {
	content: '';
	background-color: #e50046;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 50px;
	height: 3px;
	margin-left: -25px;
}
#home-qualite {
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #2c353d;
	background-size: cover;
}
#home-qualite h2,  #home-qualite h3,  #home-qualite p {
	color: #fff;
}
#home-qualite h2 {
	text-transform: uppercase;
	font-size: 30px;
}
#home-qualite .wp33:after {
	display: block;
	content: "";
	clear: both;
}
#home-qualite img {
	display: block;
	float: left;
	max-width: 80px;
	width: 30%;
}
#home-qualite .wp70 {
	float: left;
	padding-left: 20px;
}
#actualites-home {
	background-color: #fff;
	padding: 60px 0;
}
#actualites-home .actualites-first-article h3, .actualites-plus, #actualites-home-list li h3 {
	color: #353559;
	font-weight: 700;
	font-family: 'Source Sans Pro', sans-serif;
}
#actualites-home-list .actualites-first-article {
	border-right: #dadada 1px solid;
}
#actualites-home-list li {
	border-top: #dadada 2px solid;
}
#gallery-home h2,  #partners-list h2,  #actualites-home h2 {
	text-align: center;
	text-transform: uppercase;
	font: 400 25px 'Oswald', sans-serif;
	color: #353559;
	padding: 0 0 20px;
	margin: 0 auto 30px;
}
#actualites-home h2:after {
	background: #e50046;
}
#gallery-home h2:after,  #partners-list h2:after,  #actualites-home h2:after,  #page_accueil h1:after {
	left: 50%;
	margin-left: -25px;
}
#page_mentions #content, #page_actualites #content {
	padding: 30px 0 60px 0;
}
#page_mentions h2, #page_mentions h3, #page_mentions strong {
	color: #353559;
}
#page_mentions h2 {
	font-size: 25px;
	padding: 20px 0 5px;
	margin-bottom: 20px;
}
/* > CONTACT ------- */

#page_contact h1 {
	margin-bottom: 20px;
}
#page_contact h2 {
	color: #353559;
	font-size: 25px;
	margin-top: 0;
	text-align: left;
	padding: 0;
	margin-bottom: 40px;
	text-transform: uppercase;
}
#page_contact h3 {
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 14px;
	color: #e50046;
}
#page_contact .valid_output h3 {
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 18px;
	color: #e50046;
}
.valid_output {
	text-align: left;
	padding: 0;
}
#page_contact .wp33.right p strong {
	color: #969696
}
/* > FOOTER

-------------------------------------------------------------------------------------------------------------------------------- */


#footer .content_row:first-child {
	overflow: auto;
	padding: 50px 20px;
}
#footer .divide {
	padding: 0;
	margin: 0;
	border-bottom: #404076 1px solid;
}
#nav-footer {
	padding: 40px 15px;
	display: table;
	width: 100%;
}
#footer .nav_footer_col {
	display: block;
	width: 25%;
	float: left;
}
#footer h4 {
	margin: 0 0 20px 0;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	color: #fff;
}
#footer .nav_footer_col p,  #footer .nav_footer_col li {
	color: #fff;
	margin: 0 0 10px;
	font-size: 13px;
}
#footer .nav_footer_col li a:hover {
	text-decoration: underline;
	color: #e50046
}
#baseline-footer {
	padding: 20px 15px;
}
#baseline-footer .baseline-text {
	float: left;
	max-width: 50%;
	font-size: 14px;
}
#baseline-footer .rs-link {
	float: left;
}
#baseline-footer .rs-link li {
	display: inline;
}
#baseline-footer .rs-link li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 50%;
	line-height: 26px;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	transition: background-color .2s linear;
}
#baseline-footer .rs-link li a:hover {
	background-color: #e50046;
}
#baseline-footer .rs-link li a img {
	margin: 2px;
	vertical-align: middle;
}
#baseline-footer #nav-baseline {
	float: right;
	text-align: right;
}
#baseline-footer #nav-baseline li {
	margin-left: 10px;
	display: inline-block;
	font-size: 12px;
}
#baseline-footer #nav-baseline li a {
	text-decoration: underline;
	color: #fff
}
#baseline-footer #nav-baseline li a:hover {
	color: #e50046
}
/* > FONTS / TEXTS

-------------------------------------------------------------------------------------------------------------------------------- */

/* > couleurs --------------------------------------------------- */

.fc-blanc {
	color: #ffffff;
}
.fc-gris {
	color: #969696;
}
.fc-noir {
	color: #2c353d;
}
.fc-color1 {
	color: #3586a0;
}
.fc-color4 {
	color: #a7acb1;
}
/* > fonts family ----------------------------------------------- */

.font-default {
	font-family: 'Source Sans Pro', sans-serif;
}
.font-title-1 {
	font-family: 'Oswald', sans-serif;
}
.font-title-2 {
	font-family: 'Oswald', sans-serif;
}

/* > QUERIES

-------------------------------------------------------------------------------------------------------------------------------- */

@media print {
#menu, #footer, aside {
	display: none;
}
body {
}
}
/* > ANIMATIONS

-------------------------------------------------------------------------------------------------------------------------------- */

/* TRANSITIONS ------------------------------------------------------------------- */

.transition {
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.transition_color {
	-webkit-transition: color .3s linear;
	-moz-transition: color .3s linear;
	-o-transition: color .3s linear;
	transition: color .3s linear;
}
.transition_background {
	-webkit-transition: background .3s linear;
	-moz-transition: background .3s linear;
	-o-transition: background .3s linear;
	transition: background .3s linear;
}