/*
Theme Name: Template générique 1 - colonne droite
Theme URI: http://www.ch1.fr
Description: Template générique CH1
Version: 1.0
Author: CH1
*/

body {
background: #fff url(images/bodybg.jpg) no-repeat top center;
font-family: Trebuchet Ms;
background-attachment:fixed;
font-size: 13px;
margin: 0px;
padding:0;
color:#545354;
}

hr {
background:#FFFFFF none repeat scroll 0 0;
border-color:-moz-use-text-color -moz-use-text-color #CCCCCC;
border-style:none none solid;
border-width:0 0 1px;
padding:0;
}

/* Titres
_________________________________________________________________ */

h1 {font-size: 24px;font-weight:bold;margin:10px 0 0 0;padding:0;}
h2 {font-size: 18px;font-weight:bold;margin:10px 0 0 0;padding:0;}
h3 {font-size: 14px;font-weight:bold;margin:10px 0 0 0;padding:0;}
h4 {font-size: 13px;font-weight:normal;margin:10px 0 0 0;padding:0;}

h2.archivetitle {
color:#666666;
font-size:13px;
margin:20px 0 0;
padding:0;
text-align:left;
}

/* images and misc.
_________________________________________________________________ */

img{ border: none; padding: 6px; }
img a{border:none;}
img.left{ float: left; border: none; padding: 6px; }
img.right{ float: right; border: none; padding: 6px; }

blockquote{
border-left:1px solid #A5ABAB;
margin:15px;
padding:0 12px 0 12px;
}

code{
margin:10px;
font-family:"Courier New", Courier, monospace;
}


/* Liens
_________________________________________________________________ */

a{
color:#050505;
text-decoration:none;
border: none;
}

a:hover {
color:#050505;
text-decoration: underline;
border: none;
}

/* container
_________________________________________________________________ */

#container {
width: 1007px;
margin: 0 auto;
padding: 0 ;
background:#fff;
color:#545354;
border: 0;
overflow: hidden;
}

/* HEADER
_________________________________________________________________ */

#header {
background: #ddd url(images/fond-header.jpg) repeat-x;
width: 1007px; 
position:relative;
height: 92px;
color: #fff; 
}

#droite{
float:right;
width:650px;
}

#gauche{
float:left;
width:350px;
}

#menu-magasin{
background:url('images/header-fd-orange.jpg') no-repeat; 
height:35px;
float:right;
width:562px;
padding-top:0;
}

#menu-magasin a{
color:#fff;
padding:0 10px 0 4px;
}

#menu-magasin p{padding:0;
padding-top:7px;
padding-left:220px;
margin:0;}

#header h1{
text-transform: uppercase;
font-family: arial;
font-size: 20pt;
font-weight: bold;
letter-spacing: 1px;
margin: 0;	
padding:0;	
position:relative;
top:0;
left:20px;	
width:300px;
}


#header h1 img {padding:0;}

#header h1 a{color: #ffffff; text-decoration: none;}
#header h1 a:hover{text-decoration: none;}

#header h2{
font-family: arial, times;
font-style: italic;
font-weight:normal;
color: #ffffff;
letter-spacing: 1px;
margin: 0;	
padding:0;
position:absolute;
top:107px;
left:47px;
}


/* BANDEAU
_________________________________________________________________ */

#bandeau {
height:178px;
width:482px;
background: url('images/bandeau.jpg') no-repeat;
padding-left:500px;
padding-top:10px;
display:block;
margin-top:35px;
padding-right:25px;
}

* html #bandeau {
margin-top:0;
height:168px;
padding-top:20px;
}

*:first-child+html #bandeau {
margin-top:0;
padding-top:20px;
height:168px;
} 

#bandeau p{color:#545354;}

#bandeau h2{
color:#545354;
font-size:20px;
font-weight:normal;
line-height:24px;
}



 img.tete {
position:absolute;
margin-top:96px;
margin-left:-318px;
}

/* MENU
_________________________________________________________________ */

