/*
Theme Name: Club Manche attractivité
Theme URI: http://www.ch1.fr
Description: Template générique CH1
Version: 1.0
Author: CH1
*/

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



/* Titres
_________________________________________________________________ */

h1 {font-size: 24px;font-weight:bold;margin:10px 0 0 0;padding:0;}
h2 {font-size: 18px;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;
}

h2.temoignages{
font-size: 22px;
font-weight: bold;
color: #009DE4;
border-bottom:1px solid #184F71;
padding-bottom:10px;
margin-bottom:10px;
font-family:"Times New Roman", Times, sans serif;
padding-top:20px;
}

/* images and misc.
_________________________________________________________________ */

img{ border: 1px solid #ccc; padding: 3px; background-color:#fff;}
img a{border:none;}
img.left{ float: left; border: 1px solid #ccc; padding: 3px; }
img.right{ float: right; border: 1px solid #ccc; padding: 3px; }

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

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

/* container
_________________________________________________________________ */

#container {
width: 982px;
margin: 0 auto;
margin-bottom:50px;
padding: 0 10px 10px 10px;
background:#fff;
color:#333;
border: 0;
overflow: hidden;
border:2px solid #669900;
border-top:none;
}

/* HEADER ACCUEIL
_________________________________________________________________ */

#sidebar4 {
z-index:0;
margin:0;
padding:0;
position:absolute;
}

#sidebar4 ul{
margin:0;
padding:0;
}

#header {
/*background: #ddd url(images/img-bandeau.jpg) no-repeat;*/
width: 982px; 
position:relative;
height: 555px;
color: #fff; 
}

#liens{
text-align:right;
width:260px;
padding-right:15px;
float:right;
position:absolute;
margin-left:700px;
}


*:first-child+html #liens {
 text-align:right;
width:260px;
padding-right:15px;
float:right;
position:relative;
margin-left:0px; /* Lu uniquement par IE 7 */
}

#header h1{
text-transform: uppercase;
font-family: arial;
font-size: 20pt;
font-weight: bold;
letter-spacing: 1px;
margin: 0;	
padding:0;	
position:absolute;
top:0;
left:30px;	
}
#header h1 a img{padding:0;}
#header h1 a{color: #ffffff; text-decoration: none;padding:0;}
#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;
}


#accroches {
background:transparent none repeat scroll 0%;
height:120px;
padding-left:470px;
margin-top:425px;
width:500px;
position:absolute;
}

*:first-child+html #accroches {
  margin-top:420px; /* Lu uniquement par IE 7 */
}

#accroches h3, #accroches h3 a{
text-transform:uppercase;
font-weight:bold;
font-family:"Times New Roman", Times, sans serif;
margin:15px 0 0 0;
color:#fff;
}

#travailler{
float:left;
width:150px;
margin-right:0;
margin-left:15px;
}
#installer{
float:left;
width:150px;
margin-right:10px;
margin-left:20px;
}
#vivre{
float:right;
width:140px;
}

/* HEADER PAGE
_________________________________________________________________ */


#header-page {
background: #698EAD url(images/fd-header-page.jpg) no-repeat;
width: 982px; 
position:relative;
height: 220px;
/*height : 245px avant*/
color: #fff; 
}

#header-page h1{
text-transform: uppercase;
font-family: arial;
font-size: 20pt;
font-weight: bold;
letter-spacing: 1px;
margin: 0;	
padding:0;	
position:absolute;
top:0;
left:30px;	
}
#header-page h1 a img{padding:0;}
#header-page h1 a{color: #ffffff; text-decoration: none;padding:0;}
#header-page h1 a:hover{text-decoration: none;}

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



/* MENU
_________________________________________________________________ */

.sf-menu {
background:#5380A1 none repeat scroll 0 0;
float:right;
list-style-type:none;
margin:0;
padding:0 0 0;
margin-top:5px;
height:50px;
border-top:5px solid #197AAA;
width:735px;
position:absolute;
margin-top:44px;
margin-left:247px;
}

*:first-child+html .sf-menu {
  z-index:999; /* Lu uniquement par IE 7 */
}

