/* GENERAL */ body { background:#EFEFEF; } .button { border: 1px solid #6B94B4; background: #316594; font-family: 'Yanone Kaffeesatz', arial, helvetica, sans-serif; font-size: 16px; color: #FFFFFF; } .wrapper { width:1250px; margin:0 auto; position:relative; display:block; } a:link, a:visited { color:#316594; text-decoration: none; } a:hover, a:focus { color:#EE0000; text-decoration: none; } /* HEADER */ .header { background: #6B94B4; background: -moz-linear-gradient(top, #6B94B4 0%, #316594 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6B94B4), color-stop(100%,#316594)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6B94B4', endColorstr='#316594',GradientType=0 ); height:120px; border-bottom:#2B5780 1px solid; } /* HEADER: breadcrumbs */ header .breadcrumbs { text-shadow: 1px 1px 0px rgba(255,255,255,.5); border-top:#FFF 1px solid; border-bottom:#ccc 1px solid; font-size:11px; height:25px; line-height:25px; overflow:hidden; color:#666; text-transform:uppercase; width:100%; background: #eee; background: -moz-linear-gradient(top, #EDEDED 0%, #D5D5D5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#D5D5D5)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDEDED', endColorstr='#D5D5D5',GradientType=0 ); } header .breadcrumbs a:link, header .breadcrumbs a:visited { color:#666; text-decoration:underline; } header .breadcrumbs a:focus, header .breadcrumbs a:hover { color:#316594; text-decoration:underline; } #index header .breadcrumbs { /* display:none;*/ /* no reason to have breadcrumbs on homepage */ } /* HEADER: logo */ header #logo { position:absolute; top:20px; left:0; font-size:25px; white-space:nowrap; color:#fff; font-family: 'Comic Sans MS', 'Yanone Kaffeesatz', arial, helvetica, sans-serif; text-transform:uppercase; text-shadow: 1px 1px 0px rgba(0,0,0, .4); line-height:40px; font-weight:bold; text-decoration:none; letter-spacing:2px; text-shadow:0px 1px 0px #ddd, 0px 2px 0px #aaa, 0px 1px 3px rgba(0,17,53,0.9) } header #logo:link, header #logo:visited, header #logo:hover, header #logo:focus { text-decoration:none; } /* HEADER: navigation */ header nav { position:absolute; top:30px; right:0; text-shadow: 1px 1px 0px rgba(0,0,0, .3); } header nav ul { list-style:none; float:right; } header nav li { display:block; float:left; margin:0 0 0 10px; } header nav li a { display:block; font-size:13px; padding:5px 15px; text-transform:uppercase; font-weight:bold; } header nav li a:link, header nav li a:visited { color:#eee; text-decoration:none; } header nav li a:hover, header nav li a:focus { color:#FFF; text-decoration:none; } header nav li.current a { color:#FFF; background:#7096B6; background:rgba(255,255,255,.2); text-decoration:none; border-radius:20px; -moz-border-radius:20px; -khtml-border-radius:20px; -webkit-border-radius:20px; } /* LEFT SIDEBAR */ lside { float:left; width:220px; margin:40px 0 0 40px; } lside .section { padding:0 0 0 30px; } lside .section { margin:0 0 40px 0; font-size:11px; line-height:16px; color:#555; text-shadow: 1px 1px 0px #fff; } lside .section p { margin:0 0 15px 0; } lside .section ul, lside .section ol { margin:0 0 15px 20px; } lside .section h2 { background:#6B94B4; border-top:1px solid rgba(255,255,255,.4); text-shadow: 1px 1px 0px rgba(0,0,0,.5); text-transform:uppercase; background: -moz-linear-gradient(top, #6B94B4 0%, #316594 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6B94B4), color-stop(100%,#316594)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6B94B4', endColorstr='#316594',GradientType=0 ); font-family: 'Yanone Kaffeesatz', arial, helvetica, sans-serif; font-weight:100; color:#fff; font-size:19px; line-height:19px; margin:0 0 20px -31px; padding:5px 0 7px 25px; border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -khtml-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; } /* BODY CONTENT */ article { float:left; width:767px; min-height:500px; background:#fff; border-bottom:1px solid #c8c8c8; border-left:1px solid #e4e4e4; border-right:1px solid #c8c8c8; -moz-box-shadow: 2px 1px 10px rgba(0,0,0, .07); -webkit-box-shadow: 2px 1px 10px rgba(0,0,0, .07); box-shadow: 2px 1px 10px rgba(0,0,0, .07); } article h1 { font-family: 'Yanone Kaffeesatz', arial, helvetica, sans-serif; margin:0 0 45px 0; color: #275176; font-size:37px; } article h2 { font-family: 'Yanone Kaffeesatz', arial, helvetica, sans-serif; margin:0 0 10px 0; color: #222222; font-size:30px; } article h3 { font-family: 'Yanone Kaffeesatz', arial, helvetica, sans-serif; margin:0 0 15px 0; color: #275176; font-size:25px; } article h4 { font-family: 'Yanone Kaffeesatz', arial, helvetica, sans-serif; margin:0 0 10px 0; color: #555; font-size:20px; font-weight:100; } article h5 { font-family: arial, serif; margin:0 0 10px 0; color: #333; font-size:15px; } article h6 { font-family: arial, serif; margin:0 0 10px 0; color: #666; font-size:14px; } article section { padding:40px; line-height:22px; font-size:14px; color:#333; } article section p {margin:0 0 25px 0;} article section ul, article section ol { margin:0 0 25px 30px; } article section ul ul, article section ol ol, article section ul ol, article section ol ul { margin:0 0 0 25px; } article section code { border:1px solid #ccc; background:#f6f6f6; font-size:12px; padding:1px; } article section pre { border:1px solid #ccc; background:#f6f6f6; padding:15px; margin:0 0 25px 0; line-height:16px; font-size:13px; color:#555; text-shadow: 1px 1px 0px #fff; border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -khtml-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; } article section pre code { border:none; background:none; padding:none; } article section blockquote { margin:0 0 25px 20px; color:#555; line-height:20px; font-family:georgia, garamond, serif; font-style:italic; padding:0 0 0 15px; border-left:1px solid #ccc; } article section .footer { color:#888; font-size:11px; margin-top:40px; border-top:1px dotted #ccc; padding-top:15px; } article section .footer p { margin:0 0 10px 0; } /* ================ effet hover ================ */ /*article section .subcatList { margin: 0 0 20px; border: 1px dotted gray; border-top: none; }*/ article section .subcatList p { min-height: 20px; margin: 0; padding: 6px 0 6px 20px; } article section .subcatList img, .docList img {float: left; margin: 0 6px 0 0;} article section .subcatList a { display: block; float: left; max-width: 728px; min-height: 18px; padding-top: 2px; color: black; } article section .subcatList i, .docList i {display: block;} article section .subcatList p:hover { background: #f0f0f0; } /******************fin effet hover*************************/ /* SIDEBAR */ aside { float:right; width:220px; margin:40px 0 0 0; } aside .section { padding:0 0 0 30px; } aside .section { margin:0 0 40px 0; font-size:16px; line-height:16px; color:#555; text-shadow: 1px 1px 0px #fff; } aside .section p { margin:0 0 15px 0; } aside .section ul, aside .section ol { margin:0 0 15px 20px; } aside .section h2 { background:#6B94B4; border-top:1px solid rgba(255,255,255,.4); text-shadow: 1px 1px 0px rgba(0,0,0,.5); text-transform:uppercase; background: -moz-linear-gradient(top, #6B94B4 0%, #316594 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6B94B4), color-stop(100%,#316594)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6B94B4', endColorstr='#316594',GradientType=0 ); font-family: 'Yanone Kaffeesatz', arial, helvetica, sans-serif; font-weight:100; color:#fff; font-size:19px; line-height:19px; margin:0 0 20px -31px; padding:5px 0 7px 25px; border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -khtml-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; } /* SIDEBAR: socialmedia */ aside #socialmedia { position:relative; } aside #socialmedia h2 { width:100px; background: #316594; background: -moz-linear-gradient(top, #316594 0%, #2C5983 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#316594), color-stop(100%,#2C5983)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#316594', endColorstr='#2C5983',GradientType=0 ); } aside #socialmedia .icons { position:absolute; top:3px; right:0px; } /* FOOTER */ footer { padding:20px 0; text-shadow: 1px 1px 0px rgba(255,255,255,.8); color:#888; font-size:11px; } footer .left { float:left; width:40%; text-align:left; } footer .right { float:right; width:60%; text-align:right; } footer a:link, footer a:visited { color:#888; text-decoration:underline; } footer a:hover, footer a:focus { color:#555; text-decoration:underline; }