body{
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	color:#474747;
	font-size:14px;
}


/* =========================== */
/* STRUCTURE */
/* =========================== */


.menu ul li{
	list-style-type: none;
	display:inline-block;
	text-align:center;
	font-weight:400;
}

.menu ul{
	margin:0;
	padding:0;
}

.menu ul li{
	display:inline-block;
}

.relative{
	position:relative!important;
}

.nopadding{
	padding:0;
}

.menufixed{
	position:fixed;
	top:0;

}

.menufixedoff{
	position:inherit!important;
}

.main_content{
	position:relative;
	float:right!important;
}

.main_menu ul li{
	margin:18px 0;
}

footer a.selected{
	color:#000;
}

header{
	margin:45px 0 25px 0;
}

footer{
	padding:50px 0 15px 0;
	margin:0;
	font-size:13px!important;
	
	background:rgba(0,0,0,.04);
}

footer .left a, footer .left a:link, footer .left a:visited, footer .left a:active{
	display:inline-block;
	margin:0 12px 0 12px;
}

.copy{
	display:inline-block!important;
	padding-right:85px;
	line-height:21px;
	font-size:11px;
	color:rgba(0,0,0,.3)!important;
	background:url('/Content/Themes/battagliero/public/images/copy.png') no-repeat center right;
	margin:0 10px 0 0;
	height:23px;
	min-width:77px;


}



.logos{
	display:inline-block;
	margin:0 10px 0 10px;
}



.blank{
	visibility: hidden;
}

.hidden{
	visibility: hidden;
}

.side_menu, .private{
	text-align:right;
	position:relative;
}

.side_menu .facebook_header{
	display:inline-block;
	width:6px;
	padding:10px;
	height:12px;
	background:url('/Content/Themes/battagliero/public/images/photographe_battagliero_facebook.png') center bottom no-repeat;
	margin:0 10px 0 0;
}

a.star_service img{
position:absolute;
right:120px;
top:-20px; 
width:90px; 
}

.main_menu{
	padding-right:20px;
	font-size:15px;
	padding-left:9px;
}

.logo_wrapper a img{
	display:block;
	margin:auto;
	max-height:65px;
	width:auto;
	max-width:80%;
}

footer .logo_wrapper a img{
	max-width:75%!important;
	margin:0 auto 25px auto!important;
}

.logo{
	max-width:100%;
}

.signature{
	float:right;
	margin-right:55px;
	position:relative;
	bottom:0px;
}


/* =========================== */
/* GALLERIES */
/* =========================== */

img.thumb_photo{
	padding:0px;
}

img.portrait{
	height:317px;
	margin:2px 20px 2px 0;
}

img.paysage{
	height:292px;
	margin:2px 22px 2px 0;
}

img.home{

	margin:2px 22px 2px 0;
}

.galerie_wrap_news{
  display: inline-block;
  height: 200px;
  line-height: 150px;
  margin: 0 10px 10px 0;
  max-height: 220px;
  overflow: hidden;
  text-align: center;
  width: 100%;
  
  
}



/* =========================== */
/* ACTUALITES */
/* =========================== */


	
	/* News DETAIL */
	div.news_detail img{
		max-width:500px;
		max-height:500px;
	}
	
    div.news_detail h1.news-titre, div.news_detail h4.date{
	    text-align:center;
    }
    
	div.news_detail img{
	    display:block;
	    margin:0 auto 25px auto;
    }
    
    div.news_detail p, div.news_global p, .news-description{
	    text-align:center;
	    font-size:14px;
	    line-height:1.5em;
    }
    
    img.news-img{
	    margin-bottom:25px;
    }
    
    a.back{
	    background:url('../images/back.png') left center no-repeat;
	    padding-left:20px;
	    display:inline-block;
	    text-align:center;
    }
    

/* =========================== */
/* POP UP */
/* =========================== */

#popup{
	position:absolute; 

	
	z-index:9999;
	top:8%;
	width:100%;
	height:100%;
	left:0;
}

#popup div{
	padding:0!important;	
}



