img, div, a, input { behavior: url(iepngfix.htc) }


/* ------------------------------------------------------------------------------------ */
/*                                          style                                       */
/* ------------------------------------------------------------------------------------ */
table, td, tr, th{

}
strong {
	font-weight: bold;
}
p strong{
	font-weight: bold;
	font-size:18px;
}
em {
font-style: italic;
}
p em{
font-style: normal;
	font-weight:bold;
	font-size:12px;
}
p {
	margin-bottom: 1em;
	letter-spacing:1px;
}

sup {
	vertical-align: super;
}

abbr,acronym {
	cursor: help;
}

.error {
	color: #f00;
}

.success {
	color: #0f0;
}

.notice {
	color: #666;
	font-size: 85%;
}

h1 {
	color: #000;
	font-size:197%;
	font-weight:normal;
}
h2 {
	color: #7ba06b;
	font-size:197%;
	font-weight:normal;
}
h3 {
	
	color: #7ba06b;
	font-size:167%;
	font-weight:normal;
}

img { 
	behavior: url(iepngfix.htc);
	border:none; 
	}

a, a:visited{
	color:#666666;
	text-decoration:none;
	
}
a:hover{
	color:#000000;
	text-decoration:underline;
}

ul{
	margin:0px;
	padding:0px;
	}
	
ul li {
	list-style:none;
	margin:0px;
	padding:0px;
	}
	
.clear{
	clear:both;
}


/* ------------------------------------------------------------------------------------ */
/*                                          structure                                   */
/* ------------------------------------------------------------------------------------ */

html {
	height: 100%;
}

body {
	/*background: url(assets/gradient.jpg) repeat-x 0 190px;
	
	background-repeat: repeat-x;*/
	/*height: 100%;*/
	background-color: #fff;
	/*text-align: center;*/
}

#wrapper {
	min-height: 100%;
	position: relative;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px;
}

/*workaround for IE*/
* html #wrapper {
	height: 100%;
}

#page_wrapper{
	width:960px;
	margin: auto;
	padding:0px;
}

/* ------------------------------------------------------------------------------------ */
/*                                          header                                      */
/* ------------------------------------------------------------------------------------ */
#header{
	height:75px;
	width:100%;
	margin-top:100px;
	padding-bottom:3px;
	}
/* ------------------------------------------------------------------------------------ */
/*                                     	      nav                                       */
/* ------------------------------------------------------------------------------------ */
#nav{
	width:860px;
	height:75px;
	background-color:#bfd6b5;
	
	float:right;
	text-transform: uppercase;
}

#nav ul{
	float:left;
	padding-top:55px;
	padding-left:10px;
}

#nav ul li{
	float:left;
	display:block;
}

#nav ul li a, #nav ul li a:visited{
	color:#ffffff;
	float:left;
	display:block;
}

#nav ul li a:hover{
	text-decoration:none;
	color:#666666;
}

#nav ul li a:hover{
	text-decoration:none;
	color:#666666;
}

#nav ul li.current_page_item a{
	color:black;
}

/* settings for pages menu */
ul#pages_menu{	

	float:left;
	width:550px;
}

ul#pages_menu li{
	margin-right:15px;
}

.post_content.plus{

width:15px;
height:15px;
display:block;
background:url(http://www.angebaultandco.ch/wp/wp-content/themes/angebault/wsr/css/plus.gif) 0 0 no-repeat;
padding:0;
margin:0;
}
/* settings for categories menu */

ul#categories {width:860px;height:28px;margin-left:100px;background-color:#bfd6b5;}

ul#categories li{	
    background-color:#bfd6b5;
	text-transform: uppercase;
	text-align:left;
	float:left;
	display:block;
	margin:3px 6px 0px 10px;
	
}
ul#categories li a{	
	font-size:20px;
	color:#fff;
	font-weight:bold;
}
ul#categories li a:hover{	
color:#000000;
}

ul#pages_menu li{
	margin-right:15px;
}
#cat_head ul#categories .current-cat a{
	color:black;
}

#works {
text-weight:bold;
color:#000000;
}
/* settings for news menu */
ul#news_menu{	

	float:left;
	width:120px;
}

/* settings for language chooser menu */
ul#qtrans_language_chooser{
	padding-right:10px;

	float:right;
	width:auto;
}

ul#qtrans_language_chooser li{
	float:right;
	margin-left:8px;
}

ul#qtrans_language_chooser li.active a{
	color:black;
}

/* ------------------------------------------------------------------------------------ */
/*                                     	      logo                                      */
/* ------------------------------------------------------------------------------------ */
#logo{
	width:81px;
	height:75px;
	float:left;
}

