/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 *
 * 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 *****
 *
 * Author:
 *  Adrien Piffaretti  http://www.piffaretti.net/
 */
 
@import "layout.css";

/* Global style
********************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*background : #EEE url(img/bg.gif) repeat 0 0;*/
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background: #E6E6E6 url(img/bg2.gif) repeat center;
}
#letextedefilant
{	
	font-weight:bold;
	font-size:13px;
	margin-bottom:5px;
	color:#CC3300;
}


h1, h2, h3, h4, h5, h6, input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 12px;
	color: #ffffff;
	text-transform:uppercase;
	/*background:#FFF url(img/fond_rub.png) repeat 0 0;*/
	background-color:#ED0B0B;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	height:auto;
	width:146px;
	padding-top:1px;
	padding-bottom:1px;
	margin:5px 0 5px 0;
		border:1px solid #ffffff;
		padding-left:2px;

}
h2 a
{
	color:#F8F8F8;

}
h2 a:hover
{
	color:#F8F8F8;

}
h3 {
	font-size: 11px;
	color: #333333;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	display:block;
	height:20px;

	padding:0;
	margin:0;
}

.lecontact
{
	color:#080808;
	font-size:24px;
	text-align:center;
}
a{
	color:#E80000;
	text-decoration: underline;
}
a:hover{
	color:#E80000;
	text-decoration: none;
}
fieldset {
	border: 0;
}
#top a {
	color: #E3FF99;
	text-decoration: none;
}
#top {
	 padding:0;
	 margin:0;
}
#espace
{
	text-align:right;
	color:#999999;
	margin:0;
	text-transform:uppercase;
	margin-bottom:2px;
	
}
form
{
	margin:0;
	padding:0;
}
#espace a
{
	
	color:#990000;
	text-decoration:none;
}
#espace a:hover
{

	color:#999999;
	text-decoration:underline;
}

#titre_intro
{
	background-color:#DDDDDD;
	padding:5px 0 5px 5px;
	font-weight:900;
	font-size:12px;
	width:656px;
	
}
#gauche
{
	margin-top:2px;
	background-color:#FFFFFF;
}
#gauche_photo,#gauche_photo2
{
	clear:both;
	width:195px;
	float:left;
	padding-top:10px;
}

#gauche_photo h3,#gauche_photo2 h3
{
	width:184px;
	background-color:#CC0033;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:3px;
	margin:0;
	font-size:12px;
}
#droite_intro,#droite_intro2

{
	width:468px;
	float:right;
	font-size:11px;
	text-align:justify;
	padding-top:8px;
	color:#333333;
	padding-right:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#droite_intro h1,#droite_intro2 h1
{
	font-size:12px;
	color:#E60B0B;
	text-transform:uppercase;
}
#droite_intro h5, #droite_intro2 h5
{
	font-size:11px;
	color:#990000;
	font-weight:900;
	margin:0;
	padding:0;
}
#baslogo,#baslogo2

{
	text-align:right;
}
.coupure,.coupure2,.coupure3,.coupure4
{
	background-color:#990066;
	color:#FFFFFF;
	padding:3px;
	clear:both;
	margin-top:3px;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
}
h3
{
	background-color:#990066;
	color:#FFFFFF;
	padding:3px;
	clear:both;
	margin-top:3px;
	font-size:11px;

	font-weight:bold;
}


.coupure 
{
	width:664px;
}
.coupure  a
{
	width:100%;	color:#F7F7F7;
}
.coupure2, .coupure2 li a
{
background-color:#ED0B0B;

}
.coupure3
{
font-size:11px;
text-align:center;

}
#trackbacks {
	border-top: 1px solid #9EBD2E;
	margin-top: 40px;
	background-color: #99CC00;
	border-bottom: 1px solid #9EBD2E;
	margin-bottom: 10px;
}
#comments fieldset,#content fieldset {
	background-image: url(img/background-green.gif);
	padding: 10px;
	color:#F4F4F4;
}
#laphoto h4
{
	display:block;
	font-size:15px;
	color:#D70000;
	text-align:justify;
}
#comments input, #comments textarea,#content textarea,#content input{
	border: 1px solid #9EBD2E;
	background-color:#F0F0F0;
	font-size: 10px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}
