/* CSS Document */
body {
	background: #1377cd url(../images/bg.jpg) repeat-x;
	text-align: center;
	margin: 14px 0px 0px;
}
#conteneur {
	width: 897px;
	margin-right: auto;
	margin-left: auto;
}
#head {
	background: url(../images/head.jpg);
	float: left;
	height: 111px;
	width: 897px;
}
#bg-texte {
	float: left;
	width: 897px;
	background: url(../images/bg-texte.jpg);
}
#menu-haut {
	float: left;
	height: 22px;
	width: 862px;
	background: #FFFFFF url(../images/menu-haut.jpg);
	padding-right: 35px;
}
#menu-gauche {
	background: url(../images/bg-menu.jpg) no-repeat;
	float: left;
	width: 162px;
	height: 198px;
	padding-left: 15px;
	padding-top: 40px;
}
html>body #menu-gauche {
height: auto;
min-height: 198px;
}

#texte {
	background: url(../images/haut-texte.jpg) no-repeat;
	float: left;
	height: 341px;
	width: 652px;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
}
html>body #texte {
height: auto;
min-height: 341px;
}
div.demi {
	float: left;
	width: 306px;
	padding-right: 10px;
	padding-left: 10px;
}
div.demi-home {
	float: left;
	width: 316px;
	padding-right: 10px;
}
div.rachat-credit {
	float: left;
	width: 326px;
	background: url(../images/bg-rachat-credit.jpg) no-repeat center center;
	padding-top: 10px;
}

div.full {
	float: left;
	width: 652px;
	padding-top: 10px;
}
#foot {
	background: url(../images/foot.jpg);
	float: left;
	height: 67px;
	width: 897px;
}
div#social {
	background: url(../images/bg-social.png) repeat-x;
	height: 65px;
	width: 100%;
	position: fixed;
	left: 0px;
	bottom: 0px;
	padding-top: 8px;
}
/* Accueil */
#accueil {
	float: left;
	height: 282px;
	width: 171px;
	background: url(../images/accueil.jpg) no-repeat;
	padding: 89px 41px 10px 440px;
}
#accueil img {
	margin-bottom: 7px;
}
/* Divers */
div.news {
	float: left;
	width: 652px;
}
div.txt-news {
	float: left;
	width:542px;
	padding-right: 20px;
}
div.img-news {
	float: left;
	width:90px;
	margin-top: 35px;
}
#etapes {
	float: left;
	width:459px;
	padding-left: 94px;
}
#etapes img {
	float: left;
	margin: 0px;
	padding: 0px;
	border-style: none;
}
img {
	border: none;
}
img.droite,img.right {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
img.gauche,img.left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
a img {
	opacity: 1.0;
	filter:alpha(opacity=100);
}
a:hover img, input.submit:hover {
	opacity: 0.7;
	filter:alpha(opacity=70);
}
img.siob {
	float: left;
	margin: 20px;
}
input.submit {
	border: none;
}
/* Typo */
#texte p, #texte ul{
	font: normal 0.7em "Trebuchet MS";
}
h1,h2,h3,h4,h5,h6 {
	font: bold 0.9em "Trebuchet MS";
	color: #ff6600;
	text-align: left;
	margin-top: 9px;
	margin-bottom: 9px;
}
h6,p.centre,h2.centre {
	text-align: center;
}
div.demi-home h3, h2.puce {
	margin-top: 0px;
	font-size: 70%;
	background: url(../images/puce-h2.png) no-repeat left center;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 25px;
	color: #162a5f;
}
#texte div.rachat-credit p {
	font: bold 90% "Trebuchet MS", sans-serif, Arial;
	text-transform: uppercase;
	text-align: center;
	color: #ff6600;
}
p,ul {
	color: #162a5f;
	text-align: left;
}
ul a {
	font-weight: bold;
	color: #162a5f;
}
ul a:hover {
	color: #ff6600;
}
p.lettre:first-letter {
	color: #ff6600;
}
p.aste {
	font-size: 0.6em;
	color: #33517D;
}
p.aste strong {
	font-weight: normal;
}

