/*
*************************************************************************************
har| mo| nie| leh| re|
Design graphique par Fig55
Intégration / Programmation par Tribal Solutions 2013
Tous droits réservés
*************************************************************************************
*/

/*Bootstrap font reset*/
html,body {height:100%;}
body {font-family: 'Open Sans', sans-serif;}
.navbar-search .search-query {font-family: 'Open Sans', sans-serif;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: 'Open Sans', sans-serif;}


a {}
body {font-size:14px; padding-bottom:200px; position:relative;}
	@media (max-width: 767px) {
		body { margin-bottom:350px; background-position: 0% 100%; background-size: 70% auto;}
	}

h2 {font-weight: 200; font-size:48px; margin-bottom:30px;}
h3 {font-weight: 200; font-size:22px; margin-bottom:20px; margin-top:0;}
	@media (max-width: 767px) {
		h2 {font-size:30px;}
		h3 {font-size:19px;}
	}



.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#header_slide {background:url('../media/resonancesboreales.jpg'); background-size:cover; background-position:center; height:100vh; width:100%; }


#slogan {color:#fff; margin-top:210px; font-size:20px; position: relative; font-weight: 100; opacity:0.9;}

#menu_row {position:absolute; bottom:0px;}

	.menu {}
	.menu {margin-bottom:50px;}
		.menu a {color:#fff; font-size:27px; font-weight: 300; opacity:0.5; margin-right:110px; text-transform: uppercase;}
			.menu a:hover {text-decoration: none; opacity:0.7;}


	@media (max-width: 1199px) {
		.menu a {font-size:24px; margin-right:90px;}
	}

	@media (max-width: 1016px) {
		.menu a {font-size:24px; margin-right:110px;}
	}
	@media (max-width: 991px) {
		.menu a {font-size:23px; margin-right:60px;}
	}

	@media (max-width: 970px) {
		.menu a {font-size:20px; margin-right:50px;}
	}

	@media (max-width: 769px) {
		#slogan {display:none;}
		#romanzavada_logo{max-width:100%;}
	}

	@media (max-width: 713px) {
		.menu a {font-size:21px; margin-right:0px; display: block; margin-bottom:10px;}
	}





#frames {width:100%; height:153px; background:url('../media/frames.jpg') repeat-x; margin-bottom:50px; text-align: center; padding-top:29px; background-position:center center; }
	#frames a {color:#fff; font-size:70px; }

.spacer {height:100px; width: 100%px;}



.modal-content {
    border-radius: 0;
    background:none;
   }

.modal-body {padding:0;}