

/*  
Theme Name: AlteXp 2009
Description : Un thème pour ecole-expérimentale.fr
Version: 1.0.2
Author: Olivier Guillou
Author URI: http://olivier-guillou.fr/
*/

/* Import base styling for framework*/
@import url('../library/css/base.css');

/*---------MAIN--------- */
*{border:0; margin:0; padding:0 }
body{ color:#000; font:12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif; width:100%;}
a{color:#708B54; text-decoration:underline; }
a:hover{color:#708B54; text-decoration:underline ;}
input, select, textarea{border:#cacaca 1px solid; font-size:12px; padding:5px }
li{list-style:none }

/*---------Menu supérieur--------- */
#cat-menu{text-decoration:none;border:1px solid #689500; background:#fff;background-image:url(../images/bg_list.gif); background-repeat: repeat-x; color:#fff; position:relative; height:33px; margin-bottom:10px;margin-top:15px; width:100%;}
#cat-menu li{float:left; line-height:30px;font-size:18px; text-decoration:none; }
#cat-menu li a{color:#fff; display:block; margin:0 1px 0 1px; padding:0 15px; background-image:url(../images/bg_list.gif);height:32px; text-decoration:none;}
#cat-menu li a:hover, #cat-menu li.active a{
   line-height:30px;
   color:#fff;
   background-color:#5A8200;
   
   text-decoration:none;
}
.switcher {padding: 5px 0 0 0 }

/*---------Navigation menu supérieur--------- */
#nav, #nav ul{float:left; list-style:none; font-weight:500; padding:0; font-size: 14px }
#nav a:link{display:block ;text-decoration:none;}
#nav a:hover{display:block ;text-decoration:none;}
#nav a{display:block ;text-decoration:none;}
#nav li{float:left; line-height:30px }
#nav li a:hover{background:#689500;color:fff; text-decoration:none; }
#nav li ul{position:absolute; width:15em; left:-999em; padding-top:1px ;}
#nav li:hover ul, #nav li.sfhover ul{left:auto; z-index:1000;text-decoration:none; }
#nav li ul li{background:#FFF; border:solid #dedbd1; line-height:30px; width:15em ;border-width:0 1px 1px;border:1px solid #fff; }
#nav li:hover, #nav li.hover{position:static; text-decoration:none; }
#nav li ul ul{margin:-29px 0 0 15em }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{left:-999em; padding:2px 0 0; text-decoration:none;}
#nav li:hover, #nav li.sfhover{background:#fff;text-decoration:none;}
#nav li ul li ul li, #nav li ul li ul li ul li, #nav li ul li ul li ul li ul li, #big_banner{text-align:center;margin:0;padding:0;border:1px solid #fff }
#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul{left:-999em ; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul{left:auto;text-decoration:none; }
select, #nav{padding:0 }
.bot, #header .spacer p, .list2{clear:both }

/*---------Navigation menu inférieur--------- */
.top_menu{margin-bottom:20px;border:1px solid #5E5C5A;background:#FF9900; height: 23px; padding-top:8px;padding-bottom:5px; font-size:14px;  width:100%}
.page-menu{float:left; list-style:none; margin:0; padding:0 }
.page-menu li{float:left; display:inline; line-height:18px; margin:0 9px 0 0 }
.page-menu li a{color:#000; display:block; text-align:center; float:left; padding:0 9px 0 0; border-right: 1px solid #fff }
.page-menu li.current_page_item a, .subscribe a{color:#FFF;font-weight:700 }
.page-menu li a:hover,.subscribe a:hover{color:#FFF; text-decoration:underline }
.box2 .page-menu, .box3 .page-menu{float:none;padding:0 }

/*--------- Inscription --------- */
.subscribe{color:#FFF; float:right; font:11px Verdana; height:16px }
.rss-button{font-weight:700; font-size:10px; color:#FFF; background:#D54100; border:1px solid #E48348; padding:1px 4px }
/*--------- Header --------- */
#header{
   height:100px;
   margin:0 0 20px 0;
   background-color:#FFFFFF;
}
#header .spacer{
   color:#a0a09b;
   float:right;
   font-size:11px;
   text-align:right;
   padding:15px 0 0
}

/*--------- Logo --------- */
#header h1{margin-top:15px;
background-image:url(../wp-content/themes/Igloonews/images//logo.png);
float:left; text-indent:-9999px }
#header h1 a{display:block;

background-image:url(../wp-content/themes/Igloonews/images/logo.png); height:80px; width:520px }
#header h1 a:hover{
background-image:url(../wp-content/themes/Igloonews/images/logo.png);
text-decoration:none }

/*--------- Recherche --------- */
.ok{font-size:50px;width:25px !important;height:25px !important;float:right;padding:0px 0 0 5px;margin-top:30px;margin-right:5px;}
#search input.search{background:#fff url(./images/magglass.png) no-repeat scroll 7px;; padding:3px 0 0 40px; margin-top:30px;margin-right:5px; }
#search input{border:1px solid #D6D5D1; width:200px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#a3a192; padding:3px }
#search input:focus{border-color:#BDC7D8 }

/*---------Intercal type 1 --------- */
.featured-post h2{font-size:24px }
.featured-title{padding:0 0 5px }
.featured-title a{color:#fff }
.featured-title h2{font:bold 18px Verdana; letter-spacing:-1px }

/*---------Style général de boite --------- */
.featured-box{background:#363636; margin:0 0 15px; padding:18px }
.featured-box img{margin:0 0 10px }
.featured-box p{line-height:18px; padding:0 0 10px; color:#c4c4c4 }

/*---------CENTER DIV TABS --------- */
.idTabs{background:#fff;background-image:url(../images/bg_list.gif);font-size:12px; padding-top:5px;padding-bottom:30px; margin:0 0 8px;padding-left:10px }
.idTabs li a{background:#689500; color:#fff; font-weight:700; display:block; text-align:center; border:1px solid #fff; margin:0 7px 0 0; padding:5px 8px }
.idTabs li, .footer_left, .fl{float:left }
.idTabs li.last a, .vidtabs .idTabs li.last a{margin:0 }
.idTabs li a:hover, .idTabs .selected, .vidtabs .idTabs li a:hover,.vidtabs .idTabs .selected{background:#363636; color:#FFF; text-decoration:none }

/*---------Page type 1 - propriétés --------- */
.default-title{padding:0 0 2px; font-family:Arial, Helvetica, sans-serif }
.default-title h2{font:bold 18px Verdana; letter-spacing:-1px }
.edit-entry{font:normal 11px Verdana; color:#999;padding:0 0 0 10px }
.date-comments{color:#999;font-size:11px; height:27px; line-height:25px; margin:0 0 10px }
#main-container .date-comments p{line-height:25px }
span.comments{background:url(../images/comments.png) no-repeat left; padding:0 0 0 20px }
span.read-on{background:url(../images/continue.png) no-repeat left; line-height:20px; color:#999; font-size:11px; padding:1px 0 1px 20px }
span.read-on a:hover{color:#0095D3}
span.read-on-archives{background:url(../images/arrow.png) no-repeat right center; margin-bottom:20px; padding:0 15px 0 0 }
span.read-on-archives-alt{background:url(../images/arrow-left.png) no-repeat left center; margin-bottom:20px; padding:0 0 0 15px }
span.read-on-archives a, span.read-on-archives-alt a{color:#777; font-weight:700; font-size:14px }
a.more{background:url(../images/arrow.png) no-repeat left; color:#777; font-size:11px; padding:0 0 0 15px }
#main-container{margin:0 0px 20px 0 }

/*---------Boite styles --------- */
.box, .widget{background:#FFF; border:1px solid #fff; margin:0 0 15px; padding:18px }
.box img{margin:0 0 10px }
.box p{line-height:18px; padding:0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

/*---------Boite 1 --------- */
.box2{border:1px solid #fff; background:#FFF; margin:0 0 15px; padding:18px }
.box2 .spacer.white{background:#fff; border:1px solid #fff; clear:both; margin:0 }

/*---------Boite 2 --------- */
.box3{background:transparent; padding:0 18px }
.box3-spacer{padding:20px 0 0 }


.box3 .spacer.white{background:#fff; border:1px solid #dedbd1; clear:both; margin:0}

/*---------Ads --------- */
.ads12, .ads34, .ads56{height:125px; margin:0; padding:10px 15px }
.ads12 img, .ads34 img, .ads56 img{float:left; border:1px solid #dedbd1; margin:0 7px 0 0 }
.ads12 img.last, .ads34 img.last, .ads56 img.last{float:right; margin:0 }

/*---------Intégration de photos (flickr) --------- */
#sidebar .flickr li{float:left; margin-left:10px; display:inline; margin-bottom:10px }
#sidebar .flickr img{float:left; margin-left:5px; margin-bottom:5px; display:block; background:#fff; border:#BFCACE 1px solid; padding:8px }
#sidebar .flickr img:hover{background:#ebe9e1; border:1px solid #dedbd1 }

/*---------Centre menu d'éjection --------- */
#sidebar_center{width:240px; float:right; background:#FFF; border:solid #ccc; border-width:0 0 1px 1px; margin:0 0 8px 13px; padding-bottom:auto; }
.list1 li{background:url(../images/list-bullet.png) no-repeat top left; margin:0 0 8px; padding:0 0 0 22px }
.list2 li{background:#fff; border:1px solid #dedbd1; margin:0 0 5px; padding:12px 10px }
.list2 p{line-height:16px }

/*---------Ajout d'objet, boite d'éjection --------- */
.widget ul{line-height:16px; padding:0 }
.widget ul li{border-bottom:1px solid #f1f1ed; padding:5px 0 }
.widget ul li ul{margin:5px 0 0 10px }
.widget ul li ul li{background:none; border-top:1px solid #f1f1ed; border-bottom:none; padding:5px 0 }
.widget, .list1{padding:15px }
.list1 li a, .widget ul li a{color:#222 }

/*---------Footer --------- */
#footer{background:#FF9900;font-size:14px; padding:20px 0 }
#footer, #footer a{color:#000 }
.footer-box{border:1px solid #DCDBD9; background:#FF9900; width:954px; padding:7px 14px }
.footpage-menu {list-style:none; margin:0; padding:0 }
.footpage-menu li{display:inline; margin:0; padding:0 }
.footpage-menu li.page_item {margin:0 0 0 12px; padding: 0 0 0 12px; border-left: 1px solid #777;}
.footpage-menu li a{ }

.footer-box .page_item { 
list-style: none }
.footer_right{font-size:10px; clear:right; text-align:right }

/*---------Autres styles et hacks --------- */
.fix{clear:both; height:1px; overflow:hidden; margin:0 0 -1px }
img.fl{margin:0 12px 5px 0 }
.fr{float:right }
.ac, span .ac{text-align:center }
.ar, span .ar{text-align:right }
.al, span .al{text-align:left }
.gravatar{float:left; background:#EDEDED; margin:0 7px 0 0; padding:4px }
.border-top{border-top:2px solid #EAEAEA }
.border-bottom{border-bottom:2px solid #EAEAEA }

/*---------Pour intégration vidéos (easytube) --------- */
.video{height:250px; width:300px; display:inline; margin:0 0 10px }

/*---------Boite vidéo --------- */
.vidtabs .idTabs{font-size:12px; width:100%; float:none; margin:10px 0 0 }
.vidtabs .idTabs li{float:none; padding:0 }
.vidtabs .idTabs li a{background:#F2F0EA; color:#363636; font-weight:700; display:block; text-align:left; border:0; margin:0; padding:5px 8px }

/*---------Commentaires --------- */
h2.commh2{font-size:1.4em !important; color:#333 !important; padding:0 0 5px }
ol.commentlist{list-style:none; font-size:12px; line-height:20px; margin:10px 0 20px; padding:0 }
ol.commentlist p{line-height:20px; margin:5px 0 10px }
.commentmetadata{font-size:11px }
.commentmetadata a{color:#333 }
.comment-info{line-height:36px; background:#EDEDED; margin:0; padding:0 0 0 10px }
ol.commentlist cite{font-style:normal; font-weight:700 }
ol.commentlist li{padding:20px 10px 10px }
.authcomment{background-color:#fff;border-left:4px solid #99CC00;}
.commpadd{padding:5px 0 10px }
input#submit{font:bold 12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif; color:#FFF; text-align:center; border:1px solid #DEDBD1; background:#363636; margin:0 0 7px }

/*--------- PAge type 2 - Styles --------- */
span.tags{background:url(../images/tags.png) no-repeat left; padding:1px 0 0 23px }
span.bookmarks{background:url(../images/bookmark.png) no-repeat left; padding:1px 0 0 23px }
.singleh2{font-size:1.8em !important; padding-top:5px }
.entry {text-align: justify; margin-bottom:5px;}
.entry p{text-align: justify; text-indent:40px; font-size:14px; line-height:20px !important; font-family:Arial, Helvetica, sans-serif }
.entry blockquote{border-left:2px solid #444; width:85%; color:#666; font-style:italic; margin:5px auto 15px; padding:0 10px }
.entry blockquote p{font-size:12px; line-height:20px; margin:5px 0; padding:5px 0 }

.entry img{background:#F8F8F4; padding:2px }
.entry ul,.entry ol{margin-bottom:15px; font-size:14px; line-height:20px }
.entry ul li ul, .entry ol li ol{margin-bottom:0; padding-top:3px }
.entry ul li{list-style:square inside !important; margin-left:65px; padding:3px 0 }
.entry ul li ul li{list-style:disc inside !important }
.entry ol li{list-style:decimal inside !important; margin-left:65px; font-size:14px; padding:3px 0 }
.entry ol li ol li{list-style:decimal-leading-zero inside !important }
.page{padding:2px 0 0 0 ; background-color:#FFFFFF;margin-top:-15px; position:relative;float:left;}
.last-updated{font-size:11px; color:#999; text-align:right }
.date-comments a, span.read-on a{color:#999;font-weight:700 }
/*p.dropcap-first:first-letter {color: #999; float: left; line-height:40px !important; font-size:47px; padding:4px 5px 0 0; font-family: Times, serif, Georgia }*/

/*--------- Pages style 3 - Archives --------- */
.arclist ul li{color:silver; font-size:12px; border-bottom:1px solid #f1f1ed; padding:5px 0 }
.rss-archive{background:url(../images/rss-small.gif) center left no-repeat; padding-left:24px; line-height:16px }
.rss-archive a{color: #fff; font-weight: 700 }
.rss-archive a:hover{color: #fff }
.arclist .archives-time{float: left;	text-transform: uppercase; color: #666666; width: 90px; border-right: dashed 1px #ddd; margin:0 15px 0 0 }


/*--------- Navigation pour les pages --------- */
.navigation a{color:#666; font-weight:700; font-size:14px }
.alignleft{display:inline; float:left }
.alignright{display:inline; float:right }
 
/*---------Styles de l'intervenant --------- */
.auth_gravatar{float:left;margin-right:10px;width:58px}
.auth_gravatar img{background-color:#FFF; border:1px solid #ccc; width:48px; height:48px; float:left !important;padding:4px }
.auth_email a{padding: 2px 0 2px 0; text-decoration:none; font-weight:700 }
.auth_email a:hover{text-decoration:underline }
.accueil {
text-decoration:none !important;
color:#5C7346;
padding:2px;
background-color:#FFCC00;
background-image:url(../images/backAccueil.png);
}