.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:15px 17px 17px 17px;
margin:0;
text-decoration:none;
font-weight:bold;
text-transform:uppercase;
}

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

.sf-menu li a:hover, .sf-menu li a:active, , .sf-menu li.current_page_item {
visibility:inherit;
background:url('images/hover-menu.jpg') repeat-y;
color:#fff;
}

.sf-menu ul {
position:absolute;
top:-999em;
left:-1px;
width:160px;
padding:10px 5px;
background:#2F6081;
border-bottom:3px solid #009BD9;
float:left;
list-style-type:none;
margin:0;
margin-top:30px;
}

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

*:first-child+html .sf-menu li ul li{
  z-index:999; /* Lu uniquement par IE 7 */
}

.sf-menu li ul li a {
background:#2F6081;
width:152px;
padding:2px 0 2px 8px;
margin:0;
font-weight:normal;
text-transform:none;
}

.sf-menu li:hover , .sf-menu li.iehover{
background:url('images/hover-menu.jpg') repeat-y;
}

.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:20px;}
.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:#197AA7;
}

/* 3me niveau____________________ */

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

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

/* content 
_____________________________________________________*/

#content-accueil {
float:left;
margin:0;
overflow:hidden;
width:305px;
padding:0 10px;
margin-left:15px;
}	

#content {
float:right;
background:#fff url('images/fond-content.jpg');
margin:0;
overflow:hidden;
width:630px;
padding:0 10px;
margin-left:15px;
padding-bottom:30px;
}	

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

}

.post h2, .post h2 a{
font-size: 22px;
font-weight: bold;
color: #009DE4;
border-bottom:1px solid #184F71;
padding-bottom:10px;
margin-bottom:10px;
font-family:"Times New Roman", Times, sans serif;
}

.post h3 {
font-size: 16px;
font-weight: bold;
color: #009DE4;
border-bottom:1px solid #aaa;
padding-bottom:10px;
margin-bottom:10px;
font-family:"Times New Roman", Times, sans serif;
}

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

.post a{
text-decoration:underline;
}

.post ul {}

.post li {
list-style-type:none;
list-style:url("images/puce.jpg");
}



.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 {
float:left;
margin:5px 0 5px 0;
padding:0 5px 0 0;
width:305px;
}

#sidebar h2, #sidebar2 h2, #sidebar3 h2{
color:#184F71;
font-family:"Times New Roman", Times, sans serif;
font-size:22px;
margin:10px 0 10px 10px;
padding:0;
text-align:left;
}

#sidebar3 h2.droite {text-align:right;}

.bleu-clair {
color:#009DE4;
}

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

#sidebar img, #sidebar2 img, #sidebar3 img {
padding: 0;
margin: 0;
background:#FFFFFF none repeat scroll 0%;
border:1px solid #CCCCCC;
padding:3px;
}

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

}



/* sidebar 2
_____________________________________________ */


#sidebar2 {
float:right;
margin:5px 0 5px 0;
padding:0 0 0 5px;
width:305px;
}

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



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

#sidebar2 ul li {

	margin: 0;

	padding: 0;

	line-height: 14pt;

	list-style-type: none;

	}



#sidebar2 ul ul {

	margin: 6px 0 6px 12px;

	padding: 0;

}



#sidebar2 ul ul li {

	list-style-type: none;

	list-style-position: inside;

	}



#sidebar2 ul ul ul{

	margin: 0;

	padding: 0;

}



#sidebar2 ul ul ul li{

	padding: 0 0 0 15px;

	list-style-type: square;


	color: #898989;

}

/* sidebar 3
_____________________________________________ */


#sidebar3 {
float:right;
margin:5px 0 5px 0;
padding:0 0 0 5px;
width:305px;
}

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


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

#sidebar3 ul li {

	margin: 0;

	padding: 0;

	line-height: 14pt;

	list-style-type: none;

	}



#sidebar3 ul ul {

	margin: 6px 0 6px 12px;

	padding: 0;

}



#sidebar3 ul ul li {

	list-style-type: none;

	list-style-position: inside;

	}



