/* Import divers */
@import url(cyril.css);

/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
html { height: 100%; }
body {
margin: 0;
padding: 0;
font-family: Tahoma, sans-serif;
font-size: 76%;
color: #888;
height: 100%;
background: #fff /* url(img/bg.jpg) repeat-x */;
}

a { text-decoration: none; color: #11A0CF; font-size: 1em; padding: 1px 2px; }
a:hover { background-color: #f4f4f4; }
acronym { border-bottom: 1px dotted #cc0000; cursor: help; }

/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/	
#container {
/*height: auto !important;
height: 100%;
min-height: 100%;*/
position: relative;
width:100%;
}	
	
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/	

#header {
padding:0;
margin: 0 0 15px 0;
background-color:#333;
height:208px;
background: rgb(51, 51, 51) url('img/bk_banner.png') no-repeat right top;
border-bottom:3px #ccc solid ;
min-width:1100px;
}

#header h1 {
margin: 0; 
padding:0;
position:absolute;
top:0px;
left:15px;
}

#header h1 a {
text-indent:-6000px;
display:block;
outline:none;
background: transparent url('img/title.png') no-repeat;
width:416px;
height:173px; 
color: #000;	
}

* html #header a {
padding:0;
background: transparent url('img/title_ie.png');
}	

#header ul#onglets { 
margin:0;
padding:0;
float:right;
padding-right:13px;
height:211px;
-width:530px;
}

#header ul#onglets li{
display:inline;
float:left;
margin-left:15px;
margin-top:13px;
text-align:center;
}

#header ul#onglets li a{
height:175px;
width:90px;
display:block;
outline:none;
padding:0;
background:none no-repeat;
line-height:370px;
-line-height:normal;
}

* html #header ul#onglets li a span{
margin-top:180px;
display:block;
}

#header ul#onglets li a#suede { 
background-image:url(img/sweden_slide.png);
}
#header ul#onglets li a#irlande { background-image:url(img/ireland_slide.png);}
#header ul#onglets li a#france{ background-image:url(img/france_slide.png);}
#header ul#onglets li a#finlande { background-image:url(img/finland_slide.png); }
#header ul#onglets li a#usa { background-image:url(img/usa_slide.png);}
#header ul#onglets li a#usa_reloaded { background-image:url(img/usa_reloaded_slide.png);}

#header ul#onglets li a:hover{
background-position:-90px 0px;
}

/*------------------------------------------------------------*
**  Recherche
**------------------------------------------------------------*/

#loupe{
position:absolute;
top:211px;
right:0;
background:url(img/recherche_bk2.png) no-repeat top right;
height:38px;
width:42px;
}

div#search {
position:absolute;
background:url(img/recherche_bk.png) no-repeat top right;
top:211px;
height:38px;
width:194px;
right:0;
padding:0;
margin:0;
display:none;

}



div#search h2 {display:none;}

div#search p {
margin:0;
padding-left:10px;
height:38px;
line-height:38px;
text-align:center;
}

/*------------------------------------------------------------*
**  Navigation
**------------------------------------------------------------*/
#header ul#onglets ul {
margin: 0 40px;
padding: 0;	
}

#header ul#navigation {
margin:185px 0 0 20px;
padding:0;
height:23px;
list-style:none;
float:left;
}

* html #header ul#navigation {
margin:188px 0 0 10px;
}

#header ul#navigation li{
padding:0;
margin:0;
position:relative;
float:left;
display:inline;
background:transparent url('img/left_corner.png') no-repeat top left;
line-height:23px;
margin-right:10px;
}

#header ul#navigation  li:hover, #header ul#navigation li.on {background-position: left -23px;}

#header ul#navigation li a{
padding:0;
margin:0;
display:block;
height:23px;
background: transparent url('img/right_corner.png') no-repeat top right;
margin-left:11px;
padding-right:11px;
color:#ddd;
}

#header ul#navigation li:hover a, #header ul#navigation li.on a{
color:rgb(17, 160, 207);
background-position:  right -23px;
}

* html #header ul#navigation li a {
width:0.1em;
white-space:nowrap;
}

/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#content {
width:82%;
min-width:1000px;
-width:1000px;
margin: 0 auto;
padding-bottom: 50px;
}

* html #content { padding-bottom: 60px; }

#content:after {
content: "."; 
display: block; 
clear: both; 
height: 0;
visibility: hidden
}

/*------------------------------------------------------------*
**  Modif titre des post
**------------------------------------------------------------*/
.post-title{
font-size:1.4em;
color:#666666;
background:transparent;
margin-bottom:0;
margin-top:0;
/margin-top:-50px;
-margin-top:-60px;
margin-left:55px;
padding-bottom:0;
font-weight: normal;
border-bottom: dotted 1px #CCCCCC;
width:100%;
}

