/* Contact */
#contactForm label { width: 100%; }
#contactForm textarea { height: 150px; resize: none; }
#contactForm menu { margin-bottom: 20px; }
#contactForm menu > a { margin-right: 20px; }
/* CGV - Mentions légales */
#box_content .box .boxTitle .version { font-size: 0.9em; }
#box_content .box .boxContent p.history { font-size: 0.9em; margin: 0 0 30px 0; }
#box_content .box .boxContent p.history > a { text-decoration: underline; }
#box_content .box .boxContent nav { border: 1px solid #efefef; }
#box_content .box .boxContent nav > .fakeSelect { display: none; }
#box_content .box .boxContent nav > a { border-bottom: 1px solid #efefef; display: block; padding: 15px 10px; }
#box_content .box .boxContent nav > a:last-child { border: none; }
#box_content div[id^="_grd-"] { height: auto !important; width: auto !important; padding: 0 !important; }
#box_content div[id^="_grd-"]>div { height: auto !important; left: auto !important; position: relative !important; top: auto !important; }
#content { font-size: 0.9em; }
#content article { border-bottom: 1px solid #efefef; margin: 0 0 20px 0; }
#content article > div.title { margin: 0 0 20px 0; }
#content article > div.title .pastille { display: inline-block; font-size: 17px; height: 25px; line-height: 25px; width: 10%; max-width: 25px; text-align: center; vertical-align: middle; }
#content article > div.title .title { display: inline-block; font-size: 17px; vertical-align: top; margin-left: 10px; width: 80%; }
#content p { margin: 0 0 20px 0; }
#content p a { text-decoration: underline; }
#content ul { display:block; margin: 0 0 20px 0; padding:0 0 0 35px; }
#content ul li { color:#666; display:block; margin:20px 0 0 0; padding:0 0 0 10px; position:relative; }
#content ul li::before { background:#666; border-radius:100%; content:" "; display:block; height:4px; left:0; position:absolute; top:5px; width:4px; }
#content ul li.first { margin:0; }
#content table { border-left:1px solid #efefef; border-top:1px solid #efefef; margin: 0 0 20px 0; width:100%; }
#content table tr td { border-bottom:1px solid #efefef; border-right:1px solid #efefef; color:#666; font-size:13px; padding: 10px 7px; text-align:center; vertical-align:top; /*width:50%;*/ }
#content table tr td strong { color: #333; }

