/*  

Theme Name: cci-flers
Theme URI: http://wordpress.org/
Description: Template of <a href="http://www.rezonova.com/">Nicolas Viot</a>.
Version: ver 1.0
Author: rezonova
Author URI: http://www.rezonova.com/
*/

/**************** Body and tag styles ****************/

/* Table of Contents:

	Typography
	Header Layout
	Middle Layout
	Footer Layout
	
*/

@import "form.css";
@import "nav.css";

/* Typography
--------------------------------------------------------------------------------------- */
* {
margin: 0;
padding: 0;
}
body{
margin:0;
padding:0;
font: normal 80%/1.5em "Trebuchet MS", Verdana, Arial, sans-serif;
text-align: left;
word-spacing: 0.05em;
text-decoration: none;
color: #444;
background:#eae8d3 url(./images/bgTop.png) repeat-x top;
}


/* Header Layout
--------------------------------------------------------------------------------------- */
#top{
width:795px;
margin:0 auto;
border-left:1px #fff solid;
border-right:1px #fff solid;
}
#orange{
background-color:#ff0016;
width:150px;
height:40px;
float:left;
padding:0;
margin:0;
border-right:1px solid #fff;
}
#greyBlock{
background-color:#808080;
}

#header{
background:url(./images/bg-header.png) repeat-x;
border-top: 1px solid #fff;
padding-bottom:17px;
height:96px;
}html>body #header{
padding-bottom:4px;
height:auto;
}
#headerLogo{
background:url(./images/logo-cci-3.gif) no-repeat 0px 10px;
margin:0px 0 0 25px;
height:115px;
}html>body #headerLogo{
background:url(./images/logo-cci.png) no-repeat 0px 5px;
height: 116px;
margin:0px 0 0 25px;
}
#headerLogo h1, #headerLogo h2{
color:#FFFFFF;
margin:5px 0 0 130px;
padding:0;
font-size:1.4em;
font-family: Helvetica, Arial, sans-serif;
}
#headerLogo h1{
padding-top:30px;
}

a img {
	text-decoration: none;
	border: 0px;
}
#ombr{
/*
background:url(./images/ombr.png) repeat-x;
height:7px;
*/
}html>body #ombr{
background:url(./images/ombr.png) repeat-x;
height:7px;
}

/* content
--------------------------------------------------------------------------------------- */
#conteneur {
	width:810px;
	margin:0 auto;
	padding:1px;
	background: url(./images/bg-espRedact.png) repeat-y 5px;
}html>body #conteneur {
/*	min-width:765px;
	max-width:900px;	
*/
}
/* left content
********************************************/
#leftContent{
float:left;
width:170px;
text-align:left;
margin:25px 0 0 5px;
}

.blueBox{
width:151px;
background: url(images/bg-Box.png) repeat-x bottom;
margin-left:10px;
margin-bottom:20px;
}

#blueTitle h2, #greyTitle h2, #redTitle h2{
width:151px;
height: 48px;
color:#ffffff;
text-align:center;
font-size:.9em;
margin-left:9px;
padding:2px 0;
}
#redTitle h2{
background:  url(./images/redBox.png) no-repeat bottom;
}

#blueTitle h2{
background:  url(./images/blueBox.png) no-repeat bottom;
}

#greyTitle h2{
background:url(./images/greyBox.png) no-repeat bottom;
}
#greyTitle span, #blueTitle span{
display:block;
margin-top:10px;
}

#leftContent ul{
padding:2px 5px 2px 5px;
}
#leftContent li{
list-style:none;
margin:0;
padding:0;
}
.blueBox li a{
text-decoration:none;
color:#699dd1;
font-size:.9em;
border-bottom: 2px dotted #699dd1;
padding:0px;
display:block;
margin:0;
}html>body .blueBox li a{
padding:3px 0px;
}

/*
#leftContent li a{
text-decoration:none;
color:#1580b1;
font-size:.9em;
padding-left:0px;
}html>body #leftContent li a{
display:block;
}
*/
#leftContent li a:hover{
text-decoration:underline;
color:#041a45;
}
#leftContent h3 a{
background:url(./images/puceh3-left.png) no-repeat 0% 4px;
color:#99ca3c;
font-size:.8em;
padding-left:20px;
margin:5px 0 5px 10px;
width:120px;
display:block;
}
#greenh2{
width:151px;
color:#041a45;
text-align:left;
font-size:1em;
margin-left:9px;
padding:2px 0;

}
.green li a{
text-decoration:none;
color:#7d9ddc;
font-size:.9em;
background:url(./images/puce-green.png) no-repeat 0% 5px;
padding-left:15px;
}html>body .green li a{
display:block;
}


