body {
font-family: 'Trebuchet MS', sans-serif;
font-size: 0.9em;
text-align: left;
background: white;
color: #017ae9;
margin: 0;
padding: 0;
}
body,a,div{ behavior: url("iepngfix.htc"); }
#page {
margin: 10px auto;
width: 960px;
border: 3px solid #fb8200;
border-radius:40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
}
.ppal img{float:left;border:5px solid rgb(220,220,220); margin:25px 35px 10px 0px;}
/* header */
img {border:none;}

#header,.contenu{
margin: 10px 20px;
width:920px;
}
#header{position: relative;}
* html #header,*html.contenu {
margin: 10px;
width:920px;
}
#articlebox {width:800px; height:300px; margin-left:auto; margin-right:auto;overflow:scroll;border-right:5px solid gray;}
.contenu {position:relative;}
.ppal{margin:0 280px 0 30px; padding: 0 10px 10px 0; border-right:5px dotted rgb(220,220,220);}
#avenir{height:150px;}
.titre{color:rgb(111,188,6); font-size:1.2em; list-style-type:none; }
.titre2{color:rgb(111,188,6);font-size:1.2em; list-style-type:none;}
.titre3{color:rgb(111,188,6); font-weight:bold; }
.ppal p, .ppal ul{color :rgb(120,120,120); margin:0px; padding:0px;}
#listintro{margin:10px 0px 10px 30px;}
.ppal li{margin:0px;}
.ppal h3{margin:20px 0 10px ;}
.highlight{ background-color:rgb(111,188,6); color:white; font-weight:bold; padding: 1px 5px;}
.ssimg{padding-left:30px;}
.focus{ width :250px;float: right; margin:0px 30px; padding:0;}
.focus2{ width :250px;float: right; margin:0px 0px 0px 20px; padding:0;}
.leg {margin: 0px 0px 5px 20px; font-size: 85%; color:rgb(120,120,120);line-height:120%;}
.mentleg{margin: 5px 0px 0px 20px; font-size: 90%;}
.ppal h2{font-family: Georgia; font-style:italic; color:orange; margin-top: 25px;margin-bottom:10px; padding-bottom:0px;}
#header a,#header img{border: none;}
#banniere {width: 300px; height:160px; position : absolute; top:0; left:620px;}
h1{
	position: absolute;
	left: -5000px;
	top: -5000px;
	text-indent: -5000px;
	}
	#header h2 {margin : 0 0 0 30px;font-size:18px;color: rgb(138,189,214);font-family: 'Lobster', serif; }


/* home content */

.content {
width: 580px;
margin-left: 10px;
padding: 20px 20px 20px 10px;
float: left;
}

* html #content {
width: 580px;
margin-left: 10px;
padding: 20px 10px 10px 5px;
float: left;
}

#content h2 a {
font-family: Lobster, serif;letter-spacing:1px;
font-size: 18px;
font-style: normal;
font-weight: normal;
letter-spacing: -2px;
line-height: 1em;
text-decoration: none;

}
#content h2 {
font-family: Lobster, serif;letter-spacing:1px;
font-size: 1.5em;
font-style: normal;
font-weight: bold;
line-height: 1em;
text-decoration: none;
color: #6fbc06;
margin: 0;
}
#content h3 {
font-family: Lobster, serif;letter-spacing:1px;
font-size: 1.25em;
font-style: normal;
font-weight: bold;
line-height: 1em;
text-decoration: none;
color: #6fbc06;
margin: 0;
}
#content a{
font-family: "Trebuchet MS", sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: bold;
line-height: 1em;
text-decoration: underline;
color: orange;
margin: 0;
}




.post_content,.entry {
font-family: "Trebuchet MS", sans-serif;
font-size: 14px;
font-style: normal;

letter-spacing: normal;
line-height: 1.5em;
color: rgb(100,100,100);
}


.tags {
	background-color: #f2f2f2;
	padding: 5px;
	margin-bottom: 30px;
	
}

#date {
	font-family: Tahoma, serif;
font-size: 20px;
font-style: normal;
font-weight: normal;
letter-spacing: -2px;
line-height: 1em;
text-decoration: none;
color: #555;
}

#home-comments, #home-comments a {
	display: inline;
	color: #555;
}

/* sidebar */

.sidebar {
width: 250px;
margin: 10px 0px 0 20px;
position: absolute;
left: 640px;
top:0px;

}

