/*TYPO*/

*{
	font-family: 'Lato', sans-serif;
	letter-spacing: 0.07em;
	margin:0;
	padding: 0;
}
a:hover, a:focus {
    text-decoration: none;
}

/*HEADER*/

/*NAVBAR*/

body {
	overflow-x: hidden;
}


.container-fluid{
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.no-container{
	margin-left: 0 !important;
    margin-right: 0 !important; 
}

.navbar-default{
	border: none;
	border-radius:0;
	position: fixed;
    top: 0;
    left: 0;
    border-top: 4px solid #e0ae58;
    background: rgba(10,80,115,0.8);
    z-index: 999;
    color: white;
    width:100%;
	height:80px;
}

@media (min-width: 768px){
.navbar-right {
    float: right !important;
    margin-right: -15px;
    margin-top: 15px;
}
}

.navbar-default .navbar-nav > li > a {
    color: white;
    font-weight: 300;
    font-size: 12px;
    transition: all 0.7s;
}

.navbar-default .navbar-nav > li > a:hover{
    color: #e0ae58;
}


/*FIN NAVBAR*/

/*SLIDE*/
#slide{
	background: url("assets/img/main_accueil.jpg") center center no-repeat ;
	background-size: cover;
	position: relative;
	height: 630px;
	width:100% auto;
}

#titre{
	position: relative;
	top:150px;
}


#titre h3{
	background-color: rgba(255, 255, 255, 0.6); 
	font-size: 35px;
	padding: 15px;
	font-weight: 300;
	color: #0a5073;
	float: left;
}

#titre h1{
	background-color: rgba(255, 255, 255, 0.6);
	font-size: 50px;
	padding: 15px;
	color: #0a5073;
	float: left;
	clear: left;

}


/*------------SLIDE PAGE CABINET----------*/

#slide_cabinet{
	background: url("assets/img/main_cabinet.jpg") center center no-repeat ;
	background-size: cover;
	position: relative;
	height: 630px;
}
#titre_cabinet{
	position: relative;
	top:400px;
}
#titre_cabinet h1{
	background-color: rgba(255, 255, 255, 0.8);
	font-size: 50px;
	padding: 15px;
	color: #0a5073;
	display: block;
	width: 350px;
}

/*------------SLIDE PAGE COMPETENCES----------*/

#slide_competences{
	background: url("assets/img/main_competences.jpg") center center no-repeat ;
	background-size: cover;
	position: relative;
	height: 630px;
}
#titre_competences{
	position: relative;
	top:400px;
}
#titre_competences h1{
	background-color: rgba(255, 255, 255, 0.8);
	font-size: 50px;
	padding: 15px;
	color: #0a5073;
	display: inline-block;
}

/*------------SLIDE PAGE HONORAIRES----------*/

#slide_honoraires{
	background: url("assets/img/main_honoraires.jpg") center center no-repeat ;
	background-size: cover;
	position: relative;
	height: 630px;
}
#titre_honoraires{
	position: relative;
	top:370px;
}
#titre_honoraires h1{
	background-color: rgba(255, 255, 255, 0.8);
	font-size: 50px;
	padding: 15px;
	color: #0a5073;
	display: inline-block;
}

/*------------SLIDE PAGE CONTACT----------*/

#slide_contact{
	background: url("assets/img/main_contact.jpg") center center no-repeat ;
	background-size: cover;
	position: relative;
	height: 630px;
}

#titre_contact{
	position: relative;
	top:400px;
}

#titre_contact h1{
	background-color: rgba(255, 255, 255, 0.8);
	font-size: 50px;
	padding: 15px;
	color: #0a5073;
	display: block;
	width: 300px;
}

/*FIN SLIDE*/
/*FIN HEADER*/

/*DEBUT MAIN SECTION*/
/*DEBUT CONTENT-TOP*/
#content_top{
	position: relative;
}
.bg-img{
    background: url(assets/img/peyroutwo_accueil.jpg) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    height: 600px;
    width: 80%;
    background-size: cover;
}

