body {  
	margin: 1.2em 2.3em 1em 2.3em; 
	text-align: center;
	padding:0;
	background:#03183d url(../images/fond.gif) bottom left fixed repeat-x;
	font-family: verdana,sans-serif;
	color:#000066;
	font-size: 0.8em;
}

p {
	line-height:1.3em;
	margin:  0.4em 0;
	font-size: 1em;
}
  
.left{
	float:left;
	clear: left;
}

.right{
	float:right;
	margin:0 3px 3px 0;
	font-size: 0.7em;
	text-align:center;
	clear: right;
}

/* Images 
----------------------------------------------- */

img { 
	border:0;
}

.right img {
	display:block;
  	background-color: #fff;
  	border: 1px solid #c1c1dc;
  	padding: 4px;
  	position:relative;
  	margin-left:5px;
}

body#fiche .contour .right img {
  	border: 1px solid #c1c1dc;
}

body#fiche .right img {
  	border: 0;
}


body#actualites .contour img {
  	border: 1px solid #c1c1dc;
  	float:right;
  	margin:0 2px 2px 4px;
  	clear:right;
voice-family: "\"}\"";
	voice-family: inherit;
	clear:right;
}

html>body#actualites .contour img {
	clear:none;
}

.rubrique .right img {
	margin:-5px -5px 0 3px;
  	border: 1px solid #5d6394;
}

.rubrique-bleu .right img {
	margin:-5px -5px 0 5px;
  	border: 1px solid #5d6394;
}


/* Listes
----------------------------------------------- */

ul {
	margin: 0 0 1em 0; 
	padding: 0 0 0 30px; 
	color:#000066; 
	list-style-image: url('../images/puce.gif');
	font-size:1em;
}

li {
	padding: 0.1em 0.2em 0em 0px;
}

ul .vide {
	margin: -17px 0 0 42px ;
	padding: 0;
	list-style-image:none;
	list-style-type:none;
}


/* Mise en page 
----------------------------------------------- */

#encadre {
	background:transparent;
	margin: auto;
	padding:1px;
	border: 1px solid #c1c1dc;
	width: 705px; 
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 705px; 
}

html>body #encadre {
	width: 713px;
}

#feuille {
	background: #c1c1dc;
	padding: 1px;
	border: 1px solid #d9e8ff;
	width: 701px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 701px;	
}

html>body #feuille {
	width: 709px;
}

#contenant {
	padding: 0 0 20px 0;
	margin:0;
	text-align:center;
	background: #fff;
	height:auto;
}

#haut-page {
	text-align:left;
	padding:10px 20px 0 30px;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin:0 0 40px 0;
}

html>body #haut-page {
	margin:0 0 20px 0;
}

#rubriques {
	position: relative;
	margin: 2em auto 1em auto;
	padding: 0;
	text-align:left;
	border-bottom:1px solid #5d6394;
	border-right:1px solid #5d6394;
	width:617px;	
	voice-family: "\"}\"";
	voice-family: inherit;
	width:650px;
}

html>body #rubriques {
	width: 649px;
	height: 509px;
}

.rubrique {
	float:left;
	padding: 0 0.6em 0.9em 0.6em;
	border-top:1px solid #5d6394;
	border-left:1px solid #5d6394;
	margin:0;
	width: 308px;
	height: 295px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 254px;
}

html>body .rubrique {
	height: 242px;
}

.rubrique-bleu {
	float:left;
	padding: 0 0.6em 0.9em 0.6em;
	border-top:1px solid #5d6394;
	border-left:1px solid #5d6394;
	margin:0;
	width: 308px;
	height: 295px;
	background : #f4f8ff;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 254px;
}

html>body .rubrique-bleu {
	height: 242px;
}

#rubriques ul {
	margin: 0 0 0.5em 1em; 
	padding: 0 0 0 1em; 
	list-style-type: square;
	list-style-image: none;
}

#rubriques li {
	padding: 0.1em 0.2em 0 0;
}

#bas-page{
	width: 95%;
	border:0;
	padding:0;
	margin:1em auto;
}

body#accueil #bas-page {
	width: 80%;
	border:0px solid #5d6394;
	margin:1em auto 0 auto;
}

