/*

Theme Name: WP-Andreas01

Theme URI: http://andreasviklund.com/wordpress-themes/

Description: Clean, simple and very functional theme that works well for many different kinds of sites. Based on the classic <a href="http://andreasviklund.com/templates/">"andreas01" website template</a> by Andreas Viklund. Add-ons, replacement images (including lots of new headers and backgrounds) and different kinds of modifications (wide version, 2-column version etc.) will soon be available on the <a href="http://andreasviklund.com/wordpress-themes/" title="WordPress themes by Andreas Viklund">WP-Andreas01 theme site</a>.

Version: 1.7

Author: Andreas Viklund

Author URI: http://andreasviklund.com/

*/



/* Body */

* {margin:0; padding:0;}

body {background:#f4f4f4 url(img/bg.gif) top center repeat-y; color:#303030; font:76% Verdana,Tahoma,Arial,sans-serif;}

#wrap {background:/*#f0ffc8*/white url(img/bg.jpg); color:#333; margin:0 auto; width:800px;}


/*f4febf*/
/* Links */

a {background-color:inherit; color:#286ea0; font-weight:bold; text-decoration:none;}

a:hover {background-color:inherit; color:#286ea0; font-weight:bold; text-decoration:underline;}

a img {border:0;}

.news_de_premiere_page{
  text-align:center;
  width:100%;
  /*clear:both;*/
  display:block
}
.news_de_premiere_page+ p{clear:both}
.news_de_premiere_page ul, .news_de_premiere_page li{
    list-style:none;
}
.news_de_premiere_page li{width:178px;float:left;margin-left:9px;margin-right:9px}
#cadre { /* taille du cadre, à titre d'exemple */
width: 15em;
background-color: #264996;

border-width: 1px;
border-style: solid;
border-color: black;
}
#ul_cadre { /* taille du cadre, à titre d'exemple */
width: 596px;
background: url(img/news_bg.png);
background-color: #909090;
margin-top:20px;
}
/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit, #ul_hautgauche, #ul_hautdroit, #ul_basgauche, #ul_basdroit {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
/*background: url(img/b_hautgauche.gif);*/
position:relative;
left:-1px;
top:-1px;
}
#hautdroit {
float: right;
/*background: url(img/b_hautdroit.gif);*/
position:relative;
right:-1px;
top:-1px;
}
#basgauche {
background: url(img/b_basgauche.gif);
position:relative;
left:-1px;
bottom:-1px;
}
#basdroit {
float: right;
/*background: url(img/b_basdroit.gif);*/
position:relative;
right:-1px;
bottom:-1px;
z-index:15;
}
/* propriétés spécifiques à chaque coin */
#ul_hautgauche {
/*background: url(img/hautgauche.gif);*/
}
#ul_hautdroit {
float: right;
/*background: url(img/hautdroit.gif);*/
}
#ul_basgauche {
background: url(img/basgauche.gif);
}
#ul_basdroit {
float: right;
/*background: url(img/basdroit.gif);*/
position:relative;
top:-19px;
z-index:10;
}
#contenu p {
color: white;
font-size:0.8em;
margin: 0.5em; /*gestion des espaces interparagraphes */
height: 13em;
}
#contenu p a {
color: white;
margin: 0.5em; /*gestion des espaces interparagraphes */
font-size:1.5em;
}
.news_de_premiere_page ul {
height: 157px;
}

/* Header */

#header {margin:10px 0 0;}

#header h1 {background-color:inherit; color:#555; float:left; font-size:2em; letter-spacing:-1px; margin:0 0 10px; width:350px;}

#header h1 a {background-color:inherit; color:#555; text-decoration:none;}

#header p {background-color:inherit; color:#777; float:right; font-size:1.1em; font-weight:bold; line-height:1.3em; margin:0px 0 0; text-align:center; width:400px;font-variant:small-caps}

#frontphoto {
  margin:0 0 10px;
  /*border-top : 1px solid #286eA0;
  border-bottom : 40px solid #286eA0*/
}



/* Sidebars */

#leftside {clear:left; float:left; line-height:1.4em; margin:0 0 5px; padding:0; width:160px;}

#extras {float:right; line-height:1.4em; margin:0 0 5px; padding:0; width:140px;}

#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {font-size:0.9em; margin:0 0 18px;}

#leftside li, #extras li {line-height:1.2em; list-style:none; margin:0 0 6px;}

#leftside ul ul, #extras ul ul {margin:6px 0 0 10px;}

#leftside ul ul li, #extras ul ul li {margin:0 0 4px;}

