/*
	Iridium by TEMPLATED
    templated.co @templatedco
    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
	}

	body,input,textarea,select
	{
		font-size: 11pt;
    }
    #content .blocku {
    border-bottom: 0;
    border-right: 0;
    text-align:left;
    display: inline-block;
    width: 13.5%;
    height: auto;
    margin: 2px 2px;    
    padding: 2px;
    z-index: 4;
    }
    
    #content .block {
    border-bottom: 0;
    border-right: 0;
    text-align:left;
    display: inline-block;
    width: 15.5%;
    height: auto;    
    padding: 1px;
    margin: 2px;
    z-index: 4;
    }
    
    #content .block6 {
    border-bottom: 0;
    border-right: 0;
    text-align:left;
    display: inline-block;
    width: 15.9%;
    height: auto;    
    padding: 1px;
    margin: 2px;
    z-index: 4;
    }
    
    #content .block5 {
    border-bottom: 0;
    border-right: 0;
    text-align:left;
    display: inline-block;
    width: 19.2%;
    height: auto;
    padding: 1px;
    margin: 2px 3px;   
    z-index: 4;
    }
    
    #content .block4 {
    border-bottom: 0;
    border-right: 0;
    text-align:left;
    display: inline-block;
    width: 24.2%;
    height: auto;
    padding: 1px;
    margin: 2px;    
    z-index: 4;
    }
    
    #content .block3up {
    border-bottom: 0;
    border-right: 0;
    border-radius: 5px;
    text-align:center;
    vertical-align: top;
    display: inline-block;
    width:14%;
    height: auto;
    padding: 5px;
    margin: 10px;   
    z-index: 5;
    }
    
    #content .block3 {
    border-bottom: 0;
    border-right: 0;
    text-align:left;
    display:inline-block;
    width: 32.6%;
    height: auto;
    padding: 1px;
    margin: 2px;   
    z-index: 4;
    }
    
    #content .block2 {
    border-bottom: 0;
    border-right: 0;
    text-align:left;
    display: inline-block;
    width: 49%;
    height: auto;
    padding: 1px;
    margin: 2px 4px;   
    z-index: 4;
    }
    
    #content .block1 {
    border-bottom: 0;
    border-right: 0;
    text-align:left;
    display: inline-block;
    width: auto;
    height: auto;
    padding: 1px;
    margin: 2px;   
    z-index: 4;
    }
    
    #responsive-image {
    width: 100%;
    height: auto;
    border-radius: 5px;
    }
    
    #responsive-image2 {
    width: 100%;
    max-width: 801px;
    height: auto;
    }
    
    #responsive-image3 {
    width:100%;
    border-radius: 5px;
    }
    
    #responsive-image4 {
    max-height: 140px;
    max-width: 260px;
    }
    
    #responsive-image5 {
    width: 100%;
    height: auto;
    }
    
    #bloc1 {
    display:inline;
    float:left;
    }
    
    #bloc2 {
    display:inline;
    float:right;
    }
    
    #bloc3 {
    display:inline;
    float:none;
   }

        .select-content2 {
          margin: 10px 0px 10px 0px;
          position: absolute;
          top: 55%;
          width: 48%;
          text-align: left;
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
   }

        .select-content {
        margin:auto;
        }

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		position: relative;
		padding: 2em 0em;
		text-align: center;
	}
	
		.homepage #header
		{
			padding: 2em 0em;
		}

		#header .container
		{
		}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{
		margin-bottom: 2em;
	}
	
		#logo h1
		{
			color: #FFF;
		}
	
		#logo h1 a
		{
			display: block;
			letter-spacing: 1px;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 5em;
			font-weight: 900;
			color: #FFF;
		}

		#logo span
		{
			display: block;
			padding-top: 0em;
			letter-spacing: 1px;
			text-transform: uppercase;
			font-size: 1.2em;
			color: rgba(255,255,255,.5);
		}			
			

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
	}

		#nav > ul > li
		{
			display: inline-block;
		}
		
			#nav > ul > li:last-child
			{
				padding-right: 0;
			}

			#nav > ul > li > a,
			#nav > ul > li > span
			{
				display: block;
				padding: 1em 1.5em;
				letter-spacing: 1px;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: 200;
				font-size: 1em;
				outline: 0;
				color: rgba(255,255,255,.7);
			}


			#nav > ul > li > a:hover
			{
				color: #FFF;
			}

			#nav li.active a
			{
				background: none;
				border-radius: 5px;
				border: 4px solid;
				border-color: rgba(255,255,255,.8);
				color: #FFF;
                opacity: 0.7;
			}

			#nav > ul > li > ul
			{
				display: none;
			}


/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main
	{
		padding: 2em 2em 2em 2em;
	}
	
	#content
	{
	}
	
	#content header
	{
		margin-bottom: 2em;
	}
	
	#content header h2
	{
		font-size: 3em;
	}
	
	#content header .byline
	{
		font-size: 1.40em;
	}
	
	#sidebar h2
	{
		display: block;
		padding-bottom: 2em;
		font-size: 1.4em;
	}

/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/
	
	#featured
	{
		padding: 6em 0em;
	}
    #featured2
	{
		padding: 6em 0em;
	}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
	
	#footer
	{
		position: relative;
		padding: 2em 0em;
	}
	
	#footer h2
	{
		padding-bottom: 2em;
		font-size: 1.4em;
	}
	
/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/
	
	#copyright
	{
		padding: 1em 0em;
	}