body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FFF;
  	margin: 0;
	padding: 0;
}

#top-pdf {
	display: none;	
}

a {
	color: #507FA3;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p, h2, h3, h4, h5 {
  font-size: 12px;
}

h3 {
	margin: 0;	
}

ul, li, il {
	list-style: none;
	margin: 0;
	padding: 0;	
}

div, form, em {
	margin: 0;
	padding: 0;
}

img {
  border: 0;
}

#wrapper {
  width: 980px;
  margin: 0 auto;
  padding: 0;
}

#masthead {
	float: left;
	width: 980px;
	padding-top: 20px;
}

#masthead p {
	margin: 0;	
}

#masthead #newsletter {
	float: left;
	width: 980px;
	height: 28px;
	color: #fff;
	text-align: right;
}

#masthead #newsletter p {
	padding: 3px 12px;
}

#masthead #newsletter .hide {
	display: none;
}

#masthead #newsletter input {
	margin: 0 10px 0 0;
	padding: 0;
}

#masthead #newsletter #email {
	margin: 0;
	padding: 0;
	background: #a8c9e0;
	padding: 2px;
	border: 1px solid #004774;
}

#masthead #titre {
	float: left;
	width: 300px;
	padding-top: 20px;
}

#masthead #head-right {
	float: right;
	width: 680px;
}

#masthead #titre a {
	float: left;
	padding: 20px;
}

#masthead #titre a h1 {
	font-family: 'Trebuchet MS', Arial, Helvetica;
	font-size: 30px;
}

#masthead #titre a h2 {
	color: #84bddb;
	font-size: 20px;	
}

#social {
	float: right;
	clear: both;
	margin: 15px 0;		
}

#social a {
	font-weight: bold;
	margin: 0 5px;		
}

#social #link-fb {
	background: url(./images/ico-facebook.gif) no-repeat left;
	padding-left: 22px;		
}

#social #link-dm {
	  background: url(./images/ico-dailymotion.gif) no-repeat left;
	  padding-left: 22px;		
}

#social #link-fr {
	  background: url(./images/ico-flickr.gif) no-repeat left;
	  padding-left: 22px;		
}

/* Banner image dropshadow */
div#masthead_image {
  background:url(./images/image_bg.png) center no-repeat;
  width:724px;
  height:148px;
  clear:both;
  padding:8px 22px;
  position:relative;
  z-index:1;
}

a {
  outline:0;
}

/* Page dropshadow */
div#content {
  width:980px;
}

#nav {
	float: left;
	width: 960px;
	background: #f5f5f5;
	border-top: 1px solid #fff;
	padding: 10px;
}

#navlinks {
	float: left;
	width: 660px;
	font-size: 13px;
	text-transform:uppercase;
	font-family: 'Trebuchet MS', Arial, Helvetica;
}

#navlinks a {
	float: left;
	padding: 6px 14px;
	border-right: 1px solid #ccc;
}

#navlinks a:hover {
	color: #044481;	
}


/*-----------------------------------------------------------------------------

  Main Content

-----------------------------------------------------------------------------*/

div#main {
  width: 680px;
  float: right;
  background: #FFF url(./images/bgmain.gif) top repeat-x;
}

div#main-content {
  padding: 20px 40px 20px 25px;
  width: 640px;
  float: left;
}

div#cat-title {
	float: left;
  	padding: 30px 40px 0 25px;
	color: #999;
	font-family: Helvetica, Verdana, Arial;
}

#cat-title h1 {
  	text-transform: uppercase;
  	font-weight: normal;
  	font-size: 16px;
  	margin: 0;
}

.chapo {
	color: #111111;	
}


#page-all {
  padding: 40px;
  width: 900px;
  float: left;
  background: #FFF url(./images/bgmain.gif) top repeat-x;
}

/* Main header on single pages */
h2.header {
  font-size:24px;
  margin:0;
  font-family: Times;
  font-weight: normal;

}

div#main h2.header a {
  color: 0f76c5;
  text-decoration:none;
}

h2.header span {
  position:relative;
  background:#FFF;
  padding-right:10px;
  bottom:-5px;
}

div#main h3 {
  margin:15px 0 5px;
}

div#main p {
  color:#444444;
  line-height: 18px;
  margin:10px 0;
}

.article {
  margin-bottom:20px;
}

.entry h1 {
	font-size: 18px;	
}

.entry h2 {
	font-size: 16px;	
}

.article blockquote {
  margin:0 15px;
  padding:1px 15px;
  border-left:5px solid #B8D1E4;
  background:#F0F0F0;
}

.article ul, .article ol {
  color:#333333;
  line-height: 18px;
  margin-left:25px;
}

.article ul li {
  margin: 5px 0;
  padding-left: 0;
  list-style: square;
}

.article ol {
  margin-left:30px;
}

.article ol li {
  list-style:decimal;
  margin:10px 0;
}

.article ol li ol {
  margin-left:15px;
}

#main .byline {
  color:#999;
  font-style:italic;
  margin: 10px 0;
}

#une {
	padding-bottom: 15px;	
}

.other {
	clear: both;
	float: left;
	width: 640px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;	
}

.other h3 {
	font-family: Times,'Trebuchet MS', Arial, Helvetica;
	font-weight: normal;
	font-size: 19px;
}

.other h3 a {
	font-family: Times,'Trebuchet MS', Arial, Helvetica;
	text-decoration: none;
	font-weight: normal;
	font-size: 19px;
}

.other-img {
	float: left;
	width: 160px;
	margin-top: 20px;
	text-align: center;	
}


.other-txt {
	float: right;
	width: 460px;	
}


