/*
Theme Name: Grande Petite Agence
Theme URI: http://www.macluhans.com
Description: La grande petite agence
Version: 1
Author: gnu
Tags: mantle color, variable width, two columns, widgets
Default WordPress by gnu|| 
Modifications by gilles NUMA || 
*/

/*////////// GENERAL //////////*/
body {
	background-image: url(images/bg2.jpg);
	background-repeat:no-repeat;
	background-color: #0c1327;
	background-position: top center;
	margin: 0px;
	padding:0;
	font-size: 0.8em;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

:focus, :active {
	outline: none;
}

#cadre{
	width: 840px;
	margin: 0 auto;
	background-image:url(images/bg_cadre.png);
	background-repeat:repeat-y;
	padding: 0 40px;
	margin-top: 0px;
	
	}
#container {
	width: 838px;
	margin:0;
}

#container2 {
	width: 644px;
	float: left;
}

#container3 {
	width: 640px;
}

/*////////// TYPOGRAPHIE //////////*/

/*h1, h4 {*/
h4 {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5%;
}

h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5%;
}

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 5%;
	font-size:24px;
	line-height:100%;
	width: 100%
}

h2 {
	font-size: 150%;
	line-height:120%;
}

h3 {
	font-size: 180%;
	line-height:100%;
}

h4 {
	font-size: 120%;
	line-height:100%;
}

p {
	margin: 0 0 5px 0;
	padding: 0;
}

a {
	text-decoration: none;
	font-weight: bold;
	color:#666;
}

/*////////// HEADERS //////////*/
#header {
	width: 645px;
	float: left;
	margin: 0;
	padding: 0 0 20px 0;
}

.logo {
	margin: 0;
	padding: 0 0 10px 0;
}

.ajax {
	margin: 0;
	padding: 0 0 0 20px;
}

/*////////// CONTENT //////////*/
.content {
	clear: both;
	float: left;
	margin: 0;
	padding: 0 0 50px 20px;
	width: 619px;
}

.content h1 {
	margin:5px 0 10px 0;
	padding:0;
	color: #000;
/*	text-transform: uppercase;*/
	font-size: 24px;
}

.content h1:hover {
	color: #333;
}

.content a {
	text-decoration:none;
	color: #666;
}
.entry {
	width:100%;
}
.entry a {
	text-decoration:underline;
	color: #666;
	width: 100%;
}

.content h1 a {
	text-decoration:none;
	color: #000;
}

.content h4 {
	display: block;
	color: #FFF;
	margin: 0;
}

.content h4 a {
	margin:0;
	padding:1px 6px;
	background-color:#F4B404;
	color: #000;
	text-transform: uppercase;
	font-size: 90%;
}
.content h4 a:hover {
	text-decoration:underline;
}

.navDate {
	color:#fff;
	font-size:100%;
	margin:0 0 0 -61px;
	padding:0 1px;
	width:41px;
	background-image:url(images/date_onglet.png);
	background-repeat:no-repeat;
	text-align: center;
	height: 43px;
	position: absolute;
	left: auto;
	top:auto;
	text-transform: uppercase;
	text-align:center;
	
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
}

.bigDate {
	display:block;
	font-size:180%;
	padding: 4px 2px 0 0;
	text-align:center;
}

.tag {
	color:#666;
	font-size:95%;
	background-image:url(images/tag_icon.jpg);
	background-repeat:no-repeat;
	background-position: 5px 8px;
	height: 23px;
	margin: 20px 0 1px 0;
	padding: 3px 0 0 20px;
	display: block;
	border-bottom: 1px solid #dfe3e6;
	border-top: 1px solid #dfe3e6;
	width: 600px;
}

.tag a {
	color:#666;
}

.comments {
	color:#666;
	font-size:95%;
	width: 619px;
	float: left;
}

.comments a {
	color:#666;
}

.comments span {
	color:#666;
	font-size:95%;
}

.float_button a {
	float:right;
	font-size:95%;
	padding:2px 0 5px 0;
}

/*////////// SIDEBARS //////////*/
#sidebarLT {
}

#sidebarRT {
	float: right;
	width: 180px;
	margin: 0;
	padding: 17px 0 0 0;
}

#sidebarRT h2, .widget div  {
	background-image:url(images/r_side_head.png);
	background-repeat:no-repeat;
	font-size: 115%;
	line-height:100%;
	color:#FFF;
	margin:0 0 0 11px;
	padding: 2px 10px;
	height:30px;
	text-transform:uppercase;
	display:block;
	font-weight:bold;
}
.widget div{
		padding:21px 0 0 0 ;
		text-transform:lowercase;
	
	}
#sidebarRT input {
	width:105px;
	border: 1px solid #666;
	background-color:#FFF;
	font-size:80%;
}

