/*
Theme Name: EFINOR
Version: 1.0
Description: Site du groupe efinor, basé sur le theme "natural essence"
Author: Aurore/Ch1
Author URI: http://www.ch1.fr
*/

@import "menu.css";
@import "shortcodes.css";

* {margin: 0; padding: 0;}

html {margin:0;padding:0;}

body {
	background: url("img/background.jpg") no-repeat scroll center top #3E383A;
        background-repeat:no-repeat;
	color: #fff;
	font-size:13Px;
font-family:arial,sans-serif;
	padding:0;
margin:0;
background-attachment:fixed;
}

.alignleft{float:left;margin:0 20px 20px 0;}
.alignright{float:right;margin:0 0 20px 20px;}


/* Titres_________________________________________________________________ */

h1 {
	font-size:28px;
	font-weight:bold;
	line-height: 35px;
	padding:0;
}
h2 {
	font-size:26px;
	font-weight:bold;
	line-height: 32px;
	padding:0;
}
h3 {
color: #E8572B;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    padding: 0;
    text-transform: uppercase;
}

h3 a:link, h3 a:visited {color:#E8572B;text-decoration:none;}
h3 a:hover, h3 a:active {color:#E8572B;text-decoration:underline;}

h4 {
	font-size:14px;
	font-weight:bold;
	line-height: 18px;
	padding:0;
}

h5 {
	font-size:13px;
	font-weight:bold;
	line-height: 20px;
	padding:0;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, pre, address, table, form, .breadcrumb,
hr, .bouton_holder, iframe, .widget, .post, .type-page, #commentform, ol.commentlist li, .slideshowlink,
.ngg-galleryoverview, .post_thumbnail, .photo_actus, .text_actus, .tabs_wrap, .block {
margin: 0 0 15px 0;
}

a {color: #fff;}
a:hover {color: #fff;text-decoration:underline;}

big {font-size: 1.1em;}

h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

blockquote {
	background: url('img/quote.gif') no-repeat;
	display: block;
	font: normal 1.1em Georgia,serif;
	padding-left: 26px
}

form,table {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
li {line-height: 1.5em;
    list-style-position: inside;
    list-style-type: square;}
small,.small {font: normal 0.9em sans-serif;}
ul,ol {padding:0;}

.entry ul li {
 margin: 0 0 0 25px;
}
.entry ul ul {
margin:0;
}

/* ------------------------------------------- structure ----------------------------------- */

#wrapper {
	
	margin: 0 auto;
	width: 892px;
}
#container {
position:relative;
}

/* header */
.title {
        float:left;
        height:226px;
        width:250px;
  
}
.title h1 {
 background: url("img/efinor_logo.jpg") no-repeat scroll center center transparent;
    height: 154px;
    left: 12px;
    margin-top: 0;
    padding: 0;
    position: absolute;
    text-indent: -9999em;
    top: 20px;
    width: 248px;
}

.header {
 border-bottom: 1px solid #E8572B;
    height: 227px;
    margin: 0 0 10px;
}

.diaporama {
position: absolute;
    right: 0;
    top: 0;
}

#drop1, #drop2 {
background:#CCCCCC none repeat scroll 0%;
left:75px !important;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
overflow:hidden;
padding:0pt;
position:absolute;
top:1.67em !important;
width:13em;
}
#drop2 {
left:205px !important;
}
#drop1 li, #drop2 li {
height:25px;
line-height:25px;
width:100%;
}





/* -------------------------- main --------------------------- */

#colonne-droite{
float:right;
width:285px;
padding-top:22px;
padding-left:30px;
color:#666;
font-size:12px;
font-family:"Trebuchet Ms";}

#colonne-droite a{
color:#C97E01;
text-align:center;
}


#colonne-gauche{
float:left;
padding-left:30px;
padding-top:22px;
width:285px;
color:#666;
font-size:12px;
border-right:1px solid #ccc;
font-family:"Trebuchet Ms";}
google.fr

#colonne-gauche li{
list-style-image:url(img/puce-sidebar.jpg);
}

#colonne-droite li{
list-style-image:url(img/puce-projets2.jpg);
vertical-align:center;
color:#7491B4;
font-weight:bold;
}

#bloc-gris-accueil{
background: #fff url('img/bloc-accueil-gris.jpg') no-repeat;
height:217px;
padding:15px;
}

*:first-child+html #bloc-gris-accueil h2 {
   margin-top:0px;/* Lu uniquement par IE 7 */
}

#bloc-gris-accueil a {
background:#EAEAEA url('img/lien-cadre.jpg') no-repeat;
height:27px;
width:129px;
color:#fff;
padding:5px;
padding-left:40px;
padding-right:40px;
text-decoration:none;
}

