/*  
Theme Name: Bloody4Pactoffice-produits
Theme URI: http://www.pactoffice.fr
Description: Theme Wordpres imaginé et developpé par Bloody Banana pour Aoste et Vous. 
Author: Bloody Banana 
Author URI: http://www.bloodybanana.com

*/
body{
background:#ccc; 
font-family:Verdana;
font-size:12px;
color:#333;
margin:30px 0 0 0;
padding:0; 
}


h1, h2, h3 { font-family:Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; font-size:14px; font-weight:bold;}
a, a:link { text-decoration: none; color : #ff0000; border: none;}
a:active { text-decoration: none; border: none;}
a:visited { text-decoration: none;  border: none;}
a:hover	{ text-decoration: underline; color : #ff0000; border: none;} 

:focus {-moz-outline-style: none;}

strong{color:#333;}


/*************
 -> HEADER
*************/

#top{background:#ccc url(images/header.jpg) top center no-repeat; width:830px; height:146px; margin:0 auto; padding:0;}
#retourhome {width:600px; height: 146px; margin:0; padding:0;}
#retourhome a {text-indent:-9999px; width:600px; height: 146px; display:block; margin:0; padding:0;}

/*************
 -> MENU
*************/
#menu{background:transparent url(images/menu-background.jpg) top left repeat-y;  width:830px; height:28px; margin:0 auto; padding:7px 0 7px 0; margin-top:0px;}
#menu ul{width:794px; margin:0; padding:0 16px 0 20px;}
#menu ul li{list-style:none; display:inline;  margin:0; padding:0;}

#menu ul li#accueil a{width:81px; height:28px; background:transparent url(images/menu-accueil.jpg) top left repeat-y; display:block; text-indent:-9999px; float:left;}
#menu ul li#accueil a:hover{background-position:0 -28px;}
#menu ul li#accueil.current a{background-position:0 -56px;}
#menu ul li#accueil.current a:hover{}

#menu ul li#devis a{width:181px; height:28px; background:transparent url(images/menu-devis.jpg) top left repeat-y; display:block; text-indent:-9999px; float:left;}
#menu ul li#devis a:hover{background-position:0 -28px;}
#menu ul li#devis.current a{background-position:0 -56px;}
#menu ul li#devis.current a:hover{}

#menu ul li#actus a{width:102px; height:28px; background:transparent url(images/menu-actus.jpg) top left repeat-y; display:block; text-indent:-9999px; float:left;}
#menu ul li#actus a:hover{background-position:0 -28px;}
#menu ul li#actus.current a{background-position:0 -56px;}
#menu ul li#actus.current a:hover{}

#menu ul li#sitepacto a{width:430px; height:28px; background:transparent url(images/menu-sitepacto.jpg) top left repeat-y; display:block; text-indent:-9999px; float:left;}
#menu ul li#sitepacto a:hover{background-position:0 -28px;}

/*
 -> Structure de la page
*/

#main{background:transparent url(images/page-background.jpg) top left repeat-y;  width:830px; margin:0 auto; padding:0; margin-top:0px;}
#page{ width:794px; margin:0 auto; padding:0 16px 0 20px;}

/*************
 -> CONTENT
*************/

#content{
float:left; 
width:585px; 
margin:0 0 0 0px;
padding:0;
}
*html #content{
float:left; 
width:585px; 
margin:0 0 0 0;
padding:0; 
}

/********************
 -> CONTENT HOME
*********************/

#content-home{
float:left; 
width:585px; 
margin:0 0 0 0;
padding:0;
}
*html #content-home{
float:left; 
width:585px; 
margin:0 0 0 0;
padding:0; 
}
#annonce a{
width:585px;
height:300px;
display:block;
margin:0 0 30px 0; padding:0;
background:transparent url(images/annonce-vsp.jpg) top left no-repeat;
text-indent:-9999px;
}
.separator{
width:555px;
height:8px;
background:transparent url(images/separator-rouge.jpg) top left repeat-x; 
margin:20px auto;
padding:0;
text-indent:-9999px;
}
#introduction{
width:555px;
margin:0 auto;
font-weight:bold;
color:#333;
font-size:12px;
}