#texte ul,#texte li {
	list-style: url(../images/puce-liste.gif);
}
p.hdclic {
	font: 0.6em Verdana, Arial, Helvetica, sans-serif;
	color: #A6C8FF;
	text-align: left;
	margin: 0px 0px 75px 10px;
}
p.hdclic a {
	text-decoration: none;
	color: #A6C8FF;
	font-weight: normal;
}
p.hdclic a:hover {
	color: #000000;
	text-decoration: underline;
}
span.gras {
	font-weight: bold;
}
span.bleu {
	color: #162a5f;
}
span.orange {
	color: #ff6600;
}
span.gros {
	font-size: 150%;
}
p.encart, div.encart {
	margin: 10px;
	padding: 10px;
	border: 1px dashed #FF9900;
	background: #EAFBFF;
	text-align: center;
}
p.citation {
	margin: 10px;
	padding: 10px;
	background: #F4F4F4;
	text-align: left;
}
div.encart a {
	color: #162a5f;
	font-weight: normal;
}
div.encart a:hover {
	color: #ff6600;
}
div.menu-lexique {
	margin: 10px;
	padding: 10px;
	border: 1px dashed #FF9900;
	background: #EAFBFF;
	text-align: center;
	font: 0.8em "Trebuchet MS", sans-serif, Arial;
}
div.menu-lexique a {
	color: #ff6600;
	font-weight: bold;
	text-decoration: none;
}
div.menu-lexique a:hover {
	color: #FFBF00;
	text-decoration: underline;
}


p.encart2 {
	margin: 10px 100px;
	padding: 10px;
	border: 1px dashed #FF0006;
	background: #FFFAEA;
	text-align: center;
}

p.ref {
	font-size: 0.6em;
	color: #A6C8FF;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
p.ref strong,p.ref a {
	color: #A6C8FF;
	font-weight: normal;
	text-decoration: none;
}
p.ref a:hover {
	color: #ff6600;
}

p.ref2 {
	font-size: 0.6em;
	color: #CED1D7;
	text-align: center;
	margin: 200px 0px 0px;
	padding: 0px;
}
p.ref2 strong,p.ref2 a {
	color: #CED1D7;
	font-weight: normal;
	text-decoration: none;
}
p.ref2 a:hover {
	color: #ff6600;
}


p a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	color: #ff6600;
	font-weight: bold;
}
p a.noline {
	color: #162a5f;
	font-weight: normal;
}
p a.noline:hover {
	color: #ff6600;
	text-decoration: none;
}

p a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
	color: #1d3877;
}
table.etude {
	background: #FFFFFF url(../images/bg-td.png) no-repeat center bottom;
	float: left;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 10px auto;
	width: 100%;
	padding-bottom: 10px;
}
table.etude td {
	padding-left: 20px;
	text-align: left;
}
table.etude .centre {
	text-align: left;
	background: url(../images/bg-titre-etude.jpg) no-repeat;
	font-weight: bold;
	color: #FFFFFF;
	height: 29px;
	padding-left: 30px;
}
table.calcul {
	text-align: left;
	background: #FFFFFF;
	float: left;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 10px auto;
	width: 100%;
}
table.calcul p {
	color: #ff6600;
	font-weight: bold;
	font-size: 100%;
	margin: 0px;
}
table.calcul tr.color {
	background: #F8F8F8;
	padding-left: 7px;
}
td.gauche {
	text-align: left;
}
input.envoyer {
	color: #FFFFFF;
	background: #c40000;
	font-weight: bold;
}
input.calcul {
	color: #FF6600;
	font: bold 10px "Trebuchet MS";
	height: 11px;
	width: 50px;
	text-align: right;
}
input.envoyer-calcul {
	font: bold 10px "Trebuchet MS";
	color: #FFFFFF;
	background: #c40000;
	font-weight: bold;
	height: 20px;
	width: 70px;
}
#texte a.pdf {
	background: url(../images/pdf.jpg) no-repeat right top;
	padding-right: 12px;
}
div.cont-blog h1 {
	margin: 0px;
}
/* Menu */
#menu-haut {
	text-align: right;
 }
