/* ***** 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):

 *  Guillaume BIZET*/



/* 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

 */



@import "layout.css";

@import "style_related_plugins.css";


/* DERNIERES videos
********************************************/

#lastvideos {
font-size : 0.9em;
font-weight : bold;
margin-top : 1em;
text-align : center;
color : #666;
background : transparent;
overflow: auto;
display: block;
border: 1px solid #999;
margin-bottom: 2em;
padding: 0px 5px 0px 5px;
        -moz-border-radius: 4px;
}


#lastvideos ul {
font-size : 1em;
font-weight : bold;
margin-top : 0.3em;
text-align : left;
color : #666;
background : transparent;
}



#lastvideos ul li {
font-size : 1em;
font-weight : bold;
margin-top : 0.3em;
text-align : left;
color : #666;
background : transparent;
}



#lastvideos ul li a {
font-size : 1em;
font-weight : bold;
margin-top : 0.3em;
text-align : left;
color : #666;
background : transparent;
}

#lastvideos ul li a:hover {
color : #0000FF;
background : transparent url(img/puce.gif) no-repeat;
padding-left: 24px ;
}



/*-------------------------------------------------------- 

 Les éléments HTML en général

-------------------------------------------------------- */



* { padding: 0;	margin: 0; }



body	{

	background: #EEE;

	color: #000;

	font-size: 12px;

	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;

	}



h1, h2, h3, h4, h5, h6	{

	font-family: Helvetica, "Trebuchet MS", sans-serif;

	}



h1	{

	font-size: 1.5em;

	}



h2	{

	font-size: 1.6em;

	}



h3	{

	font-size: 1.3em;

	}



h4	{

	font-size: 1.2em;

	}



h5	{

	font-size: 1.1em;

	}



h6	{

	font-size: 1em;

	}



p	{

	margin : 3px 0px 10px 0px;

	}



pre, code	{

	font-size: 1.2em;

	}



pre	{

	width: 100%;

	overflow: auto;

	border: 1px solid #CCC;

	}



fieldset	{

	border: none;

	}



label	{

	cursor: pointer;

	}



.field label	{

	display: block;

	}



input,textarea	{

	border: 1px solid #999;

	}



textarea	{

	width: 98%;

	font-size: 1em;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	}

	

a img, a:visited img, a:hover img	{

	border: 0;

	}



a	{

	color: #4475CE;

	text-decoration: underline;

	}





a:visited	{

	color: #4475CE;

	text-decoration: underline;

	}



a:hover	{

	color: #4475CE;

	font-weight: bold;

	text-decoration: underline;

	}

	

.suite a	{

	background: url(img/Post/FlecheLien.jpg) no-repeat 97% 80%;

	padding-right: 16px;

	}



acronym	{

	border: none;

	text-decoration: none;

	}



a[hreflang|="en"]:after { content: "\0000a0"url(img/Post/linken.gif) }

a[hreflang|="fr"]:after { content: "\0000a0"url(img/Post/linkfr.gif) }





/*--------------------------------------------------------

 La page

-------------------------------------------------------- */



#page	{

	background: #fff url(img/fondpage.jpg) repeat-y left top;

	color: inherit;

	}



/*--------------------------------------------------------

 L'entête

-------------------------------------------------------- */



#top	{

	margin: 0px;

	height: 185px;

	background: transparent url(img/Header/Header.jpg) no-repeat top left;

	}



#top h1	{

	float: left;

	width: 775px;

	margin: 37px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	color: #30709D;

	font-size: 3em;

	text-align: right;

	}



#top h1 a	{

	text-decoration: none;

	color: #30709D;

	}



div#search	{

	margin: 0px 0px 0px 605px;

	padding-top: 5px;

	background: transparent;

	color: inherit;

	}



#search fieldset, #search p	{

	margin: 0px 0 0 0;

	padding: 0;

	}



#q	{

	padding-left: 17px;

	background: #fff url(img/Header/q.png) no-repeat 4px 50%;

	}



#search input.submit	{

	margin-left: 5px;

	background: #FFFFFF url(img/Boutons/fond_ok.jpg) 0 55% no-repeat;

	border: none;

	width: 28px;

	height: 18px;

	color: #FFFFFF;

	font-weight: bold;

	font-size: 10px;

	}



/* --------------------------------------------------------

 Le prélude

-------------------------------------------------------- */ 



#prelude	{

	float: left;

	width: 550px;

	margin: 10px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	background: transparent;

	color: #DFDFDF;

	text-align: right;

	font-size: 0.8em;

	}



#prelude a, #prelude a:visited	{

	color: #DFDFDF;

	background: transparent;

	border: 0;

	}



#prelude a:hover	{

	color: #DFDFDF;

	background: transparent;

	border: 0;

	}





/* --------------------------------------------------------

 Le contenu

-------------------------------------------------------- */



/* --- Les éléments --- */



