/*------------------------------------*\
    RESET
\*------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}



/*------------------------------------*\
    GLOBAL
\*------------------------------------*/


@font-face {
    font-family: 'BebasNeue';
    src: url('font/BebasNeue.eot');
    src: url('font/BebasNeue.eot?#iefix') format('embedded-opentype'),
         url('font/BebasNeue.woff') format('woff'),
         url('font/BebasNeue.ttf') format('truetype'),
         url('font/BebasNeue.svg#quicksandlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

.specialfont{font-family: 'BebasNeue',sans-serif;}

html{
    height: 100%;
	position:relative;
}

body{
	min-height:100%;
	position:relative;
	background:#FFFFFF;
	font-family: sans-serif;
	color:#444;
	height:auto;
}


.link,.link:visited{color:#42ad8a;}
.link-white,.link-white:visited{color:#FFF;}
.link:hover,.link:focus,.link-white:hover,.link-white:focus{text-decoration:none;}



/*------------------------------------*\
    HEADER
\*------------------------------------*/


.header{
	text-align: center;
	background: #12b3df;
}
	.header .logo{
		padding: 30px 20px 20px;
		display: inline-block;
	}

nav{
	padding: 10px 0 20px;
}

	#navigation li{
		display:inline-block;
	}
		#navigation li a{
			font-size: 1.4em;
			color:#1d465b;
			text-decoration:none;
			display:inline-block;
			padding:10px;
			margin: 0 10px;
			transition:color 200ms;
		}
		#navigation li a.active,
		#navigation li a:hover,
		#navigation li a:focus{
			color:#FFF;
		}


.larue{
	height: 132px;
	background: url("../images/delarueaudojo-immeubles.png") repeat-x bottom center;
}
	.ledojo{
		height: 132px;
		margin: 0 auto;
		width: 313px;
		background: url("../images/delarueaudojo-dojo.png") no-repeat top center #12b3df;
		padding: 0 193px;
	}




/*------------------------------------*\
    SECTIONS
\*------------------------------------*/

.main-section{
	width: 80%;
	max-width: 1000px;
	padding: 40px 0 80px;
	margin: 0 auto;
	position: relative;
}
	.presentation{
		font-size: 0.9em;
		line-height: 1.5em;
		padding: 40px;
		width: 400px;
		text-align: justify;
		margin: 0 auto;
	}
.partenaires{
	padding: 60px 0;
	background: #eee;
	text-align: center;
    font-size: 1.2em;
}
	.partenaires a{
		display: inline-block;
		padding: 5px 20px 0;
		vertical-align: bottom;
	}
	.partenaires a:hover,
	.partenaires a:focus{
		padding-top:0px;
		padding-bottom:5px; 
	}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

.footer{
    font-size: 1.2em;
    padding: 20px 0;
    text-align: center;
	background-color:#12b3df;
	color: #fff;
}
.footer-link,
.footer-link:visited{
	color: #1d465b;
}
.footer-link:hover,
.footer-link:focus{
	text-decoration:none;
}