#logo img{
	border:none;
}

#watchvideo{
	position:absolute;
	z-index:10;
	margin-left:850px;
	top:10px;
	width:100px;
	height:100px;
}
/* ------------------------------------------------------------------------------------ */
/*                                          content                                     */
/* ------------------------------------------------------------------------------------ */

#iframe {
position:relative;
right:560px;
bottom:40px;
}


#content{
	color:#555;
	width:100%;
	clear:both;
	margin-top:20px;
	font-size:85%;
	
}

#content #home_content{
	background-color:transparent;
	float:left;
	text-align:left;
	width:650px;
	height:410px;
	padding-left:0px;
	border-right:0px solid #ddd;
	margin-top:0px;
}

div.post{
	display:block;
	margin-bottom:0px;
	/*border-bottom:1px dotted #ddd;*/
}


#content #single{
	float:left;
	text-align:left;
	width:960px;
	padding-left:0px;
	padding-bottom:0px;
	height:auto;
}

/* --------------------------------------left-------------------------------------- */
#content #left{
	background-color:transparent;
	float:left;
	text-align:left;
	width:650px;
	padding-left:0px;
	border-right:1px solid #ddd;
}

#content #left_news{
	background-color:transparent;
	float:left;
	text-align:left;
	width:960px;

	padding-left:0px;
}

#content #left_single{

	text-align:left;
	width:960px;
	padding:0px;
}


#content #left h3 a{
	color:#fff;
	background-color:#BFD6B5;
	padding:6px 8px 4px 6px;
	margin:6px 8px 4px 0px;
}

#content #left_single h3 {
	color:#fff;
	background-color:#BFD6B5;
	/*padding:6px 8px 4px 6px;
	margin:6px 0px 4px 0px;*/
	float:right;
}

#content #left_single p{
	width:960px;
	margin:6px 8px 4px 0px;
}

#content #left_single p #droite{
	width:290px;
	float:left;
}
#content #left_single p #gauche{
	width:650px;
	float:left;
	
}

#content #left_single img{
	width:650px;
	float:left;
	padding-right:0px;
}

#content #left h4{
	font-size:108%;
	font-weight:bold;
	color:black;
	margin:0px;
	padding:0px;
	margin-bottom:1em;
}

#content #left ul li{
	padding-top:2px;
	padding-bottom:2px;
}

#content #left ul li a{
	border-top:1px solid #eee;
	width:100%;
	display:block;
}

#content #left #left_col_1{
	float:left;
	width:650px;
	margin-right:20px;
	display:block;
}

#content #left #left_col_2{
	float:left;
	width:250px;
	display:block;
}
/* --------------------------------------right-------------------------------------- */
#content #right{
	background-color:transparent;
	float:right;
	padding-bottom:0px;
	margin:0px;
	text-align:left;
	width:290px;
	border-bottom:1px solid #BFD6B5;
}

#content #right a.back, a.back:visited{
	font-weight:normal;
	font-size:16px;
	text-decoration:none;
	text-transform: uppercase;
	text-align:left;
    color:#888;
	padding-left:0px;
	margin-top:10px;
}

#content #right a.videolink, a.videolink:visited{
font-weight:bold;
	font-size:40px;
	text-decoration:none;
	text-transform: uppercase;
	line-height:43px;
    color:#BFD6B5;
}
#content #right a.videolink:hover{
	font-weight:bold;
	font-size:40px;
	text-decoration:none;
	text-transform: uppercase;
	line-height:43px;
    color:#BFD6B5;
	text-decoration:underline;
}


#content #right.home{
	margin:0px;
	padding:0px 0px 0px 0px;
	width:290px;
	height:375px;
}

#content #right.references{
border-top:1px solid #BFD6B5;
	padding-top:5px;
	border-bottom:1px solid #BFD6B5;
	padding-bottom:5px;	
}


#content #right h3 {
    color:#000000;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	text-transform: uppercase;
	line-height:24px;
}

#content #right h3.single {
	color:#000000;
	padding:0px;
	margin:0px 0px 10px 0px;
	line-height:1;
}

#content #right img{
	display:none;
}

#content #right ul{
	margin:0px;
	padding:0px;
}

#content #right ul li a{
	text-decoration:none;
	display:block;
	border-top:1px dotted #eee;
	padding-top:3px;
	padding-bottom:3px;
}

#content #right ul li a:hover{
	color:#666;
	text-decoration:none;
}

