/* IFP Energies nouvelles */
/* author: Guillaume Drouen */
/* date: 07-2012 */

body{background:#eee; width: 1003px; font: 13px/20px sans-serif; margin:0px auto}

a {color:#035995; outline-style: none; outline-width: medium;}
a:hover {color:#000;}

.clear{clear:both; font-size:1px}


/*==-- header --==*/

.header{background:url(images/header.png) no-repeat top; border-bottom: solid 1px #000;}

.header .ifp{float:right; margin:20px 20px 0px 0px}
.header .ifp img{display:block; float:left; height: 51px; width: 118px;}

.header .title{border:0px; font:bold  18px/30px "droid serif",Arial,Serif; margin:15px 0px 25px 20px; color:#fff; padding:0px; float:left; max-width: 800px;}
.header .title a{color:#fff; text-decoration:none; text-shadow:0px 2px 3px #00538b}
.header .title span{font: italic 18px/20px "droid serif",Arial,Serif; }

.header .nav{clear:both; background:url(images/header_nav_bg.png) center}

.header ul{margin:0px; padding:0px; list-style:none; font-weight:bold; display: flex;}
.header ul li{border-right:solid 1px #5c5c5c; text-transform:uppercase}
.header ul li:hover{background-color:#5f5f5f}
.header ul li a{color:#c4c4c4; text-decoration:none; padding: 7px 20px; line-height:30px; text-shadow:0px 1px 0px #000}
.header ul li a:hover{color:#fff}
.header ul li.active a{color:#fff}

.header .order{float:right; margin:5px 10px 0 0; }
.order a{display:block; font:bold 11px/22px verdana; color:#fff; text-decoration:none; text-shadow:0 1px 0 #000; color:#eee;  padding: 0 10px 0 10px; border-radius:5px; box-shadow: inset 0 2px 2px #bc7bd0, inset 0 -2px 2px #4e185f, 0 1px 2px #000; background-color:#873a9f; -moz-transition: all ease 500ms}
.order a span{display:block; background:url(images/ico_order.png) left no-repeat; padding-left:20px}
.order a:hover{box-shadow: inset 0 2px 2px #4e185f, inset 0 -2px 2px #bc7bd0, 0 1px 2px #000; -moz-transition: all ease 200ms; color:#fff}

.cover .order{margin:10px 0 0 0; text-align:center}


/*------------------------*/


.main{background-color:#fff; padding:15px; border:solid 1px #ddd}


/*==-- chapters, case studies, table--==*/
.main.chapters, .main.cases, .main.accueil, .main.table, .main.authors{padding:20px 50px}
.chapters h3{color:#333; margin:20px 0px 5px 0px; padding:0px}

.main.chapters ul, .main.cases ul, .main.table ul{list-style-image:url(images/left_li.png);}
.main.cases ol li, .main.cases ul li{margin:10px 0px }



h1{color:#333; font:bold 22px/28px sans-serif}
h1 span{font: italic bold 16px/25px sans-serif}
.main.accueil h3{color:#333;}
.main.accueil p{text-align:justify}
.main.accueil li{margin-bottom:10px}

ul.links{margin:0; padding:10px; list-style:none; text-align:center; }
ul.links li{display:inline-block; margin-right:10px; vertical-align:middle}
ul.links li a:hover{opacity:0.8}
ul.links li strong{color:#333}



/*==-- table of contents --==*/
.main.table h3{color:#333;}
.main.table h4{margin:5px 0px 5px 30px; color:#444}
.main.table p{margin:5px 0px 10px 50px;}




/*------------------------*/



/*==-- FOOTER --==*/
#footer{margin:10px 0px;  padding-top:5px; text-align:center; font-size: 11px;  }
#footer ul{list-style:none; margin:0px; padding:0px}
#footer ul li{display:inline}
#footer a{ color: #868686; text-decoration:none; padding:0px 10px}
#footer a:hover{ text-decoration:underline;}
#footer .copy{text-align:right}



/*==-- ACCUEIL --==*/


.main.accueil .intro{font-weight:bold; color:#333}

.warning{background:url(images/ico_warning.png) 10px 10px no-repeat #f1f1f1; padding:2px 15px 2px 50px; margin:10px 20px 10px;}
.warning+.warning{margin-top:20px}

.main.accueil h2{color:#035995; margin-top:30px; font-size: 17px; line-height: 1.3; border-bottom: dashed 1px #d1d1d1; padding:0px 0px 5px 0px}
.main.accueil h3{line-height:16px}



.cover{float:left; padding:20px 20px 10px 0px; background-color:#fff; margin-bottom:25px}
.cover img{box-shadow:3px 3px 0px #b1b1b1; border:solid 1px #b1b1b1}

.adresses{font:11px/20px sans-serif}
.adresses p{margin:5px; padding:0}

.main.accueil .cite{}
.main.accueil .cite p{text-align:left}