#block_one{
	background: white;
	display: inline-block;
	height: 300px;
}

#block_two{
	background: white;
	height: 300px;
}

#block_three{
	background: #e4e4e4;
	height: 300px;
}
/*FIN CONTENT TOP*/
/*DEBUT CONTENT DOWN*/

#contentdown_left{
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0 !important;
    margin-right: 0 !important; 
}

#contentdown_one{
	background: #e4e4e4;
	height: 320px;

}

#contentdown_two{
	background: #e0ae58;
	height: 320px;
}

#block_four{
	background: white;
	height: 320px;
}
/*#block_five{
	background: #e4e4e4;
	height: 300px;
}*/


/*#block_six{
	background: #e0ae58;
	height: 300px;
}*/

#block_seven{
	background: white;
	height: 320px;
}

#block_eight{
	background: url(assets/img/statue_accueil.jpg) no-repeat;
    /*display: inline-block;*/
    height: 640px;
    background-size: cover;
    background-position: 50% 50%;

}

/*--------typos------*/
.typo_medium{
	color: #0a5073;
	font-size:24px;
	font-weight: 300;
}

.typo_mediumstrong{
	color: #0a5073;
	font-size:24px;
	font-weight: 700;
}

.typo_mediumstrongblue{
	color: #e0ae58;
	font-size:24px;
	font-weight: 700;
}

.typo_mediummoins{
	color: #0a5073;
	font-size:18px;
	font-weight: 300;
}

.typo_mediumplus{
	color: #0a5073;
	font-size:29.5px;
	font-weight: 300;
}

.typo_mediumpluswhite{
	color: #fff;
	font-size:29.5px;
	font-weight: 300;
}

.typo_mediumpluswhitestrong{
	color: #fff;
	font-size:29.5px;
	font-weight: 700;
}

.typo_mediumplusstrong{
	color: #0a5073;
	font-size:29.5px;
	font-weight: 700;
}

.typo_mediumplusstrongblue{
	color: #e0ae58;
	font-size:29.5px;
	font-weight: 700;
}

.typo_small{
	color: #0a5073;
	font-size:14px;
	font-weight: 300;
}

.typo_smallplus{
	color: #0a5073;
	font-size:17px;
	font-weight: 300;
}

.typo_smallpluswhite{
	color: #fff;
	font-size:17px;
	font-weight: 300;
}

.typo_smallplusstrong{
	color: #0a5073;
	font-size:17px;
	font-weight: 700;
}

.typo_smallwhite{
	color: #fff;
	font-size:14px;
	font-weight: 300;
}

.typo_smallstrong{
	color: #0a5073;
	font-size:14px;
	font-weight: 700;
}

.typo_bigblue{
	color: #e0ae58;
	font-size:42px;
	font-weight: 300;
}

.typo_bigbluestrong{
	color: #e0ae58;
	font-size:42px;
	font-weight:700;
}

/*---------articles---------*/
#article_one{
	padding-left: 50px;
	padding-top: 60px;
}

#article_two{
	padding-left: 50px;
	padding-top: 30px;
}
#article_three{
	padding-left: 50px;
	padding-top: 70px;
}

#article_four{
	padding-left: 50px;
	padding-top: 70px;
}

/*----------CONTENT PAGE CABINET---------*/

#cab_blockone{
	background-color: #e0ae58;
	height: 500px;
}

#cab_blocktwo{
	background: url(assets/img/portrait_cabinet.jpg) #e0ae58 right 0 no-repeat;
    height: 500px;
}
#cab_blockthree{
	padding-left: 50px;
	padding-top: 70px;
	line-height: 50px;
}

#cab_blockfour{
	height: 250px;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 70px;
	line-height: 50px;
}

#cab_blockfive{
	height: 250px;
	background-color:#e4e4e4;
}


/*----------CONTENT PAGE COMPETENCES---------*/

