/*  
Theme Name: YEAR
Theme URI: http://www.year.fr
Description: Personal design
Version: 2.2
Author: Buildozer
Author URI: http://atelier-buildozer.fr
*/

/* HTML Elements */

* {
padding: 0;
margin: 0;
border: 0;
}

html {
height: 100%;
font-size: 100%;
}

body {
font-size: 1em;
font-family: DINLight, helvetica, arial, sans-serif;
background-color: #fff;
}

@font-face {
font-family: 'DINLight';
src: url('fonts/DIN-LIGH.eot');
src: local('DIN Light'), local('DIN-Light'), url('fonts/DIN-LIGH.woff') format('woff'), url('fonts/DIN-LIGH.ttf') format('truetype'), url('fonts/DIN-LIGH.svg#DIN-Light') format('svg');
}

#global {
position: relative;
margin: 0 auto;
width: 950px;
}

#header {
position: relative;
width: 950px;
top: 20px; left: 0;
}
#header h1 {display: none;}

#meteo {
position: relative;
top:0; left: 135px;
width: 500px;
}
#meteo p {font-size: 1em; text-transform: uppercase;}

#reseaux {
position: absolute;
top: 2px; right: 225px;
}
#reseaux span {display: none;}

a.twitter, a.facebook, a.rss {
display: block; float: left;
width: 17px; height: 17px;
}
a.twitter {background: transparent url(images/bt-twitter.png) 0 0 no-repeat;}
a.twitter:hover {background: transparent url(images/bt-twitter.png) -17px 0 no-repeat;}
a.facebook {background: transparent url(images/bt-facebook.png) 0 0 no-repeat;}
a.facebook:hover {background: transparent url(images/bt-facebook.png) -17px 0 no-repeat;}
a.rss {background: transparent url(images/bt-rss.png) 0 0 no-repeat;}
a.rss:hover {background: transparent url(images/bt-rss.png) -17px 0 no-repeat;}


#messageboard {
position: relative;
top: 30px; left: 0;
width: 500px;
margin: 0 auto;
}

#messageboard p {
font-size: 0.75em;
line-height: 1.3em;
font-family: Georgia, "Times New Roman", Times, serif;
}

.txt-right {
float: right;
}

/* 
/*
/* couleurs + typo ******************* */

a {color: #666; text-decoration: none;}
a:hover {text-decoration: underline;}

p {
font-size: 0.8em;
line-height: 1.8em;
text-align: justify;
color: #000;
margin-bottom: 10px;
}

h2 {
font-size: 1.5em;
line-height: 1.4em;
font-weight: normal;
width: 200px;
margin-bottom: 20px;
}

span.soustitre {
text-transform: none;
font-size: 1em;
line-height: 1em;
}

h3 {
font-size: 0.9em;
text-transform: uppercase;
margin-bottom: 4px;
}

h4 {
font-size: 0.9em;
text-align: right;
font-family: Georgia, "Times New Roman", Times, serif;
}

li {
font-size: 0.9em;
list-style-type: decimal;
list-style-position: inside;
}

p.legende {
width: 130px;
font-size: 0.75em;
font-weight: bold;
line-height: 1.3em;
text-align: right;
font-family: Georgia, "Times New Roman", Times, serif;
}


/* 
/*
/* menu ******************* */

#menu {
position: relative;
top: 70px; left: 0;
margin: 0 auto;
width: 950px; height: 180px;
background: #fff url(images/bg-fond.png) 50% 50% no-repeat;
margin-bottom:30px;
}

#menu span {display: none;}

a.home {
position: absolute;
top: 55px; left: 325px;
display: block;
width: 185px; height: 110px;
background: transparent url(images/year-logo.png) 50% 50% no-repeat;
}
a.home:hover {opacity: 0.5}

#menu li {list-style-type: none;}

#menu li a {
position: absolute;
font-size: 0.8em;
text-transform: uppercase; 
text-decoration: none;
}
#menu li a:hover {color: #999;}

