/* --------------------------- */
/*  site : Go-Nord GoCity 2018 */
/* --------------------------- */

/* bleu de france : #318CE7 |  bleu foncé #051440  002395 */

body {
	background-color:#fff;
	font-family: 'Cantarell', sans-serif;
	font-size: 16px;
	margin: 0; /* pour éviter les marges */
	padding: 0;
	text-align: center; /* pour corriger le bug de centrage IE */
    }

h1 { font-size:1.3em; margin:0; padding:0px; text-shadow: 1px 1px 3px #fff, 1px 1px 3px #2222FF; color:#f00;}
h2 { font-size:1.2em; text-align:left; color:#2222FF; }
h3 { font-size:1em; }

A { text-decoration:none; transition: .3s; }
A:link { color:#000; }
A:visited { color:#333; }
A:active { color:#f59f18; }
A:hover { color:#f00; } 
A:focus { color:#2222FF; } 

img { border:0px; padding:0px; margin:0px; line-height:0px; }
article { text-align:justify; }
li { margin:20px; }
b { color:#2222FF; }
ul { text-align: left; }
li { margin-top:10px; }

.return  { clear:both }
.center { margin:auto; text-align:center; }
.mini { font-size:0.7em }
.big { font-size:2em; color:#f59f18; text-align:center; }
.photo_art { width:30%; float:left; margin-right:1%; border:1px #999 solid; border-radius:5px; }
.photo_rat { height:17px; }

#msg_top { background-color:#f59f18; position:fixed; top:0px; right:0px; display:none;}
#msg_bottom { background-color:#f59f18; position:fixed; bottom:0px; right:0px; display:none;}

#header { background-color:#fff; width:100%; margin:0; padding:0; }

/*#bloc_ligne { clear:both; width:98%; height:24px; margin:auto; }display:none;line-height:0;*/

/*-----------------*/
#bloc_top_A { width:25%; margin-top:0.5%; float:left; }
#logo { width:90% }
/*-----------------*/
#bloc_top_B	 { width:35%; margin-top:0.5%; float:left; }
#claim { text-align:center; }
/*-----------------*/
#bloc_top_C	 { width:25%; margin-top:0.5%; float:left; white-space: nowrap;}
#bloc_letter { float:right; margin:0; padding:0.5%; width:320px; border: 1px solid #000; background-color:lightyellow; border-radius:5px; }
form#form_letter input { width:auto;max-width:40%; }
/*-----------------*/
#bloc_top_D { width:15%; margin-top:0.5%; float:right; }
#bloc_account { float:right; margin-right:0%;clear:both; width:160px ;}
#bloc_account img { height:32px; margin-bottom: -10px; }
#bloc_lg { float:right; border-bottom:2px solid #f59f18;width:160px ;}
#bloc_lg img { width:32px; height:16px; margin-top:1px; }
#bloc_lg img:hover { margin-top:-18px; height:20px; }
#bloc_lg a:hover { margin-top:1px; }

/* main { } */	
#content { clear:both; width:100%; text-align:left; padding:0; margin:0 }

/* WRAPPER */
#wrapper { width:96%; margin:10px auto; }
#wrapper ul, ol, li { margin:0; padding:0; }

/* MOVIE POSTERS 
#movieposters { list-style:none; margin:0px 0; }
#movieposters img { width:90% }
#movieposters li { display:inline; float:left; width:23%;
	-webkit-perspective: 1500; -webkit-transform-style: preserve-3d;
	-webkit-transition-property: perspective; -webkit-transition-duration:0.5s; }
#movieposters li:hover { -webkit-perspective: 5000; }
	
#movieposters li img { border:10px solid #fcfafa; -webkit-transform: rotateY(30deg);
	-moz-box-shadow:0 3px 10px #888; -webkit-box-shadow:0 3px 10px #888;
	-webkit-transition-property: transform; -webkit-transition-duration:0.5s; }
#movieposters li:hover img { -webkit-transform: rotateY(0deg); }*/

#bloc { clear:both; width:100%; text-align:center; margin:auto; vertical-align:top; }
#bloc a { background-color:#d3d3d2; }

#bloc_100 { width:98%; margin:1%; vertical-align:top; text-align:justify; }
#bloc_titre { margin:1%; border-bottom:1px #f00 solid; clear:both; }

#bloc_A, #bloc_B { width:46%; margin:0.2%; padding:0.5%; display:inline-block; vertical-align:top; text-align:left; }

#col_3 { display:none; }
#col_2 { float:right; width:290px; padding:10px; margin:0; border-left:1px #f00 solid; text-align:center; margin-bottom:50px;  }
#col_1b { margin:0; padding:0; margin-right:315px; white-space:normal; }
#col_1 { max-width:1020px; margin:auto;   }
#col_1 A:link { text-decoration:underline; }

#bloc_resto h2 { background-color: #fab1a0; margin:0; border-radius:5px; padding-left:10px;color:#333;}
#bloc_addr h2 { background-color: #fab1a0; margin:0; border-radius:5px; padding-left:10px;color:#333;}
#bloc_serv h2 { background-color: #55efc4; margin:0; border-radius:5px; padding-left:12px;color:#333;}
#bloc_ag h2 { background-color: #74b9ff; margin:0; border-radius:5px; padding-left:12px;color:#333;}

#bloc_resto, #bloc_addr, #bloc_serv, #bloc_ag { border:1px solid #999; padding:1%; width:98%; margin:0; border-radius:5px; }
.bloc_art { float:left; border-bottom: 1px solid #f00; width:100%; }
/*.bloc_art #bloc_ag hr { color:#6f9bec; border-bottom: 2px solid #aaa;} overflow-y: hidden;overflow-y:hidden; overflow-x: hidden; white-space: nowrap;*/

#line1 {width:95%; white-space: nowrap; height:315px; overflow-x:scroll; padding-left:3%; background: black; margin: 0 }
#line1 img {float:left; margin:1%}
#line2 {width: 98%;  height:300px; overflow:hidden; }

.line_menu { text-align:right; float:right; margin:0; margin-right:1%; }

.pagination { width: 100%; margin:auto; text-align:center; }
.pagination a { display: inline-block; padding: 4px 8px; text-decoration: none; margin:2px; }
.pagination a.active { background-color: #f59f18; color: white; }
.pagination a:hover:not(.active) { background-color: #f59f18;}

/* Formats Pub background-color:#F5F5F5; text-align:left;height: 250px;height: 600px;border:1px solid #333;*/
#pub_1 { width: 728px; height: 90px ; }
#pub_3 { width: 970px; height: 250px; }
#pub_2 { width: 300px;  }
#pub_4 { width: 300px;  }
#pub_1, #pub_2, #pub_3, #pub_4 { margin:auto; margin-top:2%;  }

#footer { border-top:2px solid #f59f18; clear:both; background-color:#fff; width:98%; margin:auto; padding-top:20px; text-align:center; font-size:0.9em }

#logo_bas { width:32px; }

#bloc_liens { width:71%; float:right; background-color:#F5F5F5; margin:0.5%; border-radius:5px; padding:3px; }
#bloc_liens li { padding-left:30px; list-style-type:none; }
#bloc_liens ul { padding:0; float:left; width:33%; text-align:left }

#bloc_adr { width:25%; float:left; background-color:#F5F5F5; margin:0.5%; border-radius:5px; padding:3px; }
#bloc_adr li { list-style-type:none; display:inline-block; margin:0; }
#bloc_adr ul { display:inline-block;padding:0;margin:0; }

#flexisite { clear:both; margin-top:170px; font-size:0.7em; font-family: 'Arial', sans-serif; }

/* formulaires */
fieldset { border-radius:10px; background-color:#eee; margin:auto; width:90%; margin-top:12px; }
legend { font-weight:bold; }

form input[type=submit] { border-radius:10px; margin:auto; margin-top:15px; background-color:#eee; color:#000; }
form input[type=submit]:hover { inset; background-color:lightyellow; border-color: #F78000; color: #000; }

form label { display:inline; width:15rem; }
form label[type=radio] { background-color:#f00; }
form textarea { width:90%; border-radius:10px; background-color:#FAFAFA;color:#000; }
form textarea:focus, textarea:hover { color:#000; background-color:lightyellow; border-color:#F78000; }

form input { width:90%; border-radius:10px; background-color:#FAFAFA; display:inline; color:#000; color:black; }
/*form#form_mail input[type=text] { width: 60%; border-radius:10px}
form#form_mail input[type=tel] { width: 60%; border-radius:10px}
form#form_mail input[type=email] { width: 60%; border-radius:10px;}*/
form input[type=date] { width:auto; }
form input[type=radio] { width:auto; }
form input[type=checkbox] { width:auto; }
form input:hover, input:hover { color:#000; background-color:lightyellow; border-color: #F78000; }
form input[type=submit] { width:40%; margin:auto; margin-top:15px; }
form#search_bar input { width:auto; }

form select { border-radius:10px; background-color:#FAFAFA; color:#000; font-size:1em; }
form select:hover { border-color:#F78000; background-color:lightyellow; }
form option { background-color:lightyellow; color:#000; }

#bloc_search { width:98%; text-align: center;padding: 2%; }
.form_search input[type=submit] { width:10%; margin:auto;font-size:1.1em;  }
.form_search input { width:60%;font-size:1.1em; }
.form_search  { font-size:1.1em; }

/* BgSwitcher  background:url("../../images/cover/img_1.jpg") center bottom no-repeat; */
	.box { clear:both; width:100%; background-color:#fff; text-align:center; margin:0; border-bottom: 1px solid #f59f18 ;
		/* -webkit-background-size: cover; /* pour anciens Chrome et Safari no-repeat right bottom fixed*/
		/* background-size: contain; /* version standardis�e */ 
		 /*background-size: contain;cover*/
		/* -webkit-background-size:cover ;
		 -moz-background-size: cover;
		 -o-background-size: cover;
		 background-size: cover;*/
		}

	#mini_box2 { width:20%; float:left; margin:1%; margin-bottom:0; } 
	#mini_box2 img { width:100%}

	#mini_box1 { float:left; padding:1%; width:70%; margin:1%; letter-spacing:1px; line-height:120%; text-align:left; background: rgba(255, 255, 255, .8);
		/*filter:"progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B2FFFFFF,endcolorstr=#B2FFFFFF,gradienttype=0)";
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FFFFFF,endColorstr=#B2FFFFFF)";
		zoom: 1;display:none;*/
		}

	#mini_box3 { width:auto; float:left; padding-left:1%; margin:1%; margin-bottom:1%; text-align:left; }

/** sharing bouton **/
#share-buttons { text-align:left; margin:1%; }
#share-buttons img { width: 32px; margin: 2px; border: 0; display: inline; }
#share-buttons  a { background-color: transparent; text-decoration: none; } 	 

.videoWrapper { border: 1px solid #f59f18;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	width: 300px;
	height: 400px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/** --------------------------------- **/
/** pour les rollovers reseau sociaux **/
/** --------------------------------- **/

.rollover1 { background:url("../../themes/go-nord/imgs/footer-fb.png") 0 0 no-repeat; }
.rollover2 { background:url("../../themes/go-nord/imgs/footer-gplus.png") 0 0 no-repeat; }
.rollover3 { background:url("../../themes/go-nord/imgs/footer-twit.png") 0 0 no-repeat; }
.rollover4 { background:url("../../themes/go-nord/imgs/footer-linkedin.png") 0 0 no-repeat; }
.rollover5 { background:url("../../themes/go-nord/imgs/footer-youtube.png") 0 0 no-repeat; }
.rollover6 { background:url("../../themes/go-nord/imgs/footer-pinterest.png") 0 0 no-repeat; }
.rollover7 { background:url("../../themes/go-nord/imgs/footer-instagram.png") 0 0 no-repeat; }
.rollover8 { background:url("../../themes/go-nord/imgs/footer-skype.png") 0 0 no-repeat; }
.rollover9 { background:url("../../themes/go-nord/imgs/footer-yahoo.png") 0 0 no-repeat; }
.rollover10 { background:url("../../themes/go-nord/imgs/footer-zalo.png") 0 0 no-repeat; }

.rollover1, .rollover2, .rollover3, .rollover4, .rollover5, .rollover6, .rollover7, .rollover8, .rollover9, .rollover10 { display:inline-block; width:30px; height:30px; margin:0; padding:0 }

.rollover1:hover, .rollover2:hover, .rollover3:hover, .rollover4:hover, .rollover5:hover, .rollover6:hover, .rollover7:hover , .rollover8:hover, .rollover9:hover, .rollover10:hover { background-position:0 -30px; background-color:#fff; transform: rotate(-60deg);   }

.rollover1 span, .rollover2 span, .rollover3 span, .rollover4 span, .rollover5 span, .rollover6 span, .rollover7 span , .rollover8 span, .rollover9 span, .rollover10 span { display:none }

/** ------------------------------------------- **/
/** pour les petits écrans quelques adaptations **/
/** ------------------------------------------- **/

@media screen and (max-width: 650px) {
	#logo { margin: 0% }
	#bloc_top_A { width: 50%; float:right; margin:0; padding:0 } 	
	#bloc_top_B { width: 100%; margin:0; padding:0 }
	#bloc_top_C { width: 59%; margin:0.5%; padding:0 }
	#bloc_top_D { width: 39%; margin:0.5%; padding:0 }

	div { max-width:99%; margin:auto; }
	/*#logo hr { width:280px; margin-top:-7px; }*/
	/*form#form_letter  input { max-width:45%; } */
	/*#bloc_search { clear: both; width:100%; }
	form#form_search   input { max-width: auto;}*/
	#bloc_letter { clear: both; width:99%; margin:auto;}
	/*#bloc_lg { max-width:99%; margin:auto; }*/
	.hidden { display:none; }
	h1 { font-size:1.3rem; }
	h2 { font-size:1.1rem; }
	h3 { font-size:1rem; }
	body { font-size:0.9em; }
	img { max-width:99%; }
	li.bouton_menu { width: 95px; }
	#content { width: 99%; }
	#bloc_A, #bloc_B  { width:92%; } 
	.footer { width:100%; vertical-align:top; padding:1% }
	#bloc_adr { clear: both; float:none; width:94%; padding:3px; margin:auto; }
	#bloc_liens { clear: both; float:none; width:94%; padding:3px; margin:auto; }
	#col_2 {display:none ;}
	#col_1b {margin:0 ; width:98%}
	#pub_1 { display:none; }
	#pub_3 { display:none; }
	#pub_2 { display:none; }
	/*#mini_box2 , #mini_box1 { margin:1%}*/
	#mini_box3 { width:100%; text-align: center;}
}

/** ------------------------------------------- **/
@media screen and (max-width: 400px) {
	#bloc_lg img { width: 35%; }
	/*#logo { font-size:1.6em; clear: both; }#bloc_ligne { font-size:0.8em ; letter-spacing: 1px; }
	#logo hr { width:240px; }
	#bloc_titre { font-size:2em; width:50%; }h1 { clear: both; margin-top:100px; }*/
	form#form_mail input[type=date] { width: 40%; }
	#bloc_titre { clear: both; margin-top:100px; }
}