/* ***** BEGIN LICENSE BLOCK *****
 * This file is part of DotClear.
 * Copyright (c) 2004 Samuel Latchman 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 *****
 *
  * Author: Zoe (http://www.callmepep.org/zoe)
  * Thème 3 colonnes fixes (version 1.2)
 *
 */


/* -----------------------------------------------------	*/
/* General							*/
/* -----------------------------------------------------	*/

body {
	margin : 0;
	padding : 0;
	background : #333366;
	background-color: #6F0000;
	color : #000000;
	font : 12px "Trebuchet MS","Lucida grande",Verdana,Lucida,Helvetica,sans-serif;
	line-height: 1.3;
	}

table { font-size : 1em; }
p { margin : 1em 0; }
q { font-style : italic; }
ul { list-style-type : square; list-style-position : outside; }

pre { 
	width : 100%;
	padding-bottom : 1.5em;
	white-space : normal;
	/* caché pour IE 5 Mac qui sait pas faire - Ne pas supprimer cette ligne  \*/
	overflow : auto;
	white-space : pre;
	/* Fin hack Ne pas supprimer cette ligne */
}
code { width : 100%;}
img  { border : none; }
form { display : block; margin : 0; padding : 0; }

h1 { font-size : 2.25em;  margin : 0.67em 0; 	  font-style : italic; }
h2 { font-size : 1.4em;   margin : 0.83em 0 0 0;  font-family : "Trebuchet MS",Arial,Helvetica,sans-serif; font-weight : normal; }
h3 { font-size : 1.3em;   margin : 1em 0; 	  font-family : "Arial,Trebuchet MS",Arial,Helvetica,sans-serif;}
h4 { font-size : 1em; 	  margin : 1.33em 0; }
h5 { font-size : 0.83em;  margin : 1.67em 0; }
h6 { font-size : 0.67em;  margin : 2.33em 0; }

a { color : #05305a; text-decoration : none; }

a[hreflang]:after {
	content: "\0000a0(" attr(hreflang) ")";
	color : #666;
}

.clear {
	clear : both;
	display : block;
	height : 1px;
	margin : 0;
	padding : 0;
}

/* -----------------------------------------------------	*/
/* Layout								*/
/* -----------------------------------------------------	*/
#page {
	width : 750px;
	margin : 0px auto;
	padding : 0;
	background: #FFFFFF;
}
#main {
	width : 750px;
		background: #FFFFFF;
	background: white;
}
#wrapper {
	width : 750px;
	background: #FFFFFF;
}
#content {
	float : right;
	width : 520px;

	margin : 0;
	padding : 0;
		background: #FFFFFF;
}
#sidebar1 {
float : left;
	width : 165px;
	padding : 0;
	margin : 0;
	background-color: #FFFFFF;
	height: auto;
}


/* -----------------------------------------------------	*/
/* Block "Top"							*/
/* -----------------------------------------------------	*/
#top {
	position: relative;

	
	margin : 15px 0 10px 0;
	padding : 0;
}
#top h1 {
	margin : 0;
	padding : 0;
}
#top h1 span {
	background: url('img/top_bandeau.jpg') no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
#navbar-top {
	float : right;
	margin : 0;
	padding : 0;
}

.navbar {
	text-align : right;
}

/* -----------------------------------------------------	*/
/* Block "Footer"						*/
/* -----------------------------------------------------	*/
#footer {
	clear : both;
	margin : 5px 0;
	padding : 5px;
	background: #FF0000;
}
#footer a {
	color: #fff;
	}
#dotclear {
	width : 30%;
	float : left;
	margin : 0;
	padding : 0;
}
#navbar-bottom {
	width : 65%;
	float : right;
	margin : 0;
	padding : 0;
}
.clear {
	clear : both;
	margin : 0;
	padding : 0;
	height:1px;
}

/* -----------------------------------------------------	*/
/* Block "wrapper"						*/
/* -----------------------------------------------------	*/

#wrapper {
	float:left;
	background: url('img/wrapper_fnd.gif') repeat-y;
	_background: url('img/wrapper_fnd_ie6.gif') repeat-y;
}
/* -----------------------------------------------------	*/
/* Block "Sidebar2"						*/
/* -----------------------------------------------------	*/
#sidebar2 div {
	clear: left;
	}
	
#sidebar1 a:hover {
	color : #e2e9f1;
	}
	
#sidebar2 a:hover {
	color : #7298bf;
	}
#sidebar1 h2 {
	margin : 0;
	margin: 0;
	backround
	font-size : 1.2em;
	}
