/******************************* 
BEGIN CORE-COMMON
*******************************/

@font-face { font-family: 'Matura MT Script Capitals'; src: url('fonts/matura_mt_script_capitals.eot'); src: url('fonts/matura_mt_script_capitals.eot?#iefix') format('embedded-opentype'), url('fonts/matura_mt_script_capitals.svg#Matura MT Script Capitals') format('svg'), url('fonts/matura_mt_script_capitals.woff') format('woff'), url('fonts/matura_mt_script_capitals.ttf') format('truetype'); font-weight: normal; font-style: normal;}

body {padding:0;margin:0;font-family:'arial', sans-serif;color:#1f2f31;margin-top:7%;float:none;text-align:center;color:#FFF;background-color:#fbf8f1}
   
a:link {color:#d8d6aa;text-decoration:none;}

a:visited {color:#d8d6aa;text-decoration:none;}

a:hover {color:#FFF;text-decoration:underline;}

img {border:none;}    


/******************************* 
BEGIN BANNER
*******************************/	
#banner {background-image:url("/images/banner_bg.jpg");background-repeat:repeat-x;width:100%;height:390px;}


/******************************* 
BEGIN HEADER
*******************************/	

#theheader {padding-top:100px;}

div#header {background-image:url("/images/header_top_bg.jpg");background-repeat:repeat-x;width:100%;height:152px;color:#FFF;}

div#header img#logo, div#header img#logoEN {margin-top:-60px;}


/******************************* 
BEGIN CONTENT 
*******************************/

h2.title {font-family:'Matura MT Script Capitals';color:#FFF;font-style:italic;margin-top:-20px;}

p#msgFR {font-size:14px;padding-top:10px;width:100%;margin: 0 auto;}



/******************************* 
BEGIN FOOTER 
*******************************/


#footer {font-size:13px;width:100%;text-align:center;padding-top:20px;}

#footer ul {list-style:none;padding:0;margin:0;padding-top:20px;padding-bottom:20px;}

#footer ul li.social {display:inline-block;zoom:1;*display:inline;padding-left:20px;padding-bottom:5px;}

#footer ul li.mobile {padding-top:10px;}

/*/////////////////////////////////// 
//////// MEDIA DISPLAYS ////////////
//////////////////////////////////*/



@media screen and (max-width:884px)
{
/******************************* 
BEGIN HEADER 
*******************************/


#theheader {padding-top:10%;}


}


/******************************* 
MOBILE DISPLAYs
*******************************/	


@media screen and (max-width:640px)
{
body {margin:0;}

#theheader {padding-top:15%;}



}

@media screen and (max-width:450px)
{
	
#banner {height:450px;}

#theheader {padding-top:23%;}



}