#c_remember {
	background-image: url(img/background-green.gif);
}
#prelude {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	color:#F9F9F9;
	margin: 0;
}
#prelude a {
	color:#F9F9F9;
	text-decoration: none;
}
#calendar td,th {
	background-color: #FFF;
	border: 1px solid #F1FFCB;
	margin: 5px;
	text-align: center;
	width: 20px;	
}
#calendar td a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	text-decoration: underline;
}
#calendar td a:hover {
	text-decoration: none;	
}
#calendar abbr {
	border: none;
}
#calendar caption {
	background-image: url(img/background-green.gif);
	color:#F8F8F8;
	height: 15px;
	padding-top: 2px;
	margin-bottom: 5px;
}
#calendar caption a {
	color:#F8F8F8;
	text-decoration: none;
}
#search
{
min-height:20px;
vertical-align:middle;
}
#search input{
	border: 1px solid #E3E3E3;
	background-color:#F2F2F2;
	font-size: 10px;
	color: #333333;
	text-transform: uppercase;

}
#search .thebouton
{
	border:0;
	vertical-align:middle;
	background-color:#F20000;
	color:#ffffff;
	
}
#q {
	width: 120px;
	text-transform: lowercase;
}
li {
	color: #F40B0B;
	padding:2px 0 2px 0 ;
	margin:0;
	list-style-type:none;
}


li:hover
{
	background-color:#F2F2F2;
}
#categories,#archives,#archives2,#droiten
{
	margin-left:0;
}
#archives ul li a,#archives2 ul li a
{
	font-size:10px;
}

#categories ul,#archives ul,#links ul, #syndicate ul, #urnes ul,#archives2 ul,#soutien1 ul,#soutien2 ul,#soutien3 ul,#droiten ul
{
		padding:0;
		margin:0;
		/*margin-left:17px;*/	
		text-align:left;
}
#soutien1 h2,#soutien2 h2,#soutien3 h2
{
background-color:#CC0033;
}
#baspage
{
	margin-top:20px;
	margin-bottom:20px;
	padding-top:10px;
border-top:1px dotted #ED0B0B;
clear:both;
}
#urnes h4
{
	font-size:14px;
	color:#C40000;
	text-align:center;
}
#categories li a,#archives li a,#links li a ,#syndicate li a ,#urnes li a,#urnes li,#archives2 li a,#droiten li a  {
	color:#F7F7F7;
	text-decoration: none;
	font-size:12px;
	/*background:#FFF url(img/fond_rub.png) repeat 0 0;*/
	/*background:transparent url(img/background-green.gif) no-repeat 0 4px;*/
	/*background-image:url(img/background-green.gif) */
	text-align:center;
	/*background-color:#990066;	*/
	padding:10px 0;
	display:block;
	font-weight:bold;
}

.cat1
{
background-color:#FF9393;
margin-top:2px;

}	

.cat5
{
background-color:#FF7575;
margin-top:2px;

}
.cat7
{
background-color:#FF4646;
margin-top:2px;

}
.cat4
{
background-color:#990099;
margin-top:2px;

}

.cat40
{
background-color: #990066;
margin-top:2px;

}
.cat8
{
background-color:#E60000;
margin-top:2px;

}
.cat3
{
background-color:#CA0000;
margin-top:2px;

}
.cat6
{
background-color:#930000;
margin-top:2px;

}

	#archives span
	{
	
	text-align:justify;
	}
#categories li a,#links li a{

	padding-bottom:10px;
}
#categories li a:hover,#droiten li a:hover 
{
	background-color:#E10B0B;
}
#categories a:hover,#links li a:hover,#droiten li a:hover  {
	/*border: 1px solid #9EBD2E;*/
	border-top: 0;	
	color:#F9F9F9;
	text-decoration:underline;

}

#archives a:hover,#syndicate a:hover,#urnes li a:hover,#archives2 a:hover {
	text-decoration: none;
}


