* {  margin:0; padding:0; }
html, body { 	height:100%; }
body { 
  	font-family: 'Lato', sans-serif;
	font-weight: normal;
   	color:#313131;    
   	background: url(images/line.png) top center repeat-x;
	font-size: 0.85em;
}
img { border:0;  vertical-align:top;  }    
a {
	text-decoration: none; cursor: pointer;
	color: #e68a23;
}
a:hover{
	text-decoration:underline;
}
h1 {
	margin-bottom: 10px;
	color: #e68a23;
	font-size: 1.2em;
	
}
h2 {
	margin-bottom:8px;
	color: #e68a23;
	font-size: 1.1em;
}

h3 {
	margin-bottom:4px;
	color: #e68a23;
	font-size: 1em;
	
	
}

.clear { clear: both;}              
.clear10 { clear: both; height: 10px}              
.left { float: left;}
.right { float: right;} 
.alignright { text-align: right; }
.alignleft { text-align: right; }

                       

/* Containers */
#wrap {
	width:960px; 
	margin:0 auto;
	position: relative;
	margin-top: 40px;
}
#header {
	height:70px;
	position:relative;
}
#logo {
	text-align: right;
	float: right;
}
#gallery {
	margin-bottom: 20px;
	height: 220px;
}
#content {
	margin-top: 40px;
	clear:both;
}
body#home #content {
	margin-top: 20px;
}
#content ul, #content ol { margin-left: 20px;}  
#content p {
	text-align: justify;
	margin-bottom: 10px;
	line-height: 1.6em;
}      

#toggle {
	float: right;
}

	
#menu {   
	height: 50px;
}    

#menu li {
	list-style-type: none;
	float: left;
	width: 312px;
	margin-right: 10px;
	background-color: #6a695c;
}
#menu li li {
	opacity: 0.9;
}
#menu li:last-child {
	margin-right: 0px;
}
#menu li a {
	font-size:1em;
	text-decoration:none;
	line-height:26px;
	padding: 4px 10px;
	color: #fff;
	font-weight: 300;
}
 #menu li#current {
	background-color: #e68a23;
}
#menu li#current a {
	color:  #000;
}  
#menu li:hover a,  #menu li ul li:hover a{
	color: #e68a23;
}
#menu li:hover li a {
	color: #fff;
}
#menu li#current:hover a {
	color: #000;
}

#footer {
   background-color: #6a695c;
   height: 30px;
   padding-top: 10px;
	margin-top: 10px;
	clear: both;
	color: #fff;
	font-size: 0.8em;
}
body#home #footer  {
	/*position: fixed;
	width: 100%;
	bottom: 0;
	*/
	margin-top: 10px;
}
#footer_inner { 
	margin: 0 auto;
	width: 960px;
	height: 20px;
}
.line {
	height: 10px;
	background: url(images/line.png) top center repeat-x;
	width: 100%;
}



#share {
	clear:both;
	height: 24px;
	margin: 30px 0 10px 0;
} 
#langbar {
	float: left;        
	padding: 10px;
}                
#langbar a {
    text-decoration: none;
}  


		
/* News */
.news_date{
	 color: #462853; 
	font-size: 10px;  
}	
.news_content p {
	line-height: 16px;
}   
.news_content ul, .news_content ol, #content .mainContent ul, #content .mainContent ol { 	list-style: disc; margin-left: 17px; } 
		
		
  
/* Notifications */
.notification.success {
	background-color:#effeb9 ;
	border-color:#98c700;     
	color:#98c700;     
}
.notification.error {
	background-color:#fccac3 ;
	border-color:#ea5338;  
	color:#ea5338;  
}
.notification.warning {
	background-color:#ffeaa7 ;
	border-color:#f9b418;  
    color:#f9b418;  
}
.notification.info {
	background-color:#d1e4f3 ;
	border-color:#4d8fcc;    
	color:#4d8fcc;  
}
.notification.tip {
	background-color:#feeac9 ;
	border-color:#d38e49;    
	color:#d38e49;    
}
.notification {
	border-width:1px;
	border-style:solid;
	padding:17px; 
	text-align: center
}

#msg {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999999999;
}


/* Forms */ 
div.row {
	clear:both;
	padding: 3px 0;
	margin-bottom:10px;
	line-height: 1.2em;
}
form label {
	width: 210px;
	margin-right: 10px; 
	display: inline-block;   
	text-align: right;  
	vertical-align: top;     
}  
form label i { font-size: 0.8em }
form label strong i { font-weight: normal; }
#inscription_form  label { width: 270px; }
#inscription_form h2 { margin-top: 25px; margin-top: 15px;  background-color: #e68a23 ; color: #fff;  padding: 5px;}
form #inscription_form   select { width: 200px; }
form input, form textarea, form select {
	padding: 5px 9px;
	border: solid 1px #e1d1e1;
	outline: 0;
	width: 350px;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
}
   
form input:hover, form textarea:hover, form input:focus, form textarea:focus { 
	border-color: #a1a1a1; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}
 
 form input[type=radio], form input[type=checkbox] {
	margin-left: 5px;
	margin-right: 5px;
}  
form select, form input[type=radio], form input[type=checkbox] {
	width: auto;
	} 
form input[type=radio], form input[type=checkbox] {
	border: 0;
	border-color: transparent;
}  

form input.errorform, form textarea.errorform, form select.errorform  {
	border:1px solid #EA5338;   
	padding-left: 24px;
	width: 335px;
	background: #fff url(images/error.png) center left no-repeat;
}
form input.errorform:focus, form textarea.errorform:focus, form select.errorform:focus {
	border:1px solid #EA5338;
	-webkit-box-shadow:0 1px 2px #EA5338 inset;
	-moz-box-shadow:0 1px 2px #EA5338 inset;
} 

form input.button {
	border-color: #666666; 
	color: #313131; 
	background-color: #888888;    
	padding: 5px;
	text-align: center;  
	cursor: pointer;  
	width: auto;
}
span.red { color: red; }
 span.space { width: 70px; display: inline-block }
p.small { font-size: 0.8em; }
#form_id label {
  width: 80px;
}
#contact_left {
  float: left;
  width: 510px;
}
#contact_right {
  float: right;
  width: 400px;
}
#contact_right_inner {
  background-color: #e68a23;
  color: #fff;
  font-size: 1.2em;
  padding: 20px;
  text-align: center;
}
#contact_right_inner p {
  text-align: center;
  line-height: 1.8em;
}
#contact_right_inner a {
  padding: 10px;
  background-color: #fff;
  border-radius: 10px;
  margin-top: 15px;
}




@media screen and (max-width: 520px) { 
	
	/* Containers */
	#wrap {
		width: auto;
		padding: 5px 20px; 
		margin-top: 10px;
	}
	#header {
		height: 50px;
	}
	#gallery {
		display: none;
	}

	#menu {
      margin-bottom: 20px;
      height: 20px;
    }

/*	#menu {   
		height: 50px;
		width: auto;
		clear: both;
	}    

	#menu li {
		float: none;
		width: 100%;
	}
	#menu li a {
		display: block;
		
	}
	
	*/
	#footer_inner { 
		width: auto;
	}
	
	form label {
		width: 50px;
	}  
	form input, form textarea, form select {
		width: auto;
	}
	form textarea {
		max-width: 300px;
	}
	
	
	
}