﻿/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
html{height:100%;margin-bottom:1px;}
body{position:relative;}
ul{margin:0;padding:0;}
ul li{margin:0;padding:0;list-style:none;}
ol{margin:0;padding:0;}
ol li{margin:0;padding:0;list-style:none;}

a:link, a:visited{color:#000;text-decoration:underline;font-weight:bold;}
a:hover{color:#E76A10;text-decoration:underline;}
h1, h2, h3, h4, h5, h6{font-family:Arial;font-weight:normal;padding-bottom:0px;margin-bottom:5px;line-height:100%;}
h1{font-size:300%;font-weight:normal;color:#000000;}
h2{font-size:1em;color:#C13600;background:url("img/h2_background.jpg") repeat;height:25px; line-height:25px;padding-left:10px; font-weight:bold;}
h3{font-size:200%;}
h4{font-size:175%;font-weight:normal;color:#000000;}
h5{font-size:150%;color:#000000;}
h6{font-size:125%;color:#000000;}
h1, h4, h6{color:#000000;}

/* page setup */
body{font-family:Arial;font-size:12px;line-height:150%;background:url("img/bg.jpg") repeat-x #FCD6A0; color:#000000;}
#header {background:url("img/header.jpg") no-repeat; height:200px;position:relative;width:980px; margin: 0 auto;}
#menu {margin-left:300px; margin-top:147px; position:absolute;}
#menu li {margin-right:65px; display:inline; font-family:Arial; font-size:16px; font-weight:bold; color:#C23300;}
#menu a {font-family:Arial; font-size:16px; font-weight:bold; color:#C23300;text-decoration:none;}
#menu a:hover {color:#000;}

/*layout */
#page {width:970px;margin:0 auto;text-align:left;background-color:#FFFFFF;}
#leftcolumn {float:left;width:130px;}
#content {float:right;width:840px;display:inline;padding-bottom:20px;background-color:#FFFFFF;}
#maincontainer {margin:10px 20px 20px 20px; text-align=center;}
#footer {clear:both;text-align:center;height:50px;background-color:#F65801; width:100%;}
.cleared {clear:both; width:970px;}

/* searchbox */
#searchbox{width:200px; position:absolute; margin-top:140px; margin-left:760px; }


/*leftcolumn*/
.sidebox {margin-top:10px; margin-bottom:35px;}
.sidebox h2 {font-family:Arial; height:20px;background:url("img/title_gradient.png") repeat;font-size:14px;font-weight:bold;color:#FFF;line-height:20px; padding-left:10px;}
.sidebox ul {margin:10px;}
.sidebox li {margin-bottom:4px;padding-left:10px;}
.pub {}

/*content*/
.box {border-left: 1px solid #A8A8A8; border-right: 1px solid #A8A8A8; border-bottom: 1px solid #A8A8A8; width:515px; line-height:160%; margin-bottom:40px; }
.box h3 {font-family:Arial; height:33px;background:url("img/title_gradient.png") repeat;font-size:16px;color:#FFF;line-height:33px; padding-left:10px;}
.box img {margin-left:12px;border:0;}
.box p {margin:15px 14px 15px 14px; }
.pub {text-align:center; margin: 0 auto 40px auto;}
.texte-photo {text-align:center;padding-left:55px; padding-right:55px; display:inline;margin-bottom:10px}
.pagetitle{font-family:Arial; height:28px;background:url("img/title_gradient.png") repeat;font-size:16px;color:#FFF;line-height:28px; padding-left:10px;}

/*post*/
.description {margin: 0 0 10px 130px;}
.post {margin:10px 0;overflow:hidden; height:95px;width:505px;}
.post h4 {font-size:1em;font-weight:bold;}
.post h4 a {color:#000;text-decoration: underline ;padding-left:20px;}
.post h4 a:hover {color:#CB2700;}
.thumbnail {width:120px;height:90px;float:left;}
.thumbnail img {border:0;}