.sf-menu {
background:#6E84AB url('images/fond-menu.jpg') repeat-x;
float:left;
list-style-type:none;
margin:0;
padding:6px 0 5px 130px;
width:877px;
}


.sf-menu li {
display:block;
float:left;
margin:0 5px;
padding:0;
position:relative;
width:auto;
}

.sf-menu li a {
display:block;
float:left;
padding:2px 10px 5px 10px;
margin:0;
text-decoration:none;
}

.sf-menu li a:link, .sf-menu li a:visited, .sf-menu li a:hover {
color:#fff;
}

.sf-menu li a:hover, .sf-menu li a:active, .sf-menu li.current_page_item a{
visibility:inherit;
background:#373737;
color:#fff;
}

.sf-menu ul {
position:absolute;
top:-990em;
left:-1px;
width:160px;
padding:5px 0 0 0;
float:left;
list-style-type:none;
margin:0;
padding:4px 0 0;
}

.sf-menu li ul li {
display:block;
float:left;
margin:0;
padding:0;
position:relative;
width:160px;
border-bottom:1px dotted #ddd;
}

.sf-menu li ul li a {
width:152px;
padding:2px 0 2px 8px;
margin:0;
background:#373737;
}

.sf-menu li:hover , .sf-menu li.iehover{
background:#373737;
}

.sf-menu li:hover a, .sf-menu li.current_page_item a, .sf-menu li.iehover a:link, .sf-menu li.iehover a:visited, .sf-menu li.iehover a:active, .sf-menu li.current_page_item a:link, .sf-menu li.current_page_item a:visited, .sf-menu li.current_page_item a:active {
color:#fff;
}

.sf-menu li:hover ul, .sf-menu li.iehover ul {top:25px;}
.sf-menu li:hover ul ul, .sf-menu li.iehover ul ul{top:-999em;}

.sf-menu a:hover {text-decoration:none;}


/* 2me niveau___________________ */

.sf-menu ul li a:hover {
background:#696969;
}

/* 3me niveau____________________ */

.sf-menu ul li ul{
position:absolute;
top:-999em;
left:160px;
width:160px;
padding:5px 0 0 0;
border:1px solid #ccc;
float:left;
list-style-type:none;
margin:0;
padding:0;
}

.sf-menu ul li:hover ul, .sf-menu ul li.iehover ul{
top:-1px;
}

/* content 
_____________________________________________________*/

#content {
float:left;
margin:0;
margin-left:25px;
overflow:hidden;
width:630px;
padding:0 10px;
}	

.post {
line-height:14pt;
margin:0;
padding:20px 0 10px 0;
}

.post h2{
border-bottom:1px solid #CCCCCC;
border-left:4px solid #EB7422;
color:#545354;
font-size:24px;
font-weight:normal;
padding-bottom:10px;
padding-left:15px;
padding-top:5px;
}

.post h2 a{
color: #545354;
text-decoration: none;
}

.post h2 a:hover{
color: #666;
text-decoration: none;
}

.post a{
text-decoration:underline;
}

.post ul {}

.post li {}



.entry p{margin:12px 0;}

.postmetadata{
clear: both;
margin:0;
padding:2px;
font-size:10px;
border-top:1px solid #ddd;
color:#666;
}

.postmetadata a:link, .postmetadata a:visited, .postmetadata a:active, .postmetadata a:hover{
color:#666;
}

.navigation {
float:left;
width:100%;
}

.alignleft {float:left; }
.alignright {float:right;}

.notfound{}


.edition {
background:#CCCCCC url(images/pencil.png) no-repeat scroll 5px 1px;
border-color:#DDDDDD #DDDDDD #AAAAAA #AAAAAA;
border-style:solid;
border-width:1px;
color:#DDDDDD;
font-size:10px;
margin:10px auto;
padding:3px 10px 3px 21px;
text-align:center;
text-transform:uppercase;
width:100px;
}

.edition a {
color:#666;
}


/* sidebar 
_____________________________________________ */


#sidebar {
border-left:1px solid #DDDDDD;
float:right;
font-family:Trebuchet Ms;;
margin:0;
padding:0 0 30px 5px;
width:295px;
background:url('images/fd-sidebar.jpg') repeat-y;
}