#sidebar3 ul ul ul{

	margin: 0;

	padding: 0;

}



#sidebar3 ul ul ul li{

	padding: 0 0 0 15px;

	list-style-type: square;


	color: #898989;

}

/* ------------------- FOND CADRES SIDEBAR --------------- */ 

#fond-bleu{
background: #fff url('images/fond-widget1.jpg') repeat-y;
margin-bottom:15px;
padding:10px;
}

#sidebar2 #fond-bleu, #sidebar3 #fond-bleu{
padding-left:0;
}

#fond-cadre-orange{
background: #fff url('images/fond-widget-orange.jpg') repeat-y;
margin-bottom:15px;
padding:10px;
border-top:4px solid #F3A92C;
}

#fond-cadre-vert{
background: #fff url('images/fond-widget-vert.jpg') repeat-y;
margin-bottom:15px;
padding:10px;
border-top:4px solid #72A800;
}

#fond-cadre-bleu{
background: #fff url('images/fd-cadre-bleu2.jpg') no-repeat;
margin-bottom:15px;
padding:10px;
padding-top:0;
padding-left:140px;
text-align:right;
border-top:4px solid #4096C4;
}

/* ------------------- FOND LIENS SIDEBAR --------------- */ 

.lien-orange{
background:url('images/fd-lien-orange.jpg') center no-repeat;
height:27px;
width:130px;
text-align:center;
padding-top:8px;
}


#header .lien-orange, #header-page .lien-orange{
background:url('images/fond-lien-haut.jpg') center no-repeat;
}

#sidebar p.lien-orange {
padding:0;
padding-top:5px;
}

.lien-orange a, .lien-vert a, .lien-bleu a{
color:#fff;
text-decoration:none;
}

.lien-orange a:hover, .lien-vert a:hover, .lien-bleu a:hover{
color:#fff;
text-decoration:underline;
}

.lien-vert{
background:url('images/fd-lien-vert.jpg') no-repeat;
height:27px;
width:97px;
text-align:center;
padding-top:8px;
}

#sidebar2 p.lien-vert {
padding-top:3px;
margin-left:10px;
}

.lien-bleu{
background:url('images/fd-lien-bleu.jpg') no-repeat;
height:27px;
width:97px;
text-align:center;
padding-top:8px;
}


#sidebar3 p.lien-bleu {
padding-top:3px;
margin-left:10px;
}

/* 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:#175175 none repeat scroll 0 0;
border-top:0 none;
clear:both;
padding:5px;
height:50px;
border-top:5px solid #4096C4;
border-bottom:5px solid #4096C4;
}

#footer p{margin: 0; color: #fff; float:left;padding-left:10px;padding-top:14px;}
#footer a{color: #fff;text-decoration: none;}
#footer a:hover{color: #fff;text-decoration: underline;}


/* menu footer
___________________ */
#menufooter {
margin:0;
padding:0;
float:right;
padding-right:10px;
padding-top:14px;
}

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

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

/* -------------------------- Tableau fiche --------------- */

table.fiche{
border:1px solid #ccc;
}

table.fiche td{
padding:10px;
border-bottom:1px solid #fff;
}

table.fiche tr{

}

table.fiche td.intitule{
background:#C8DBEA;
width:30%;
border:none;

}

table.fiche th{
background:#FFF;
height:50px;
}

table.fiche h2{
color:#009DE4;
font-family:"Times New Roman",Times,sans serif;
font-size:18px;
font-weight:normal;
border:none;
padding:bottom:0;
margin-bottom:0;
}


.coordonnees {
/*background-color:#F9DDAB;*/
background: url('images/fd-coordonnees.jpg') repeat-y;
border:1px dotted #aaa;
border-top : 3px solid #F1AA2E;
padding:10px;
margin-top:30px;
width:auto;
color:#666;
}

.coordonnees h2{
border-bottom:1px solid #ccc;
}

.coordonnees img{
border:1px solid #ccc;
padding:3px;
}


a.kbrsswidget {
border:none;
background-color:#fff;
}