#menu li a.menu-philo {top: 90px; left: 250px;}
#menu li a.menu-clients {top: 35px; left: 480px;}
#menu li a.menu-exemples {top: 115px; left: 560px;}
#menu li a.menu-actu {top: 45px; left: 655px;}
#menu li a.menu-contact {top: 125px; left: 760px;}

#menu li a.menu-philo-actif {top: 95px; left: 255px; font-weight: bold; color: #000;}
#menu li a.menu-clients-actif {top: 35px; left: 475px; font-weight: bold; color: #000;}
#menu li a.menu-exemples-actif {top: 115px; left: 555px; font-weight: bold; color: #000;}
#menu li a.menu-actu-actif {top: 45px; left: 655px; font-weight: bold; color: #000;}
#menu li a.menu-contact-actif {top: 125px; left: 755px; font-weight: bold; color: #000;}

#menuactu li {
font-size: 0.8em;
}

/* 
/*
/* contenu ******************* */

#contenu {
position: relative;
top: 70px; left: 0;
width: 500px;
margin: 0 auto;
}

div.col-small {
float: left;
width: 138px;
padding-right: 2px;
border-right: #000 solid 1px;
}

div#col-actu {
float: left;
width: 130px;
padding-right: 8px;
border-right: #000 solid 1px;
text-align: right;
font-family: DINLight,courier,Georgia, "Times New Roman", Times, serif;
}

div#col-actu ul {margin-bottom: 20px;}
div#col-actu li {list-style-type: none;}
div#col-actu li a {font-size: 0.9em;}

div.col-wide {
float: left;
width: 338px;
margin-left: 20px;
}

div.col-xtrawide {
float: left;
width: 600px;
margin-left: 20px;
}

div.spacer {
float: left;
width: 138px; height: 200px;
padding-right: 2px;
border-right: #000 solid 1px;
}

div.article {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: #000 solid 1px;
}

/* 
/*
/* footer ******************* */

#footer {
position: relative;
top: 100px;
width: 500px; 
margin: 0 auto;
border-top: #000 solid 1px;
clear: both;
}

#footer p {
padding: 4px;
font-size: 0.7em;
text-align: center;
}

#footer p span {
margin-left: 4px;
padding: 8px;
background-color: #000;
color: #fff;
}



/* Animation module */
	
#toolbarwrap {
display: none;
}
	
#frame {
position: relative;
overflow: hidden;
width: 500px;
height: auto;
}

#xtraframe {
position: relative;
overflow: hidden;
width: 700px;
height: auto;
}


#scroller {
width: 500px;
height: auto;
overflow: hidden;
}

#xtrascroller {
width: 550px;
height: auto;
overflow: hidden;
}


#content {
width: 16000px;
height: auto;
background-color: transparent;
}

.section {
width: 500px;
float: left;
background-color: transparent;
}

.largesection {
width: 900px;
float: left;
background-color: transparent;
}


a.prev {
position: absolute;
top: 150px; left: -50px;
display: block;
width: 17px; height: 17px;
background: transparent url(images/fg.png) -17px 0 no-repeat;
}
a.prev:hover {
background: transparent url(images/fg.png) 0 0 no-repeat;
}

a.next {
position: absolute;
top: 150px; left: 530px;
display: block;
width: 17px; height: 17px;
background: transparent url(images/fd.png) 0 0 no-repeat;
}
a.next:hover {
background: transparent url(images/fd.png) -17px 0 no-repeat;
}

a.next span, a.prev span {display: none;}

img#thumb {
	padding-bottom:10px;
	
}

h2.widgettitle {
	font-size: 1.0em;
	text-align: right;
	font-family: DINLight, courier, Georgia, "Times New Roman", Times, serif;
	text-transform:none;
	width:auto;
	font-weight:bold;
	margin-bottom:0px;
	}
	
	input#s {
		border:1px solid #999999;
		color:#666666;
		padding:2px;
		text-align:right;
		width:124px;
	;}
	
	#searchsubmit{display:none;}

#top{clear: both;}

.article img {margin-top:30px;
	margin-bottom:30px;}