.adresse {
	float:left;
	margin:0 10px 0px 10px;
	padding-bottom:3px;
	border-bottom:1px dotted #000066;
	clear:right;
}

.adresse-first {
	float:left;
	margin:0 10px 0px 10px;
	padding-bottom:3px;
	border-bottom:1px dotted #000066;
	clear:right;
}

#occasion { 
	border:1px solid #c1c1dc;
	background : #fff;
	color:#000066;
	padding:0.6em 0.5em 0.6em 0.8em;
	width:90%;
	margin: 0 0 1em 0; 
	position:relative;
}

.coordonnees {
	display: none;
}

#signature {
	margin: 15px auto;
	text-align:right;
	font-size:0.8em;
	text-decoration:none;
	width: 705px; 
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 705px; 
}

html>body #signature {
	width: 713px;
}


/* Contenu 
----------------------------------------------- */

.contour {
	background : #f4f8ff;
	padding : 0.6em 0.3em 0.3em 0.2em;
	margin:1.8em 0 3.4em 0;
	margin-left:auto;
	margin-right:auto;
	width:660px;
}

body#accueil .contour {
	padding-bottom : 0;
}

html>#accueil .contour {
	padding-bottom : 0.3em;
}

body#actualites .contour {
	width : 32.5em;
	background : #f4f8ff;
	padding : 0.6em 0.6em 0.7em 0.7em;
	margin:0.5em 0 2.4em 0.5em;
	position: relative;
}

body#presentation .contour {
	position: relative;
}

.conteneur {
	margin : 0.4em ;
	padding : 0 0 0 2.5em;
	border:1px solid #c1c1dc;
	background: #fff url(../images/bande.gif) 0% 100% repeat-y;
	text-align:left;
}

body#actualites .conteneur {
	margin :0;
	padding : 0.5em;
	border:1px solid #c1c1dc;
	background: #fff;

}

body#presentation .conteneur {
	position: relative;
}


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


h1 { 
	padding:3px 5px 5px 25px;
	text-align:left;
	font-family: Times new roman,serif;
	font-size:1.2em;
	letter-spacing: 0.1em;
	margin: 0px ;
	color:#000;
	position:relative;
	clear:left;
}

h2{
	font-family: Times new roman,serif;
	font-size:1.2em;
	position: relative;
	top:-0.8em;
	left:1em;
	border:1px solid #c1c1dc;
	background : #fff;
	color:#000066;
	z-index:2;
	padding:0.1em 0.4em;
	letter-spacing:0.05em;
	width:350px;
	margin: 0px ;
}


h3 {
	font-family: Lucida sans,verdana,arial,sans-serif;
	font-size:1.1em;
	margin: 0.3em 0 0 0 ;
  }
  
#rubriques h3 {
	background : #39417c url(../images/bande-titre.gif) 97% 0% repeat-y;;
	padding:0.2em 0.5em;
	font-size : 1.1em;
	letter-spacing:0.05em;
	width:160px;
	position : relative;
	top:-0.4em;
	left:0.2em;
	margin:0;
}

#rubriques h3 a, #rubriques h3 a:visited {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

#rubriques h3 a:hover {
	color:#fff;
	text-decoration:none;
} 
  
  
#fiche h3 {
	border:1px solid #c1c1dc;
	padding:0.1em 0.4em;
	width:120px;
	margin-top: 10px ;
	background-color:#f4f8ff;
}


h4 { 
	font-size:1em;
	letter-spacing: 0.1em;
	margin: 5px 0 ;
	position: relative;
  }


/* Navigation 
----------------------------------------------- */


#navigation {
	margin: 15px auto 10px auto;
	padding: 0;
	text-align:center;
	width:90%;
	clear:right;
	}

#navigation ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	}

#navigation ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#navigation ul li a {
	background: #f4f8ff;
	width: 122px;
	height: 2em;
	border-top: 1px solid #c1c1dc;
	border-left: 1px solid #c1c1dc;
	border-bottom: 1px solid #c1c1dc;
	padding: 0;
	margin: 0 0 10px 0;
	color: #000066;
	text-decoration: none;
	display: block;
	font-family: verdana,sans-serif;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 2em;     
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    0.9em;  
	}

html>#navigation ul li a  {
	font-size: 1em;   
	} 

