/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Maurice Svay and contributors. All rights
 * reserved.
 *
 * DotClear is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 * 
 * DotClear is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with DotClear; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 * ***** END LICENSE BLOCK *****
 *
 * Contributor(s):
 *  Maurice Svay
 */

/* Ce fichier définit le style visuel pour les différents éléments du blog.
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - les éléments HTML en général
 * - la page
 * - l'entête
 * - le prélude
 * - le contenu
 * - la barre de navigation
 * - le pied de page
 *
 * L'agengement des blocs est défini dans le fichier layout.css
 * Pour mettre la barre de navigation à gauche, décommentez l'appel à 
 * layout-gauche.css
 */


/* Les éléments HTML en général
-------------------------------------------------------- */


h1, h2, h3, h4, h5, h6{
	font-family: Arial, sans-serif;
}

h1{font-size: 20px;}
h2{font-size: 14px;}
h3{font-size: 14px;}
h4{font-size: 12px; font-weight:bold;}




pre{
	width: 100%;
	overflow: auto;
	border:1px solid #C3A983;
}

fieldset{
	border: none;
}

label{
	cursor: pointer;
}

input.button{	
	cursor: pointer;
}

.field label{
	display: block;
}

input,textarea{
	border:1px solid #C3A983;
	background-image:url(images/1024/post-content.jpg); 
	padding:1px 0 1px 3px;	
}

textarea{
	width: 345px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	padding:3px;
}

a{
	color: 				#38291A;
	text-decoration: 	none;
}

a:hover{
	color: 				#38291A;
	text-decoration: 	underline;
}



.left{
	float: left;
}

.right{
	float: right;
}

.invisible{
	display:none;
}

#retour{
	margin:0 0 10px 10px;
}

/* La page
-------------------------------------------------------- */

*
		{
			margin:0;
			padding:0;
		}
		
		html, body 
		{
			margin: 0;
			padding: 0;
			text-align:center;		
			
			background:#9C7740 url('images/roadbook/palante_roadbook-01-ct-bg.jpg') repeat-x;
			
			color: #38291A;
			font-size: 12px;
			line-height: 15px;
			font-family: Arial, Helvetica, sans-serif;
		}


		
		#page
		{
			background:url('images/roadbook/palante_roadbook-01-ct-bgmn.jpg') 0 159px repeat-y;
			text-align: left;				
			width:986px;	
			margin:auto;
			
		}
		
		#page.homepage{
			background-image:none;	
			text-align:center;	
			position:relative;
		}
		
		#teaser{
			background:url('images/roadbook/homepage-small.jpg') no-repeat;
			width:833px;
			height:588px;	
			display:block;	
			margin:auto;
			position:relative;
		}
		
	/*.moreThan1024 #teaser{
			background:url('images/roadbook/homepage-small.jpg') no-repeat;
			width:972px;
			height:690px;	
			display:block;	
		}*/
		
		#teaser, #teaser:hover{
			text-decoration:none;
		}
		
		#teaser span{
			display:block;
			position:absolute; 
			top:162px; 
			left:490px; 
			font-size:18px; 
			font-style:italic;
			text-decoration:none;
			text-align:center;
			width:292px;
			height:49px;
			line-height:49px;
			cursor: pointer;
		}
		
		#teaser:hover span{
			font-weight:bold;
			text-decoration:none;
		}
		
		.homepage .homelinks{
			position:absolute;
			top:0px;
		
		}
		
		.homepage .homelinksbottom{
			position:absolute;
			bottom:0px;
		
		}
		
		.homepage div ul{
			margin: 0 0px 0 105px;
			padding: 8px 0 0 0;
			list-style: none;
			position:relative;
		}

		.homepage div ul li{
			display:block;
			float:left;
			margin: 0;
			padding: 3px 0 0 0;
			list-style: none;
			
		}
		
		.homepage div ul li a{ /*line-height:20px;*/
			color:#fff;}
		
		.homepage div ul li a:hover, #sidebar div ul li a.inIt, .inIt{ text-decoration:none; font-weight:bold;}
		
		.homepage div ul li a span{
			display:block;
			float:left;
			background-image:none;
			background-position:top;
			width:16px;
			height:16px;
			margin-right:0px;
			margin-top:2px;
		}
		
		.homepage div ul li a:hover span, #sidebar div ul li a.inIt span{background-position:bottom;}
		
		.homepage div ul li a>span{margin-right:3px;}


		
		
		
		/*.homepage img{
			border:0;
		}
		
		<img src="<?php dcInfo('theme'); ?>/images/roadbook/homepage.jpg" alt="" id="teaser" />*/
 
/* L'entête
-------------------------------------------------------- */
	
		#top {
			background-repeat:no-repeat;
			width:986px;
			height:159px;
			background-repeat:no-repeat;
			background-image:url('images/roadbook/palante_roadbook-01-ct-top.jpg');
		}
		
		#top h1{padding:39px 0 0 0;position:relative;}
		
		#top h1 a{			
			display:block;
			height:85px;
			width:986px;
		}
		
		#top h1 a:hover{
			text-decoration:none;
		}
		
		#top h1 a span{
			visibility:hidden;
		}
		
		#top h1 a.dakar{			
			display:block;
			height:119px;
			width:92px;;
			position:absolute;
			left:831px;
			top:48px;
		}
		
		#top h1 a.transorientale{			
			display:block;
			height:119px;
			width:92px;
			position:absolute;
			left:635px;
			top:48px;
		}
		
		
		