*html .sidebar {

width: 250px;
margin: 0px 0px 0 10px;
position: absolute;
left: 640px;
top:0px;

}
blockquote {
margin: 3px;
font-size:0.9em;
    font-family:'Trebuchet MS',serif;
    font-style:italic;
   }
blockquote p {padding:0 5px; color: #017ae9; }
blockquote p img{padding:5px 10px; float:left; }

.signat{display: block;padding-bottom :5px; margin:7px 0px ;font-weight:bold; border-bottom : 2px dotted #808080;}
.signat2{display: block;padding-bottom :5px; margin:7px 0px 0px 20px;font-weight:bold; }
.titresidebar{background: rgb(138,189,214);
	color: white;
	padding: 8px 15px;
	font-weight: normal;
	background-color: orange;
	border-radius:30px 30px 0 0;
  -moz-border-radius: 30px 30px 0 0;
        -webkit-border-radius: 30px 30px 0 0;
				font-family: Lobster, serif; 
letter-spacing:2px;
font-size:18px;
}
.fauxpar{margin : 0 10px;}
.sidebar a {
	text-decoration: none;
}

.widget{
	margin-bottom: 20px;
}

/* footer */

#footer{
clear: both;
margin: 0 10px 0 10px;
}

#footer p{font-family:"Trebuchet MS",sans-serif;
font-size:0.8em;
padding: 10px;
background-color: white;
color: rgb(120,120,120);
text-align:center;
}

#footer p a{
color: orange;
text-decoration: none;
}

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

a:hover {
	color:#555;
}

/* navigation */
#navbar {
height:35px;
border-bottom :1px solid rgb(138,189,214);
margin:30px 0 0 30px;}

* html #navbar {
}

#nav2, #nav2 ul {
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
}
#nav2 a{
display:block;
background: url(images/degr.png) repeat-x rgb(138,189,214);
	border-radius:20px 5px 0 0;
  -moz-border-radius: 20px 5px 0 0;
        -webkit-border-radius:  20px 5px  0 0;
		-moz-box-shadow:2px 2px 3px rgb(138,189,214);
    -webkit-box-shadow: 2px 2px 3px rgb(138,189,214);
    box-shadow: 2px 2px 3px rgb(138,189,214); 
	text-decoration: none;
	border:none;
	font-family: Lobster, serif; 
letter-spacing:1px;
font-size: 18px;
margin-right:5px;}

.bouton a{position:relative;
display:block;
background: url(images/degr.png) repeat-x rgb(111,188,6);
	border-radius:20px 5px 20px 5px;
  -moz-border-radius: 20px 5px 20px 5px;
        -webkit-border-radius:  20px 5px 20px 5px;
		-moz-box-shadow:2px 2px 3px rgb(111,188,6);
    -webkit-box-shadow: 2px 2px 3px rgb(111,188,6);
    box-shadow: 2px 2px 3px rgb(111,188,6); 
	text-decoration: none;
	border:none;
	padding:5px 20px;
	color:white;
	font-family: Lobster, serif; 
letter-spacing:1px;
font-size: 18px;}
.cl{clear:both;}
.bouton2 a{
display:block;
background: url(images/degr.png) repeat-x rgb(111,188,6);
	border-radius:20px 5px 20px 5px;
  -moz-border-radius: 20px 5px 20px 5px;
        -webkit-border-radius:  20px 5px 20px 5px;
		-moz-box-shadow:2px 2px 3px rgb(111,188,6);
    -webkit-box-shadow: 2px 2px 3px rgb(111,188,6);
    box-shadow: 2px 2px 3px rgb(111,188,6); 
	text-decoration: none;
	border:none;
	padding:15px 5px;
	color:white;
	font-family: 'Trebuchet bar', sans-serif; 
	font-style: normal;
	font-weight:bold;
font-size: 12px;
text-align:center;}
.bouton a img{position:absolute; top:10%;left:80%;}
.gros{font-size:1.3em; font-weight:bold;}

#nav2 a.encours{text-decoration:underline; background-color:#017ae9;}
#nav2 a:hover,#nav2 a:active,.bouton a:hover,.bouton a:active ,.bouton2 a:hover,.bouton2 a:active {
background: url(images/degr.png) repeat-x orange;
	border-radius:20px 20px 0 0;
  -moz-border-radius: 20px 20px 0 0;
        -webkit-border-radius: 20px 20px 0 0;
			-moz-box-shadow:2px 2px 3px orange;
    -webkit-box-shadow: 2px 2px 3px orange;
    box-shadow: 2px 2px 3px orange; 
}
.bouton a:hover,.bouton a:active ,.bouton2 a:hover,.bouton2 a:active {
background: url(images/degr.png) repeat-x orange;
	border-radius:0px 20px 0px 20px;
  -moz-border-radius: 0px 20px 0px 20px;
        -webkit-border-radius: 0px 20px 0px 20px;
			-moz-box-shadow:2px 2px 3px orange;
    -webkit-box-shadow: 2px 2px 3px orange;
    box-shadow: 2px 2px 3px orange; 
}