#bloc-gris-accueil h2{
background-color:#fff;
padding-top:5px;
margin-left:190px;
}



#bloc-gris-accueil a:hover {
color;#fff;
text-decoration:underline;
}

/* posts */
.post .descr {
	color: #630;
	font-size: 0.9em;
	margin: 2px 0 4px;
}
.post .info{
	border-top: 1px dashed #AAAA9A;
	color: #222;
	font-size: 0.9em;
	font-weight: bold;
	margin: 4px 0 8px;
	padding: 8px 0;
}
.post img {border: 1px solid #CCC; padding:4px;background-color:#fff;}

.post img.align-gauche {margin-right:20px; margin-bottom:15px;float:left;}
.post img.align-droite {margin-left:20px; margin-bottom:15px;float:right;}

.post a img {border: 2px solid #CCB;}

.post a:hover img {border-color: #AA9;}

.coordonnees {
background-color:#F7F7F7;
border:1px dotted #aaa;
padding:10px;
margin-right:15px;
width:auto;
color:#666;
}

.coordonnees h2{
color:#89586A;
font-size:16px;
padding-bottom:10px;
border-bottom:2px solid #E89A1B;
}

/* --------------------------------------- footer ---------------------------- */
.footer {
 background: url("img/footer_logo.jpg") no-repeat scroll right 16px transparent;
    border-top: 1px solid #E8572B;
    clear: both;
    color: #FFFFFF;
    margin: 40px 0 0;
    overflow: hidden;
    padding: 25px 0;
    text-align: center;
}
.footer .left {width: 66%;}
.footer .right {
	width: 33%;
	text-align: center;
}
.footer a {
	
	text-decoration: none;
}
.footer a:hover {

	text-decoration: underline;
}

/* misc */

.content {}
.right .content {padding: 12px 0px;padding-left:20px;padding-right:0;}
.right .content p{margin-right:15px;}
.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}

.col2 .left { border-right: 1px solid #555555;
    margin: 18px 0 0;
    width: 254px;}
.col2 .right {width: 633px;}


.left-article{float:right;
width:auto;}

/* ------------------------ SIDEBAR -------------------- */

#second-menu {
	background: #fff; 
        height: 248px;
        width:auto;
        margin-bottom:20px;
}

#second-menu ul {padding: 0; margin: 0;}

#second-menu li {
list-style:none; 
border-bottom:1px solid #fff;
}

#second-menu li a {
	background: #77B1AD url(img/puce-menu.jpg) no-repeat;;
	border-left: 5px solid #EFB526;      
	color: #fff;
	display: block;
	font: bold 14px Trebuchet Ms;
	line-height: 40px;
	padding: 0 0px;
	text-align: left;
	text-decoration: none;
        text-transform:uppercase;
        padding-left:85px;
}
#second-menu a:hover {
	background: #559591 url(img/puce-menu-hover.jpg) no-repeat;
	color: #fff;
        border-left: 5px solid #89586A;
}
#second-menu .current_page_item a {border-left: 5px solid #89586A; color: #fff; background: #559591;}

/* --------------------- block list ----------------------------  */

.entete {
}
.entry .entete .sema {
background: #EEEEEE url('img/logo-sema.jpg') right no-repeat;
}

.entry .entete .brudner {
background: #EEEEEE url('img/logo-brudner.jpg') right no-repeat;
}

.entry .entete .mouteau {
background: #EEEEEE url('img/logo-mouteau.jpg') right no-repeat;
}

.entry .entete .euridis {
background: #EEEEEE url('img/logo-euridis.jpg') right no-repeat;
}

.entry .entete .normetal {
background: #EEEEEE url('img/logo-normetal.jpg') right no-repeat;
}





/* comments */
#commentlist li {
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #700000;
}
#commentform {
	margin: 1em 0;
	width: 280px;
}

textarea.styled {width: 280px;}