#trackbacks blockquote, #comments blockquote	{

	border: 1px dashed #D6D2D2;

	margin: 1em 0;

	padding: 1ex 1em;

	}



#comments label	{

	margin-bottom: 5px;

	}



.post-content blockquote	{

	width: 95%;

	margin: 10px 0px 5px 0px;

	padding: 5px 5px 25px 5px;

	font-family: Georgia, serif;

	font-style: italic;

	border: 1px solid #ccc;

	background: #FBFEE3 url(img/Post/Citation.jpg) no-repeat bottom right;

	}



.post-content code	{

	display: block;

	width: 95%;

	margin: 10px 0px 5px 0px;

	padding: 5px 5px 25px 5px;

	background: #E0F2FE url(img/Post/Code.jpg) no-repeat bottom right;

	border: 1px solid #CCC;

	font-size: 1em;

	}



#content ul, #content ol	{

	margin: 5px 5px 5px 25px;

	list-style-position: outside;

	}



#content ul	{

	list-style-image: url(img/Post/puce.jpg);

	/*padding-left: 10px;*/

	}



/* --- Les Titres --- */



#trackbacks h3, #comments h3	{

	color: #FF6600;

	background: #FFFFFF url(img/Post/SepOrange.jpg) left bottom no-repeat;

	}

	

/* --- La liste des posts et les posts --- */

	

.post	{

	margin: 5px 0px 15px 0px;

	}



#post-meta	{

	margin-top: 15px;

	padding: 5px;

	text-align: left;

	color: #30709D;	

	font-size: 9px;

	border-left: 5px solid #ccc;

	border-top: 1px solid #ccc;

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	background: #FBFEE3;

	}



#post-meta a, #post-meta a:visited	{

	color: #000000;

	text-decoration: none;

	}



.day-date	{

	display: none;

	margin-bottom: 15px;

	padding-left: 20px;

	margin-left: -25px;

	color: #888;

	background: transparent url(img/day-date.png) no-repeat left center;

	font-style: italic;

	}



.info-bkg-ht	{

	margin: 10px 0px 0px 0px;

	background: transparent url(img/Post/Ht_PostInfo.jpg) no-repeat left top;

	/*border: 1px solid #CCC;*/

	}

	

.info-bkg-ht	{

	background: transparent url(img/Post/Mil_PostInfo.jpg);

	}



.info-bkg-bas	{

	margin: 0px 0px 0px 0px;

	background: transparent url(img/Post/Bas_PostInfo.jpg) no-repeat left top;

	}



.post-title	{

	margin: 0px 0px 0px 5px;

	padding: 2px 10px 2px 5px;

	color: #30709D;

	}



.post-title a, .post-title a:visited, .post-title a:hover	{

	color: #30709D;

	text-decoration: none;

	}



.post-info	{

	margin: 0px 0px 0px 5px;

	padding: 0px;

	color: gray;	

	font-size: 0.8em;

	background: transparent url(img/Post/Ht_PostInfo.jpg) no-repeat left top;

	}



.post-info a, .post-info a:visited, .post-info a:hover	{

	color: gray;

	background: transparent;

	text-decoration: none;

	border: 0;

	}

	

p.post-info	{

	padding: 5px;

	}

		

.post-chapo	{

	margin: 0px;

	padding: 5px 15px 5px 15px;

	}



.post-content	{

	margin: 10px 0px 15px 5px;

	padding: 5px 15px 5px 10px;

	text-align: justify;

	}



.post-info-co	{

	margin: 0px 0px 0px 5px;

	padding: 5px;

	color: gray;	

	font-size: 9px;

	background: transparent url(img/Post/Bas_PostInfo.jpg) no-repeat left bottom;

	}



.post-info-co a, .post-info-co a:visited, .post-info-co a:hover	{

	color: gray;

	text-decoration: none;

	border: 0;

	}



.seppost	{

	background: #FFFFFF url(img/Post/SepHautPost.jpg) no-repeat left top;

	}



#comments .form-help	{

	padding: 5px;

	font-size: 0.8em;

	border: 1px dashed red;

	background: #FFFFFF url(img/Post/information.jpg) no-repeat 100% 0%;

	}



#comments .attention	{

	margin-top: 5px;

	padding: 5px 5px 5px 5px;

	font-size: 0.8em;

	border: 1px dashed red;

	background: #FEF2E6;

	}



#comments .comment-info a, #comments .comment-info a:visited, #comments .comment-info a:hover	{

	color: #000;

	text-decoration: none;

	border: 0;

	}

	

#comments blockquote{

	margin: 0px 0px 10px 0px;

	padding: 5px;

	border: 1px solid #B5CFE7;

	}



#comments blockquote .comment-info {

	border-bottom: 1px dotted #b5cfe7;

	padding-bottom: 3px;

	}



/* --------------------------------------------------------

 La barre de navigation

-------------------------------------------------------- */



/*--- Les Liens ---*/



#sidebar a	{

	color: #493;

	text-decoration: none;

	}