.post-title a{ color:#666666; }

.post-date {
height: 50px;
width: 45px;
font: normal 22px Arial, Helvetica, sans-serif;
color: #666666;
text-align: center;
padding: 0px 2px 0 0;
line-height: 64px;
float: left;
}

.post-date span { display:none; }

.calendar_01 { background: url(img/calendars/calendar_01.png) no-repeat; }
.calendar_02 { background: url(img/calendars/calendar_02.png) no-repeat; }
.calendar_03 { background: url(img/calendars/calendar_03.png) no-repeat; }
.calendar_04 { background: url(img/calendars/calendar_04.png) no-repeat; }
.calendar_05 { background: url(img/calendars/calendar_05.png) no-repeat; }
.calendar_06 { background: url(img/calendars/calendar_06.png) no-repeat; }
.calendar_07 { background: url(img/calendars/calendar_07.png) no-repeat; }
.calendar_08 { background: url(img/calendars/calendar_08.png) no-repeat; }
.calendar_09 { background: url(img/calendars/calendar_09.png) no-repeat; }
.calendar_10 { background: url(img/calendars/calendar_10.png) no-repeat; }
.calendar_11 { background: url(img/calendars/calendar_11.png) no-repeat; }
.calendar_12 { background: url(img/calendars/calendar_12.png) no-repeat; }

#lastposts div h3 { padding-bottom: 5px; line-height:30px; margin-left:0px; margin-top:0px; }

#lastposts p.post-info { margin-left:0px; }

#lastposts div { padding:5px; background-position: middle 5px; /*height:30px;*/ }

#lastposts div#bloc_Etats-Unis-Reloaded h3 { background:url(img/puces/usa_p_reloaded.png) no-repeat; text-indent:46px; }
#lastposts div#bloc_Etats-Unis h3 { background:url(img/puces/usa_p.png) no-repeat; text-indent:46px; }
#lastposts div#bloc_Finlande h3 { background:url(img/puces/finlande_p.png) no-repeat; text-indent:30px;}
#lastposts div#bloc_Suede h3 { background:url(img/puces/suede_p.png) no-repeat; text-indent:25px; }
#lastposts div#bloc_Irlande h3 { background:url(img/puces/irlande_p.png) no-repeat; text-indent:32px;}
#lastposts div#bloc_France h3 { background:url(img/puces/france_p.png) no-repeat; text-indent:37px;}
#lastposts div#bloc_General h3 { background:url(img/puces/general_p.png) no-repeat; text-indent:32px; }

h2.catEtats-Unis-Reloaded{ background:url(img/puces/usa_p_reloaded.png) no-repeat; text-indent:46px; }
h2.catEtats-unis{ background:url(img/puces/usa_p.png) no-repeat; text-indent:46px; }
h2.catFinlande{ background:url(img/puces/finlande_p.png) no-repeat; text-indent:30px;}
h2.catSuede{ background:url(img/puces/suede_p.png) no-repeat; text-indent:25px; }
h2.catIrlande{ background:url(img/puces/irlande_p.png) no-repeat; text-indent:32px;}
h2.catFrance{ background:url(img/puces/france_p.png) no-repeat; text-indent:37px;}
h2.catGeneral{background:url(img/puces/general_p.png) no-repeat; text-indent:32px;}


p.connexes{text-align:center;}
p.connexes a:hover{background:none;text-decoration:underline;}

#content h2 { 
font-size: 20px;
color: #333;
font-weight: normal;
font-size: 1.8em;	
margin: 0 0 10px 0;
}

#content h4 { 
font-size: 12px;
}
	
#content h2 em { color: #09C; font-style: normal;	}
#content p {	line-height: 1.5em;	letter-spacing: 0.1em;}	
	
#content ul {
margin: 20px 0;
padding: 0 0 0 10px;
}

#content ul li {
list-style-type: none;
background: url(img/bullet_green.png) no-repeat 0px 8px;
padding: 0 0 0 25px;
line-height: 2em;
letter-spacing: 0.1em;	
}

#content .post-content ul li { line-height: 1.5em; }

#content ul ul li{ background: url(img/bullet_orange.png) no-repeat 0px 8px; }
	
#content blockquote { 
background-color:#F6F6F6;
margin: 20px 0; 
padding: 10px 20px;
}

#content blockquote p { margin: 0; text-indent: 0; }

fieldset {border:none;}

label {
cursor:hand;
display:block;
}

label.remember{ display:inline; }