.styled {
	font-size: 1.1em;
	background: #FCFCFC;
	border: 1px solid #C6C3C3;
	padding: 2px;
}
.styled:hover {
	background: #FFF;
	border: 1px solid #C6C3C3;
}
.styled:focus {
	background: #FFF;
	border: 1px solid #939793;
}
#commentform input {margin-bottom: 3px;}
.commentmetadata a {font-size: 1em; color: #666;}

/* calendar */
#wp-calendar {color: #A0A0A0;}

.col2 .right table caption {border-bottom-color:#000;}
.col2 .right table thead tr {
  border-bottom-color: #000;
  color: #A53512;
}
.col2 .right table th {border-bottom-color:#000;}
.col2 .right table td#today {
  border-color: #000;
  color: #A53512;
}
.col2 .right table td a {
  border-bottom-color: #000;
  background-color: #EDF3DE;
}

.col2 .right table tfoot {border-top-color: #000;}
.col2 .right table tfoot a {background: none;}

/* calendar
--------------------------------------------------*/
#wp-calendar {
  display: inline-table;
  border-collapse: collapse;
  width: 185px;
  margin: 0px 10px 0 10px;
  text-align: center;
}

.col2 .right table caption {
  margin: -5px 10px 0 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid;
  letter-spacing: 0.1em;
}

.col2 .right table thead tr {border-bottom:1px solid;}

.col2 .right table th {border-bottom:1px solid;}

.col2 .right table td {
  width: 225px; /* maximaize width; honestly, I don't know much about tables... */
  padding: 1px;
  font-size: 0.9em;
}

.col2 .right table td#today {
  padding: 0;
  border: 1px solid;
  font-size: 1em;
  font-weight: bold;
}

.col2 .right table td a {
  display: block;
  border-bottom: 1px solid;
  font-weight: bold;
  font-size: 1.15em;
}

.col2 .right table tfoot {border-top:1px solid;}
.col2 .right table tfoot a {
  border: none;
  font-weight: bold;
}
.col2 .right table tfoot #prev a {text-align:left;}
.col2 .right table tfoot #next a {text-align:center;}

#searchform {
  left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 239px;
}

#searchform #s {
 border: 0 none;
    margin: 0 5px 0 0;
    padding: 4px;
    width: 178px;
}

#searchform #searchsubmit {
  background: none repeat scroll 0 0 #544B50;
    border: 0 none;
    color: #FFFFFF;
    padding: 3px;
}

#searchform #searchsubmit:hover {
cursor:pointer;
}

.resultsearch .post {
overflow:hidden;
margin:0 0 10px 0;
}

.navigation_result {
overflow:hidden;
margin:0 0 10px 0;
font-weight:bold;
padding:5px;
}
.nocomments {display:none;}

/* Liste actus _______________________________________________________________*/

ul.list_actus,
ul.list_actus li {
margin:0;
padding:0;
list-style-position:outside;
list-style-type:none;
}

ul.list_actus h3, ul.list_actus h4, ul.list_actus h5, ul.list_actus p.titre_actu {margin:0 0 5px 0;font-size:13px;line-height:1.5;}
ul.list_actus p {margin:0 0 5px 0;}
ul.list_actus p.savoir_plus {font-weight:bold;}

#sidebar {
padding:0 20px 0 0;
}

.post h2 a:link,
.post h2 a:visited {
text-decoration:none;
}

.post h2 a:hover,
.post h2 a:active {
text-decoration:underline;
}

.post h3 a:link,
.post h3 a:visited {
text-decoration:none;
}

.post h3 a:hover,
.post h3 a:active {
text-decoration:underline;
}

.text_actus h4 a:link,
.text_actus h4 a:visited {
text-decoration:none;
}

.text_actus h4 a:hover,
.text_actus h4 a:active {
text-decoration:underline;
}

a.bouton_link:link,
a.bouton_link:visited {
color:#E8572B;
}

a.bouton_link:hover,
a.bouton_link:active {
color:#E8572B;
}

.post_date {
color: #888888;
}

.baseline {
  color: #888888;
    margin: 0;
    position: absolute;
    right: 0;
    top: 200px;
text-transform:uppercase;
}

#actus-widget-7 {
overflow:hidden;
background:#4F494B;
padding:20px;
position:relative;
}

#actus-widget-7 ul li {
width:550px;
}

#actus-widget-7 ul li {
display:block;
float:left;
margin:0;
padding:0;
overflow:hidden;
}

#actus-widget-7 a.next {
background:url("images/next.gif") no-repeat scroll left top transparent;
display:block;
width:19px;
height:19px;
top:10px;
right:10px;
z-index:2;
position:absolute;
text-indent:-9999em;
}

#actus-widget-7 a.prev {
background:url("images/prev.gif") no-repeat scroll left top transparent;
display:block;
width:19px;
height:19px;
position:absolute;
top:10px;
right:30px;
z-index:2;
text-indent:-9999em;
}

#actus-widget-7 a.next:active,
#actus-widget-7 a.prev:active {
top:11px;
}

a:focus { 
    outline: none; 
}


#actus-widget-7 .photo_actus {
float:right;
margin:0 0 20px 20px;
}

.separation {
border-top:1px solid #555555;
margin:0 0 15px 0;
clear:both;
}