.article_footer {
	float: left;
	width: 640px;
  	margin: 15px 0;
 	background: #F1F1F1;
  	padding: 8px 10px;
  	border-top: 1px solid #DADADA;
  	border-bottom: 1px solid #DADADA;
}

#infos {
	text-align: right;
	float: right;
	width: 300px;	
}

#share {
	float: left;
	width: 85px;
	text-align: center;
}

.date-archive {
	float: left;
	width: 560px;
	clear: both;
	padding: 10px;
	margin: 0 0 10px 0;
}

.date-archive h4 {
	margin: 0;
}

.date-archive img {
	float: left;
	margin: 0 15px 0 0;
}

.document-bloc {
	background:url(./images/icodoc.png) no-repeat left top;
	padding-left: 55px;
}

.deplacement-bloc {
	background:url(./images/icovoyages.png) no-repeat left top;
	padding-left: 55px;
}

.flickr-photos {
	background: #f5f5f5;
	padding: 10px 10px 10px 12px;
	margin: 20px 0 20px 0;	
}

.flickr-photos a img {
	border: 1px solid #ccc;
	margin: 2px 2px 2px 2px;
	padding: 1px;
	background: #fff;
}

.flickr-photos a img:hover {
	border-color: #507fae;
	background-color: #507fae;	
}

/*-----------------------------------------------------------------------------

  Secondary Content

-----------------------------------------------------------------------------*/

#secondary {
  width: 300px;
  float: left;
  background: #f9fafb;
  padding-top: 12px;
}

.sidebloc {
	float: left;
	clear: both;
	width: 260px;
	border-bottom: 1px solid #e5e5e5;
	margin: 10px 20px;
	padding: 0 0 10px 0;	
}

#cats li, #blogroll li {
	line-height: 20px;	
}

#cats li a {
	font-weight: bold;
	float: left;
	width: 260px;
	clear: both;
	background: url(./images/plus.gif) no-repeat right;
	padding: 5px 0;
}

/* Videos */

.video {
	float: left;
	width: 260px;
	clear: both;
	margin: 10px 0;	
}

.video-thumb {
	float: left;
	margin: 0 15px 0 0;	
}

/* Sidebar headers */
#secondary h2 {
	font-family: Georgia, Times, Serif;
	color: #555;
	margin: 5px 0;
	font-size: 18px;
}

div#secondary a:hover {
  text-decoration:underline;
}

div#secondary ul.children {
  margin-left:5px;
  padding-left:10px;
  border-left:5px solid #EAEAEA;
}

/* Search input */

#search {
	float: right;
	width: 215px;
	margin: 15px 0 0 0;
	clear: both;
	font-weight: bold;
}
form#searchform {
  position: relative;
  height: 26px;
}

form#searchform input#s {
	position: absolute;
	top: 0;
	height: 14px;
	width: 205px;
	padding: 4px 5px;
	border: 1px solid #666;
	background: url(./images/loupe.gif) no-repeat right;
}

input#search_submit {
  position: absolute;
  right: 0;
}

#blogroll {
	float: left;
	clear: both;
	width: 960px;
	padding: 10px;
	margin: 15px 0;	
}

#blogroll h2 {
	font-family: Georgia, Times, Serif;
	color: #555;
	height: 40px;
	padding-bottom: 10px;
	font-size: 16px;
	border-bottom: 1px solid #ddd;	
}

#blogroll .linkcat li {
	margin: 3px 0;	
}

#blogroll .linkcat li a {
	color: #666;	
}

#blogroll .linkcat li a:hover {
	color: #222;	
}

.linkcat {
	float: left;
	width: 162px;
	margin: 0 15px;
}



/*-----------------------------------------------------------------------------

  Footer

-----------------------------------------------------------------------------*/

#footer {
  width: 980px;
  margin: 0 auto;
  color: #666;
  padding: 0;
  background: #f5f5f5;
}

#footer p {
	text-align: center;
	clear: both;
	padding: 10px 20px;
	border-top: 1px solid #ddd;	
}

#footer a {
  color: #333333;
  text-decoration: none;
}

/*-----------------------------------------------------------------------------

  Wordpress Specific Stuff - Elements that weren't in my original stylesheet

-----------------------------------------------------------------------------*/

ol.commentlist {
  margin-top:15px;
  color:#555;
}

/* Background color for visitor comments */
ol.commentlist li {
  background:#F1F1F1;
  padding:10px;
  margin:10px 0;
}

/* Background color for Admin comments */
ol.commentlist li.alt {
  background: #EBF9FC;
}

textarea#comment {
  width: 500px;
}

#main p.comment_meta {
  margin: 0;
  float: right;
}

/* Optional popup window (NOTE: popups make for bad UI IMHO) */
body#commentspopup {
  background: #FFF;
  padding: 20px;
}

body#commentspopup a {
  color: #666;
}

body#commentspopup h1 a {
  position:relative;
  top: 0;
  left: 0;
}

body#commentspopup h3 {
  color: #555;
}

body#commentspopup p {
  margin: 10px 0;
  color: #555;
}

body#commentspopup textarea {
  width: 340px;
}

/* Image stuff for 2.6.1 */
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
  margin: 0 15px 10px 0;
}

.alignright {
  float: right;
  margin: 0 0 10px 15px;
}

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption-dd {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

p.entry_info {
  clear:both;
}

div.navigation {
  margin:10px 0;
}

/*-----------------------------------------------------------------------------

  CSS Magic

-----------------------------------------------------------------------------*/

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
  .clearfix {display:block;}
/* End hide from IE Mac */