#sidebar h2{
color:#fff;
font-family: Trebuchet Ms;
font-size:11px;
font-weight:normal;
margin:20px 0 0 2px;
padding:3px 0 5px 25px;
text-align:left;
font-size:13px;
margin-bottom:15px;
background:url('images/fond-titre-sidebar.jpg') no-repeat;
}

#sidebar p {
margin:0;
padding: 0 6px 0 25px;
}

#sidebar img {
padding: 0;
margin: 0;
border:1px solid #aaa;
padding:3px;
background-color:#c6c6c6;
margin-left:25px;
margin-bottom:10px;
}

#sidebar ul {
margin:0;
padding:0;
list-style-type: none;
}

#sidebar ul li {

	margin: 0;

	padding: 0;

	line-height: 14pt;

	list-style-type: none;

	}



#sidebar ul ul {

	margin: 6px 0 6px 25px;
	padding: 0;

}



#sidebar ul ul li {

	list-style-image:url(images/puce-liste.jpg);
list-style-position:inside;

	}



#sidebar ul ul ul{

	margin: 0;

	padding: 0;

}



#sidebar ul ul ul li{

	padding: 0 0 0 15px;

	list-style-type: square;


	color: #898989;

}



.prix{
background-color:#fff;
color:#EB7422;
font-weight:bold;
padding-left:5px;
text-align:right;
width:auto;
}

#sidebar p.prix{margin-left:100px;
margin-left:175px;
padding-left:5px;
margin-right:20px;
}

/* commentaires
_______________________________________________________________*/

#commentssection{
clear: both;
padding: 2px 12px;
margin: 0;
}


#commentform{
background: #F0F0F0;
margin: 12px 0 20px 0;
padding:10px;
}

#commentform textarea#comment {
font-family:arial;
font-size:12px;
padding:5px;
width:498px;
}

#commentbox{
width:70%;
min-width:400px;
margin:5px 5px 0 0;
}

h3#comments {
font-size:13px;
margin:10px 0 5px 0;
color:#6E84AB;
}


#author, #email, #url, #commentbox, #submit{

	background: #fff;

	font-family: verdana, arial, times;

	font-size: 8pt;

	margin:5px 5px 0 0;

	padding: 6px;

	border: 1px solid #B2B2B2;

	}

	

#submit{margin:5px 5px 0 0;}



ol.commentlist {
list-style-type: none;
margin:0;
padding:0;
}



ol.commentlist li {
background: #fff;
margin:10px 0;
padding:5px 0 5px 10px;
overflow: hidden;
}



ol.commentlist li.alt {
background: #E5E5E5;
margin:0;
padding:10px;
}

ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}



ol.commentlist a {color:#000;}



cite {

	font-family: arial, verdana, tahoma;

	font-size: 9pt;

	font-weight: bold;

	font-style: normal;

	}

	

cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}

/* gravatar */

.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}

/* alignment classes */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* 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;
}



/* search 
___________________________________*/

#searchform{
display:block;
font-family:arial,times;
height:22px;
padding:6px 0 6px 6px;
margin:0;
}

#searchform input#s{
font-family: arial, times;
font-size: 12px;
padding: 2px;
margin: 0;
border: 1px solid #B7B7B7;
}

#searchform input#searchsubmit{
font-family: verdana, arial;
font-size: 11px;
padding: 2px ;
margin: 2px 0 0 2px;
border: 1px solid #B7B7B7;
background-color: #fff;
color: #797979;
}

#searchform input#searchsubmit:hover {
cursor:pointer;
}

/* DOMTAB ONGLETS
___________________________________________________*/

	div.domtab{
			padding:0;
			width:100%;
			font-size:90%;
			border:1px solid #aaa;
		}
		ul.domtabs{
			float:left;
			/*width:100%;*/
			margin:0;		
            padding:0;			
		}
		ul.domtabs li{
			float:left;
			list-style-type:none;
			padding:0;
			height:93px;
			width:104px;
			border-right:1px solid #fff;
			text-align:center;
		}
		
		ul.domtabs li.bureautique {
			background:url('images/fd-onglet-bureautique.jpg') no-repeat;
		}
		ul.domtabs li.bureautique:hover a{
			background:url('images/fd-onglet-bureautique-hover.jpg') no-repeat;
		}
ul.domtabs li.bureautique.active{
			background:url('images/fd-onglet-bureautique-hover.jpg') no-repeat;
		}


		ul.domtabs li.informatique {
			background:url('images/fd-onglet-informatique.jpg') no-repeat;
		}
		ul.domtabs li.informatique:hover a{
			background:url('images/fd-onglet-informatique-hover.jpg') no-repeat;
		}
                ul.domtabs li.informatique.active{
			background:url('images/fd-onglet-informatique-hover.jpg') no-repeat;
		}


		ul.domtabs li.progiciels {
			background:url('images/fd-onglet-progiciels.jpg') no-repeat;
		}
		ul.domtabs li.progiciels:hover a{
			background:url('images/fd-onglet-progiciels-hover.jpg') no-repeat;
		}
ul.domtabs li.progiciels.active{
			background:url('images/fd-onglet-progiciels-hover.jpg') no-repeat;
		}


		ul.domtabs li.telephonie {
			background:url('images/fd-onglet-telephonie.jpg') no-repeat;
		}
		ul.domtabs li.telephonie:hover a{
			background:url('images/fd-onglet-telephonie-hover.jpg') no-repeat;
		}
ul.domtabs li.telephonie.active{
			background:url('images/fd-onglet-telephonie-hover.jpg') no-repeat;
		}

		ul.domtabs li.papeterie {
			background:url('images/fd-onglet-papeterie.jpg') no-repeat;
		}
		ul.domtabs li.papeterie:hover a{
			background:url('images/fd-onglet-papeterie-hover.jpg') no-repeat;
		}
ul.domtabs li.papeterie.active{
			background:url('images/fd-onglet-papeterie-hover.jpg') no-repeat;
		}

		ul.domtabs li.mobilier {
			background:url('images/fd-onglet-mobilier.jpg') no-repeat;
		}
		ul.domtabs li.mobilier:hover a{
			background:url('images/fd-onglet-mobilier-hover.jpg') no-repeat;
		}
		ul.domtabs li.mobilier.active{
			background:url('images/fd-onglet-mobilier-hover.jpg') no-repeat;
		}

		
		ul.domtabs a:link,
		ul.domtabs a:visited,
		ul.domtabs a:active,
		ul.domtabs a:hover{
			/*width:8em;
			padding:.2em 1em;*/
			display:block;
			/*background:#4C4C4B;*/
			color:#fff;
			height:3em;
			font-weight:bold;
			text-decoration:none;
			text-transform:uppercase;
		}
		
		html>body ul.domtabs a:link,
		html>body ul.domtabs a:visited,
		html>body ul.domtabs a:active,
		html>body ul.domtabs a:hover{
			text-transform:uppercase;
			height:23px;
			padding-top:70px;
		}

* html ul.domtabs a { padding-top:70px;}

		ul.domtabs a:hover{
			color:#535153;
		}
		div.domtab div{
			clear:both;
			width:auto;
			color:#333;
			padding:20px 30px 20px 220px;
			height:186px;
		}
		
		div.domtab #informatique{
		background:#fff url('images/fd-div-informatique.jpg') no-repeat;
		}
		div.domtab #bureautique{
		background:#fff url('images/fd-div-bureautique.jpg') no-repeat;
		}
		div.domtab #progiciels{
		background:#fff url('images/fd-div-progiciels.jpg') no-repeat;
		}
		div.domtab #telephonie{
		background:#fff url('images/fd-div-telephonie.jpg') no-repeat;
		}
		div.domtab #papeterie{
		background:#fff url('images/fd-div-papeterie.jpg') no-repeat;
		}
		div.domtab #mobilier{
		background:#fff url('images/fd-div-mobilier.jpg') no-repeat;
		}
		
		ul.domtabs li.active a:link,
		ul.domtabs li.active a:visited,
		ul.domtabs li.active a:active,
		ul.domtabs li.active a:hover{
			color:#535153;
			height:23px;
			padding-top:70px;
		}
		#domtabprintview{
			float:right;
			padding-right:1em;
			text-align:right;
		}
		#domtabprintview a:link,
		#domtabprintview a:visited,
		#domtabprintview a:active,
		#domtabprintview a:hover{
			color:#fff;
		}
		div.domtab p{
			margin:0 0 0 0;
			line-height:18px;
			font-size:13px;
		}
		div.domtab h2{
			font-size:1.3em;
			color:#cfc;
			text-transform:uppercase;
			font-family:"Trebuchet MS",Arial,Sans-Serif;
			padding:0 0 0 0;
border:none;
		}
		div.domtab h3{
			font-size:19px;
			color:#F36F21;
			font-weight:bold;
			font-family:"Trebuchet MS",Arial,Sans-Serif;
			padding:0 0 15px 0;
		}
		
		div.domtab h1{
			font-size:2em;
			text-align:center;
			font-weight:normal;
			text-transform:uppercase;
			font-family:"Trebuchet MS",Arial,Sans-Serif;
			padding:.5em 0;
			background:#000;
			border-bottom:1px solid #666;
		}
		div.domtab pre{
			font-size:1.2em;
			padding:1em;
		}
		div.domtab div a:link,
		div.domtab div a:visited,
		div.domtab div a:active
		{
			/*color:#fff;*/
			display:block;
			padding:1em .5em;
			font-weight:bold;
			/*font-size:1.3em;*/
		}
		div.domtab div h2 a,
		div.domtab div h2 a:hover,
		div.domtab div h2 a:active
		{
			color:#535153;
			display:inline;
			padding:0;
			font-weight:bold;
			font-size:12px;
		
		}
		
/* other scheme! */
#other{
	font-size:.8em;
	margin-left:.3em;
	width:60em;
	margin-bottom:3em;
	float:left;
}
div#other.domtab div{
	clear:both;
	width:54em;
	background:#669;
	color:#fff;
	padding:1em 3em;
}
		
#other ul.domtabs a:hover{
	background:#669;
}
div#other ul.domtabs li.active a:link,
div#other ul.domtabs li.active a:visited,
div#other ul.domtabs li.active a:active,
div#other ul.domtabs li.active a:hover{
	background:#669;
	color:#fff;
}
#other div{
	float:left;
}
ul.prevnext{
	float:left;
	width:100%;
}
ul.prevnext li{
	float:left;
	width:49%;
}
ul.prevnext li.next{
	float:right;
	text-align:right;
}
*

/* carte page accueil
___________________________________________________*/

#carte-accueil{
background:url('images/fd-cadre-carte.jpg') no-repeat;
height:200px;
width:auto;
padding-top:50px;
padding-left:300px;
padding-right:20px;
color:#fff;
margin-top:15px;
}

#carte-accueil h3{
			font-size:19px;
			color:#F36F21;
			font-weight:bold;
			font-family:"Trebuchet MS";
			padding:0 0 0 0;
}

/* footer 
___________________________________________________*/

#footer {
background:#fff url('images/fd-footer.jpg') no-repeat;
border-top:0 none;
clear:both;
padding:6px;
text-align:left;
display:table;
width:100%;
height:82px;
}

* html #footer p, *:first-child+html #footer p{
padding-top:8px;
}

#footer p{margin: 0; color: #545354; font-size:11px; line-height:14px;margin-left:30px;margin-top:8px;}
#footer a{color: #545354;text-decoration: none;}
#footer a:hover{color: #000;text-decoration: underline;}



/* menu footer
___________________ */
#menufooter {
margin:0;
padding:0;
}

#menufooter li{
margin:0;
padding:0;
display:inline;
margin:0 5px;
padding:0
}

#menufooter li a {
font-size:10px;
}

/* modifications de styles */
H3 {
clear:both;
}