#navigation ul li#cinq a	{
	width: 123px;
	border-right: 1px solid #c1c1dc;
	}

#navigation ul li a:hover {
	color: #fff;
	background: #39417c;
	}

#navigation ul li a:active {
	background: #39417c ;
	color: #fff;
	border: 1px solid #39417c;
	}

body#presentation #navigation li#deux a, 
body#realisations #navigation li#trois a,
body#fiche #navigation li#trois a,
body#prestations #navigation li#quatre a,
body#actualites #navigation li#cinq a {
	color: #fff !important;
	background: #39417c !important;
	}

/* Métier 
----------------------------------------------- */


#metier {
	margin:0;
	padding:0px;
	list-style-image:none;
	border-width:0px 1px 1px 1px;
	border-style:solid;
	border-color:#c1c1dc;
	background-color:#f4f8ff;
	width:300px;
	position: relative;
}

#metier ul {
	list-style: none;
	list-style-image:none;
	margin:0px;
	padding:0px;
}

#metier li {
	position: relative;
	padding:5px 9px;
	border-width:1px 0px 0px 0px;
	border-style:solid;
	border-color:#c1c1dc;
	font:10px Verdana, Geneva, sans-serif;
	color:#000066;
	margin:0px;
	background: transparent url(../images/fleche.gif) no-repeat 99% 60%;
	z-index:3;
}

#metier li.lien {
	background:transparent;
}

#metier li a, #metier li a:visited {
	font:normal 11px Verdana, Geneva, sans-serif;
	color:#000066;
	text-decoration:none;
}


#metier li.lien a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#39417c;
	padding:4px 4px 3px 4px;
	margin-left:-2px;
}	

#metier li.dernier {
	border:0;
}

#metier li:hover ul, #metier li.over ul { /* lists nested under hovered list items */
	display: block;
	background: #f4f8ff;
}

#metier li>ul { 
	top: auto;
	left: 30em;
}

#metier li ul {
	display: none;
	position: absolute;
	top:0px;
	left:291px;
	width:260px;
	background-color:#f4f8ff;
	border:1px solid #c1c1dc;
	border-left:3px solid #c1c1dc;
	padding:0;
	voice-family: "\"}\"";   
	voice-family: inherit;   
	left:291px;
	}

html>body #metier li ul  {
	left:300px; 
	top:-1px;
	} 

#metier li ul li{ 
	padding:7px 9px 6px 9px;
	background: transparent;
	background-image: none !important;
}

#metier li ul a { 
	background-image: none !important;
}

#metier li ul a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#39417c;
	padding:4px 4px 3px 4px;
	margin-left:-2px;
	background-image: none !important;
	display:inline;
}

#metier  li ul .premier {
	border:0;

}



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


/* actualites
----------------------------------------------- */

.day-date {
	font-size : 0.9em;
	font-weight : bold;
	margin : 0.1em 0 1.5em 0;
	text-align : right;
	color : #000066;
	background : transparent;
	letter-spacing:0.15em;
}

.chapo {
	margin-bottom : 2em;
}

.chapo p:first-letter {
	/*font-weight : bold;
	font-size : 2.5em;
	font-family : serif;
	margin-right : 0.2em;*/
}

.billet {
	margin: 0.2em 0 0.5em 0;
	padding-left:0.6em;
position:relative;
	font-size : 1em;
display:block;
min-height:200px;
}


code,pre { 
	font-family : "Courier New",monospace;
	font-size : 1em; 
}

q { 
font-style : italic; 
padding:0.5em 2em;
}

body#actualites p {
	line-height : 1.7em;
}

.auteur {

	margin-bottom:0.9em;
	font-size : 0.85em;
}

.post-info {
	font-size : 0.8em;
	text-align : right;
	clear:both;
	margin-bottom:2.5em;
	padding-bottom:1em;
	background: transparent url(../images/trait.gif) repeat-x 0 100%;
	voice-family: "\"}\"";   
	voice-family: inherit;   
	clear:both;
	}

html>body .post-info  {
	clear:none;
	} 


/* Liste commentaires + formulaire
-------------------------------------------------------- */
#co {
	margin : 0 2em;
}