#sidebar2 h2 {
	margin : 0;
	padding : 5px 0 5px 10px;
	background: url('fond.gif') no-repeat;
	font-size : 1em;
	color: #FFFFFF;
}
#sidebar1 ul,#sidebar2 ul {
	list-style-type : none;
	padding : 0;
	margin : 7px 0 15px 0;
}
#sidebar1 li,#sidebar2 li {
	margin : 0;
	padding : 0;
}

/* Introduction box ------------------------------------ */
#introduction {
	/*background: url('img/guillemet_G.gif') no-repeat;*/
	/*text-align: center;*/
	text-align: left;
	color: #fff;
	}
#introduction p {
	/*background: url('img/guillemet_D.gif') no-repeat right bottom;
	/*padding: 10px 20px 0 20px;*/
	padding: 0px 10px 0px 10px;
	/*font-size : 10px;*/
	/*margin: 0 0 20px 0;*/
	}
#introduction a {
	display: block;
	margin : 5px 0;
	}


/* Accueil, Themes box ------------------------------------ */
#themes ul, #accueil ul {
	list-style-type : none;
	border-top: 1px solid #fff;
	margin : 0 0 10px 0;
	padding : 0;
	}
#themes li, #accueil li {
	}
#themes h2, #accueil h2 {
	background: #e2e9f1;
	margin : 0;
	padding : 0;
	font-weight: bold; _font-weight: normal;
	font-size:14px;
	color: #fff;
	}
#themes a {
	display: block;
	padding : 5px 0 5px 15px;
	border-bottom: 1px solid #fff;
	color: #fff;
	}
	
	#accueil a {
	display: block;
	padding : 0px 0 0px 0px;
	border-bottom: 0px solid #fff;
	color: #fff;
	}
	
#accueil a {
	color: #7298bf;
	}
#themes a:hover {
	color: #05305a;
	}
#accueil a:hover {
	background: #fff;
	color: #7298bf;
	}
	
#themes h2.page-accueil { background: #7298bf; }
	
#themes h2.emploi-entreprise { background: #c33; }
#themes h2.emploi-entreprise a:hover { background: #f6dada; }

#themes h2.education-recherche { background: #899c00; }
#themes h2.education-recherche a:hover { background: #eaeed1; }

#themes h2.questions-sociales { background: #97005b; }
#themes h2.questions-sociales a:hover { background: #ecd1e1; }

#themes h2.sante { background: #f19610; }
#themes h2.sante a:hover { background: #fcecd4; }

#themes h2.europe { background: #006c9c; }
#themes h2.europe a:hover { background: #d1e4ed; }

#themes h2.reforme-de-l-etat { background: #b56f1e; }
#themes h2.reforme-de-l-etat a:hover { background: #f2e5d6; }

#themes h2.tarif { background: #e95e2c; }
#themes h2.tarif a:hover { background: #f0cdb7; }

#themes h2.bouton { background: #FF0000; }
#themes h2.bouton a:hover { background: #f0cdb7; }



/* Calendar box ------------------------------------ */
#calendar {
	margin : 0;
	padding : 0;
	font-size: 10px;
}
#calendar h2 {
	display : none;
}
#calendar table {
	width: 100%;
	border-collapse : collapse;
	font-size : 0.85em;
	margin : 0 auto;
	color: #FF0000;
}
#calendar caption {
	padding : 0 0 0.3em 0;
	font-size : 1.2em;
	margin : 0 auto;
}
#calendar abbr {
	border : none;
	font-style : normal;
}
#calendar th, #calendar td {
	font-weight : normal;
	border : none;
}
#calendar th {
	border-top: 1px solid #05305a;
	border-bottom: 1px solid #05305a;
}
#calendar td {	
	text-align : center;
}
#calendar td.active {
	border : 1px solid #000;
}
#calendar td.active a {
}
#calendar a {
	padding : 2px 3px;
	background: url('img/fnd_day_off.gif') no-repeat center center;
	color : #e2e9f1;
}
#calendar a:hover {
	background-image: url('img/fnd_day.gif');
	color : #05305a;
	}

/* Search form box --------------------------------	*/
#sidebar1 #search {
	margin : 5px 1px;
	padding : 10px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#sidebar1 #search h2 {
}

#sidebar1 #search input#q {
float:left;
	width: 115px;
	margin: 2px;
	padding: 1px 1px 1px 20px;
	background: #ff0000;
	border: none;
	}

/* Categories box ----------------------------------	*/
#categories {
	margin : 0;
	padding : 0;
}
#categories h2 {
}

