/*  
Theme Name: Centrale Conseil
Theme URI: http://www.centrale-conseil.fr
Description: Thème du site Centrale Conseil
Version: 0.1
Author: Etienne Depaulis
Author URI: http://www.redoxblog.com/
*/

/*
Les éléments graphiques et le design du site (et donc cette feuille de styles CSS et les images) restent la propriété exclusive de leurs auteurs respectifs conformément aux droits d'auteur.
*/

* {
	margin: 0;
	padding: 0;
}

/* @group Hacks */

.clearfix {
	display: inline-table;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */

.spacer {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
	border: none;
}

/* @end */

html {
	font-size: 16px;
}

body {
	font-size: 62.5%;
	font-family: Verdana, Tahoma, Verdana, sans-serif;
	text-align: center;
	background: #5f92b7 url(images/bgMain.png) repeat-x;
}

ul, li {
	list-style-type: none;
}

a {
	text-decoration: none;
}

img {
	padding: 4px;
	border: 1px solid #aaa;
	background-color: #e2ebf2;
	margin-right: 1em;
}

img.left {
	float: left;
	margin: 0 0.5em 0.5em 0;
}

img.right {
	float: right;
	margin: 0 0 0.5em 0.5em;
}


img.nobg, #lightbox img {
	padding: 0;
	border: 0;
	background: transparent none;
	margin: 0;
}

/* @group Structure */

#header {
	height: 260px;
}

#header object embed  {
	margin: 0 -15px;
}

#wrapper, #header {
	width: 870px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}


#top, #middle, #bottom, #news {
	width: 870px;
}

.in {
	padding: 20px;
}

#top .in {
	padding: 0 20px;
}

#middle .in {
	padding-bottom: 0;
}

#bottom .in {
	padding: 20px 0;
}


#middle {
	background: #bcdaef url(images/bgMiddle.png) no-repeat 570px 80px;
}

#news {
	padding-top: 20px;
	padding-bottom: 20px;
	background: #d1e3f2 url(images/bgnews.png);

}

#bottom {
	background-color: #174578;
}


#footer {
	position: relative;
	height: 30px;
	line-height: 15px;
	padding-top: 3px;
	text-align: center;
	background: #0d2949;
	color: #f7f7f7;
}


#cnje {
	position: absolute;
	top: 0;
	right: 4px;
}

#cnje a {
	display: block;
	height: 32px;
	width: 30px;
	background: url(images/logo_cnje.png) no-repeat 0 0px;
}

#ecl {
	position: absolute;
	top: 0;
	left: 0;
}

#ecl a {
	display: block;
	height: 30px;
	width: 30px;
	background: url(images/logo_ecl.png) no-repeat 4px 2px;

}

/* @end */

/* @group Menu */

#menu a {
	color: #a2a2a2;
	text-decoration: none;
	font-size: 1.5em;
}


/* @end */



/* @group Content */

h2 {
	color: #174578;
	margin: 0 0 1em;
	font-size: 1.7em;
}

h3 {
	color: #222;
	margin: 0 0 0.6em;
	font-size: 1.3em;
}

h3 span {
	font-size: 0.8em;
	text-transform: uppercase;
	color: #a2a2a2;
}

h3.info, h3.trad, h3.audit, h3.inge {
	padding: 25px 0 10px 55px;
	background: url(images/mini_info.png) no-repeat 0px 0px;
}

h3.trad {
	background-image: url(images/mini_trad.png);
}

h3.audit {
	background-image: url(images/mini_audit.png);
}

h3.inge {
	background-image: url(images/mini_inge.png);
}

#top h4 {
	margin: 0 0 0.5em;
	font-size: 1.3em;
	color: #222;
}

#content p {
	font-size: 1.2em;
	color: #383838;
	line-height: 1.4em;
	margin-bottom: 1.5em;
	text-indent: 1em;
}

#content p strong {
	color: #575757;
	font-weight: bold;
}

#content li {
	font-size: 1.3em;
	color: #383838;
	line-height: 1.6em;
	padding-left: 20px;
	background: url(images/bulletx.gif) no-repeat 0 4px;
}

#content li li {
	font-size: 1em;
}

#content #middle li {
	font-size: 1.2em;
}

#content ul {
	margin: 1.5em 1em 1.5em 4em;
}

#content ul ul {
	margin: 1em;
}

#content a {
	color: #d00002;
	text-decoration: underline;
}

img.bordure {
	padding: 31px 40px 21px 13px;
	margin: 0 0 1em 1em;
	background: url(images/bgImg.png);
}

img.right {
	float: right;
}


#top p {
	font-size: 1.3em;
}

#middle p {
	line-height: 1.6em;
}

#middle .quotes p {
	line-height: 1.4em;
}

#top p.important strong {
	color: #ffa422;
}

#liensplus {
	width: 260px;
	float: right;
	margin: 40px 0 20px 40px;
}

#liensplus ul {
	margin: 0;
}


#liensplus li {
	background: none;
	padding: 0;
}

#liensplus ul a {
	display: block;
	height: 80px;
	text-decoration: none;
	font-weight: bold;
	color: #0d2949;
	background: url(images/plaquette.png) no-repeat left top;
	padding: 15px 0 0 90px;
	font-size: 1.1em;
	
}

#liensplus a#devis {
	background-image: url(images/devis.png);
}

#liensplus a:hover {
	color: #d00002
}


#liensplus span {
	display: block;
	color: #174578;
}


#liensplus a:hover span {
	color: #de3238;
}

#middle .bloc {
	width: 520px;
}


.quotes {
	width: 520px;
	text-align: justify;
	background: url(images/quotes.png) no-repeat top left;
	
}

#content .quotes p {
	color: #616161;
}