.module {
width:555px;
margin:0 auto;
margin-bottom:15px;

}
.module .module-top {
width:555px;
height:18px;
background:transparent url(images/module-top.jpg) top left no-repeat; 
}
.module .module-center {
width:555px;
background:transparent url(images/module-centre.jpg) top left repeat-y; 
padding:0 0 0 20px;
}
.module-center h3{color:#ff0000;}
.module-center h2{font-size:12px;}

.module-center ul{margin:10px 0 0 15px; padding:0;}

.module-center li{margin: 0 0 10px 0; width:480px; vertical-align:top;}


.module-center p{
margin: 0 0 10px 0; width:480px;
}

.domaines{
margin:20px 10px 10px 0px;
padding:10px 10px 10px 20px;
background-color:#d8d8d8;
width:476px;
border:2px solid #fff;
}

.fleche {
text-align:right;
margin:20px 0 0 0;
}
.fleche a{
background:transparent url(images/module-center-fleche.jpg) center right no-repeat; 
padding:0 20px 0 0;
margin: 0 45px 0 0;
font-size:14px;
}
.fleche a:hover{
background:transparent url(images/module-center-fleche.jpg) center right no-repeat; 
padding:0 20px 0 0;
margin: 0 45px 0 0;
font-size:14px;
text-decoration:none;
color:#333;
}
.module .module-bottom {
width:555px;
height:18px;
background:transparent url(images/module-bottom.jpg) top left no-repeat; 
}
#outro{
width:555px;
margin:0 auto;
color:#333;
font-size:12px;
}
#outro h3{
font-size:13px;
}
#outro ul{
margin:10px 0 20px 0;
}
#lescontacts{
margin:20px 15px 10px 15px;
}
#lescontacts h2{
color:#ff0000;
font-size:12px;
margin:0 0 15px 0;
}
#lescontacts-gauche{
float:left;
margin-bottom:25px;
}
#lescontacts-droite{
float:right;
margin-bottom:25px;
}
#findepage{
clear:both;
display:block;
margin:0 0 25px 0;
}
#domainesactions{
font-size:9px; margin:20px 15px 10px 15px; color:#888;
}
#domainesactions h2{
font-size:11px; margin: 10px 0 10px 0; font-weight:normal;
}
#domainesactions a{
color:#888;
}
#domainesactions a:hover{
text-decoration:none; color:#ff0000;
}
/********************
 -> LES PAGES
*********************/

.entry-cat{
width:555px;
margin:0 auto;
margin-bottom:20px;
color:#333;
font-size:12px;
}
.entry-cat h1 {
margin-top:7px;
}
.entry-cat-single{
width:555px;
margin:0 auto;
margin-bottom:100px;
color:#333;
font-size:12px;
}
.separator-gris{
width:555px;
height:8px;
background:transparent url(images/separator-gris.jpg) top left repeat-x; 
margin:20px auto;
padding:0;
text-indent:-9999px;
}
.entry blockquote{
}
.entry-cat-single h1 {
color:#ff0000;
margin-top:7px;
}
.entry h1 a, .entry h1 a:visited{
}
.entry h1 a:hover{
}
.entry-contact{
width:555px;
margin:0 auto;
margin-bottom:20px;
color:#333;
font-size:12px;
}
.entry-contact h1 {
margin-top:15px;
background:transparent url(images/separator-rouge.jpg) bottom left repeat-x; 
width:555px;
height:40px;

}

/* Entry pour 404 */
#entry-404{
float:left;
width:500px;
margin:0;
padding:0; 
overflow:hidden;
font-family:'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#003333;
line-height:20px;
text-align:justify;
}
#entry-404 h2 {
text-indent:-9999px;
background:transparent url(images/404.jpg) top left no-repeat; 
width:500px;
height:375px;
}

/*************
 -> SIDEBAR
*************/

#sidebar{
float:right;
width:200px;
margin:0 0 0 0;
padding:0;
}
*html #sidebar{
float:right;
width:200px;
margin:0 0 0 0;
padding:0;
}

*+html #sidebar{
float:right;
width:200px;
margin:0 0 0 0;
padding:0;
}

html[xmlns*=""] body:last-child #sidebar{
float:right;
width:200px;
margin:0 0 0 0;
padding:0;
}

#rsidebar{
width:200px;
margin:0 0 0 0;
padding:0;
overflow:hidden;
}

	
#btn-devisgratuit a {
width:190px;
height:112px;
background:transparent url(images/btn-devis-gratuit.jpg) top left no-repeat; 
margin:15px auto;padding:0;
text-indent:-9999px;
display:block;
}
#btn-devisgratuit a:hover {
background-position:0 -112px;
}

#sidebar-infosutiles h2{
width:178px;
height:30px;
background:transparent url(images/sidebar-titre-infosutiles.jpg) top left no-repeat; 
margin: 35px 0 15px 10px;
padding:0;
text-indent:-9999px;
}
#sidebar-infosutiles span{
float:left;
font-size:10px; font-weight:bold;
color:#ff0000;
margin: 0 5px 5px 0;
clear:both;
}
#sidebar-infosutiles h3{
color:#ff0000;
font-size:10px; font-weight:bold;
margin: 10px 5px 5px 10px;
}
#sidebar-infosutiles a:hover{
color:#333;
text-decoration:none;
}