#droitpublic{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 80px;
	padding-right: 80px;
	line-height: 40px;
}
#droitpublic p,
#droitprive p{
	color: #0a5073;
}
#droitprive{
	padding-top: 20px;
	line-height: 40px;
	padding-right: 0px;
}
#marteau{
	background: url(assets/img/judge.jpg) #e0ae58 no-repeat;
	background-position: 0% 40%;
    height: 350px;
    padding-bottom: 0px;
}

/*----------CONTENT PAGE HONORAIRES---------*/

#blockhonoone{
	height:50px;
	background: #0a5073;
}
#textehonoraires{
	padding-top: 40px;
	padding-bottom: 30px;
	line-height: 40px;
	padding-left: 60px;
	padding-right: 60px;
}
#textehonorairestwo{
	padding-top: 40px;
	line-height: 40px;
	padding-left: 60px;
	padding-right: 60px;
}
#blockhonotwo{
	background:url(assets/img/iphone.jpg)#e0ae58 no-repeat;
	height: 300px;
}

/*----------CONTENT PAGE CONTACT---------*/

#cont_blockone{
	background-color: #e0ae58;
	height: 125px;
}

#map{
	height: 600px;
}

form{
	padding-top: 50px;
}

.form-control:focus{
	border-color: #e0ae58;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(83, 206, 190, .6);
}

label{
	color: #0a5073;
	font-size:16px;
	font-weight: 300;
}

.btn{
	background: #e0ae58;
	color:#fff;
}

.btn:hover{
	background: #333;
	color:#fff;
}

.btn:focus{
	outline-color: #e0ae58;
}




/*FOOTER*/

#divfooter{
	background:#0a5073;
	padding-left: 50px;
	padding-top: 20px;
    padding-bottom: 20px;
}

#cellone,#celltwo,#cellthree,#cellfour{
	padding-left: 50px;
}

#celltwo{
	margin-top: 20px;
}
#cellthree,
#cellfour{
	margin-top: 20px;
}