#content .quotes p.first {
	padding: 10px 0 0 55px;

}

#content .quotes p.last {
	padding: 0 70px 30px 0;
	background: url(images/endquotes.png) no-repeat bottom right;
	margin-bottom: 0;
}


#content p.auteur {
	text-align: right;
	color: #222;
	font-size: 1em;
	font-style: italic;
	padding:0 40px 0 15px;
	background: url(images/prez_mini.png) no-repeat bottom right;
}

.competences {
	width: 290px;

	float: left;
	margin: 0;
}

#content .competences a {
	text-decoration: none;
	display: block;
	padding: 0 0 0 140px;
	background: url(images/ing.png) no-repeat top left;
	height: 130px;
}

#content .competences a#internet {
	background-image: url(images/internet.png);
}

#content .competences a#trad {
	background-image: url(images/trad.png);
}

.competences h4 {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.3em;
	margin-bottom: 1em;
	padding-top: 1em;
}

.competences a:hover h4 {
	color: #fd961e;
}

#content .competences ul {
	margin: 0;
}

#content .competences li {
	color: #bcdaef;
}

.liste_competences li span {
	font-size: 1.6em;
}

#news div {
	width: 410px;
	float: left;
}

#news h3 {
	font-size: 1.1em;
	padding:0 0 0.3em 0;
	color: #174578;
}

#news p {
	margin: 0;
	text-indent: 0;
	font-size: 1.1em;
	color: #111;
}

#content .admin a {
	color: #c2c2c2;
}


#postit {
	float: left;
	margin: -0.7em 1em 1.8em 0;
	width: 220px;
	height: 220px;
	font-size: 0.9em;
	background: url(images/postit.jpg) no-repeat;
	
}

body div#content #postit p {
	text-align: center;
	font-size: 1.3em;
	padding: 5em 1em 0;
	color: #000;
	line-height: 2.4em;
	text-indent: 0;
}

#postit p span {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 3em;
}

#postit small {
	font-size: 0.9em;
	font-weight: bold;
}

#infos_contact {
	margin-left: 220px;
}


/* @end */





/* @group Formulaire */

form {
	margin: 0 0 1.5em;
	font-size: 0.9em;
}

fieldset {
	border: none;
}

#form_contact {
	width: 650px;
}

#form_contact input {
	width: 270px;
}

#form_contact textarea {
	width: 270px;
	height: 100px;
}


#form_infos {
	width: 280px;
	float: left;
}

#form_message {
	width: 280px;
	float: right;
}

#form_middle {
	clear: both;
}

legend {
	font-weight: bold;
	font-size: 1.3em;
	color: #ef9f38;
}

body #content form p {
	font-size: 1em;
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0;
	text-indent: none;
}

form p.erreur {
	background: #efd6d7;
}

form p.erreur span {
	color: #8d2953;
	font-weight: bold;
	font-size: 0.9em;
}


form p.submit {
	width: 280px;
	text-align: center;
}

#form_contact form p.submit input  {
	width: 100px;
}

form p.hidden {
	display: none;
}

form .exemple {
	padding-left: 15px;
}


label {
	display: block;
	line-height: 2em;
	font-weight: bold;
	color: #000;
}

label.noblock {
	display: inline;
	margin-right: 0.8em;
}

input {
	vertical-align: middle;
	margin: 0.2em;
}

input[type=text]{
	border: 1px solid #333;
	color: #0060c3;
	font-size: 1.3em;
}

/* @end */

/* @group Actualite */

.post {
	margin: 0 15px 1.5em;
}

.post h2 {
	margin: 0 0 1em 0;
}

#content .post a, #content .comment a {
	color: #ef9f38;
}

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

#content .post p {
	text-indent: 0;
	text-align: justify;
	line-height: 1.5em;
}

#blog_entries p.date {
	font-size: 1em;
	text-transform: uppercase;
	margin: 0 0 0.4em -15px;
	line-height: 1em;
	padding: 1em 0 0.5em;
	color: #aaa;
}


p.date span {
	padding: 0 3px 0 15px;
	border-bottom: 1px solid #aaa;
}

.post .entry_infos {
	margin: 0;
	background: #eee;
	padding: 2px;
}

#content span.admin a {
	color: #c2c2c2;
}

h3#comments, h3#respond {
	margin-left: 15px;
}

.comment {
	margin: 1em 15px 1em 15px;
	padding: 5px 2px;
}

#content .comment p {
	
}

#content .comment .infos_auteur {
	font-size: 1em;
	text-indent: 0;
}

.odd {
	background-color: #ebebeb;
}

form#commentform {
	margin: 10px 15px;
	padding: 0;
}

form#commentform input[type=text] {
	height: 18px;
	width: 300px;
	font-size: 14px;
	color: #ef9f38;
}

.navigation {
	width: 840px;
	margin: 0 15px;
}

.navigation .left {
	float: left;
}

.navigation .right {
	float: right;
}



/* @end */


#footer a {
	font-weight: bold;
	color: #f7f7f7;
}

/* @group Trombinoscope */


#trombi {
	width: 830px;
}

#trombi div {
	width: 410px;
	float: left;
	font-size: 1.2em;
	margin: 0 0 0.5em;

}

#trombi img {
	float: left;
	margin: 0 1em 0 0;
	border: 1px solid #bbb;
}

#trombi h5 {
	font-size: 1.3em;
	color: #ffa422;
	margin: 0 0 5px;
}

#trombi h5.pole {
	color: #d00002;	
}


/* @end */

/* @group Footer */

#footer_menu_alt {
	height: 20px;
	line-height: 20px;
	text-align: center;
	background: #0d2949;
	color: #f7f7f7;
}

#footer_menu_alt a {
	color: #fff;
}

/* @end */