/* General content */
.content_page [data-_="grd"] { height: auto !important; }
.content_page [data-_="grd"] > div { position: relative !important; height: auto !important; }
.content_page h1 { text-transform: uppercase; font-size: 27px; font-weight: 600; }
.content_page h1 > span:before { content: "|"; font-size: 21px; position: relative; top: -4px; margin-right: 5px; }
.content_page h3,
.content_page h4 { margin-top: 0; margin-bottom: 0; }
.content_page .sttl { margin-top: 30px; margin-bottom: 30px; }
.content_page .sttl .h2 { font-weight: inherit; font-size: inherit; display: inline; }
.titre_trait { display: inline-block; font-size: 22px; text-transform: uppercase; position: relative; margin-top: 20px; margin-bottom: 20px; padding: 5px 15px; }
.titre_trait:before { content: ""; position: absolute; top: 0; left: 0; right: 0; border-style: solid; border-width: 2px; }
.titre_trait:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; border-style: solid; border-width: 2px; }
.fanion_ttl { position: relative; margin-top: 0; margin-bottom: 30px; }
.fanion_ttl.bleu_c { padding: 0 24px; }
.fanion_ttl.bleu_f { padding: 0 80px; }
.fanion_ttl .fanion_left { position: absolute; top: 0; left: 0; }
.fanion_ttl .fanion_right { position: absolute; top: 0; right: 0; }
.fanion_ttl .fanion_text { padding: 0; line-height: 42px; font-size: 20px; text-transform: uppercase; }
.banner_text { position: relative; margin-top: 30px; margin-bottom: 30px; }
.banner_text > img { width: 100%; }
.banner_text > .text { position: absolute; width: 100%; top: 45%; }
.content_page .sticker { min-height: 195px; }
.content_page .sticker .txt { font-size: 0.9em; }
.content_page section.contact { margin-top: 50px; font-size: 20px; padding-top: 20px; padding-bottom: 20px; }
.content_page section.contact p.contact { font-size: 15px; }
/* Personnalisation */
.pg_personnalisation .banner_text .text { top: 10%; }
.pg_personnalisation .banner_text .text > div { font-size: 21px; text-transform: uppercase; border: 4px solid #FFF; line-height: 30px; padding-top: 20px; padding-bottom: 20px; }
.pg_personnalisation .prods .card { box-shadow: 5px 5px 5px 0 #BFBFBF; padding-bottom: 20px; margin-bottom: 20px; }
.pg_personnalisation .prods .card h3 { font-size: 16px; font-weight: 600; margin: 15px 0 20px; height: 35px; }
.pg_personnalisation .prods .card img { width: 100%; }
.pg_personnalisation .prods .card a { margin-top: 10px; }
/* Stands & Meetings */
.pg_stands_meetings .brands > h3 { font-size: 27px; position: relative; }
.pg_stands_meetings .brands > h3 > span { position: relative; padding-bottom: 3px; font-size: 30px; }
.pg_stands_meetings .brands > h3 > span:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; border: 2px solid #000; }
.pg_stands_meetings .brands .fanion_ttl { margin-top: 30px; margin-bottom: 30px; }
.pg_stands_meetings .brands .fanion_ttl > div { line-height: 35px; }
.pg_stands_meetings .brands .fanion_ttl .fanion_text > ul { margin: 0; }
.pg_stands_meetings .brands .fanion_ttl .fanion_text > ul > li { margin: 0 10px; display: inline-block; }
.pg_stands_meetings .brands .fanion_ttl .fanion_text > ul > li > img { height: 35px; }
.pg_stands_meetings .banner_text > div.text { top: 35%; }
.pg_stands_meetings .banner_text > div.text > div { border-style: solid; border-width: 0 3px 3px 3px; border-color: #FFF; height: 100px; font-size: 55px; font-weight: 700; text-transform: uppercase; line-height: 100px; }
.pg_stands_meetings .banner_text > div.text > div > span { position: absolute; top: -12px; left: 0; width: 100%; font-size: 20px; font-weight: 700; text-transform: uppercase; line-height: 28px; }
.pg_stands_meetings .banner_text > div.text > div > span:before { content: ""; position: absolute; left: 0; top: 12px; height: 3px; width: 40%; background-color: #FFF; }
.pg_stands_meetings .banner_text > div.text > div > span:after { content: ""; position: absolute; right: 0; top: 12px; height: 3px; width: 40%; background-color: #FFF; }
.pg_stands_meetings section.advantages ul li:before { content: "-"; margin-right: 5px; }
.pg_stands_meetings img.stand { width: 100%; margin-top: 20px; }

/* ----- [TAB Portrait + minitab Paysage] ----- */
@media 	only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait),
		only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
	
	/* Personnalisation */
	.pg_personnalisation .banner_text .text { top: 5%; }
	.pg_personnalisation .banner_text .text > div { font-size: 20px; line-height: 21px; }
	
}

/* ----- [MOB] ----- */
@media (max-width: 767px) {
	/* Contact */
	#contactForm menu > .submit { float: none !important; }
	/* CGV - Mentions légales */
	#box_content,
	#content { margin-top: 20px; }
	/* CGV */
	.histo > li { margin-bottom: 10px; }
	/* General content */
	.content_page h1 > span { position: relative; display: inline-block; }
	.content_page h1 > span:before { content: ""; position: absolute; top: 0; left: 0; right: 0; border-top-style: solid; border-top-width: 2px; }
	.content_page .fanion_ttl.bleu_f .fanion_left,
	.content_page .fanion_ttl.bleu_f .fanion_right { display: none; }
	.content_page .fanion_ttl .fanion_text { font-size: 12px; }
	.content_page .sticker { min-height: 245px; }
	/* Personnalisation */
	.pg_personnalisation .banner_text .text { top: 7%; }
	.pg_personnalisation .banner_text .text > div { font-size: 16px; line-height: 17px; }
	.pg_personnalisation .prods > h2 > span { font-size: 16px; }
	.pg_personnalisation .prods h4 > span { font-size: 20px; line-height: 35px; }
	.pg_personnalisation .prods h4 > span:before { left: 15px; right: 15px; }
	.pg_personnalisation .prods h4 > span:after { left: 15px; right: 15px; }
	/* Stands & Meetings */
	.pg_stands_meetings .brands > h3 > span { font-size: 25px; }
	.pg_stands_meetings .brands .brands_img .img { padding: 0; }
	.pg_stands_meetings .brands .brands_img .img ul li { width: 45%; margin: 0 0 20px 0; }
	.pg_stands_meetings .banner > div { font-size: 35px; }
	.pg_stands_meetings .banner > div > span:before,
	.pg_stands_meetings .banner > div > span:after { width: 30%; }
	
}