#footer {
	text-align: center;
}
#footer a {
	color:#F9F9F9;
	font-size:11px;
}
.post-title {
	/*background-image: url(img/souris.gif);*//*padding-left: 20px;*/
	background-repeat: no-repeat;
	height: auto;
	font-weight: bold;
	margin: 0;
	font-size:15px;
	background:#ED0B0B url(img/background-blanc.gif) no-repeat 2px 8px;
	color:#ffffff;
	display:block;
	padding-left:12px;
	border:1px dotted #E10B0B;
	margin-top:10px;
	width:656px;

	
}
#videos
{
text-align:center;
}
.post-title a {
	text-decoration: none;
	color:#F5F5F5;
	display:block;
	width:660px;
	height: auto;

}
img
{
border:0;
}
.post-info {
	width:650px;
	color:#666666;
	font-weight: bold;
	display:block;
	text-align:justify;

}
.post-info a {
	color: #333333;
	text-decoration: none;
	/*border: 1px solid #9EBD2E;*/
	
}
.post-info a:hover {
	/*border: 1px solid #9EBD2E;*/
	border-top: 0;	
	text-decoration:underline;
	color:#DD0B0B;
}
.day-date {
	display: none;
}
.post {
	width:660px;
		text-align:justify;
		color:#666666;
		font-family:Verdana, Arial, Helvetica, sans-serif;
}
.post-info-co {
	background-image: url(img/background-green.gif);
	height: 15px;
	color:#F9F9F9;
	text-align: right;
	padding-top: 2px;
	padding-right: 5px;	
}
.post-info-co a {
	color:#F1F1F1;
	text-decoration: none;
	background-image: url(img/bulle.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	
}
.post-content,.post-chapo
{
	font-size:12px;
}
.post-content ul,.post-content li
{
	color:#666666;
	list-style:square;
	list-style-image:url(img/puce.png);
	padding-top:3px;
	
}
.post-content li a
{
	color:#CB0000;
}
.post-content li a:hover
{
	color:#666666;
	list-style-image:url(img/puce.png);
}

#syndicate
{
	border:0;
	font-size:11px;
	color: #E20B0B;
}
.comment-info {
	border-top: 1px solid #E3FF99;
	padding-top: 10px;
}
/*********style pour lightbox********************/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/lightbox/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color:#F3F3F3;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 50%;	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color:#030303;
	}
	
#content
{
	clear:both;
	width:660px;
}
#votezutile
{
	padding:20px 5px 20px 5px;
	text-transform:uppercase;
	font-size:18px;
	background-color:#ED0B0B;
	color:#FFFFFF;
	margin-top:2px;
	text-align:center;
	font-weight:bold;
}
#votezutile2 a
{
	
	text-transform:uppercase;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	background-color:#990066;
	padding:20px 5px 20px 5px;
	margin-top:2px;
	display:block;
	text-decoration:none;
	font-weight:bold;
}


.tract_gauche
{
	width:50%;
	float:left;	
}
.tract_droite
{
	width:50%;
	float:right;

}
.texterouge
{
color:#CD0000;
margin:0;
padding:0;}

ul#elt
{
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
}

ul#elt li
{
	float:left;
}
ul#elt li a
{
	width:158px;
	display:block;
	height:20px;
	background-color:#B6347A;
	color:#FFFFFF;
	margin:0;
	padding:8px 2px 5px 2px;
	text-align:center;
	text-transform:capitalize;
	margin-right:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;

	font-weight:bold;
	
}
ul#elt li a:hover
{
	background-color:#dddddd;
	color:#333333;
}


#letit
{
color:#FF0000;
font-size:14px;

font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
font-weight:bold;}

.letite
{
color:#FF0000;
font-weight:800;

}
.telecharger,.telecharger a
{
	display:block;
	background-color:#E5E5E5;
	color:#CC0000;
	height:30px;
	text-align:center;
	font-size:12px;
	padding-top:5px;
	margin-top:5px;
	margin-bottom:5px;
}
.laliste, .laliste a
{
background-color:#F0F0F0;
color:#CC0000;
margin-bottom:1px;

}
#leslinks ul li a,#leslinks2 ul li a,#leslinks3 ul li a
{
color:#CC0000;
}
.post-title2
{
text-align:justify;
font-size:12px;
color:#333333;

}
.lesnoms
{
color:#FFCC00;
}

#dernierarticle,#dernierarticle ul
{
margin:0;
padding:0;

}
#dernierarticle h1 a
{
/*width:650px;*/
margin:0;
}


#dernierarticle li 
{
color:#666666;
font-size:11px;margin:0;
padding:0;
text-align:justify;
margin:0;
padding:0;
}
#dernierarticle ul li:hover, #dernierarticle ul li a:hover
{
background-color:#FFFFFF;
margin:0;
padding:0;
}
ul#lemen
{
	margin:0;
	padding:0;
}
ul#lemen li
{
	margin:0;
	padding:0;
}
#dernierarticle h1 a:hover
{
/*width:650px;*/
margin:0;
color:#FFFFFF;
background-color:#666666;
}


.pagenav {
	font: 0.9em;
}

p.pagenav a {
	background-color:#CC0000;
	color: white;
	padding:2px;
	border: 1px solid #bbb;
	text-decoration: none;
	font-size:90%;
}

p.pagenav a:hover {
	background:#598F9A;
	color:white;
}

p.pagenav strong {
	color: black;
	padding:2px;
	border: 1px solid #bbb;
}