/*
Theme Name: MX/COM ~ Child
Description: Thème Child customisé par Max Jacob
Version: 1.2
Author: Max Jacob
Author URI: http://www.max-jacob.net
Template: enfold
*/


/* General */

img, a img { image-rendering: auto; }

/* Header */


/* Footer */



/* Accueil */





/* Pages internes */

.grid-selection-images { margin: 50px 0; }
	.grid-selection-images a { display: inline-block; background: #fff; position: relative; line-height: 0; border: 6px #fff solid; box-shadow: 0 0 8px rgba(0,0,0,0.2), 0 0 25px rgba(0,0,0,0.2); transition: all 100ms ease; cursor: pointer; margin-bottom: 10px; }
	.grid-selection-images a:hover { border-color: #F05A1A;  }

	.grid-selection-images a:after { color: #F05A1A; font-family: 'entypo-fontello'; position: absolute; left: calc(50% - 28px); top: calc(50% - 48px); content: ""; font-weight: normal; font-size: 0px; line-height: 96px; transition: all 100ms ease; }
	.grid-selection-images a:hover:after { font-size: 96px; }

		.grid-selection-images a img { opacity: 1; transition: all 100ms ease;  }
		.grid-selection-images a:hover img { opacity: 0.2; }

	.grid-selection-images a.selected:after { content: ""; font-size: 96px; left: calc(50% - 32px); }
		.grid-selection-images a.selected img { opacity: 0.4; }

	.grid-selection-images a.selected.okhover:hover:after { content: ""; left: calc(50% - 22px);  }
		.grid-selection-images a.selected.okhover:hover img { opacity: 0.1; }

	.grid-selection-images h2 { font-size: 20px; text-align: center; }


#top .o_w_form { width: 90%; margin: auto; padding-top: 22px; background: none; }
#top .o_w_form .text_input,
#top .o_w_form .select,
#top .o_w_form .text_area { width: 100%; margin-bottom: 0; display: inline; min-width: 50px; padding: 13px; border-radius: 2px; }
#top .o_w_form .form_element_half { width: 49.5%; float: left; margin-left: 1%; clear: none; }
#top .o_w_form .first_form { clear: both; margin-left: 0; }
#top .o_w_form .button { margin: 0; padding: 16px 20px; border-radius: 4px; border-bottom-width: 1px; border-bottom-style: solid; font-weight: normal; font-size: 0.92em; min-width: 142px; outline: none; }

#top #o_chose_images_section { background: #fff; padding: 20px; border-radius: 10px; width: 100%; font-weight: bold; }

#top #o_cis_ul > li { margin-top: 10px; margin-bottom: 10px; }

#top a.qty_plus  { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; vertical-align: middle; display: inline-block; height: 32px; line-height: 20px; font-size: 16px; cursor: pointer; border: 1px grey solid; padding: 4px 8px; background: #fff; text-decoration: none !important; border-left: 0 none; }
#top .qty_number { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; vertical-align: middle; display: inline-block; height: 32px; line-height: 20px; font-size: 14px; border: 1px grey solid; padding: 4px 8px; background: #fff; text-decoration: none !important; }
#top a.qty_minus { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; vertical-align: middle; display: inline-block; height: 32px; line-height: 20px; font-size: 16px; cursor: pointer; border: 1px grey solid; padding: 4px 8px; background: #fff; text-decoration: none !important; border-right: 0 none; }

		
@media only screen and (max-width: 1200px) {
	
	
	
}
@media only screen and (max-width: 768px) {
	

	
}