#co blockquote {
	display : block;
	margin : 0.4em 0.2em;
	padding : 1px 1em;
	font-style : normal;
	border : 1px solid #c1c1dc;
	color : #000066;
	background : transparent;
}

.comment-info {
	margin-bottom : 0;
	font-size : 0.85em;
}

.erreur {
	border : 1px solid;
	padding : 0.5em;
}

/* Menu
-------------------------------------------------------- */
#menu {
	width : 16.5em;
	border : 1px solid #c1c1dc;
	padding : 1em 0 2em 5px;
	background : #f8fbff;
	margin:0.5em 0.5em 0 0;
	text-align:left;
	float:right;
	clear:none;
}

#menu h3 { 
	font-family : Lucida Sans, sans serif;
	font-size : 1em;
	color : #000066;
	background:transparent;
	border-bottom:1px solid #c1c1dc;

	margin: 0.5em 0;
	padding:0 0.5em;
}

#menu ul {
	padding-left : 0.5em;
	margin-left : 0;
	list-style-image: url('../images/puce.gif');
}

#menu li {
	margin : 0.15em 0 0 0.5em;
	background : transparent;
	font-size : 1em;
	font-weight:normal;
}

#menu li:hover {
	color : #333;
	background : transparent;
}


/* Conteneur de colonne
-------------------------------------------------------- */
.col-content {
	padding : 0.4em;
}

/* Calendrier
-------------------------------------------------------- */
.cal {
}

.cal table {
	border-collapse : collapse;
	font-size : 0.85em;
}

.cal caption {
	
	padding : 0 0 0.3em 0;
	font-size : 1.2em;
}

.cal abbr {
	border : none;
}

.cal th, .cal td {
	border : none;
	padding : 0.2em;
}
.cal td {
	text-align : center;
}

.cal td.active a {
	font-weight : bold;
}

.cal a {
}

/* Formulaires
-------------------------------------------------------- */
fieldset {

	border : none;
	margin : 0.5em 0;
	padding : 0;
}

input, textarea {
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	border-width : 1px;
	border-color : #ccc;
}

input[type], textarea[name] {
	background : #eee;
}


input[type=submit],  input[type=reset] {
	background : #f4f8ff;
	color : #000066;
	float:right;
}

input[type=submit]:hover {
	background : #036;
	color : #fff;
}

 p.field {
	margin : 0em 0 0 0;

}

 p.field label {
	font-weight : bold;
	font-size : 0.85em;
}

/* Classes diverses
-------------------------------------------------------- */
.petit {
	font-size : 0.85em;
}

.droite {
	text-align : right;
	margin-right: 1em;
}

.droite-haut {
	text-align : right;
	vertical-align:top;
}

.gauche {
	text-align: left;
	margin-left: 1em;
}


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



/* Typographie
----------------------------------------------- */

.blanc {
	color:#fff;
}

.blanc p{
	color:#fff;
}

.blanc a, .blanc a:visited{
	color:#fff;
	text-decoration: none; 
}

.blanc a:hover{
	color:#ff8000;
	text-decoration: none; 
}

.petit {
	font-size:0.8em;
	color:#b90000;
}

.droite {
	text-align : right;
}


/* Formulaire
----------------------------------------------- */


form {
	padding : 0; 
	margin:0;
	line-height:1.3em;

}


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

a,a:visited  {
	color:#000066; 
	font-weight:normal;
}

a:hover {
	color:#ff8000;  
}


/* Tables
----------------------------------------------- */

table {
	margin:5px 0;
	padding:3px;
	font-size:1em;
	}

body#presentation table {
	border-top:1px solid #c1c1dc;
	border-right:1px solid #c1c1dc;
	text-align:center;
	margin:10px auto;
	padding:0px;
}

body#presentation th {
	border-bottom:1px solid #c1c1dc;
	border-left:1px solid #c1c1dc;
	background-color:#f4f8ff;
	padding:3px;
}

body#presentation caption {
	display:none;
	}
	

body#presentation td {
	border-bottom:1px solid #c1c1dc;
	border-left:1px solid #c1c1dc;
	text-align:center;
	padding:3px;
}


/* Divers
----------------------------------------------- */

.clear { 
	clear: both; 
}

hr {
	border-top:0px solid;
	color:#002288; 
	width:100%; 
	height: 1px; 
}