/* Archives box -------------------------------------- */
#archives {
	margin : 0;
	padding : 0;
}
#archives h2 {
}

/* Links box ----------------------------------------- */
#links {
	margin : 0;
	padding : 0;
}
#links h2 {
color:#FF0000;

}

/* Syndication box ----------------------------------- */
#syndicate {
	margin : 0;
	padding : 0;
	}
#syndicate h2 {
	padding : 5px 5px 5px 15px;
	font-weight: bold;
	color: #FF0000;
	}
#syndicate ul {
	line-height: 1;
	}
#syndicate li {
	margin: 0;
	padding: 1px;
	}
	
#syndicate a {
	display: block;
	padding : 0 0 0 15px;
	margin: 0 0 0 15px;
	background: url('img/feed-icon-12x12.gif') no-repeat left center;
	}

#promotion {
	}
	
#promotion a {
	display: block;
	padding : 0 0 0 15px;
	padding : 5px 5px 5px 15px;
	margin: 0;
	line-height: 1.5;
	}
	
#promotion a img {
	margin-left : -12px;
	}




/* redacteur box ----------------------------------- */
#redacteur {
	}
	
#redacteur h2 {
	margin : 0;
	padding : 5px 0 5px 2px;
	background: url('img/redacteur_h2_fnd.jpg') no-repeat;
	font-size : 1.15em;
	font-weight: bold;
	color: #fff;
	}
#redacteur img {
	margin: 1px;
	}
#redacteur p {
	margin: 5px 0 15px 0;
	}

/* redacteurs box ----------------------------------- */
#redacteurs {
	}
	
#redacteurs a {
	padding-left: 15px;
	background: url('img/picto_redacteurs.gif') no-repeat left center;
	}

/* videos box ----------------------------------- */
#videos {
	width: 100%;
	padding: 0;
	margin-bottom: 15px;
	}

#videos ul {
	}
	
#videos li {
	}

#videos img {
	margin: 0 0 2px 0;
	padding: 0;
	border: none;
	}
#videos a {
	display: block;
	text-align: center;
	width: 120px;
	margin: 3px 10px 5px 10px;
	padding-bottom : 2px;
	border: 1px solid #e2e9f1;
	border-top-width: 3px;
	border-bottom-width: 3px;
	line-height : 1;
	}
#videos a:hover {
	border-color: #7298bf;
	}
#videos span {
	display:block;
	padding: 2px 1px;
	font-size : 10px;
	background: #e2e9f1;
	}
	

#videos a.emploi-entreprise { border-color: #f6dada; }
#videos a.emploi-entreprise:hover { border-color: #c33; }

#videos a.education-recherche { border-color: #eaefd1; }
#videos a.education-recherche:hover { border-color: #899c00; }

#videos a.questions-sociales { border-color: #ecd1e2; }
#videos a.questions-sociales:hover { border-color: #97005b; }

#videos a.sante { border-color: #fcecd4; }
#videos a.sante:hover { border-color: #f19610; }

#videos a.europe { border-color: #d1e4ed; }
#videos a.europe:hover { border-color: #006c9c; }

#videos a.reforme-de-l-etat { border-color: #b56f1e; }
#videos a.reforme-de-l-etat:hover { border-color: #f2e5d6; }



/* commentaires box ----------------------------------- */
#commentaires {
	}
	
#commentaires a {
	display: block;
	padding: 0 0 10px 15px;
	background: url('img/picto_comments_etat.gif') no-repeat 0 0.15em;
	line-height: 1;
	}

#commentaires a.emploi-entreprise { background-image: url('img/picto_co_emploi_0.gif'); }
#commentaires a.emploi-entreprise:hover { background-image: url('img/picto_co_emploi_1.gif'); }

#commentaires a.education { background-image: url('img/picto_co_education_0.gif'); }
#commentaires a.education:hover { background-image: url('img/picto_co_education_1.gif'); }

#commentaires a.questions-sociales { background-image: url('img/picto_co_social_0.gif'); }
#commentaires a.questions-sociales:hover { background-image: url('img/picto_co_social_1.gif'); }

#commentaires a.sante { background-image: url('img/picto_co_sante_0.gif'); }
#commentaires a.sante:hover { background-image: url('img/picto_co_sante_1.gif'); }

#commentaires a.europe { background-image: url('img/picto_co_europe_0.gif'); }
#commentaires a.europe:hover { background-image: url('img/picto_co_europe_1.gif'); }

#commentaires a.reforme-de-l-etat { background-image: url('img/picto_co_etat_0.gif'); }
#commentaires a.reforme-de-l-etat:hover { background-image: url('img/picto_co_etat_1.gif'); }