li.cat-item  a{
	text-transform:uppercase;
	color:#fff;
	margin:2px 0;
	text-transform:uppercase;
}
/*
li.cat-item-1 a {
	background-color:#FFF;
	color:#FFF;
	text-decoration:none;
	margin:2px 0;
	padding:2px 3px;
	text-transform:uppercase;
}

li.cat-item-2 a {
	background-color:#FFF;
	color:#FFF;
	text-decoration:none;
	margin:0;
	padding:2px 3px;
	text-transform:uppercase;
}

li.cat-item-3 a {
	background-color:#c41401;
	color:#FFF;
	text-decoration:none;
	margin:0;
	padding:2px 5px;
	text-transform:uppercase;
}

li.cat-item-4 a {
	background-color:#f0af00;
	color:#FFF;
	text-decoration:none;
	margin:0;
	padding:2px 5px;
	text-transform:uppercase;
}
li.cat-item-5 a {
	background-color:#8cbd24;
	color:#FFF;
	text-decoration:none;
	margin:0;
	padding:2px 5px;
	text-transform:uppercase;
}
li.cat-item-6 a {
	background-color:#c70079;
	color:#FFF;
	text-decoration:none;
	margin:0;
	padding:2px 5px;
	text-transform:uppercase;
}*/
/*//////////// NAV ///////////*/

/*TOC Nav*/
.tocNav {
	padding: 0%;
	margin: 10px 0 27px 0;
	width: 160px;
	display: block;
}

.tocNav li {
	list-style: none;
	margin: 0;
	padding: 0 0 0 1.75em;
	font-size: 90%;
	color: #666;
	
	line-height:170%;
	
}

.tocNav li a {
	text-decoration: underline;
	color: #666;
}


.tocNav2 {
	padding: 0%;
	margin: 10px 0 27px 0;
	width: 160px;
	display: block;
}

.tocNav2 li {
	list-style: none;
	margin: 0;
	padding: 0 0 0 1.75em;
	font-size: 90%;
	color: #666;
	text-transform:capitalize;
	line-height:200%;

}

.tocNav2 li a {
	text-decoration: none;
	color: #000;
	background-color:#F4B404;
	padding:1px 8px;
	font-weight:bold;
}
.tocNav2 li a:hover, .tocNav li a:hover {
	text-decoration: underline;

}



.tocNav3 {
	padding: 0%;
	margin: 10px 0 27px 0;
	width: 160px;
	display: block;
}

.tocNav3 li {
	list-style: none;
	margin: 0;
	padding: 0 0 0 1.75em;
	font-size: 90%;
	color: #666;
	text-transform:capitalize;


}

.tocNav3 li a {
	text-decoration: none;
	color: #666;
	font-weight:normal;

}
.tocNav3 li a:hover {
	text-decoration: underline;

}

.navigation {
	margin: 0 0 0 20px;
	padding: 0 0 10px 0;
	float: left;
	width: 619px;
	font-size:80%;
}

.navigation a {
	color:#666;
}

.alignleft {
	margin: 0;
	padding: 0 0 0 3px;
	text-align: center;
	color: #666;
	font-size:110%;
	float:left;
	background-image: url(images/arrow_nav_left.gif);
	background-repeat: no-repeat;
	background-position: 5px 9px;

}

.alignright {
	margin: 0;
	padding: 0 5px 0 0;
	text-align: center;
	color: #666;
	font-size:110%;
	float:right;
	background-image: url(images/arrow_nav_right.gif);
	background-repeat: no-repeat;
	background-position: 60px 9px;

}
.alignleft a, .alignright  a{
	
		font-weight:normal;
		}
/*////////// FORMS //////////*/
input {
	width:230px;
	border: 1px solid #666;
	background-color:#FFF;
}
#btn_ok{

	border: none;

	}
textarea{
	width:550px;
	border: 1px solid #666;
	background-color:#FFF;
}
/*////////// FOOTER //////////*/
#pushbottom {
	clear:both;
}

#footer {
	width: 634px;
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
}

/*////////// IMAGES //////////*/

/*////// FUN CLASSES ///////////*/

/*any little extra flares and fun design
elements you want to add can go here*/

.commentlist ul{

margin:0;
}
.commentlist li{

list-style:none;
padding:5px;
margin:0;
}

#lien1 {
	width:108px;
	height:14px;
	background:url("images/lien_1.jpg") no-repeat;
	cursor:pointer;
	margin-bottom:12px;
	margin-left:20px;
}

#lien1:hover {
	background:url("images/lien_1roll.jpg") no-repeat;
}

#lien2 {
	width:108px;
	height:14px;
	background:#000 url("images/lien_2.jpg") no-repeat;
	margin-bottom:12px;
	margin-left:20px;
	cursor:pointer;
}

#lien2:hover {
	background:url("images/lien_2roll.jpg") no-repeat;
}

#lien3 {
	width:108px;
	height:14px;
	background:#000 url("images/lien_3.jpg") no-repeat;
	margin-bottom:12px;
	margin-left:20px;
	cursor:pointer;
}

#lien3:hover {
	background:url("images/lien_3roll.jpg") no-repeat;
}

#lien4 {
	width:108px;
	height:14px;
	background:#000 url("images/lien_4.jpg") no-repeat;
	margin-bottom:12px;
	margin-left:20px;
	cursor:pointer;
}

#lien4:hover {
	background:url("images/lien_4roll.jpg") no-repeat;
}

#lien5 {
	width:108px;
	height:14px;
	background:#000 url("images/lien_5.jpg") no-repeat;
	margin-bottom:12px;
	margin-left:20px;
	cursor:pointer;
}

#lien5:hover {
	background:url("images/lien_5roll.jpg") no-repeat;
}

#lien6 {
	width:108px;
	height:14px;
	background:#000 url("images/lien_6.jpg") no-repeat;
	margin-left:20px;
	cursor:pointer;
}

#lien6:hover {
	background:url("images/lien_6roll.jpg") no-repeat;
}