/*
Theme Name: CDC
Theme URI: http://cc-pays-marollais.com/
Description: 
Version: 1.0
Author: Tethis Interactive
Author URI: http://www.tethis.fr/

*/



/* Structure */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Sans-Serif;
	background: #fff url('images/fond-degrade.jpg') repeat-x center top;
	/*background: #fff url('images/background.jpg') repeat-x center top;*/
	color: #333;
	text-align: center;
	margin:0;padding:0;
	}

#page {
	text-align: left;
	margin:0 auto;
	width:1000px;
	}

#header {
	
	}
	#headerimg {
	text-indent:-9000px;
	width:346px;height:225px;
	background: url('images/cdc-pays-marollais.png') no-repeat 0 0;
	}
	#headerimg a {width:346px;height:225px;display:block;}


#content {
	font-size: 1.2em;
	background: #D3D3D3; border:2px #D3D3D3 solid;
	padding:20px;
	float:left;width:100%;
	margin:0 0 20px 0;
	}
	.cLeft {float:left;width:48%;margin:0 1% 0 0;}
	.cRight {float:left;width:48%;}
	#content li {clear:left;}
	
	
#footer {
	background: url('images/footer.jpg') repeat-x top;
	border: none;clear:left;
	height:100px;
	margin:0;padding: 15px;
	}
	
	#menu_top {
		position:absolute;top:0;right:45px;width:410px;height:46px;
		background: url('images/menu_top.png') no-repeat;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1.1em;}
		#menu_top li {float:left;list-style:none;padding:0 15px 0 20px;}
		#menu_top li a {text-decoration:none;}
		#menu_top li a:hover {text-decoration:underline;}
			#menu_top li.mentions {background: url('images/mentions.png') no-repeat 0 0;border-right:1px solid #000;}
			#menu_top li.plan {background: url('images/plan.png') no-repeat 0 0;border-right:1px solid #000;margin-left:15px;}
			#menu_top li.contact {background: url('images/contact.png') no-repeat 0 0;margin-left:15px;}

/* Eléments */

h1 {font-family:Georgia, "Times New Roman", Times, serif;font-size:2em;color:#CC3300;}
h3 {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.5em;color:#4F769F;clear:left;}
a {text-decoration:underline;color:#000;}
a:hover {color:red;}
	
hr {background:#D8D8D8;}

a img {border:1px solid #99cc00;padding:5px;background:#fff;}
a:hover img {border:1px solid grey;}
img.alignleft {float:left;margin:0 10px 10px 0;}
img.alignright {float:right;margin:0 0 10px 10px;}

li { /*list-style-image: url('images/puce.jpg');*/ list-style-position:inside;}

#actu-dechets {border: 2px solid green; background:#FFFFCC; width: 75%;font-size:1.2em;margin:0 0 0 11%;padding:10px;}
	#actu-dechets h3 {margin:0;}

/*table {border:2px solid #FFFFFF;}
td {border:1px solid #aaa;padding:2px 3px;}
tr.entete {background: #99CCFF;}
tr.pair {background: #C7E3FF;}*/

.wp-caption-text {/*margin-top:-25px;*/text-align:center;color:#555; font-style:italic;padding:0;}
		
/* PAGE D'ACCUEIL */		
	#actus {width:990px;background:#FFF;padding:5px;}
		#actus h1 {color:#FFF;}
	
	#carte {float:left;width:330px;height:500px;background: url('images/fond_carte-accueil.jpg') no-repeat top right;
	background-position: -10px 10px;}
	
	#content-acc{
		float:left;width:649px;height:680px;color:#000;font-size:1.2em;
		background: url('images/fond-content-acc.png') no-repeat 0 0;
		margin:0 0 -80px 0;padding:10px;}
	
		.edito {
			background: url('images/fond-edito.png') no-repeat 0 0;
			padding:0 50px 0 35px;font-weight:bold;
			}
		.edito h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:2em;}
		
		.coordonnees {padding:0 15px;}
		.coordonnees h2 {background: url('images/h2-coordonnees.jpg') no-repeat 0 0;text-indent:-9000px;}
		.coordonnees a {
			padding:0 0 0 25px;background: url('images/puce.jpg') no-repeat center left;line-height:23px;
			color:#000;text-decoration:underline;}
		
/* Navigation */
#summary{
	position:absolute;z-index:1000;
	height:45px;width:730px;top:143px;background: url('images/summary.png') no-repeat 258px 0;
	padding:0 0 0 250px;
	}

/* CSS du menu horizontal, bieler batiste */

.menu{
    position:absolute;
    display:block;
    margin:10px 0 0 35px;
    padding:0;
    width:750px;
    }

.menu ul{
    position:absolute;
    display:block;
    width:auto;    
    padding:0;
    }
    
.menu li ul{
    visibility:hidden;
    }

.menu li li ul{
    position:absolute;
    margin-left:80%;
    margin-top:-23px;
    }
    
.menu li{
    list-style:none;
    width:auto;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0 1px;
    padding:0;
    }
    
.menu li li{
    display:block;
    width:auto;
    float:none;
    }
	.menu li li li {width:300px;}
	
	/* */
	.menu li.cat-item-3 {width:145px;}/*communauté*/
    .menu li.cat-item-3 ul {background:#1E599D;}
  	  .menu li.cat-item-3 ul ul {background:#618ABA;}
	.menu li.cat-item-11 {width:115px;}/*actions*/
	.menu li.cat-item-11 ul {background:#CC3300;}
		.menu li.cat-item-11 ul ul {background:#BD59EF;}
	.menu li.cat-item-26 {width:125px;}/*communes*/
	.menu li.cat-item-26 ul {background:#99CC00;}
		.menu li.cat-item-26 ul ul {background:#B7DB4C;}
	.menu li.cat-item-43 {width:145px;}/*partenaires*/
	.menu li.cat-item-43 ul {background:#FFCC00;}
		.menu li.cat-item-43 ul ul {background:#FFDB4C;}
	.menu li.nous-contacter {width:145px;}
	/*.menu li.nous-contacter ul {background:#ECE9D8;}*/
	
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu a{
/*    text-align:center;
    background-color: #9cf;
    border:1px #666 solid;
    width:120px;*/
    color:#fff;
    display:block;
    text-decoration:none;font-size:1.2em;font-weight:bold;
	text-transform:uppercase;
    padding:2px 0;
    margin:1px;
    }
	.menu li.nous-contacter a {color:#000;}
    
.menu li li a:hover{
  background-color: #eee;color:#000;
     /* border:1px #aaa solid;*/
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    /*background-color: #aaf;*/
}

a.linkOver{
   /* background-color: #eee;*/
    }