.spot {
font-weight:bold;
	font-size:25px;
	text-decoration:none;
	text-transform: uppercase;
	line-height:43px;
    color:#000000;
	margin-top:0px;
	margin-bottom:5px;
	padding:0px;
}

.link {
font-weight:bold;
	font-size:25px;
	text-decoration:none;
	text-transform: uppercase;
	line-height:43px;
    color:#000000;
	margin-top:0px;
	margin-bottom:5px;
	padding:0px;

}

#contact {
	font-weight:bold;
	font-size:40px;
	text-decoration:none;
	text-transform: uppercase;
	line-height:43px;
    color:#000000;
	margin-top:0px;
	margin-bottom:5px;
	padding:0px;
}

#contact a{
	font-size:40px;
    color:#BFD6B5;

}

div.post_preview{
	width:960px;
	height:80px;
	border-top:1px solid #BFD6B5;
	padding-top:5px;
	background-color:transparent;
}
div.post_preview:hover {
cursor:pointer;
}

div.post_preview h3{
	color:#fff;
	margin:3px 8px 4px 100px;
	
}

div.post_preview h3 a{
font-size:30px;
font-weight:bold;
	color:#fff;
	background-color:#BFD6B5;
	padding:6px 8px 4px 6px;
	margin:6px 8px 4px 0px;
	text-transform:uppercase;
}

div.post_image{
	float:left;
	padding-bottom:0px;
}
div.post_content{
	float:left;
	width:290px;
	padding-bottom:0px;
	margin:0;
}

.post_content p{
	margin:0px 8px 0px 25px;
}

div.post_content_archives{
	float:left;
	/*width:360px;*/
	padding-bottom:0px;
	padding-top:5px;
	margin:0;
}

.post_content_archives p{
	margin:0px 8px 0px 25px;
}
.post_content_archives p em{
	font-weight:normal;
	font-size:11px;
}

div.post_preview_home {
border-top:1px solid #BFD6B5;
padding-top:5px;
background:#ffffff;
height:88px;
}

div.post_preview_home .post_content p{
margin:0px;
padding:0px;
}


div.post_preview_home:hover {
cursor:pointer;
}

div.post_preview_home h3{
	font-size:20px;
	text-decoration:none;
	font-variant:small-caps;
	text-transform: uppercase;
	padding:0px;
	margin:5px 0px 8px 0px;
}

div.post_preview_home h3 a{
color:#fff;
background-color:#BFD6B5;
padding:4px;
	padding:6px 8px 4px 6px;
	margin:6px 8px 4px 0px;
	text-transform:uppercase;
}

#link{
	text-align:left;
	padding-left:670px;
	margin:50px 0 0 0;
}

/*------TAGS---------------------------------------------------------*/

.tags_preview{
	width:285px;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	text-transform: uppercase;
	display:block;
	margin-left:0px;
	/*text-align:right;*/
	float:right;
}

#tags a{
	color:#666;
	margin:0px;
	padding:0px;
	font-size:14px;
}

.single_tags{
	font-weight:bold;
	text-decoration:none;
	text-transform: uppercase;
	display:block;
	float:left;
	margin-left:20px;
	top:300px;
	width:290px;
	
}

/* ------------------------------------------------------------------------------------ */
/*                                          agence                                      */
/* ------------------------------------------------------------------------------------ */
div.col{
	width:220px;
	float:left;
	margin-right:40px;
	background-color:transparent;
}

div.col p{
	text-align:justify;
}

div.last{
	float:right;
	margin-right:0px;
}

div.col div.picto{
	height:300px;
}

div.col div img{
	width:220px;
}

div.logos_slideshow{
	display:block;
	clear:both;
	width:960px;
	padding-top:10px;
	border-top:1px solid #BFD6B5;
}

#home_content{
padding-bottom:20px;
}

#newsletter h2{
float:right;
position:relative;
font-weight:bold;
font-size:18px;
text-decoration:none;
text-transform: uppercase;
}

#newsletter{
float:right;
position:relative;
font-weight:bold;
font-size:13px;
text-decoration:none;
text-transform: uppercase;
}

/* ------------------------------------------------------------------------------------ */
/*                                          références                                  */
/* ------------------------------------------------------------------------------------ */

div.ref{padding-bottom:10px;cursor:pointer;}

/* ------------------------------------------------------------------------------------ */
/*                                          footer                                      */
/* ------------------------------------------------------------------------------------ */
#footer{ 
	text-align:left;
	padding-top:10px;
	color:#bbb;
	font-size:85%;
	clear:both; 
	width:100%; 
	height:40px; 
	z-index:1000;
	}