#leftside ul ul li a, #extras ul ul li a {font-weight:normal;}

#leftside ul.linklist, #extras ul.linklist {font-size:1em;}

#leftside ul.linklist ul, #extras ul.linklist ul {margin:0 0 20px;}

#leftside ul.linklist ul li a, #extras ul.linklist ul li a {font-weight:bold;}

#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3, table#wp-calendar caption {background-color:inherit; color:#505050; font-size:1.3em; font-weight:normal; text-align:left; margin:0 0 6px;}

#leftside label, #extras label {display:none;}



/* Main menu */

ul.page {list-style:none; margin:0 0 20px; width:140px;background-color:#f4febf}

ul.page li {display:inline; line-height:1.4em; width:140px;}

ul.page li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:130px;}

ul.page li a:hover, ul.page li.current_page_item a {background-color:#eaeaea; border-left:4px solid #286ea0; color:#505050;}

ul.page ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}

ul.page ul a {padding:3px 1px 3px 5px; width:115px;}

ul.page ul ul {width:113px;}

ul.page ul ul a {width:100px;}



/* Content */

#content {line-height:1.6em; margin:0 185px 5px; padding:0;}

#contentwide {line-height:1.6em; margin:0 0 5px 180px; padding:0;}

#content h2,#contentwide h2 {font-size:1.6em; margin:0 0 10px;}

#content h3,#contentwide h3 {font-size:1.4em; margin:0 0 8px;}

#content img,#contentwide img {border:1px solid #d0d0d0; float:left; margin:3px 10px 3px 0;}

#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}

#content li,#contentwide li {padding:0 0 0 5px;}

#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}



/* Footer */

#footer {border-top:0px solid #e0e0e0; font-size:0.9em; clear:both; color:#777; font-weight:normal; line-height:1.4em; margin:0 auto; padding:10px 0; text-align:center; width:800px;padding-bottom:1000px}

#footer p {margin:0; padding:0;}

#footer a {color:#777; font-weight:normal; text-decoration:none;}

#footer a:hover {color:#555; text-decoration:underline;}

#footer strong a {font-weight:bold;}

#footer span.credits {font-size:1.1em;}



/* Subpage menu */

#subpages {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; float:right; font-weight:bold; line-height:1.3em; margin:-5px 0 8px 15px; padding:0 0 10px 10px; width:190px;}

#subpages h2 {font-size:1.2em; font-weight:bold; letter-spacing:-1px; line-height:1.3em; margin:0 0 12px;}

#subpages ul.submenu {line-height:1.4em; list-style:none; margin:0;}

#subpages ul.submenu li {display:inline; line-height:1.4em; width:180px; padding:0;}

#subpages ul.submenu li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:3px 1px 3px 5px; text-decoration:none; width:180px;}

#subpages ul.submenu li ul {margin:0 0 5px 10px; width:170px;}

#subpages ul.submenu li ul li a {width:170px;}

#subpages ul.submenu li ul ul {margin:0 0 5px 10px; width:160px;}

#subpages ul.submenu li ul ul li a {width:160px;}

#subpages ul.submenu li ul ul ul {margin:0 0 5px 10px; width:150px;}

#subpages ul.submenu li ul ul ul li a {width:150px;}

#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a {background-color:#eaeaea; border-left:4px solid #286ea0; color:#555;}

#subpages ul.submenu li.current_page_item ul li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#555;}



/* Tags */

p,ul,ol {margin:0 0 18px;}

blockquote {border-left:4px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;}

blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}

label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;}

table#wp-calendar {margin:0 0 20px; width:140px;}

code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:4px solid #cccccc;}



/* Forms */

#s,#submit {background-color:#ffffff; border:1px solid #cccccc; color:#505050; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}

#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}

#commentsection {margin:25px 0 0;}

#commentsection p {margin:0 0 6px;}



/* Float fix */

.contenttext {overflow:hidden;}

* html .contenttext {height:1px; overflow:visible;}

* html .contenttext p {overflow:hidden; width:99%;}



/* Various classes */

.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}

.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}

.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}

.textright {text-align:right;}

.small {font-size:0.8em;}

.bold {font-weight:bold;}

.hide {display:none;}

.post {margin:0 0 25px;}


.postinfo {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#606060; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:1px 0 40px; padding:8px 5px 8px 8px;}

.comment {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}

.comment p.commenthead {line-height:1.6em;}

.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}

.navigation {display:block; margin:10px 0; padding:0 0 15px; text-align:center;}

.navigation p {margin:0; padding:0;}

.prevlink {margin-right:20px;}

.nextlink {margin-left:20px;}