#menu-haut a {
	font: 0.7em "Trebuchet MS";
	color: #1d3877;
	background: url(../images/puce.gif) no-repeat;
	padding-left: 5px;
	text-decoration: none;
	margin-left: 18px;
}
#menu-haut a:hover, #menu-gauche ul.sous-cat a:hover {
	color: #ff6600;
	background: url(../images/puce-hover.gif) no-repeat;
}
#menu-gauche {
	text-align: left;
}
#menu-gauche p.titre {
	font: bold 0.7em "Trebuchet MS";
	margin: 10px 0px 0px;
	color: #ff6600;
}
#menu-gauche p, #menu-gauche li {
	font: bold 0.7em "Trebuchet MS";
	margin: 0px;
}
#menu-gauche a, #menu-gauche p.puce_titre  {
	background: url(../images/puce-menu-gauche.gif) no-repeat;
	padding-left: 15px;
	color: #ff6600;
	text-decoration: none;
}
#menu-gauche a:hover {
	color: #1d3877;
	background: url(../images/puce-menu-gauche-hover.gif) no-repeat;
}
#menu-gauche ul.sous-cat a {
	color: #1d3877;
	background: url(../images/puce.gif) no-repeat;
	padding-left: 5px;
	text-decoration: none;
	font-weight: normal;
}
#menu-gauche ul.nopad {
	padding-left: 0px;
	padding-top: 10px;
}
#menu-gauche ul,#menu-gauche li {
	list-style: none;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 16px;
}
#menu-gauche h2 {
	font: bold 0.7em "Trebuchet MS";
	margin: 2px 0px 0px;
}
#menu-gauche h2.centre {
	color: #1d3877;
	text-align: center;
}
#menu-gauche h2 a {
	color: #1d3877;
	background: url(../images/puce.gif) no-repeat;
	padding-left: 5px;
	text-decoration: none;
	font-weight: normal;
}
#menu-gauche h2 a:hover {
	color: #ff6600;
	background: url(../images/puce-hover.gif) no-repeat;
	padding-left: 5px;
	text-decoration: none;
}
#menu-gauche a.image-hover {
	background: url(none);
	margin: 0px;
	padding: 0px;
}
#menu-gauche a.image-hover:hover {
	background: url(none);
}
/* Pop-up accueil */
#mask {
	position:absolute;
	z-index:9000;
	background-color:#000;
	display:none;
	left: 0px;
	top: 0px;
}
#boxes .window {
	position:absolute;
	width:440px;
	display:none;
	z-index:9999;
	padding:20px;
}
#boxes #setromper {
  background: #FFF;
  width:375px; 
  min-height:203px;
}
#boxes #balayer {
  background: #FFF;
  width:475px; 
  min-height:480px;
}
#boxes #concretement {
  background: #FFF;
  width:475px; 
  min-height:427px;
}
#boxes .window a {
	color: #F60;
}

/* Blog */

div.cont-blog {
	float: left;
	width: 657px;
	margin-bottom: 15px;
}
div.head-blog {
	background: url(../images/blog/haut-cat.jpg);
	float: left;
	height: 19px;
	width: 652px;
	color: #8F9DB1;
	text-align: left;
	padding-left: 5px;
	font: 0.6em "Trebuchet MS", sans-serif, Arial;
}
div.bg-blog {
	background: url(../images/blog/bg-cat.jpg);
	float: left;
	width: 627px;
	padding-right: 15px;
	padding-left: 15px;
}
div.foot-blog {
	background: url(../images/blog/bas-cat.jpg);
	float: left;
	width: 650px;
	height: 20px;
	font: 0.7em "Trebuchet MS", sans-serif, Arial;
	color: #7C8EA3;
	text-align: right;
	padding-right: 7px;
}

div.cont-blog h1 {
	margin: 0px;
}
div.cont-blog h1 a {
	text-decoration: none;
}
div.foot-blog a, div.head-blog a {
	color: #ff6600;
	font-weight: bold;
}
div.foot-blog a:hover,div.head-blog a:hover {
	color: #1d3877;
}
fieldset {
	font: normal 0.7em "Trebuchet MS";
	color: #162a5f;
	text-align: left;
}