/* Main content
*********************************************************/
#mainContent{
float:left;
width:400px;
padding:20px 0px 5px 0px;
margin:5px;
}html>body #mainContent {
padding:20px 10px 5px 15px;
}
#mainContent h2 a{
color:#ffffff;
padding:5px 0 0px 5px;
font-size:.7em;
margin-top:15px;
text-decoration:none;
display:block;
background:#0a3b51 url(./images/bgh1.png) no-repeat top;
min-height:27px;
width:380px;
padding-left:20px;
}html>body #mainContent h2 a{
font-size:.7em;
}
.editlink{
float:right;
position:relative;
top:-70px;
background:none;
} 
#mainContent h3{
background:url(./images/puceh3.png) no-repeat 0 30%;
padding-left:20px;
border-bottom:1px #ff0016 solid;
margin:15px 0 20px 0;
font-size:1.3em;
}
#mainContent h4{
background: url(./images/puceh4.png) no-repeat 0 30%;;
padding-left:20px;
margin:20px 0 15px 0;
}
#mainContent p{
margin:0 0 10px 0;
padding: 0 0 5px 0;
}
#mainContent a{
color:#102a44;
}
#mainContent a:hover{
color:#ff0016;
}
#mainContent ul{
	padding:10px 5px 10px 35px;
	}
#mainContent li{
list-style:url(./images/puce-orange.png);
}
.fooArt{
background:url(./images/footer-article.png) no-repeat;
height:21px;
width:401px;
}
/* right content
****************************************************/


#rightContent{
float:left;
width:165px;
padding-top:15px;
margin:15px 0 0 15px;
/*background-color:#CCFFCC;*/
}html>body #rightContent{
margin:15px 0 0 20px;
}


#rightContent h2, #rightContent h2 a{
color:#1f5285;
text-align:left;
font-size:1em;
margin:0;
padding:0px 2px;
text-decoration:underline;
}

#searchInfo h2{
background:url(./images/searchTop.png) no-repeat;
height:39px;
width:151px;
padding:0px 2px 0px 45px;
text-decoration:none;
}
#blueBox{
background-color:#d4e3f2;
padding-top:1px;
}
#rightContent ul{
padding:0;
margin:15px 0 0 0;
}
#rightContent li{
list-style:none;
/*list-style-image:url(./images/puce-right.png);*/
}
#blueBox li a{
background-color:#ffffff;
border-bottom:2px solid #d1d1d1;
border-right:2px solid #d1d1d1;
text-decoration:none;
color:#3081d1;
font-size:.9em;
padding:2px 5px;
margin:-8px 3px;
display:block;
}html>body #blueBox li a{
margin:3px 5px;
padding:2px 5px;
display:block;
}
#blueBox li a:hover{
text-decoration:underline;
}
#rightContent img{
margin-left:0px;
padding:0;
}

#archive h2{
background:url(./images/bl-archive.png) no-repeat ;
width:165px;
height:25px;
color:#ffffff;
text-decoration:none;
text-align:center;
padding:0;
margin:0;
}

#bl-Archive{
border-right:1px solid #0a3b51;
border-bottom:1px solid #0a3b51;
border-left:1px solid #0a3b51;
background-color:#d4e3f2;
padding-top:1px;
height:150px;
overflow:auto;
}

#bl-Archive a{
background:url(./images/folder-archive.png) no-repeat;
padding:5px 0 5px 25px;
color:#000000;
text-decoration:none;
}
#bl-Archive a:hover{
color:#FF3300;
}

#marcheP h2{
display:block;
background: url(./images/marcheBl.png) no-repeat ;
width:165px;
height:25px;
color:#ffffff;
text-decoration:none;
text-align:center;
padding:0;
margin:20px 0 0 0;
}

#bl-marchep{
border-right:1px solid #cc0011;
border-bottom:1px solid #cc0011;
border-left:1px solid #cc0011;
background-color:#ffffff;
padding-top:1px;
margin-bottom:20px;
}

#bl-marchep a{
background: url(images/puceMarche.png) no-repeat 0 50%;
padding:5px 0 5px 20px;
color:#000000;
text-decoration:none;
}
#bl-marchep a:hover{
color:#FF3300;
}


#footer{
border-top:1px solid #102a44;
color:#102a44;
padding-top:10px;
padding-left:0px;
margin-left:20px;
width:765px;
font-size:.9em;
}
#logo-footer{
	display:none;
	}
#footer a:hover {
color:#FF0016;
}
#footer a {
color:#102A44;
}

/*
*******************************************/
.date{
text-align:right;
font-size:.8em;
padding:O;
margin:0;
background:url(images/bg-date.png) no-repeat;
width:401px;
height:14px;
color:#000000;
/*
position:relative;
top:-15px;
right:25px;
*/
}
.post-cat{
background:  url('./images/post-cat.png') no-repeat;
padding:0 20px;
margin:1px 10px;
display:block;
}
.commentslink{
display:block;
background: url('./images/comment.png') no-repeat;
padding:0 20px;
margin:1px 10px;
}

.sepColRight{
background:url('./images/separateur-rightCol.png') no-repeat;
width:143px;
height:7px;
}

.box{
background:url(./images/bg-footerarticle.png) repeat-y;
width:401px;
border-top:1px #7c7c7c solid;
padding-top:10px;
margin-bottom:0px;
font-size:.9em;
}
.imgRSS{
margin:5px auto;
padding:5px 0;
}
#RSS ul{
list-style:url(./images/puce-orange.png);
}
#RSS li{
padding-top:10px;
display:block;
}
#RSS li a{
background:url(./images/puce-orange.png) left center no-repeat;
padding-left:15px;
}

blockquote{
color:#666666;
border-left: thin #999999 solid;
padding-left:10px;
margin:10px 5px 10px 30px
}

/* Miscellenous
==========================================================*/
.hide{
display:none;
}
.clear{
clear:both;
}