textarea {
width:100%;
font-size:1em;
font-family: Tahoma, sans-serif;
}

#q {
padding-left:18px;
background:#fff url(img/q.png) no-repeat 4px center;
}

/*------------------------------------------------------------*
**  Thumbnails
**------------------------------------------------------------*/
#content ul.thumbs { 
margin: 0px 15px;
padding: 0;
}
	
#content ul.thumbs:after {
content: "."; 
display: block; 
clear: both; 
height: 0;
visibility: hidden
}	
	
#content ul.thumbs li { 
float: left;
margin: 4px;
padding: 0;
background-image: none;
line-height:0;
}

#content ul.thumbs li a{
height:50px;
width:50px;
padding:0;
display:block;
border:3px solid #ddd;
text-indent:-6000px;
background-repeat:no-repeat;
outline:none;
}

#content ul.thumbs li a#caroline{background-image:url(img/Caro.gif);}
#content ul.thumbs li a#charlotte{background-image:url(img/Charlotte.gif);}
#content ul.thumbs li a#cyril{background-image:url(img/Cyril.gif);}
#content ul.thumbs li a#sylvain{background-image:url(img/Sylvain.gif);}
#content ul.thumbs li a#noel{background-image:url(img/Noel.gif);}
#content ul.thumbs li a#jeremie{background-image:url(img/Jay.gif);}

#content ul.thumbs li a:hover{background-position:left -50px;}
#content ul.thumbs li a:hover {border: 3px solid #333;}	
#content ul.thumbs li.on a{border: 3px solid #333;background-position:left -50px;}

html>body #content ul.thumbs li a {background-color: transparent;}

#content #left div {margin-bottom:20px; padding-bottom:15px;}
#content #calendar table{margin:0 auto;}
#content div#meteo li{margin-left:5px;}	
/*------------------------------------------------------------*
**  left
**------------------------------------------------------------*/
#left {
float: left;
width: 225px;
text-align: left;
}

#left a:hover {
background-color:transparent;
}

#left ul{
padding-top:0;
padding-bottom:0;
margin-top:0;
margin-bottom:0;
}

#left h2 {
background:url(img/menu_title_bk.png) no-repeat top left;
height:45px;
line-height:45px;
color:#fff;
text-align:center;
margin-bottom:15px;
}

#left div {
background:url(img/menu_body_bk.png) no-repeat bottom left;
width: 225px;
}

#syndicate ul li{
list-style-type:none;
background:url(img/rss2.png) no-repeat left 5px;
}

#rss_cat{
background:url(img/rss2.png) no-repeat left top;
padding-left:20px;
display:block;
margin:10px 0;
margin-top:5px;
}

/*------------------------------------------------------------*
**  right
**------------------------------------------------------------*/
#right {
text-align: justify;	
padding:0 2em;
overflow: hidden;
-width:715px;
}
/*
#right p{
text-indent:20px;
}*/
.post{
margin-bottom:2em;
width:100%;
}

#right .error {
color:red;
}

.post p{
text-align:justify;
}

.post p.post-info{
text-align:justify;
margin-top:5px;
margin-left:55px;
}

.post-info-co{
text-align:right;
}

.post-info-co a:hover, a.voirPosts:hover{
background:none;
text-decoration:underline;
}

/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/		
#footer {	
position: absolute !important;
width: 100% !important;
z-index: 500 !important;
/position:absolute;
-position: relative;	
padding: 10px 0;	
margin-top: -36px;
background-color: #333;		
color: #999;	
font-size: 11px;
border-top: 3px solid #ccc;
clear: both;
}	

#footer p { margin: 0 10px; text-align: center; }	
#footer a:hover { background-color: #222; }

/*---------------------------------------------------------------*
Page d'accueil
-----------------------------------------------------------------*/

#ouverture p{
text-align:justify;
}

#ouverture{
width:100%;
}

#ouverture .post{
min-width:15.3em;
width:30%;
margin-right:10px;
min-height:140px;
float:left;
-height:140px;
}

#lastcomments{
float:left;
width:100%;
}

#ouverture h2{
text-align:left;
}

.clearer{clear:both;}
#spam  {display: none;}
a.voirPosts{float:right;}

/*-------------------------*
Pagination
----------------------------*/

.pagenav{text-align:center;}

/*---------------------------*
Page contact
-----------------------------*/
#contact legend{
color:#888888;
letter-spacing:0.1em;
line-height:1.5em;
padding:0;
}

/*----------------------------------*
Gestion des images
-------------------------------------*/
img.right{float:right;margin:5px;}
img.left{float:left;margin:5px;}
img.center{display:block;margin:0 auto;}
p.center{text-align:center;}
a img{border:0;}