/*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (min-width: 1025px) and (max-width : 1680px) {
    	#divfooter{
			padding-left: 10px;
			padding-top: 50px;
			height:150px;
		}
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width: 768px) and (max-width : 1024px) {
    	/*________ACCUEIL_________*/
    	#article_one{
			padding-left: 20px;
			padding-top: 40px;
		}
		.typo_mediumstrongblue{
			color: #e0ae58;
			font-size:18px;
			font-weight: 700;
		}
		
		#divfooter{
			padding-left: 10px;
			padding-top: 50px;
		}
		#cellone, #celltwo, #cellthree, #cellfour {
    		padding-left: 20px;
    		padding-top: 20px;
		}
		#cellone{
			line-height: 25px;
		}
		#celltwo{
			margin-top: 0px;
			margin-left: 10px;
			padding-top: 60px;
		}
		#cellfour{
			margin-top: 0px;
			padding-top: 55px;
		}
		#cellthree{
			padding-top: 40px
		}
		#divfooter{
			padding-top: 0px;
		}
		.typo_mediumpluswhite{
			color: #fff;
			font-size:25px;
			font-weight: 300;
			letter-spacing: 8px;
		}
		#block_eight {
 			background-position: 30% 50%;
		}
		#article_three{
			padding-left: 40px;
			padding-top: 70px;
		}
		#article_four{
			padding-left: 50px;
			padding-top: 40px;
		}
		#block_four{
			border-bottom: none;
		}

		.bg-img{
			background-position: 40% 0%;
		}

		/*________CABINET_________*/
		#titre_cabinet h1{
			background-color: rgba(255, 255, 255, 0.8)
		}
		#cab_blockthree{
			padding-top: 20px;
			padding-left: 40px;
			line-height: 50px;
		}
		#cab_blockfour{
			padding-top: 20px;
		}
		

		/*________COMPETENCES_________*/
		#droitpublic{
			padding-left: 60px;
		}
		#droitprive{
			
		}
		#marteau{
			margin-top: 50px;
			height: 600px;
			background-color: #e0ae58;
			background-position: 0 0;
		}

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		.navbar-brand{
			height: auto;
		}
		.navbar-brand img{
			width: 40% !important;
    		float: left;
    		margin-top: -65px;
			height: auto;
		}
		.navbar-default .navbar-collapse{
			background: rgba(10,80,115,0.8);
		}
		.navbar-toggle{
			margin-top:20px;
		}
    	/*PAGE INDEX / TITRE*/
    	#slide{
			height: 400px;
		}
		#titre{
			top:60px;
		}
		#titre h1{
			font-size: 50px;
		}
		/*PAGE INDEX / CONTENT */
		#block_two{
			border-top: 1px solid #e0ae58; 
		}
		#block_eight{
			height:350px;
			background-position: 0% 10%;
		}
		#block_four{
			height:280PX;
		}
		#block_seven{
			height:280PX;
		}
		#article_one{
			padding-left: 50px;
		}
		#article_three{
			padding-left: 50px;
			padding-top: 60px;
		}
		#contentdown_one{
			height:280px;
		}
		#contentdown_two{
			height:280px;
			border-top: 1px solid #e0ae58; 
		}

		/*CABINET*/
		#slide_cabinet{
			height:400px;
		}
		#titre_cabinet{
			top:250px;
		}
		#cab_blockone{
			height: 50px;
		}
		#cab_blocktwo{
			background-position: 50% 0%;
			height: 600px;
		}
		#cab_blockthree{
			line-height: 45px;
			padding-top: 50px;
		}
		#cab_blockfour{
			background-color: white;
			z-index: 100;
			line-height: 45px;
			padding-left: 40px;
			padding-top: 0px;
		}
		#cab_blockfive{
			background-color: #e0ae58;
		}
		/*COMPETENCES*/
		#slide_competences{
			height:400px;
		}
		#titre_competences{
			top:250px;
		}
		#droitpublic{
			padding: 0;
			padding-top: 30px;
		}
		#droitprive{
			padding: 0;
			padding-top: 30px;
		}

		/*HONORAIRES*/
		#slide_honoraires{
			height:400px;
		}
		#titre_honoraires{
			top:250px;
		}
		#textehonorairestwo{
			padding-top: 0px;
			padding-bottom: 40px;
	
		}

		/*FOOTER*/
    	#divfooter{
			padding-top: 20px
		}
		#cellone, #celltwo, #cellthree, #cellfour {
    		padding-left: 0px;
    		padding-top: 0px;
		}
		div #cellone{
			padding-left: 20px;
			padding-top: 40px;
		}

		div#celltwo{
			 margin-left: 0px;
		}
		
	}	

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
    	/*ACCUEIL*/
		.navbar-header{
			padding-right: 10px;
		}
		#slide{
			height: 500px;
		}
		#titre{
			top:100px;
		}
		#titre h3{
			background-color: rgba(255, 255, 255, 0.7); 
			font-size: 30px;
			padding: 15px;
			font-weight: 300;
			color: #0a5073;
			display: inline-block;
		}
		#titre h1{
			background-color: rgba(255, 255, 255, 0.8);
			font-size: 40px;
			padding: 15px;
			color: #0a5073;
			display: block;
			width: 280px;
		}
		
		/*--------typos------*/
		.typo_medium{
			color: #0a5073;
			font-size:16px;
			font-weight: 300;
		}

		.typo_mediumstrong{
			color: #0a5073;
			font-size:16px;
			font-weight: 700;
		}

		.typo_mediumstrongblue{
			color: #e0ae58;
			font-size:16px;
			font-weight: 700;
		}

		.typo_mediummoins{
			color: #0a5073;
			font-size:18px;
			font-weight: 300;
		}

		.typo_mediumplus{
			color: #0a5073;
			font-size:18px;
			font-weight: 300;
		}

		.typo_mediumpluswhite{
			color: #fff;
			font-size:30px;
			font-weight: 300;
		}

		.typo_mediumpluswhitestrong{
			color: #fff;
			font-size:18px;
			font-weight: 700;
		}

		.typo_mediumplusstrong{
			color: #0a5073;
			font-size:18px;
			font-weight: 700;
		}

		.typo_mediumplusstrongblue{
			color: #e0ae58;
			font-size:30px;
			font-weight: 700;
		}

		.typo_small{
			color: #0a5073;
			font-size:12px;
			font-weight: 300;
		}

		.typo_smallplus{
			color: #0a5073;
			font-size:14px;
			font-weight: 300;
		}

		.typo_smallpluswhite{
			color: #fff;
			font-size:20px;
			font-weight: 300;
		}

		.typo_smallplusstrong{
			color: #0a5073;
			font-size:14px;
			font-weight: 700;
		}

		.typo_smallwhite{
			color: #fff;
			font-size:12px;
			font-weight: 300;
		}

		.typo_smallstrong{
			color: #0a5073;
			font-size:12px;
			font-weight: 700;
		}

		.typo_bigblue{
			color: #e0ae58;
			font-size:24px;
			font-weight: 300;
		}

		.typo_bigbluestrong{
			color: #e0ae58;
			font-size:24px;
			font-weight:700;
		}

		/*content_Accueil*/
		#content_top{
			position: relative;
			display: block;
			border-bottom: 1px solid #e0ae58;
		}
		.bg-img{
		    background:#e0ae58;
		  	position: absolute;
		    height: 240px;
		    width: 100px;
		}
		#block_one{
			background: white;
			position: relative;
			height:240px;
		}
		#article_one{
			padding-left: 10px;
			padding-top: 40px;
		}
		#content_top_two{
			border-bottom: 1px solid #e4e4e4;
		}

		#block_two{
			background: white;
			height: 260px;
		}
		#article_two{
			padding-left: 10px;
			padding-top: 20px;
		}
		#block_three{
			background: #e4e4e4;
			height: 260px;
			padding-left: 5px;
			padding-top: 20px;

		}

		#article_three{
			padding-left: 20px;
			padding-top: 1px;
		}
		
		#contentdown_one{
			background-color: #e0ae58;
			border-bottom: 1px solid #e0ae58;
			height: 240px;
		}

		#block_four{
			float: right;
			padding-top: 50px;
			height: 240px;
			border-bottom: 1px solid #e0ae58;
		}
		#article_four{
			padding-left: 5px;
    		padding-top: 40px;
		}

		#block_eight{
			height: 240px;
		}

		#contentdown_two{
			background-color: #e4e4e4;
			border-bottom: 1px solid #e4e4e4;
			height: 240px;
		}
		#block_seven{
			float: left;
			height: 240px;

		}
		

		/*CABINET*/
		#cab_blockone{
			background-color: #e0ae58;
			height: 100px;
		}
		#cab_blockthree{
			padding-left: 40px;
		}
		#cab_blockfive{
			height: 50px;
			padding-left: 40px;
		}
		#cab_blockfour{
			padding-left: 40px;
			padding-top: 30px;
			margin-bottom: 40px;
		}
		#titre_cabinet h1{
			font-size: 30px;
			width: auto;
			display: inline-block;
		}

		/*COMPETENCES*/
    	#titre_competences h1{
			font-size: 30px;
			width: auto;
			display: inline-block;
		}
		
		#droitpublic{
			padding: 0;
			padding-top: 15px;
		}
		#droitprive{
			padding: 0;
			padding-top: 15px;
		}

		/*HONORAIRES*/
		#titre_honoraires h1{
			font-size: 30px;
			width: auto;
			display: inline-block;
		}

    	/*FOOTER*/
    	#divfooter{
			background:#0a5073;
		}
		div #cellone{
		    padding-top: 10px;
		    padding-left: 0px;
		    margin: 0;
		}

		div#celltwo{
			vertical-align: text-bottom;
		    vertical-align: bottom;
		    padding-top: 10px;
		    margin: 0;
		}

		div#cellthree{
			vertical-align: text-bottom;
		    vertical-align: bottom;
		    padding-top: 10px;
		    margin: 0;
		}

		div#cellfour{
		    vertical-align: bottom;
		    padding-top: 10px;
		    margin: 0;
		}
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }



@media screen and (min-width:768px) and (max-width:960px){

}

@media screen and (max-width:768px){

}