/* ------------------------------------- STRUCTURE GENERALE ---------------------------------*/
body {
background : #fff url('skins/img/bg_body.png') repeat-x top center;
margin : 0;
padding : 0;
font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size : 83%;
color: #5c5c5c;
}
header, footer, article, section, nav, menu, figure, video, aside {display: block; overflow: hidden;}
figcaption  {display: none;}
body * {outline:none;}
body > header, #main, footer {
width: 850px;
margin: 0 auto;
overflow: hidden;
}
body > header {
height: 93px; 
margin: 0 auto;
}
body > header a h1 {
margin: 0;
text-indent: -9999px;
height: 93px; width: 425px;
float: left;
background: url('skins/img/header_h1.png') no-repeat top left;
}
#main {
background: url('skins/img/bg_article.png') no-repeat bottom center;
padding-bottom: 34px;
}
#main > article {
behavior:url('http://www.guilhemmachenaud.com/PIE.php');
background: url('skins/img/top_section.jpg') no-repeat top left, #fcfcfc url('skins/img/bottom_section.jpg') no-repeat bottom left;
-pie-background: url('http://www.guilhemmachenaud.com/skins/img/top_section.jpg') no-repeat top left, #fcfcfc url('http://www.guilhemmachenaud.com/skins/img/bottom_section.jpg') no-repeat bottom left;
padding: 40px 0 30px;
overflow: hidden;
min-height: 250px;
}
#frmSearch {
clear: both;
background: #fff;
padding: 20px;
margin: 0;
width: 220px;
text-align: center;
}
#q, #btn_recherche {
background: #e0e0e0;
color: #5c5c5c;
padding: 4px;
border: 0px;
border-radius: 10px;
behavior:url('http://www.otidea2.com/vizoer2/PIE.php');
}
#btn_recherche {padding: 3px; cursor: pointer;}
footer {
background: url('skins/img/bg_footer.png') no-repeat top center;
border-top: 1px solid #e0e0e0;
padding: 15px 0;
text-align: right;
text-transform: uppercase;
}
footer a {color: #8ba700;}
a img {border: none;}
ul, figure, nav {
margin: 0; padding: 0;
list-style: none; list-style-image: none;
}
a, a:hover {
color : #5c5c5c;
text-decoration : none;
outline: none;
}
.alignleft {
float: left;
}
.alignright {
float: right !important;
}
.date {
font-size:10px;
color: #5f5f5f;
text-transform: uppercase;
}
time {color: #8ba700;}
.clear {
clear: both;
}
.overflow {overflow: hidden;}

.hidden {
display:none;	
}
#btn_retour {
font-size: 1em;
color: #5c5c5c;
text-transform: uppercase;
float: left;
margin: 10px 0 0 15px;
background: none;
padding: 0;
}
#prev a, a#prev, #next a, a#next {
width: 21px; height: 21px;
float: left; z-index: 10000;
margin-right: 5px;
}
#prev a, a#prev {background: url('skins/img/fleches.png') no-repeat top left;}
#next a, a#next {background: url('skins/img/fleches.png') no-repeat top right;}
/* ------------- MENU HAUT -------------- */
body > header nav {
float: right;
text-align: right;
clear: right;
text-transform: uppercase;
margin-top: 36px;
}
#lnk_accueil {
height: 16px; width: 20px;
float: left; margin-right: 4px;
background: url('skins/img/lnk_home.png') no-repeat top center;
}
#lnk_moteur {
height: 16px; width: 12px;
float: right;
margin-left: 8px;
background: url('skins/img/loupe.png') no-repeat top center;
}
#lnk_accueil:hover, #lnk_moteur:hover {
background-position: bottom center;
}
body > header nav a:hover {color: #8ba700;}

/* ------------------ contenu ----------- */
article header h1 {
background: #323232;
color: #fff;
text-transform: uppercase;
padding: 10px 20px 10px 120px;
margin: 0 0 20px;
font-size: 1.4em;
font-weight: normal;
float: left; display: inline;
}
article header > a, article header > a:hover {
background: #8ba700;
color: #fff; cursor: pointer;
font-size: 1.3em;
text-transform: uppercase;
padding: 10px 20px;
float: right; display: inline;
}
article header h1 > a, article header h1 > a:hover {color: #fff;}
article > nav {
padding: 25px 30px 0;
overflow: hidden;
}
article > nav a {
height: 21px; line-height: 21px;
color: #000;
}
.prev_actu {
float: left;
padding-left: 25px;
background: url('skins/img/fleche.png') no-repeat top left;
}
.next_actu {
float: right;
padding-right: 25px;
background: url('skins/img/fleche2.png') no-repeat top right;
}
#btn_retour img, article > nav a, #prev a, a#prev, #next a, a#next {
-moz-transition: opacity 0.2s linear;
-webkit-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
#prev a:hover, a#prev:hover, #next a:hover, a#next:hover, #btn_retour:hover img, article > nav a:hover {
opacity: 1;
filter: alpha(opacity=100);
}
#btn_retour img, article > nav a, #prev a, a#prev, #next a, a#next, #prev a.inactif:hover, a#prev.inactif:hover, #next a.inactif:hover, a#next.inactif:hover {
opacity: 0.4;
filter: alpha(opacity=40);
}