#nav2 li {
	float: left;
	list-style:none;
	margin:0px; padding:0;
		}

#nav2 a,#nav2 a:visited {
	display:block;
	color: white;
	padding:6px 10px 6px 10px;
}


/* gestion des commentaires */

.comments-template{
margin: 0px 0 0 0;
}

.comments-template ol{
margin: 0px;
padding: 0;
list-style: none;
}


.comments-template ol li{
margin: 10px 0 10px 0;
line-height: 15px;
padding: 0 0 0px;
display: inline;
float: left;
width: 580px;
}

.comments-template ol li p{
margin-left: 10px;
}

.reply {
	margin: 10px;
}


.comments-template ol li .depth-2 {
	background-color: #f5f5f4;
	width: 540px;
}

.comments-template ol li .depth-2 p textarea#comment {
	width: 510px;
}

.comments-template ol li .depth-3 {
	background-color: #ccc;
	width: 490px;
}

.comments-template h2, .comments-template h3{
font-size: 1.5em;
margin: 0;
padding: 20px 0;
}


.comments-template p.nocomments{
padding: 0;
}


.cadre_commentaires {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

.avatar {
	float: left;
	border: 2px solid #ccc;
}

cite {
	padding: 0 0 0 15px;
	background-color: transparent;
	font-weight: bold;
	font-style: normal;
	
}

cite a{
	background-color: transparent;
	text-decoration: none;
}

.commentmetadata a {
	padding: 0 0 0 15px;
	background-color: transparent;
	text-decoration: none;
}

.comment-author {
	margin: 10px 10px 5px;
}

.comment_info {
	padding: 3px 0;
}



.comment {
	color: #017ae9;
	padding: 20px 20px 20px 220px;
}

.comment p {
	margin: 0;
	padding-bottom: 10px;
}


h3#respond {
clear: both;
}

ol.trackbacks-layout {
	clear: both;
	padding-bottom: 10px;

}

ol.trackbacks-layout li {
	padding: 20px;
	background: #ccc;
	width: 540px;
}

textarea#comment {
	width: 580px;
}


/* page search */

#searchno #searchform {
	float: left;
}



fieldset { 
  margin: 0; 
  padding: 0 0 0 20px; 
  border: solid 3px rgb(111,188,6);   
} 
fieldset p{color:rgb(111,188,6); font-weight: bold;}
.news {margin:10px; font-size: 0.8em;color:rgb(138,189,241); font-weight: normal;}
.champ{margin:5px; font-size: 0.8em;color:#fb8200; font-weight: normal;}
textarea {font-family:'Trebuchet MS'; font-size:90%;color:#017ae9;
background-color: rgb(220,220,220);
margin:10px;
display: block;
width: 95% !important;
width : 100%;
border:none;
}

legend {
font-size:1.2em;
color: rgb(111,188,6);
font-weight: bold;
}
label.gauche{
float :left;
width: 45%;
text-align : right;
padding-right: 5px;
}
#coordonnees input { border:none; background-color: rgb(220,220,220);
  vertical-align: middle; color:#017ae9;/* Solution pb. d'alignement. (9) */ 
}
select{ background-color: rgb(220,220,220);
  vertical-align: middle; color:#017ae9;/* Solution pb. d'alignement. (9) */ 
}
button { vertical-align: middle; color:#017ae9; font-weight:bold;}
#boutons{ text-align: right; margin : 15px 30px; }
#boutons input {border:none; background-color: rgb(220,220,220);font-weight:bold;color:#017ae9;}
#boutons input:hover{background-color: rgb(200,200,200);font-weight:bold;}
#coordonnees input, #vous input, #votreami input {
width: 50%; }
#coordonnees p {margin: 10px 0px;}

table{margin: 20px 50px 20px 50px;}
.tablefront{margin:20px 0;}
.logoclient  {text-align: center;vertical-align:center;}
.testi{margin : 0 ; padding:0;display:block;margin-left:20px;
font-size:0.9em;
    font-family:'Trebuchet MS',serif;
    font-style:italic;
	}
	.client{margin : 0 ; padding:0;border-bottom: 3px dotted gray;}