/*
Theme Name: Afidéo
Theme URI: http://www.afideo.org
Description: Thème Afidéo basé sur un design fait par Concept Image. Intégration et développement : Utopia Web.
Version: 1.0
Author: utopiaweb
Author URI: http://www.utopiaweb.fr/
Tags: bleu, jaune, deux colonnes, magazine, cms, pages, membres
*/
/* -------------------------------------------------------
Reset
------------------------------------------------------- */
* {
outline: none;
}
*, html{
padding : 0px;
margin : 0px;
font-family : Verdana, Arial, sans-serif;
}
a,
a img,
blockquote,
body,
caption,
div,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
label,
legend,
object,
p,
pre,
span,
strong
{
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
}
a:link,
a:visited,
a:active {
text-decoration: none;
}
a:hover {
color: #000;
}
a{
color: #000;
outline : none;
}
img a:hover {
}
fieldset,
img {
border: 0;
}
ul, ol, li {
list-style-position: outside;
margin-left: 0px;
}
/* -------------------------------------------------------
Reset
------------------------------------------------------- */
/* -------------------------------------------------------
Global
------------------------------------------------------- */
body{
background : #cfe3e8;
font-family : Verdana, Arial, sans-serif;
font-size : 12px;
}
#c{
width : 995px;
margin : 0 auto;
font-size : 15px;
}
#c.font1{font-size : 11px; }
#c.font2{font-size : 12px; }
#c.font3{font-size : 13px; }
#c.font4{font-size : 14px; }
#c.font5{font-size : 15px; }
#c.font6{font-size : 16px; }
#c.font7{font-size : 17px; }
#c.font8{font-size : 18px; }
#c.font9{font-size : 19px; }
#c.font10{font-size : 20px; }
#c.font11{font-size : 22px; }
#c.font12{font-size : 24px; }
#c.font13{font-size : 26px; }
#c.font14{font-size : 28px; }
#c.font15{font-size : 30px; }
.fLeft {
float: left;
}
.fRight {
float: right;
}
.cBoth {
clear: both;
display: block;
}
/* -------------------------------------------------------
Global
------------------------------------------------------- */
/* -------------------------------------------------------
Header
------------------------------------------------------- */
#header{
height : 144px;
width : 995px;
background : url(img/header.jpg) top left no-repeat;
position : relative;
}
#header #fontswitch{
float : right;
overflow : hidden;
z-index : 99;
height : 44px;
position : relative;
width : 310px;
color : #6c4509;
font-size : 11px;
font-weight : bold;
background : url(img/fontswitch.png) top right no-repeat !important;
background : url(img/fontswitch.gif) top right no-repeat;
}
#header #fontswitch span{
position : absolute;
width : 65px;
top : 5px;
}
#header #fontswitch span.span1{
left : 45px;
width : 50px;
}
#header #fontswitch span.span2{
left : 180px;
top : 11px;
}
#header #fontswitch span.span3{
left : 45px;
top : 17px;
}
#header #flashlogo{
display : block;
position : absolute;
top : 0px;
left : 0px;
width : 150px;
height : 144px;
}
#header #fontswitch a{
display : block;
position : absolute;
top : 7px;
width : 18px;
text-indent : -5000px;
height : 18px;
background-position : center left;
}
#header #fontswitch a:hover{
background-position : top left;
}
#header #fontswitch a.disabled{
cursor : default;
background-position : bottom left;
}
#header #fontswitch a#fontswitch1{
background-image : url(img/fontswitch2.png);
left : 110px;
}
#header #fontswitch a#fontswitch2{
background-image : url(img/fontswitch1.png);
left : 150px;
}
#header #fontswitch a#fontswitch3{
background-image : url(img/fontswitch3.png);
left : 260px;
}
#header a.main{
display : block;
position : absolute;
text-indent : -5000px;
outline : none;
background : none;
height : 144px;
width : 995px;
}
/* -------------------------------------------------------
Header
------------------------------------------------------- */
/* -------------------------------------------------------
Center
------------------------------------------------------- */
#center{
background : #fff url(img/center.png) top left repeat-y;
}
/* -------------------------------------------------------
Center
------------------------------------------------------- */
/* -------------------------------------------------------
Sidebar
------------------------------------------------------- */
#side{
float : left;
width : 168px;
height : auto!important;
height : 305px;
min-height : 305px;
background : #ec9218 url(img/side.png) top left repeat-x;
}
#side ul{
width : 168px;
list-style-type : none;
background : #F8D046;
}
#side ul li{
position : relative;
list-style-type : none;
display : block;
}
#side ul li a{
display : block;
width : 133px;
padding : 10px 10px 10px 25px;
font-size : 0.8em;
border-bottom : 1px dotted #fff;
color : #7d5219;
background : url(img/menu-bullet.png) 10px center no-repeat ;
}
#side ul li a.over,
#side ul li a:hover{
background : #ddad10 url(img/menu-bullet-on.png) 10px center no-repeat;
color : #fff;
/*
font-weight : bold;
*/
}
#side ul ul{
list-style-type : none;
display : none;
border-left : 1px solid #fff;
}
#side ul ul li{
position : relative;
display : block;
}
#side ul ul li a{
display : block;
width : 143px;
margin : 0px;
/*border-bottom : 1px dotted #fff;*/
padding : 0px;
padding : 10px 15px 10px 10px;
color : #7d5219;
background : #f8d046;
}
#side ul ul li a.over,
#side ul ul li a:hover{
color : #7d5219;
font-weight : normal;
background : #ddad10;
}
#side ul ul li a.over{
background : #ddad10 url(img/menu-arrow.png) center right no-repeat !important;
background : #ddad10 url(img/menu-arrow.gif) center right no-repeat ;
}
#side #login{
margin-top : 30px;
height : auto !important;
height : 140px;
padding : 20px 10px 0px;
min-height : 140px;
display : block;
background : url(img/login.png) top left no-repeat !important;
background : url(img/login.gif) top left no-repeat ;
}
#side #login h3{
color : #ee9319;
font-weight : bold;
font-size : 0.8em;
}
#side #login h4{
color:#7D5219;
font-weight : bold;
font-size : 0.7em;
margin : 10px 0px;
}
#side #login a{
margin : 10px 0px;
color:#7D5219;
font-size : 0.7em;
padding-left : 15px;
background : url(img/menu-bullet.png) center left no-repeat;
}
#side #login .login{
padding-top : 5px;
}
#side #login a.contact{
clear : both;
font-size : 0.7em;
line-height : 0.8em;
color:#fff;
width : 60px;
padding : 5px 0px 0px 0px;
background : none;
text-decoration : underline;
}
#side #login input{
margin-top : 10px;
margin-right : 5px;
}
#side #login label{
font-size : 0.6em;
vertical-align : middle;
color : #fff;
cursor : pointer;
}
#side #login input.inputSubmit{
float : right;
margin-right : 20px;
margin-top : 20px;
width : 22px;
height : 22px;
border : 0px;
text-align : center;
font-weight : bold;
background : #fff;
color : #ee9319;
font-size : 0.7em;
}
#side #login input.inputText{
width : 90px;
color : #ee9319;
margin-top : 10px;
border : 0px;
padding : 2px;
font-size : 0.7em;
}
/* -------------------------------------------------------
Sidebar
------------------------------------------------------- */
/* -------------------------------------------------------
Page
------------------------------------------------------- */
#page{
float : left;
width : 827px;
}
#pagetop{
width : 827px;
background : #e5f1fd;
}
#pagetop #ariane{
float : left;
width : 637px;
background : #e5f1fd;
font-size : 0.8em;
padding : 10px 0px;
text-indent : 20px;
color : #1f5495;
}
#pagetop #ariane a{
color : #1f5495;
}
#pagetop #ariane a:hover{
text-decoration : underline;
}
#pagetop #recherche{
float : left;
width : 190px;
background : #c8dbea url(img/search.png) center left no-repeat;
padding : 7px 0px 8px 0px;
}
#pagetop #recherche form{
float : left;
}
#pagetop #recherche #searchInput{
width : 105px;
margin-left : 35px;
border : none;
color : #1f5495;
font-size : 0.8em;
padding : 2px;
}
#pagetop #recherche #searchSubmit{
margin-left : 0px;
background : none;
color : #1f5495;
font-size : 0.8em;
font-weight : bold;
border : none;
}
/* -------------------------------------------------------
Page
------------------------------------------------------- */
/* -------------------------------------------------------
Footer
------------------------------------------------------- */
#footer{
clear : both;
color : #ccc;
background : url(img/center.png) top left repeat-y;
}
#footer p{
text-align : center;
font-size : 0.6em;
margin-left : 188px;
background :#fff;
}
#footer a{
color : #ccc;
}
#footer a:hover{
text-decoration : underline;
}
/* -------------------------------------------------------
Footer
------------------------------------------------------- */
/* -------------------------------------------------------
Agenda
------------------------------------------------------- */
#agenda{
float : right;
display : block;
width : 170px;
padding : 0px 10px;
height : auto !important;
height : 248px;
min-height : 248px;
color : #fff;
background : #043883 url(img/agenda.png) top left repeat-x;
}
#agenda a{
color : #fff;
}
#agenda h2{
padding : 12px 0px 8px;
font-size : 0.8em;
margin-bottom : 10px;
border-bottom : 1px dotted #fff;
font-weight : bold;
text-transform : uppercase;
}
#agenda span.date{
font-weight : bold;
font-size : 0.7em;
}
#agenda p{
line-height : 1.1em;
font-size : 0.7em;
margin : 2px 0px 14px;
}
/* -------------------------------------------------------
Agenda
------------------------------------------------------- */
/* -------------------------------------------------------
Content
------------------------------------------------------- */
#content{
clear : both;
height : auto !important;
height : 400px;
min-height : 400px;
}
#post{
padding : 0px 0px 0px 20px;
color : #1f5495;
}
#post .alignleft{
float : left;
}
#post img.alignleft{
margin : 10px;
}
#post .alignright{
float : right;
}
#post img.alignright{
margin : 10px;
}
#post strong{
font-weight : bold;
}
#post .col1left{
clear : left;
float : left;
font-size : 0.8em;
width : 200px;
padding : 0px 0px 20px;
margin-right : 70px;
}
#post .col1right{
float : left;
width : 200px;
font-size : 0.8em;
padding : 0px 0px 20px;
}
#post .orange{
clear : both;
color : #9b6106;
width : 460px;
text-align : center;
height : auto !important;
height : 40px;
font-size : 0.8em;
background : url(img/orange.png) top left no-repeat;
min-height : 50px;
font-weight : bold;
padding : 30px 30px 20px;
}
#post .centered{
clear : both;
display: block;
margin-left: auto;
margin-right: auto;
}
#post p{
font-size : 0.8em;
line-height : 1.3em;
margin : 15px 0px;
}
#post ul{
font-size : 0.8em;
margin-left : 20px;
}
#post ul,
#post ul li{
list-style-type : inside;
}
#post ul li{
margin : 15px;
}
#post h1{
padding : 12px 0px 8px;
font-size : 0.8em;
margin-bottom : 10px;
border-bottom : 1px dotted #1f5495;
font-weight : bold;
text-transform : uppercase;
color : #1f5495;
}
#post.post-home{
padding : 0px 20px 20px 20px;
float : left;
width : 597px;
background : #f4f8fb;
height : auto !important;
height : 228px;
min-height : 228px;
}
#post.post-home.nobg{
background : #fff;
}
#post.post-home .alignright{
float : right;
margin : 0px 30px 20px 50px;
}
#home-more{
clear : both;
background : #fff;
padding : 20px 0px;
color : #1f5495;
}
#home-more .col13{
float : left;
padding : 0px 10px 10px 20px;
width : 245px;
border-right : 1px dotted #1f5495;
}
#home-more .col13.last{
border-right : 0px;
padding-right : 0px;
}
#home-more h2{
margin-bottom : 10px;
text-transform : uppercase;
font-weight : bold;
font-size : 0.8em;
}
#home-more img{
float : left;
height : 75px;
width : 110px;
margin-right : 10px;
}
#home-more h3{
margin-bottom : 5px;
font-weight : bold;
font-size : 0.8em;
}
#home-more p{
font-size : 0.8em;
}
#home-more a.more{
display : block;
float : left;
font-size : 0.9em;
color : #f4b42d;
margin-top : 5px;
padding-left : 20px;
background : url(img/more-arrow.png) center left no-repeat;
}
#home-more a.more:hover{
color : #f4b42d;
text-decoration : underline;
}
/* -------------------------------------------------------
Content
------------------------------------------------------- */
/* -------------------------------------------------------
Results
------------------------------------------------------- */
#results{
padding : 0px 20px 20px 20px;
float : left;
width : 597px;
background : #fff;
height : auto !important;
height : 228px;
min-height : 228px;
}
#results h1{
padding : 12px 0px 8px;
font-size : 0.8em;
margin-bottom : 10px;
border-bottom : 1px dotted #1f5495;
font-weight : bold;
text-transform : uppercase;
color : #1f5495;
}
#results .post{
background : #f4f8fb;
margin : 20px 0px;
padding-bottom : 10px;
}
#results .post h2 a{
padding : 8px 0px 8px;
font-size : 0.8em;
font-weight : bold;
color : #1f5495;
}
#results .post p{
font-size : 0.7em;
color : #1f5495;
line-height : 1.3em;
margin : 5px 0px;
}
#results .post a.more{
font-size : 0.8em;
color : #f4b42d;
margin-top : 5px;
font-weight : bold;
padding-left : 20px;
background : url(img/more-arrow.png) center left no-repeat;
}
#results .post a.more:hover{
color : #f4b42d;
}
#results .navigation .fLeft,
#results .navigation .fRight{
display : inline;
width : 140px;
line-height : 2em;
text-align : right;
}
#results .navigation .fLeft{
text-align : left;
}
#results .navigation a{
font-size : 0.9em;
display : block;
padding : 0px 10px;
color:#7D5219;
background : #F8D046;
}
/* -------------------------------------------------------
Results
------------------------------------------------------- */
/* -------------------------------------------------------
Commentaires
------------------------------------------------------- */
#commenter{
clear : both;
padding-top : 20px;
padding-bottom : 20px;
}
#commenter h1{
border-bottom:1px dotted #1F5495;
color:#1F5495;
font-size:0.8em;
font-weight:bold;
margin-bottom:10px;
padding:12px 0 8px;
text-transform:uppercase;
}
#commenter label{
font-weight : bold;
font-size : 0.8em;
padding : 3px 0px;
cursor : pointer;
margin-left : 20px;
}
#commenter label span{
font-size : 0.9em;
font-weight : normal;
}
#commenter input{
margin : 5px 0px 15px;
width : 200px;
font-size : 0.9em;
margin-left : 20px;
}
#commenter #commentSubmit{
background : #C8DBEA;
border : 1px solid #666;
color:#1F5495;
font-size : 0.8em;
font-weight : bold;
padding : 5px 2px;
}
#commenter label#labelComment{
float : right;
margin-right : 120px;
margin-left : 0px;
width : 400px;
}
#commenter textarea{
float : right;
display : block;
margin : 5px 20px;
margin-right : 120px;
font-size : 0.9em;
color : #666;
width : 400px;
}
#commentaires{
clear : both;
padding-top : 20px;
}
#commentaires h1{
border-bottom:1px dotted #1F5495;
color:#1F5495;
font-size:0.8em;
font-weight:bold;
margin-bottom:10px;
padding:12px 0 8px;
text-transform:uppercase;
}
#commentaires .commentaire{
padding : 20px 0px 0px;
}
#commentaires .commentaire .comment-avatar{
float : left;
margin : 5px 10px 10px 5px;
}
#commentaires .commentaire .comment-info{
font-size : 0.8em;
color : #333;
}
#commentaires .commentaire .comment-info a{
color : #333;
}
#commentaires .commentaire .comment-info span,
#commentaires .commentaire .comment-info span a{
font-weight : bold;
color:#1F5495;
}
#commentaires .commentaire .comment-text{
margin : 0px 20px;
}
/* -------------------------------------------------------
Commentaires
------------------------------------------------------- */