/* blogroll box ----------------------------------- */
#links {
	}
	
#links a 
	padding-left: 10px;
	background: url('img/picto_links.gif') no-repeat left center;
	}
	
	

/* -----------------------------------------------------	*/
/* Post								*/
/* -----------------------------------------------------	*/
.day-date {
	font-size : 1em;
	font-weight : bold;
	margin : 0;
	text-align : right;
	color : #036;
}
.post_actions div {
	float : right;
	padding : 5px 10px 0 5px;
	}
.post_actions a {
	color : #FF0000;
	}
.post_actions a:hover {
	color : #05305a;
	}
.post {
	margin : 25px 10px 0 20px; 
	padding : 5px 0;
	border-top: 1px solid #333;
}
.post-title {
	background-color : #f6f6f6;
	color : #FF0000;
	margin : 0;
	padding : 5px 5px 7px 5px;
	font-weight: bold;
	#font-weight: normal;
	line-height: 0.97;
}
.post-info {
	border-top: 1px solid #f6f6f6;
	color : #FF0000;
	margin : 1px 0;
	padding : 0;
}
.post .vignette {
	float: left;
	border: 3px solid #f6f6f6;
	margin: 3px 5px 0 0;
	}
	
.post-info a {  }

.post #video {
	border-top: 1px solid #f6f6f6;
	padding: 5px 0;
	text-align: center;
	}

.post-chapo {
	margin : 5px 0 0 0;
	padding : 0;
	font-size : 1.2em;
	font-weight: bold;
	
}
.post-content {
	margin : 0;
	padding : 0;
	text-align : left;
}

.post-content a {
	text-decoration:underline;
}

.post-content a:hover {
	text-decoration:none;
}

.post-info-co {
	padding : 0;
	color: #FF0000;
	text-align : left;
	font-weight: bold;
}
.post-info-co a {  }



#content h2 a:hover { color: #05305a; }


/* -----------------------------------------------------	*/
/* Comments & Trackbacks				*/
/* -----------------------------------------------------	*/
#trackbacks, #comments {
	margin : 25px 10px 0 20px;
	}
#trackbacks h3, #comments h3 {
	border-bottom : 1px solid #e2e9f1;
	
	}

#comments-list, #trackback-list {
	margin : 25px 10px 0 20px;
	padding : 0;
}
#comment-preview {
}
#trackbacks blockquote, #comments blockquote, #comment-preview blockquote {
	display : block;
	background : #e2e9f1;
	border-top : 1px solid #7298bf;
	margin : 2px 0;
	padding : 10px 5px 5px 5px;
}
.comment-info {
	margin : 0;
	padding : 0;
}
#trackbacks .comment-info {
}
#comments .comment-info {
}
.comment-number {
	font-weight : bold;
}
.comment-number a {
	text-decoration : none;
}
.linktop {
	margin : 0;
	padding : 0;
}

/* -----------------------------------------------------	*/
/* Form								*/
/* -----------------------------------------------------	*/
#add-comment, #change-comment {
	margin : 25px 10px 0 20px;
	padding : 0;
}
#comment-form {
	margin : 0;
	padding : 0;
}
#dcwikibar {
	margin : 0;
	padding : 0;
	padding : 2px;
}
fieldset {
	display : block;
	border : none;
	margin : 0;
	padding : 0;
}
input, textarea {
}
input[type], textarea[name] {
}
input[type=submit], input[type=reset] {
}
input[type=submit]:hover {
}
textarea {
	margin : 0;
	padding : 0;
}
p.field {
	margin : 0;
}
p.field label {
	display : block;
}
.form-help {
}
input.preview {
}
input.submit {
}
#c_nom {
}
#c_mail {
}
#c_site {
}
#c_content {
}
#c_remember {
}

/* -----------------------------------------------------	*/
/* Error messages						*/
/* -----------------------------------------------------	*/
.error {
	border : 1px solid #c00;
	background : #fee;
	padding : 0.5em;
}
.error ul {
	padding-left : 20px;
}
.error li {
	list-style : square;
}

/* -----------------------------------------------------	*/
/* Extra blocks						*/
/* -----------------------------------------------------	*/
#block1 {
}
#block2 {
}
#block3 {
}
#block4 {
}
#block5 {
}
#block6 {
}


#photo
{
text-align:center;
}

#codeSiteLogo
{
display:none;
text-align:center;
}

/* -----------------------------------------------------	*/
/* fix cleaning floats in ie */
/* -----------------------------------------------------	*/

.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */