html, body, div, span, applet, object, iframe,
blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, h1, h2, h3, h4, h5, h6, p,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}


blockquote, q {
	quotes: none;
	padding:0 0 0 60px;
	background:url('../images/citation.png') top left repeat-y;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


/** titres **/
h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  font-weight: normal;
  font-style: normal;
  font-family: 'Share', arial, sans-serif;
}

h1 {font-size: 26px}
h2 {font-size: 24px}
h3 {font-size: 22px}
h4 {font-size: 20px}
h5 {font-size: 18px}
h6 {font-size: 16px}

/** divers **/
a img {
  border: none;
}

strong, b {font-weight: bold;}
em, i {font-style: italic;}
         
.clr {clear:both;height:1px;overflow:hidden}

.clearfix:before,
.clearfix:after {
 content:"";
display:table;
line-height: 0;
}

.clearfix:after {
 clear:both;
}

 /* IE 6/7 */
.clearfix {
*zoom:1;
}

a {color:#005471}

/* Formulaires */
form, fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
input, button, select {
  vertical-align: middle; 
}


/** tables **/
table {
  margin: 0;
  border: 1px solid gray;
  border-collapse: collapse;
  border-spacing: 0;
}
table td, table th {
  padding: 4px; 
  border: 1px solid #ccc;
  vertical-align: top; 
}




/* blocs et structure */
body {
background:#e6ddbf url('../images/bg_body.png') top center no-repeat;
}

#container {
background:#e6ddbf url('../images/bg_container.png') top center repeat-y;
width: 960px; 
margin: 0px auto;
color:#464a4c;
-webkit-box-shadow: 0px 0px 3px 0px #8e806f; 
-moz-box-shadow: 0px 0px 3px 0px #8e806f; 
box-shadow: 0px 0px 3px 0px #8e806f;  
}

#header {
background:#e6ddbf url('../images/bg_header.png') bottom center no-repeat;
height:200px;
}

#logo {
width:160px;float:left;
}

#navigation {
float:left;width:800px;
position:relative
}

#main-nav {
padding:0;
margin:0;
list-style:none;
}

#main-nav li {
float:left; padding:0;margin:0
}

#main-nav li a {
display:block;
width: 160px; 
font-size: 18px; 
text-align: center;  
text-decoration: none;  
color: #fff; 
font-family: 'Share', arial, sans-serif;
-webkit-box-shadow: 0px 0px 3px 0px #000; 
-moz-box-shadow: 0px 0px 3px 0px #000; 
box-shadow: 0px 2px 2px 0px #000; 
}


.nav-li-pos-01  {
padding:10px 0;
margin-top:80px;
}

.nav-li-pos-02  {
padding:10px 0;
margin-top:100px;
}

.nav-li-pos-03  {
padding:10px 0;
margin-top:70px;
}

.nav-li-green-01 {
background:#38592e url('../images/nav-li-green-01.png') top left repeat-x;
}

.nav-li-green-01:hover {
background:#38592e url('../images/nav-li-green-02.png') top left repeat-x;
}

.nav-li-green-02 {
background:#21342d url('../images/nav-li-green-02.png') top left repeat-x;
}

.nav-li-green-02:hover {
background:#21342d url('../images/nav-li-green-01.png') top left repeat-x;
}

.nav-li-blue-01 {
background:#003c52 url('../images/nav-li-blue-01.png') top left repeat-x; 
}

.nav-li-blue-01:hover {
background:#003c52 url('../images/nav-li-blue-02.png') top left repeat-x; 
}

.nav-li-blue-02 {
margin-top:100px;
background:#003c52 url('../images/nav-li-blue-02.png') top left repeat-x; 
}

.nav-li-blue-02:hover {
margin-top:100px;
background:#003c52 url('../images/nav-li-blue-01.png') top left repeat-x; 
}

#banner {
margin-bottom:10px;
border-top:#666666 1px solid;
border-bottom:#666666 1px solid;
}

#banner img {display:block}

#content {  
width:100%;
position:relative;
line-height: 20px;
}  
  
#mainContent { 
float:left; 
width:639px;
border-right:#cfcfcf 1px solid
}  
  
.entry-header { 
padding:20px 10px 5px 10px; 
background:#f6f2e9;
border-top:#cfcfcf 1px solid;
border-bottom:#cfcfcf 1px solid;
} 

.entry-header h1 {
color:#990000; 
}

.chapeau {
font-family: 'Share', arial, sans-serif;
font-size:20px;
}

.entry-content {
padding:20px 20px;
background:#f6f2e9;
border-top:#cfcfcf 1px solid;
border-bottom:#cfcfcf 1px solid;
margin:20px 0px;
text-align:justify;
color:#464a4c
}

.entry-content-title {padding:15px 0 5px 0}

.content-img-feature {float:left;padding:5px;margin:0 10px 10px 0px;
background:#fff;
border:#cfcfcf 1px solid;
}
   
#sidebar { 
float:right;
width: 320px;
margin:40px 0 0 0;
padding:10px 0;
font-size:12px;
background:#e6ddbf;
border-top:#cfcfcf 1px solid;
border-bottom:#cfcfcf 1px solid;
}

.widget-titre {
 color:#990000;
 font-size:18px;
 padding-left:15px;
 font-weight: normal;
 font-style: normal;
 font-family: 'Share', arial, sans-serif;
 position:relative;
}

.widget-titre img {
position:absolute; top:-5px
}

.widget-titre span {
padding:5px 0 0px 50px;display:block
}

.widget ul {
padding:0 10px;margin:10px;
}

.widget-content {
margin:0px 0 10px 10px;
padding:10px;
background:#f3efe3;
border-top:#cfcfcf 1px solid;
border-bottom:#cfcfcf 1px solid;
border-left:#cfcfcf 1px solid;
}

#footer {
border-top: 1px solid #ccc;
margin:0px;
padding:10px;
background:#f6f2e9
}

#galerie {
list-style:none;
}

#galerie li {float:left;padding:5px;margin:5px;background:#fff;border:#ccc 1px solid}