#sidebar-actualites .entry{
margin: 0 0 20px 0;
}
#sidebar-actualites h2{
width:178px;
height:30px;
background:transparent url(images/sidebar-titre-actus.jpg) top left no-repeat; 
margin: 35px 0 15px 10px;
padding:0;
text-indent:-9999px;
}
#sidebar-actualites .ladate{
color:#666;
font-size:10px; font-weight:normal;
margin: 15px 5px 5px 10px;
padding:0;
}
#sidebar-actualites h3{
color:#ff000;
font-size:10px; font-weight:bold;
margin: 0 5px 5px 10px;
padding:0;
}
#sidebar-actualites p{
color:#333;
font-size:10px; font-weight:normal;
margin: 0 10px 10px 10px;
padding:0;
}




#rsidebar .separator{
width:200px;
height:8px;
background:transparent url(images/sidebar-separator-rouge.jpg) top left no-repeat; 
margin:10px 0 10px 0;
padding:0;
text-indent:-9999px;
}
	*html #rsidebar .separator{
	width:200px;
	height:8px;
	background:transparent url(images/sidebar-separator-rouge.jpg) top left no-repeat; 
	margin:10px 0 10px 15px;
	padding:0;
	text-indent:-9999px;
	}
	
#rsidebar li {
list-style:none;
}
	*html #rsidebar li {
	list-style:none;
	margin: 0 0 0 -18px;
	}
	
	*+html #rsidebar li {
	list-style:none;
	margin: 0 0 0 -18px;
	}
	

/*************
 -> FOOTER
*************/

#footer{
clear:both;
height:5px !important;
margin:0;
padding:0;
}
#footer-page{
clear:both; 
background:transparent url(images/footer.jpg) top left no-repeat; 
width:830px; 
height:70px; 
margin: 0 auto;
}
#footer-gauche{
font-size:9px;
padding:7px 0 0 30px;
width:370px;
color:#999;
float:left;
}
#footer-gauche a, #footer-gauche a:visited, #footer-gauche a:focus, #footer-gauche a:active, #footer-gauche a:link{
font-size:9px;
color:#999;
}
#footer-gauche a:hover{
font-size:9px;
color:#666;
text-decoration:none;
}
#footer-droite{
float:right;
padding:15px 30px 0 0;
font-size:9px;
color:#999;
text-align:right;
}
#footer-droite a, #footer-droite a:visited, #footer-droite a:focus, #footer-droite a:active, #footer-droite a:link{
font-size:9px;
color:#666;
}
#footer-droite a:hover{
font-size:9px;
color:#ff0000;
text-decoration:none;
}
/*************
 -> COMMENTAIRES
*************/


.boxcomments{border-top:5px solid #e7e7e7;border-bottom:5px solid #e7e7e7;margin-bottom:20px; margin-top:10px;width:500px;}

#commentform{margin:0;padding:0;border-top:5px solid #e7e7e7;}
#commentform h3{background:transparent url(images/titre-comments.jpg) no-repeat bottom left; margin:10px 0 20px 0; display:block; height:51px; text-indent:-9999px;}

#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}

ol.commentlist{margin:0 0 1px; padding:0; margin:15px 0 10px 0;}
ol.commentlist :hover{}

ol.commentlist li{border-bottom:0px solid #fff; display:block; list-style:none; padding:10px 10px 10px 10px; margin-bottom:15px; background:#ffc800; color:#434343;}
ol.commentlist li :hover{background:none;}

ol.commentlist li.odd{border-bottom:0px solid #fff; display:block; list-style:none; padding:10px 10px 10px 10px; margin-bottom:15px; background:#ade9ff; color:#333;}
ol.commentlist li.odd :hover{}

ol.tblist{display:none; border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;}
ol.tblist li{display:block;list-style:none;background:#e7f9ff;padding-left:15px;margin:0 0 5px;}

/*************
 -> ARCHIVES
*************/

.car-container {
margin:20px 0 0 0;
padding:0;
list-style:none;
}
.car-container ul {
margin:0;
padding:0;
list-style:none;
}
.car-container li{
margin:0 0 10px 10px;
font-weight:bold;
}
.car-container li a{
margin:0 0 10px 0;
font-weight:normal;
}
.car-container li a:hover{
text-decoration:none;
color:#ff0000;
}
.car-yearmonth {
font-weight:bold;
display:block;
text-transform:capitalize;
margin: 0 0 10px 0;
}

hr {
height: 2px;
margin: 0;
padding: 0;
color:#e3e1e4;
background-color: #e3e1e4;
border: 0;
}
.entry-archives .postemetadata-footer{ 
float:right;
background:none;
border:0;
margin:0 0 50px 0;
padding:0 0 0 25px;
height:16px;
}
.entry-archives .postemetadata-footer a{ 
color:#006699;
}
.entry-archives .postemetadata-footer a:hover{ 
color:#ff0000;
text-decoration:none;
}