/* IFP Energies nouvelles */
/* author: Guillaume Drouen */
/* date: 06-2011 */

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:#fff; height:120px; text-align: center;}
.header .logo img{display: inline-block; margin: 10px 0 0 20px}

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

.header ul {float: right; list-style: none; margin:0; padding: 0;}
.header ul li{display: inline-block; margin: 0; padding: 0;}
.header ul li a{color:#545454; text-transform: uppercase; font-size: 12px; font-weight: normal; padding:8px; border-left: solid 1px #e6e6e6; border-right: solid 1px #e6e6e6; display: inline-block; text-decoration: none;}
.header ul li a:hover{text-decoration: underline;}
.header ul li+li a{border-left:0; }


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


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


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


/*==-- case studie --==*/
.article.case{margin:0px; padding:20px}

h1{color:#0057A0; font:bold 25px/30px sans-serif; margin-bottom:10px}
h1 span{font:bold 18px/20px sans-serif}
h2{color:#333; font:bold 20px/25px sans-serif; margin:0 0 10px 0}


.ebook{border-bottom:solid 2px #e2e2e2; padding:25px 0;}
.apphone{}
.apphone img{border:0}
.apphone:hover{opacity:0.8}

.warning{background: url(images/ico_warning.png) no-repeat 10px 10px #F1F1F1;  margin: 10px 0px 10px 170px; padding: 2px 15px 2px 50px;}
.warning strong{color:#333}

ul.links{margin:0; padding:0; list-style:none}
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}

.more{float:left}
.more a{display:block; border-radius:5px; background-color:#006ab3; box-shadow:0 2px 2px #0088c2 inset, 0 -2px 2px #003051 inset, 0 1px 2px rgba(0,0,0,0.2); padding:0 15px 0 10px; font: bold 11px/22px verdana; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.5); text-decoration:none; -moz-transition: all 500ms ease 0s;}
.more a:hover{-moz-transition: all 200ms ease 0s; box-shadow:0 2px 2px #003051  inset, 0 -2px 2px #0088c2 inset, 0 1px 2px rgba(0,0,0,0.2);}
.more a span{display:block; background:url(images/ico_ebook.png) left center no-repeat; padding-left:20px}


/*==-- 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 --==*/

.cover{float:left; background-color:#fff;}
.cover img{box-shadow:3px 3px 0px #b1b1b1; border:solid 1px #b1b1b1; width:150px}

.content{float: right; width:720px;}
.content p:first-child{margin-top: 5px}
.content p:last-child{margin-bottom: 0}