*,body{
margin:0;
padding:0;
}
body{
background:#333333;
font-family:tahoma,verdana,arial,sans serif;
font-size:12px;
text-align:center;
color:#333;
}
#container{
padding-top:1px;
}
#header{
position:absolute;
left:-1000px;
top:-1000px;
}
a{
text-decoration:none;
color:#000;
}
strong{
color:#333;
}
img {
border:none;
}
img.png {
behavior: url(http://www.fred-bruneau.com/wp-content/themes/fredbruneau/png.htc);/*la class png attribuée aux images de format png renvoie au fichier htc qui rend valides le format png sous IE */
}
#main {
position:absolute;
left:50%; 
top:50%;
margin-top:-288px;
margin-bottom:-287px;
margin-left:-467px;
margin-right:-468px;
width:935px;
text-align:left;
padding:0;
}
.bordureblanche {
background:#fff;
padding:5px;
}
#home-haut{
height:390px;
}
#home-bas{
position:relative; /*pour valider la position absolue du logo wpja ".lien-wpja" */
}
#main .slideshow{
position:relative;
float:left;
}
#logoslideshow{
position:absolute;
top:0px;
left:0;
z-index:5000;
}
#slideshow-border-right{
position:absolute;
top:0px;
left:580px;
z-index:5000;
}
#slideshow-border-bas{
position:absolute;
top:387px;
left:0px;
z-index:5000;
}
#slideshow-border-haut{
position:absolute;
top:0px;
left:0px;
z-index:5000;
}
#presentation{
height:390px;
width:337px;
float:right;
background:#333 url(images/bg-presentation-lucida.jpg) 50% 50% no-repeat;
}
#menu{
width:100%;
height:32px;
clear:both;
background:#333;
}
#home-bas ul#liste-menu{
margin-left:0;
}
ul#liste-menu{
margin-left:12px;
}
ul#liste-menu li{
list-style-type:none;
float:left;
text-align:center;
margin-top:2px;
}
ul#liste-menu li a{
display:block;
width:97px;
line-height:30px;
height:30px;
text-decoration:none;
background:url(images/pipe.jpg) 100% 50% no-repeat;
color:#fff;
}
ul#liste-menu li a:hover{
background:url(images/bg-btn-hover.jpg) 50% 50% no-repeat;
font-weight:bold;
}
ul#liste-menu li.current_page_item a,ul#liste-menu li.current-cat-parent a,ul#liste-menu li.current-cat a{
cursor:default;
font-weight:normal;
background:url(images/bg-btn-current.jpg) 50% 100% no-repeat;
}
ul#liste-menu li.current_page_item a:hover,ul#liste-menu li.current-cat-parent a:hover,ul#liste-menu li.current-cat a:hover{
}
ul#liste-menu li.current-cat-home a,ul#liste-menu li.current-cat-home a:hover{
cursor:default;
background:url(images/bg-btn-home-current.jpg) 50% 100% no-repeat;
font-weight:normal;
}
#encart-orange{
width:100%;
height:103px;
clear:both;
background:#FF9900;
position:relative;
}
#texte{
width:552px;
height:85px;
padding:18px 0 0 31px;
text-align:left;
color:#333;
font-size:13px;
}
#wpja{
height:20px;
background:#1E1E1E;
color:#B9B9B9;
padding-left:31px;
font-size:11px;
line-height:20px;
}
#wpja a{
text-decoration:none;
color:#B9B9B9;
}
#wpja a:hover{
border-bottom:1px dotted #B9B9B9;
color:#B9B9B9;
}
.lien-wpja{
position:absolute;
top:9px;
right:9px;
border:none
}
div#annuaire{
position:absolute;
margin-top:8px;
}
#annuaire a{
color:#4E4C4C;
}
#annuaire a:hover{
color:#A3A3A3;
}
/* -----------------------------------------------page "galeries"---------------------*/
#main1 {
width:935px;
text-align:left;
padding:0;
background:transparent;
margin-right:auto;
margin-left:auto;
margin-top:15px;
margin-bottom:25px;
}
#main1 #menu{
background:#333 url(images/signature1.jpg) 100% 50% no-repeat;
}
.post{
width:100%;
background:#222121;
font-size:13px;
}
blockquote{
background:#A5A5A5 url(images/blockquote.jpg) no-repeat 10px top;
padding-left:40px;
margin:15px 0 15px 220px;
font-style:italic;
}
blockquote p{
margin:0px 0px 0px 0px;
padding:0 0px 10px 0px;
}
.entry{
background:#A5A5A5;
font-size:13px;
padding:15px;
}
.entry p {
margin-bottom:10px;
}
#main1 ul#liste-menu li a{
color:#FFF;
}
.bordureblanche1 {
padding:5px 5px 0 5px;
background:#fff;
}
#encart-orange1{
width:100%;
height:93px;
background:#FF9900 url(images/logo-orange1.jpg) 100% 50% no-repeat;
}
#nomcategorie{
font-size:130%;
font-weight:bold;
margin-left:40px;
}
#nomcategorie p {
line-height:20px;
position:relative;
}
#nomcategorie p:first-letter{
line-height:50px;
font-size:150%;
position:absolute;
top:0;
}
#sousnomcategorie{
margin-left:40px;
}
#bg-gris{
background:#A5A5A5;
position:relative;
border-bottom:5px solid #fff;
}
#description-galerie{
width:100%;
margin-left:auto;
margin-right:auto;
}
.image{
width:250px;
float:left;
}
.image img{
border-right:5px solid #fff;
border-bottom:5px solid #fff;
}
.image img:hover{
border-right:5px solid #FF9900;
border-bottom:5px solid #FF9900;
}
.description{}
.engagement,.resultat{
padding-left:15px;
background:url(images/pixelorange.jpg) 8px 8px no-repeat;
font-size:110%;
}
.cellule-galerie{
width:462px;
height:310px;
background:#A5A5A5;
margin:0;
padding:0;
float:left;
border-bottom:5px solid #fff;
}
div.titre{
position:relative;/*permet la position absolute de retour-galerie*/
}
.titre{
font-size:13px;
background:#333;
color:#fff;
padding:5px;
padding-left:15px;
}
.calendrier{
font-size:11px;
color:#A5A5A5;
font-weight:normal;
}
.titre h1,.titre h3,.titre h3 a{
font-size:25px;
color:#fff;
font-weight:normal;
}
.titre a{
font-size:13px;
color:#fff;
font-weight:normal;
}
.titre h3 a:hover{
color:#FF9900;
}
.titre .poster a {
color:#A5A5A5;
font-weight:normal;
font-size:13px;
}
.titre #souscategorie{
font-size:115%;
font-weight:bold;
color:#A5A5A5;
}
.slogan{
background:#222121;
border-left:5px solid #333;
padding:5px;
font-weight:bold;
float:right;
width:70%;
margin-bottom:10px;
color:#FFF;
}
.clear{
clear:both;
width:100%;
height:1px;}