/* Les blocs de contenu et le design
-------------------------------------------------------- */
		
		#sidebar {
			float:left;
			
			padding:0pt 0pt 0pt 69px;
			width:133px;
			
		}
		
		
		#content {		
			margin: 0 5px 0 15px;
			width:550px;
			font-style:italic;
			position:relative;
			float:left;
			
		}		
	
		
		#right-bar {						
			float:left;
			width:160px;
			text-align:center;
			/*position:relative;*/
			padding: 43px 0 0 0;			
		}
		
		#main>#right-bar{padding: 44px 0 0 0;}
		
			#right-bar .right-box #podcast-solution img{
					border:0; 	
				}
		
		
				#right-bar .right-box{
					text-align:center;
					width:130px;	
					margin:0 0 20px 0;
					padding:10px;
					border:1px solid #C3A983; 
					background-image:url(images/1024/post-content.jpg);
					color:#38291A;	
					position:relative;	
				}
		
		
					#right-bar .right-box img{
								width:auto;
								border:1px solid #C3A983;										
						} 
					
					#right-bar .right-box #podcast-solution{
								border:1px solid #C3A983;										
						}
		
			
				
			
		
		#content-08 {
			position:absolute;
			left:917px;
			top:125px;
			width:40px;
			height:365px;
			background-repeat:no-repeat;
			background-image:url('images/1024/palante_03_top_08.jpg');
		}
		
			
				#right-bar #sponsor.right-box img{
					margin:1px 10px 10px 0;
					border:0;
					
					width:auto !important; 
					max-width: 125px !important; 
					width:125px;
				}
		
			 
	
/* Le prélude
-------------------------------------------------------- */ 
#prelude{
	background: transparent;
	color: #38291A;
	text-align: center;	
	padding: 0 1ex;

}

#prelude a{
	color: #38291A;
	background: transparent;
}

#prelude a:hover{
	color: #666;
	background: transparent;
	text-decoration:underline;
}

/* Le contenu
-------------------------------------------------------- */
#main{	
	/*width:986px;*/
	position:relative;
	background:url('images/roadbook/palante_roadbook-01-ct-bgun.jpg') 0 0 no-repeat;	
	/*min-height:1000px;*/
	marin:0;
	padding:0 0 0px 0;
	width:986px;
}



div#affiche_link{	
	height: 20px;	
	text-align:center;
	font-size:11px;
	margin:0 10px 15px 10px;
}


div#affiche_link a{
text-decoration:none;
}


.day-date{
	color: #38291A;	
	font-size:14px;
	font-weight:bold;
}

.day-date img{ margin-right:10px; vertical-align:middle; }



p.day-date{	
	margin-left: 15px;
	margin-bottom:10px;
	font-size:16px;
	line-height:32px;
}

.post{margin-bottom: 30px;	}

.post div{ margin:0 10px 0 10px;}

.post-title{
	color: #38291A;
	background: transparent;
	font-size:12px;
	font-weight:bold;
	margin-bottom:0px;
	padding-top:5px;
}

.post-title a{
	color: #38291A;
	background: transparent;
	text-decoration: none;
	font-size:14px;
}

.post-title a:hover{
	text-decoration: underline;
}

.post-info{
	margin-top: 0;
	color: #38291A;
	background: transparent;
	font-size:10px;
	/*border-bottom: 1px solid #FC0;*/
}

.post-info a{
	color: #38291A;
	background: transparent;
	text-decoration: none;	
	text-align:left;
}

.space{margin-left: 30px;}

.post-content, .post-chapo{
	text-align: justify;
	margin:0;
}


.borderContentZone{border:1px solid #C3A983; margin: 0 0 0 3px}

.bglighterContent{border:1px solid #C3A983; background-image:url(images/1024/post-content.jpg); color:#38291A;}


.post-content p  { padding: 5px 0 5px 0;}

.post-content ul{ margin: 0 0 5px 20px;}

.post-content li{ margin: 0 0 5px 0;}


.bglighterContent p, .bglighterContent ul, .bglighterContent blockquote, .bglighterContent pre{
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}


div.bglighterContent img{
	border:0;
	width:200px;
	
}

div.post-content p.pilote,div.post-chapo p.pilote{
	clear:both;
}

div.post-content p.pilote img,div.post-chapo p.pilote img{
	width:116px; 
	float:left; 
	margin: 0 10px 0 0;
	vertical-align:middle;
}




.post-content blockquote{
	/*font-family: Arial;
	font-style: italic;*/
	
	margin:0 0 0 25px;
}

.post-info-co-r{
	
	text-align: right;	
	font-family: Arial;
	font-size:11px;
	font-style:italic;
}

.post-info-co-l{
	
	text-align: left;	
	font-family: Arial;
	font-size:11px;
	font-style:italic;
}


#topPost{padding-top:5px;margin-bottom:2px;}


#trackbacks blockquote, #comments blockquote{
	border:1px solid #C3A983;
	background-image:url(images/postContent.jpg);
	margin: 1em 0;
	padding: 1ex 1em;
}


#main table{
}