#sidebar a:visited	{

	color: #493;

	text-decoration: none;

	}



#sidebar a:hover	{

	color: #493;

	font-weight: bold;

	text-decoration: underline;

	}



/*--- Les elements généraux ---*/



#sidebar h2 img	{

	display: block;

	margin: 0;

	}



#sidebar ul	{

	font-size: 0.9em;

	}



#sidebar div	{

	margin: 10px 0px 0px 0px;

	color: inherit;

	}



#sidebar div ul	{

	margin: 0;

	padding: 0;

	list-style: none;

	}



/*--- Les titres ---*/



#sidebar h2	{

	height: 36px;

	color: #FFFFFF;

	margin: 0 -5px 5px -10px;

	padding: 0 0 0 10px;

	text-decoration: none;

	line-height: 28px;

	background: #CCCCCC url(img/Sidebar/soush2sidebar.jpg) no-repeat left bottom;

	font-size: 1.2em;

	}



#sidebar h3, #sidebar h3 a, #sidebar h3 a:visited, #sidebar h3 a:hover	{

	color: #30709D;

	text-decoration: none;

	font-size: 1em;

	margin: 0;

	border: 0;

	}



/*--- Partie Calendrier ---*/



#sidebar div#calendar	{

	/*border-top: 1px solid #F0F0F0;*/

	}



#sidebar div#calendar h2	{

	margin-bottom: 5px;

	}



#sidebar div#calendar table	{

	font-size: 0.8em;

	text-align: center;

	margin: 0 auto;

	border-collapse: collapse;

	}



#sidebar div#calendar table caption	{

	margin: 0 auto;

	}



#sidebar div#calendar table th	{

	color: #493;

	background: transparent;

	padding: 5px 0px 5px 0px;

	}



#sidebar div#calendar table td	{

	width: 25px;

	line-height: 2em;

	border: 1px solid #EEE;

	}



#sidebar div#calendar table td a	{

	display: block;

	color: #30709D;

	font-weight: bold;

	text-decoration: none;

	border: 0;

	background: #E0F2FE url(img/Sidebar/calend_plein.jpg) no-repeat top right;

	}



#sidebar div#calendar table td a:hover	{

	color: #30709D;

	font-weight: bold;

	border: 0;

	background: #E0F2FE url(img/Sidebar/calend_plein.jpg) no-repeat top right;

	}

	

/*--- Partie Archives ---*/	



#sidebar div#archives ul	{

	margin-left: 20px;

	list-style-image: url(img/Post/puce.jpg);

	}	

	

/*--- Partie Selection ---*/	

#sidebar div#selection ul	{

	margin-left: 20px;

	list-style-image: url(img/Post/puce.jpg);

	}

	

/*--- Partie categories ---*/	



#sidebar div#categories ul	{

	margin-left: 20px;

	list-style-image: url(img/Post/puce.jpg);

	}

	

/*--- Partie liens ---*/



#sidebar div#links h3	{

	margin: 5px 0px 0px 0px;

	}

	

#sidebar div#links li a, #sidebar div#links li a:visited, #sidebar div#links li a:hover	{

	padding-left: 15px;

	}



#sidebar div#links ul a	{

	background: #FFF url(img/Post/puce.jpg) no-repeat left 50%;

	}

	

#sidebar div#links ul a:visited	{

	background: #FFF url(img/Post/puce_checked.jpg) no-repeat left 50%;

	}

	

#sidebar div#links ul a:hover	{

	background: #FFF url(img/Post/puce.jpg) no-repeat left 50%;

	}





/*--- Partie Syndication ---*/



#sidebar div#syndicate ul	{

	padding: 0px 0px 0px 15px;

	}



#sidebar div#syndicate a, #syndicate a:visited, #syndicate a:hover	{

	border: 0;

	}

	



/*--------------------------------------------------------

 Le pied de page

-------------------------------------------------------- */



#footer	{

	margin: 0;

	padding: 2px;

	background: #30709D;

	color: #FFF;

	text-align: center;

	}



#footer a	{

	color: #FFF;

	border: 0;

	}
	
/*--------------------------------------------------------

 Le pied de page

-------------------------------------------------------- */
	
	
table#sample {
    background-color:#FFFFFF;
    border: solid #000 3px;
    width: 500px;

}

table#sample td {
    padding: 5px;
    border: solid #000 1px;

}

.data {
    color: #000000;
    text-align: center;
    background-color: #CCCCCC;

}

.data:hover {
    color: #000000;
    text-align: center;
    background-color: #FFFFFF;
}

.data06 {
    color: #000000;
    text-align: center;
    background-color: #DDDDDD;

}

.data06:hover {
    color: #000000;
    text-align: center;
    background-color: #FFFFFF;
}

.toprow {
    font-style: italic;
    text-align: center;
    background-color: #FFFFCC;

}

.leftcol {
    font-weight: bold;
    text-align: center;
    width: 30px;
    background-color: #FFCC33;