#copyright{
color:#4E4C4C;
position:relative;
top:30px;
}
#barreblanche{
width:5px;
background:#fff;
height:100%;
position:absolute;
left:462px;
top:0;}
/* single */
.navigation2{
height:20px;
padding:4px;
color:#A5A5A5;
background:#333;
}
.navigation2 a{
text-decoration:none;
color:#A5A5A5;
}
.navigation2 a:hover{
color:#FF9900;}

div.titre a.retour-galerie{
font-size:12px;
color:#A5A5A5;
display:block;
width: 158px;
height:20px;
text-align:center;
background:url(images/curseur-retour.jpg) 50% 100% no-repeat;
position:absolute;
right:46px;
margin-top:-14px;
}

/*page*/
.post-page{
background:#A5A5A5;
padding:15px;
}
.post-page .titrearticle{
margin-bottom:10px;}
/* -----------------------------------------------page "partenaires"---------------------*/
.titre-partenaire{
background:#333;
color:#fff;
}
#partenaires {
padding-top:10px;
padding-right:30px;
}
#partenaires a{
border-bottom:1px dotted;
}
#partenaires a:hover{
border:none;
background:#333;
color:#A5A5A5;
}


/******** Wordpress Styles ********/
.aligncenter, div.aligncenter{
display:block;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}
.alignleft{
float:left;
}
.alignright{
float:right;
}
.wp-caption{
/*border:1px solid #ddd;
background-color:#f3f3f3;*/
text-align:center;
padding-top:4px;
  /* optional rounded corners for browsers that support it */
  -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 p.wp-caption-text{
font-size:11px;
line-height:17px;
padding:0 4px 5px;
margin:0;
}
img.centered{
display:block;
margin-left:auto;
margin-right:auto;
}
img.alignright{
margin:0 10px 10px 10px;
display:inline;
border:5px solid #FFF;
}
img.alignleft{
margin:0 10px 10px 10px;
display:inline;
border:5px solid #FFF;
}
a img.alignright:hover,a img.alignleft:hover{
border:5px solid #FF9900;}
.smallattachment{
text-align:center;
float:left;
width:128px;
margin:5px 5px 5px 0px;
}
.attachment{
text-align:center;
margin:5px 0px;
}
/* ----------------------------------------------blog---------------------------------- */
.blog div.aligncenter img,img.aligncenter{
border:3px solid #FFF;
}
.blog img.alignright{
margin:10px;
display:inline;
border:3px solid #FFF;
}
.blog img.alignleft{
margin:10px;
display:inline;
border:3px solid #FFF;
}
.blog a img.alignright:hover,.blog a img.alignleft:hover{
border:3px solid #FF9900;}
/*------------------------------------------comments-------------------------*/
.comments {
color:#A5A5A5;
width:450px;
margin-right:auto;
margin-left:auto;
}
.respond h3{
color:##A5A5A5;
font-weight:normal;
}
.comments h3{
color:#A5A5A5;
text-align:right;
border-bottom:1px dotted #A5A5A5;
}
.comments ol{
margin-left:15px;
}
.comments ol li{
line-height:115%;
margin:20px 5px 20px 0px;
}
.commentlist{
padding:0;
}
.commentlist div{
margin:15px 0 0 0;
padding:8px 25px 10px 15px;
background:#333;
}
.commentlist div.alt{
margin:15px 0 0 0;
padding:8px 25px 10px 15px;
background:transparent;
border:1px dotted #333;
}
.auteur{
margin-left:5px;}
#commentform {
border:1px dotted #333;
padding:15px;
}
#commentform small{
font-weight:bold;
padding:0;
}
.commentmetadata{
display:block;
margin-left:25px;
}
.commentlist cite{
font:1.6em Georgia, "Times New Roman", Times, serif;
font-weight:bold;
letter-spacing:-0.05em;
}
#commentform input{
padding:1px;
padding-left:3px;
background-color:#F7F7F7;
border:1px solid #bbb;
}
#commentform textarea{
background-color:#F7F7F7;
border:1px solid #bbb;
width:99%;
}
#commentform .submit {
background:#313131;
color:#fff;
text-decoration:none;
font-size:10px;
border:none;
padding:5px;
cursor:pointer;
}
#commentform .submit:hover{
color:#333;
background:#FF9900;
text-decoration:none;
}
#commentform label{
text-align:center;
}
.avatar{
}
.container-comments{
border-top:5px solid #fff;
width:100%;
}
.content_right, .content_left{
float:left;
width:45%;
}

.content_left{
padding-right:5%;
}
#home-desc{
width:500px;
margin-top:-500px;}