#main table td, #main table th{
	padding:2px 5px 2px 5px;
	text-align:center;
	vertical-align:middle;
	border-collapse:collapse;
	border-left:1px solid #C3A983; 
	border-right:1px solid #C3A983;
}


#main table th, #main table tr.tableBottom td{
	background:url(images/galCatLink.jpg);
	border-top:1px solid #C3A983;
	border-bottom:1px solid #C3A983;
}


#post{
	position:relative;
}

#linkToRSS{
	float:right;
	margin:0 0 0 0;
	padding-top:5px;
	width:180px;
	text-align:right;
}

#linkToRSS a:hover{text-decoration:underline;}

#linkToRSS a{ margin:0 10px 0 0;}


#linkToRSS img{border:0; margin:0 3px 0 0; }


#linkToRSS div{
	width:100%;
	text-align:right;
	padding-top:3px;
	font-size:10px;
}

/* La barre de navigation
-------------------------------------------------------- */


#sidebar div, #right-bar div{
	margin:0;	
	color: inherit;
}



#sidebar div ul, #right-bar div ul{
	margin: 0 0px 0 4px;
	padding: 8px 0 0 0;
	list-style: none;
	text-align:left;
}

#sidebar div ul li, #right-bar div ul li{
	margin: 0;
	padding: 3px 0 0 0;
	list-style: none;
}

#sidebar div ul li a, #right-bar div ul li a{ line-height:20px;}

#sidebar div ul li a:hover, #sidebar div ul li a.inIt, .inIt,
#right-bar div ul li a:hover, #right-bar div ul li a.inIt, .inIt{ text-decoration:none; font-weight:bold;}

#sidebar div ul li a span, #right-bar div ul li a span{
	display:block;
	float:left;
	background-image:url(images/iconeMenu.jpg);
	background-position:top;
	width:16px;
	height:16px;
	margin-right:0px;
	margin-top:2px;
}

#right-bar div#syndicate ul li a span{background-image:url(images/rss.gif); }

#sidebar div ul li a:hover span, #sidebar div ul li a.inIt span,
#right-bar div ul li a:hover span, #right-bar div ul li a.inIt span{background-position:bottom;}

#sidebar div ul li a>span, #right-bar div ul li a>span{margin-right:3px;}




#sidebar h2, #sidebar h3, #right-bar h2, #right-bar h3{
	color: #38291A;
	margin: 0;
}



#search fieldset, #search p{
	margin: 0;
	padding: 0;
}

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




div#links ul {margin-left:10px;margin-bottom:10px;}



#galCat{
	margin:0 0 5px 0;
	border:1px solid #C3A983; 
	background-image:url(images/1024/post-content.jpg); 
	color:#38291A;	
}

#galCat a{	
	display:block;
	padding:5px;
}

#galCat a:hover{
	background:url(images/galCatLink.jpg);
	text-decoration:none; 
}


#galCat img{
	height:65px;
	width:auto;
	margin:0 10px 0 10px;
	vertical-align:middle;
	border:1px solid #C3A983;	
}

#galList{
	margin:0 10px 10px 10px;
	width: 26%;
	float:left;
	text-align:center;
	border:1px solid #C3A983; 
	background-image:url(images/1024/post-content.jpg); 
	color:#38291A;	
}


/*div>#galList{
	width: 28%;
}*/



#galList img{
	height:130px;
	width:auto;
	margin:auto;
	margin-bottom: 4px;
	display:block;
	border:1px solid #C3A983;
}

#galList a{	
	display:block;
	padding:10px;
}

#galList a:hover{
	background:url(images/galCatLink.jpg);
	text-decoration:none;
}

.galBig{width:90%;clear:right;}



/* Le pied de page
-------------------------------------------------------- */

#linkToLIT{
	display:block;	
	height:50px;	
	/*line-height:35px;*/
	text-align:center;	
	position:absolute;
	bottom:10px;
	border:0;
	right:85px;
	
}

#linkToLIT img{border:0;}

#linkToLIT span{display:none;}


#linkToLIT:hover{
	text-decoration:none;
	font-weight:bold;
}



#copyRight{
	padding-top:20px;
	display:block;	
	text-align:center;	
	border:0;

}




/*////////////////////////////*/


#podcast-solution{width:116px; text-align:center; margin:auto;}

#podcast-solution img{border:0;margin:0;}

#podcast-solution-01 {	
	width:116px;
	height:101px;
}

#podcast-solution-02 {	
	width:116px;
	height:56px;
}

#podcast-solution-02-01 {	
	width:116px;
	height:24px;
}

#podcast-solution-03 {
	width:116px;
	height:21px;
}

#podcast-solution-04 {
	width:116px;
	height:28px;
}

#podcast-solution-05{
	width:116px;
	height:12px;
}