﻿/* @import "layout.css"; */
/* @import "layout-gauche.css"; */
 
/* Les �l�ments HTML en g�n�ral
-------------------------------------------------------- */
html {
	margin: 0;
	padding: 0;
}
body {
	background-color:#FFFFFF;
	font-size:80%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
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 {
	border: 1px solid #999;
}
textarea {
	width: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

a[hreflang="fr"].lienExterne:after {
	font-size:9px;
	color:#234f7b;
	content: " " url(img/external_link_en.png) "(" attr(hreflang) ")";
}
a[hreflang="en"].lienExterne:after {
	font-size:9px;
	color:#234f7b;
	content: " " url(img/external_link_en.png) "(" attr(hreflang) ")";
}
a[hreflang="us"].lienExterne:after {
	font-size:9px;
	color:#234f7b;
	content: " " url(img/external_link_en.png) "(" attr(hreflang) ")";
}

a {
	color: #336699;
}
a:visited {
	color: #234f7b;
}
a:hover {
	color : #ffffff;
	background-color:#336699;
}
.left {
	float: left;
	margin-right: 1em;
}
.right {
	float: right;
	margin-left: 1em;
}
img {
	border:none;
	background-color:none;
	text-decoration:none;
}
a:hover img {
	border:none;
	background-color:none;
	text-decoration:none;
}


.bleu {
	color:#336699;
}
/* La page
-------------------------------------------------------- */
a + img {
	border:none;
	background-color:none;
	text-decoration:none;
}
#prelude {
	position : relative;
	top : 5px;
	margin : 0;
	font-size : 0.85em;
	text-align : center;
	color : #336699;
}
#prelude a {
	color : #336699;
}
#prelude a:hover, #prelude a:focus {
	color : #ffffff;
	background-color:#336699;
}
/* Le contenu
-------------------------------------------------------- */
.day-date {
	padding-left: 30px;
	margin-left: -15px;
	color: #888;
	background: transparent url(img/day-date.png) no-repeat left center;
	font-style: italic;
}
.post {
	margin-bottom: 4em;
}
.post-title {
	color: #F90;
	background: transparent;
	margin-bottom: 0;
}
.post-title a {
	color: #F90;
	background: transparent;
	text-decoration: none;
}
.post-info {
	margin-top: 0;
	color: #FA0;
	background: transparent;
	padding-bottom: 1ex;/*border-bottom: 1px solid #FC0;*/
}
.post-info a {
	color: #FA0;
	background: transparent;
	text-decoration: none;
}
.post-content {
	text-align: justify;
}
.post-content blockquote {
	font-family: Georgia, serif;
	font-style: italic;
}
.post-info-co {
	text-align: right;
}
#trackbacks blockquote, #comments blockquote {
	border: 1px solid #EEE;
	margin: 1em 0;
	padding: 1ex 1em;
}
/* La barre de navigation
-------------------------------------------------------- */



#sidebar div ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar h2 {
	color: #336699;
	margin: 0 0 1ex 0;
	padding: 1px;
	border-left: 3px solid #336699;
	border-bottom: 1px dotted #336699;
}
#sidebar h3 {
	color: #336699;
	font-size: 1em;
	margin: 0;
}
#sidebar div#search {
	background: transparent;
	color: inherit;
	line-height: 2.3em;
}
#search fieldset, #search p {
	margin: 0;
	padding: 0;
}
#q {
	padding-left: 18px;
	background: #fff url(img/q.png) no-repeat 4px center;
}
#sidebar div#calendar {
/*border-top: 1px solid #F0F0F0;*/
}
#calendar table td.d-day span {
	/* definir ici le style souhaité */
	border: #444 1px solid;
	padding: 1px 1px 0px 0.5px;
	margin: 2px 1px 0px 0px;
}
#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: #ff9900;
	background: transparent;
}
#sidebar div#calendar table td {
	width: 14%;
	line-height: 2em;
	border: 1px solid #EEE;
}
#sidebar div#calendar table td a {
	display: block;
	background: #94b4d1;
	color: #336699;
	font-weight: bold;
	text-decoration: none;
}
#sidebar div#calendar table td a:hover {
	background: #336699;
	color: #ff9900;
}
/* Les commentaire que je fait 
----------------------------------------------------------*/
.me {
	background-color : #f7f7f7;
	border : 1px solid #336699;
}
.public_comment {
	background-color : #DFDFDF;
	border : 1px solid #336699;
}	

#page {
	width: 1024px;
	padding : 0;
	margin : 0 auto;
	background: #fff url(img/centre.png) repeat-y;
}
#main {
	width: 1024px;
	float:left;
	background: #fff url(img/centre.png) repeat-y;
}
#content {
	float:left;
	width:650px;
	padding: 1em 0 0 0;
	text-align:justify;
	margin-left:50px;
}
#sidebar {
	float:left;
	width:235px;
	margin-left : 45px;
}
/* L'ent�te
-------------------------------------------------------- */
#top {
	height: 200px;
	background: #ffffff url(img/haut.png) no-repeat left top;
	padding: 0 0 0 0;
	margin : 0 0;
}
/* Le pied de page
-------------------------------------------------------- */
#footer {
	height: 182px;
	width:1024px;

	background-image:url(img/bas.png);
	background-repeat:no-repeat;
	float:left;
	
	padding: 0 0 0 0;
	margin : 0 0;

}
#presentation {
	color:#336699;
	float:left;
	margin-left:50px;
	margin-top:40px;
	width:500px;
}
#liensExternes {
	float:left;
	margin-left:225px;
	margin-top:50px;
	border:none;
	text-decoration:none;
}
#blocLiens1 {
	float:left;
	width:100px;
}
#blocLiens2 {
	float:left;
	width:100px;
}
.accordion_toggle {
	display: block;
	width: 200px;
	padding: 0 10px 0 10px;
	line-height: 30px;
	cursor: pointer;
	margin: 0 0 0 0;
}
.accordion_content {
	overflow: hidden;
}
.accordion_content p {
	padding: 5px 10px 15px 10px;
}
.vertical_accordion_toggle {
	display: block;
	width: 200px;
	padding: 0 10px 0 10px;
	line-height: 30px;
	cursor: pointer;
	margin: 0 0 0 0;
}
#vertical_nested_container {
	margin: 20px auto 20px auto;
	width: 620px;
}

/*
Style pour la librairie Validator
*/
.fValidator-msg {
background-color:#CC0000;
border:1px solid #CC0000;
color:#FFFFFF;
padding:2px;
}
.fValidator-form input {
padding:4px;
}
.fValidator-form input, select {
color:#ff0000;
}
/* input, select, textarea {
border:1px solid #CCCCCC;
color:#0000FF;
margin:0px 0pt;
} */
.validation_formulaire submit{
text-align: center;
margin-left: 80px;
}
.fValidator-form fieldset {
border:1px solid #CCCCCC;
padding:10px;
}
.full {
width:100%;
}
.half {
vertical-align:top;
width:50%;
}







