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

@import "reset.css";
@import "menu.css";

body {
background: #336699 url('images/fd-body.jpg') repeat-x;
font-family: arial, tahoma, sans-serif;
font-size: 12px;
margin: 0px;
padding:0;
}

.plus {
	padding : 7px 20px 7px 22px;
background: transparent url('images/savoir-plus.png') no-repeat;
color:#000;
}

.entry {
	padding: 0 10px;
}

a.produits {
text-decoration:none;
background: transparent url('images/lien-contenu.jpg') no-repeat;
color:#fff;
font-weight:bold;
padding: 8px 20px 8px 90px;
}

a:hover.produits {
color:#BACFE0;
}

/* Titres
_________________________________________________________________ */

h1 {font-size: 24px;font-weight:bold;margin:10px 0 0 0;padding:0; clear:left;}
h2 {font-size: 18px;font-weight:bold;margin:10px 0 0 0;padding:0; clear:left;}
h3 {font-size: 14px;margin:10px 0 0 0;padding:0; background: url('images/fd-h3.jpg') no-repeat; padding:7px; padding-left:15px; clear:left;}
h4 {font-size: 13px;font-weight:normal;margin:10px 0 0 0;padding:0; clear:left;}

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

/* images and misc.
_________________________________________________________________ */

img{ border: none; padding: 3px; }
img a{border:none;}
img.alignleft{ float: left; border: none; padding: 3px; background: #fff;
border:1px solid #ccc; margin-right:10px;  margin-bottom:10px;}
img.alignright{ float: right; border: none; padding: 3px; background: #fff;
border:1px solid #ccc; margin-left:10px;  margin-bottom:10px;}


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:#fff;
text-decoration:none;
border: none;
}

a:hover {
color:#09387F;
text-decoration: none;
border: none;
}

/* container
_________________________________________________________________ */

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

/* HEADER
_________________________________________________________________ */

#header {
background: none;
position:relative;
height: 125px;
color: #fff; 
}

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

#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;
}


/* content 
_____________________________________________________*/

#content {
display:block;
margin:15px 0 40px 313px;
overflow:hidden;
width:660px;
padding:0;
background-color: #3D6A9C;
}	

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

.post h2{
font-size: 16px;
font-weight: normal;
color: #fff;
margin:0;
background: url('images/titre-page.jpg') repeat-x;
padding:7px;
padding-left:15px;
}

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

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

.post a{
text-decoration:none;
}

.post ul {
margin-left:15px;
}

.post li {}



.entry p{margin:12px 0;}

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

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

.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 {

float:left;
font-family:arial,tahoma;
margin:15px 0 40px 0;
padding:0;
width:280px;
}

#sidebar h2{
color:#fff;
font-family:arial,verdana,times;
font-size:11px;
font-weight:bold;
margin:0;
padding:0;
}

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

#sidebar img {
padding: 0;
margin: 0;
}

#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 12px;

	padding: 0;

}



#sidebar ul ul li {

	list-style-type: none;

	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;

}



/* 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;
}


/* footer 
___________________________________________________*/

#footer {
background: transparent url('images/fd-footer.jpg') repeat-x;
border-top:0 none;
padding:0;
text-align:center;
height:85px;
display:table;
width:100%;
}

#footer p{margin: 0; color: #fff; margin-top:30px; margin-left:40px;}
#footer a{color: #fff;text-decoration: none;}
#footer a:hover{color: #fff;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;
}

/* Style widgetAccueil Carousel */

div.widgetAccueil {
width:976px;

background-color:#fff;	
padding:0;
margin:0;
background-image:url(images/bandeau-accueil-fond.jpg);
background-repeat:repeat-x;
background-position:top left;
}

div.widgetAccueil * {
height:138px;
}

div.widgetAccueil li img {
height:107px;
padding-top:11px; 

}