@import url("/aller_font/stylesheet.css");
/* Feuille de Style - ItWasaDream.fr - JEREMY BARRE */

/* ------------------------------------ DECLARATIONS GENERALES ------------------------------------------------------------- */
*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-size: 100%;
	
}

html,body{
	height:100%;
	margin:0;
	padding:0;
	border:0;
	

	
}

body{
  
	min-width:960px;
	font-family: Arial, Helvetica, sans-serif;
	background:url(../images/bkg_content.jpg) #dedede;
	background-repeat: repeat-x;
  

}

.clear{
  clear:both;
}
* html .clear{height:auto;margin-bottom:0}


/* ------------------------------------ STRUCTURE GENERALE ------------------------------------------------------------- */


#wrapper{
 
  width:100%;
 


}
#header_container {
	width:100%;
	height:58px;
	background: url(../images/header_fond.jpg) repeat-x #15ace9;
	/*border-bottom:solid 1px #b4b2b2;*/
}

#header{
	margin: 0 auto;
	height:58px;
	width:960px;
	max-width:960px;
	position: relative;
}
#logo{
	height:58px;
	width:159px;
	padding-top:18px;
	position:absolute;
	
}

#titre_site{
	position:absolute;
	top:36px;
	left:165px;
	}

#signature{
	font-size:0.45em;
	letter-spacing:1px;
	font-style:italic;
	float:right
}

#subheader_container{

  width:100%;
  height:329px;
  background:#160f0e;
  background-image:url(../images/bkg_marron.gif);
  border-bottom:solid 5px #1f1510; 
}

#subheader{
	margin: 0 auto;
	height:330px;
	width:960px;
	max-width:960px;
	position: relative;
}

#zoom_image{
	width:631px;
	height:328px;
	padding-top:1px;
	float:right;
}

#zoom{
	padding-top:55px;
	height:260px;
	width:260px;
	position:absolute;

}

#main_container{
	width:100%;
	margin-bottom:40px;
}

#main{
width:960px;
padding-top:40px;
margin: 0 auto;
position: relative;
color:#333333;
height:auto;
background:url(../images/Main_content_top_ombre.jpg);
background-repeat:no-repeat;




}

#2colcontainer{
	float:left;
	width:590px;
	}

#footer_container{
	
 	width:100%;
	background:url(../images/bkg_footer.gif);
	background-repeat:repeat-x;
	border-top: solid 1px #b2afae;
	height:50px;
	clear:both;


	
}

#footer{
	padding-top:20px;
	margin: 0 auto;
	width:960px;
	max-width:960px;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:11px;
	color:#666;
	

}

#lang{float:right;}

/* ------------------------------------ STRUCTURE ACCUEIL ------------------------------------------------------------- */

#sidebar_gauche{
width:240px;
position:absolute;

}

#center_accueil{
	width: 350px;
	padding-left:40px;
	left:280px;
	border-left:dotted 1px #a19b97;
	border-right:dotted 1px #a19b97;
	position:relative;

}


#sidebar_droite{
float:right;
width:240px;
position:relative;
display: inline-block;

}

/* ------------------------------------ STRUCTURE PUBLICATIONS & PHOTOS ------------------------------------------------------------- */
#main_publications_left{
width: 650px;
float:left;
position:relative;
padding-right:50px;
margin-bottom:20px;
border-right:dotted 1px #999;

}

#magazine{ clear:both;}

#main_publications_right{
float: right;
position:relative;
width:240px;
display:inline-block;

}

.publications_post_container_left{
float:left;
}

.publications_post_container_right{

}

.publications_post_texte{
float: right;
width:340px;
}

.publications_post_pack{
float:left;
width:310px;
}

.publications_post_photo{
position:absolute;
}


#center_publications{
width:380px;
padding-left:25px;
position:absolute;
left:255px;
border-right:dotted 1px #999999;
}


/* ------------------------------------ STRUCTURE REALISATIONS ------------------------------------------------------------- */

.post_realisations_container{
width:940px;
height:344px;
clear:both;
}