#attachment_details img{
	
	border:1px solid #E6E6E6;
	padding:3px;
}

#popup .wrapper{
	width:90%;

	padding:50px!important;
	margin:0 auto;
	background:#fff;
	box-shadow:0 0 0 2000px rgba(255, 255, 255,.8);
	position:relative;
	border:4px solid rgba(0,0,0,.03);
}

#popup .wrapper img{
	max-width:90%!important;
	max-height:500px!important;
	display:block;
	margin:0 auto;
}

a.close{
	background:url('/Content/Themes/battagliero/public/images/delete.png') center center no-repeat;
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	top:15px;
	right:15px;
	cursor:pointer;
	
}


/* =========================== */
/* CONTACT */
/* =========================== */


.phone, .mail, .home{
display:inline-block;
padding-left:40px;
padding-right:10px;

height:30px;
background-size:30px 60px!important;

line-height:30px;
				 
background-position:left -1px!important;
-o-transition:.2s;
-ms-transition:.2s;
-moz-transition:.2s;
-webkit-transition:.2s; 
transition:0.2s;
}
            
.home span{
	padding-left:0px;
}
            

.facebook{
	padding-left:40px;
	background:url('/Content/Themes/battagliero/public/images/christophe_battagliero_photographe_facebook.png') no-repeat;
}

.facebook:hover, .twitter:hover, .google:hover, .mail:hover, .phone:hover, .home:hover{            
	background-position:left bottom!important;
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s; 
	transition:0.2s;
            }
 
.facebook, .twitter, .google{
display:block;
margin:0 0 20px 0;

width:30px;
line-height:30px;
height:30px;
background-size:30px 60px!important;
         
background-position:left -1px!important;
-o-transition:.2s;
-ms-transition:.2s;
-moz-transition:.2s;
-webkit-transition:.2s; 
transition:0.2s;
	            
}

 
.phone{
	background:url('/Content/Themes/battagliero/public/images/christophe_battagliero_photographe_phone.png') no-repeat;
}

.home{
	background:url('/Content/Themes/battagliero/public/images/christophe_battagliero_photographe_home.jpg') no-repeat;
}

#facebook span{
visibility: hidden;
}          


input[type="text"], input[type="email"], input[type="password"], textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E6E6E6;
    color: #848484;

    font-size: 120%;
    outline: medium none !important;
    padding: 11px 18px;
    max-width:100%;
    margin:10px 0;
    
    box-sizing: border-box;
    width:100%;
 
}

input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="password"]::placeholder, textarea::placeholder{
	text-transform: uppercase;
	font-weight:400;
	color:rgba(0,0,0,.3);
	font-size:14px;
}

input[type="submit"] {
  background: none repeat scroll 0 0 rgba(0,0,0,.1);
  border: 4px solid #FFFFFF;
  box-shadow: 0 0 1px #848484;
  color: #848484;
  cursor: pointer;
  margin:0 0 0 12px;
  outline: medium none;
  padding: 9px 18px;
}

.contact_wrapper input[type="submit"] {
  margin: 10px 0px 0!important;
	
}


input[type="submit"]:active {
 background: none repeat scroll 0 0 rgba(0,0,0,.2);
 color:#fff;
   box-shadow: 0 0 1px #6e6e6e;
}

