@charset "utf-8";
/* Document CSS - PRINT  */

body {
	width: 95%;
	margin-left:5em;	
	margin-top:4em;
	font: 9pt/0.9em Verdana,Helvetica,Arial,Tahoma,sans-serif;
	color:#333333;
}
#footer,#menu,#nav_sec,#ariane,#portfolio,#demo,#nav_projets,#fleche_droite,#fleche_gauche,#map {
display:none;
	} 
#contenant{ /* contenant général */	
	width: 95%;
}
/* ---------------------------------------------------header */
#header, #header2 { /* logo et tagline dans la page d'accueil */
margin:0px 0 18px 0;
padding:0;
}
/* ---------------------------------------------------header */
#datcha{
width:100%;
}
#contact{
width:100%;
}
#demo_contact{ /* grande vignette dans la page d'accueil*/
width:100%;
}
/*-------------------*/
#description{ /* courte description dans la page d'accueil*/
	width:100%;
	padding:0;
	margin:0;
}
/* ---------------------------------------------------listes, paragraphes, titres */
h1, h2, h3{
font-size:14px;
color:#96a1a4;
margin:0;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
}
h2 {
	padding:1.3em 0 0.4em 0;
	font-size:13px;
	line-height: 115%;
}
h3 {
	padding:1em 0 0.2em 0;
	font-size:11px;
	line-height: 110%;
}
h3 span {
clear:both;
margin:25px 0 15px 0;
font-size:14px;
display:inline;
}
#header h1 span, #header2 h1 span { 	
	color: #669999;
	font-size:17px;
	line-height:110%;
	}
p {
	margin: 0;
	padding:0;
	text-align: left;
}
.datcha {
font-size:95%;
line-height:135%;
text-align:justify;
padding:0 0 8px 0;
margin-top:0.5em;
width: 90%;
}
.description {
font-size:95%;
line-height:130%;
text-align:left;
padding:2px 0;
}
.client {
font-size:95%;
line-height:130%;
text-align:left;
padding:2px 0;
}
.url {
font-size:95%;
line-height:130%;
padding:10px 0 5px 0;
}
ul, ol {
	text-align: left;
}
a:link {
	padding:0;
	text-decoration: underline;
	color:#666666;
}
img {
	margin: 0;
	padding:0;
	border: none;
}
.img_left{
}
/* ---------------------------------------------------portfolio --VERSION LISTES */
#msites,#msites2,#manims,#manims2,#millus,#millus2,#mdev2,#manims3,#millus3   {
	position:relative;
}

.img_portfolio{
	margin: 0;
	padding:2px;
	border: none;
}
.img_port{
	margin: 0;
	padding:0;
	border: none;
		width:130px;
		height:12px;
}
.img_noprint{
display:none;
}

/**/
#portfolio2{ /* bloc portfolio dans la page d'accueil*/
padding:0;
margin:0;
}
div.float {
	float:left;
	width:170px;
	height:82px;
	margin:5px 17px 5px 0;
	padding:2px 11px 4px 0;
}
div.float p {
  font-size:75%;
  margin-top:2px;
  padding-bottom:10px;
  line-height:120%;
  }
div.float2 {
display:none;
} 
/* ---------------------------------------------------NOUVELLES ET LIENS */
#nouvelles{ /* bloc nouvelles et liens dans la page d'accueil*/
width:100%;;

}
#nouvelles h3 { 
	margin-top:10px;
}
#liens{ /* bloc nouvelles et liens dans la page d'accueil*/
width:100%;
}
#liens h3 { 
margin-top:10px;
}
#liens ul { 
list-style:none;
font-size:90%;
}

/* ---------------------------------------------------image map */
div.float img{
width: 90%;
height:90%;
}
div.float2 img{
}
#exemple{ /* grande vignette portfolio*/
float:right;
width:300px;
overflow:hidden;
margin:0;
padding:0;
margin-top:-120px;
text-align:right;
}
#exemple img{
width: 50%;
height:50%;
}
.description img{ 
display:none;
}
img.w3c { 
display:none;
}

a, a:link, a:visited {
	padding:0;
	text-decoration: none;
	color: #347a8e;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:25px;
}