.post_realisations_packleft{
width:244px;
float:left;
}
.post_realisations_packcenter{
width:244px;
position:absolute;
left:348px;
}
.post_realisations_packright{
width:244px;
float:right;
}
.post_realisations_screens{
width:244px;
}

.post_realisations_screens img{
padding:0px 0px 10px 0px ;
}

.post_realisations_txt{
width:244px;



}

/* ------------------------------------ STRUCTURE CONTACT ------------------------------------------------------------- */

#sidebar_gauche_contact{
width:240px;
float:left;
}
#sidebar_droite_contact{
float:right;
width:240px;
display: inline-block;
position:relative;


}
#center_contact{
	width: 350px;
	padding-left:40px;
	position:relative;
	border-left:dotted 1px #999999;
	border-right:dotted 1px #999999;
	float:right;
	margin-right:30px;
	margin-bottom:20px;

}
/* ------------------------------------ TEXTES ------------------------------------------------------------- */

p{
font-size:12px;
line-height:18px;
}
#titre_site h1{
	font-family: 'AllerLightRegular';
	font-weight:100;
	font-size:11px;	
	color:#59575a;
	}

.h1{
	font-family: 'AllerBold';
text-transform:uppercase;
font-size:22px;
line-height:26px;
color:#371f15;

}

strong{
font-weight:bold;
}

a{
color:#724c3c;
}

li{
font-size:12px;
line-height:18px;
}

.texte_gauche{
text-align:left;
}

.h2{
font-family: 'AllerLightRegular';
font-size:18px;
font-weight:100;
line-height:1.1em;
padding-bottom:10px;
color: #724c3c;

}

.titre_home_np{
font-size:16px;
font-weight:bold;
color:#160f0e;
}

.zoom_h1{
	color:#959096;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom: dotted 1px #625e63;
	font-family: 'AllerLightRegular';
font-size:16px;



}

.zoom_titre{
	font-family: 'AllerRegular';
	text-transform:uppercase;
	color:#CCC;
	font-size:20px;
	padding-bottom:5px;
	line-height:24px;
}
.zoom_texte{
	color:#b5aeaa;
	padding-top:10px;
	font-size:12px;
	line-height:20px;
}

#zoom a {
	color:#FFF;

}

.quepuisje{
padding-top:5px;
padding-right:20px;
padding-left:20px;
list-style-image:url(../images/bullet.jpg)

}
/* ------------------------------------ FORMULAIRES ------------------------------------------------------------- */

.form_contact{
width: 210px;
border: solid 1px #d4cdcd;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
}

.bouton_form{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
background:#221711;
padding:3px;
border:solid 1px #FFFFFF;
}

.form_alerte{
font-family:"Georgia", Times New Roman, Times, serif;
font-size:12px;
color:#0ca6e6;

}


/* ------------------------------------ IMAGES ------------------------------------------------------------- */

#zoom_image img {
	
 
}

.img_soustitre{
	
	margin-top:20px;
 
}

.portrait{
	border:solid 5px #c4c3c3;
	margin-top:20px;
 
}

/* ------------------------------------ MENU CSS HORIZONTAL ------------------------------------------------------------- */
#menu_container{
	width:525px;
	float:right;
	top:15px;
	position:relative;
	padding-right:0px;
	}


#menu {	
	list-style: none;
	float:right;
	margin: 0;
	padding: 0;
	width: 525px;
	display:block;
}
#menu li {
	float: left;
font-family: 'AllerLightRegular';
	margin: 0;
	padding: 0;
}
#menu a {

	color: #959096;
	display: block;
	float: left;
	margin: 0;
	padding:12px;
	text-decoration: none;

	font-size:12px;
}
#menu a:hover {
	color: #e9e9e9;

	}
/* ------------------------------------ Photos FlickR ------------------------------------------------------------- */

#flickr_badge_uber_wrapper {text-align:center; width:240px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0 10px 10px 10px; float: left;}
.flickr_badge_image img {border: 3px solid #FFF !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#663300;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#333333 !important;}