textarea {
    height: 200px;
    padding: 9px 18px !important;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {
    border: 1px solid rgba(0,0,0,.4);
}



span.error_box {
    background: url("/Content/Themes/battagliero/public/images/error_box.png") no-repeat scroll 50% 100% rgba(0, 0, 0, 0);
    color: rgba(255, 255, 255, 0.8);
    font-size: 11px;
    opacity: 0.6;
    padding: 4px 5px 8px 7px;
    position: absolute;
    right: 10px;
    top: -10px;
}
.message_error {
    background: url("/Content/Themes/battagliero/public/images/error_box.png") no-repeat scroll 60% 100% rgba(0, 0, 0, 0) !important;
}
@-moz-keyframes bounceIn {
0% {
    opacity: 0;
    transform: scale(0.2);
}
50% {
    opacity: 0.6;
    transform: scale(1.1);
}
70% {
    transform: scale(0.9);
}
100% {
    transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
    opacity: 0;
    transform: scale(0.2);
}
50% {
    opacity: 0.6;
    transform: scale(1.1);
}
70% {
    transform: scale(0.9);
}
100% {
    transform: scale(1);
}
}
.bounceIn {
    animation-name: bounceIn;
}
.animate {
    animation-delay: 0s;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-timing-function: ease;
}
input.error_field, input.error_field:active, input.error_field:focus, textarea.error_field, textarea.error_field:active, textarea.error_field:focus {
    background: none repeat scroll 0 0 rgba(203, 20, 0, 0.1) !important;
    border: 1px solid rgba(203, 20, 0, 0.15) !important;
}

#pname, #pmail, #pobjet, #pmessage {
  position: relative;
}


/* =========================== */
/* TYPOGRAPHY */
/* =========================== */

h1, h2, h3, h4, h5, h6{
	font-weight:200;
}

ul li{
	margin:6px 0;

}

.cms_wrapper .ionTabs__item ul li{
	line-height:23px;
	padding-left:8px;
}

.cms_wrapper .ionTabs__item ul{
	padding:0 0 0 28px;
}

.cms_wrapper ul li:first-letter {
text-transform: capitalize;
}

.cms_wrapper h4, .cms_wrapper h3, .cms_wrapper p, label, .private_wrapper p{
	color:#000;
}



img.partners_logos{
	display:inline-block;
	text-align:center;
	max-height:85px;
	margin: 30px 35px 30px 35px;
}

ul.bullets li{

	font-size:16px;
	color:#000!important;
	list-style-type:none;
	margin:9px 15px!important;
	list-style-type:none;
	background:url('/Content/Themes/battagliero/public/images/li.png') no-repeat center left;
	padding-left:32px!important;
}

h3.title_block{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;

	width:100%;
	padding:6px 9px!important;
	text-transform: inherit!important;
	font-weight:bolder;
	background:rgba(0,0,0, .05);
	color:#993300;
	border:1px solid rgba(0, 0, 0, 0.07)!important;
}

p label, .content p{
	line-height:1.5em;
}

p.p_sub{
	opacity:.6;
	font-size:11px;
}

p em{
opacity:.7;
font-size:14px;	
}

hr{
	border-bottom:1px solid rgba(0,0,0,.07);
	background:none;
	border-top:none;
	border-left:none;
	border-right:none;
	outline:none;
}

ul.cms_menu li:first-child{
	border-top:1px solid rgba(0,0,0,.07);
	padding:20px 0 0 25px;
	margin:0;
	display:inline-block;

}

ul.cms_menu {
	font-size:12px;
	
}

#global{
	position:relative;
}

.contact_wrapper, .cms_wrapper, .private_wrapper{

}

.content{
	margin-bottom:50px; 
}

.menu h3, .menu h1, h1.title{
	text-transform: uppercase;
	font-size:30px;
	font-weight:300;
	padding-bottom:20px;
	border-bottom:1px solid rgba(0,0,0,.07);

	margin-top:3px;
	margin-bottom:15px;
}

.content h3{
	
	text-transform: uppercase;
	font-size:30px;
	font-weight:300;
	padding-bottom:20px;


	margin-top:3px;
	margin-bottom:15px;
}

.content h3, h1.title{


}

.main_menu h3, .main_menu h1{
	padding:0 0 10px 15px;
	margin-bottom:2px;
}


a:link, a:visited, a:active{
	color:#848484;
	text-decoration: none;
}

a strong, a.active{
	color:#000;
}

strong{
	font-weight:400!important;
}

a:hover{
	color:#353535;
}

a img:hover, a:hover img{
	opacity:1!important;
	outline:none;
}

/* =========================== */
/* STRUCTURE */
/* =========================== */

.none{
	display:none;
}

.hidden{
	visibility: hidden;
}

.aligncenter{
	text-align:center;
}