/*  responsive-1.css   */
body {
	width:1024px;
	background-color:#DCDBD9;   /*  gris */
	color:#2c2c2c;
	font:normal 100% Cambria, Georgia, serif;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

#page {
	margin:0 auto;
	border:dotted;
	}

p	{
	font-family:Calibri, Arial, sans-serif;
	font-size:1.2em;
	font-style: normal;
	font-variant: normal;
	font-weight:normal;
}

h1 {
	font-family:Vineta BT;
	font-size:4.0em;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}

a {
	color:#FF0080;
	text-transform:uppercase;
}


.main {
	float:left;
	width:460px;
	border:solid red;
	padding:10px;
}

.other {
	float:right;
	width:460px;
	border-style:dashed;
	border-color:Blue;
	padding:10px;
}
.blog {
	margin:10px;
	width:1000px;
}

.blog2 {
	margin:10px;
	width:800px;
	border-style:double;
	border-color:Green ;
	padding:10px;
}

.lede {
	padding:1em 40px;
}

#boite1 {
	position:relative;
	top:10px;
	left:20px;
	width:650px;
	height:250px;
	padding:10px;
	border:2px solid #990000;
	margin:30px;
	box-sizing:border-box;
	overflow:auto;
}

#boite2 {
	position:relative;
	top:10px;
	left:50px;
	width:680px;
	height:500px;
	padding:10px;
	border:2px solid #3366dd;
	margin:30px;
	box-sizing:border-box;
	overflow:auto;
}