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

body 
{
	margin:0;
	background-image:url(../images/bg2.gif);
	background-position: top;
	background-repeat: repeat-x;
	font-family:   Helvetica,Verdana;
}
#page 
{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}
#header {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:110px;
	width:980px;
}
#logo {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#upline {
	height:10px;
	font-size:10px;
	color:#666666;
	text-align:right;
}
#corps {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#centre 
{
	width:765px;
	float:right;
	margin:0;
	padding:0;
}

/* Texte intro */
#intro {
	float:left;
	width:630px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#intro p {
	color:#444444;
	font-size:12px;
	text-align:justify;


}
#intro h1 {
	color: #00304e;
	font-size: 20px;
	letter-spacing: -1px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#intro img {
	max-height:225px;
	max-width:300px;
}
#intro a {
	color:#444444;
	font-size:12px;
	text-decoration:none;
}
#intro a:hover{
	color:#444444;
	font-size:12px;
	text-decoration:underline;
}
#intro li {
	color:#444444;
	font-size:12px;
}
#offres {
	float:left;
	width:640px;
	padding: 0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
}
#offres a{
	font-size:12px;
	color:#444444;
	text-decoration:none;
}
#offres a:hover{
	color:#444444;
	font-size:12px;
	text-decoration:underline;
}
#offres ul {
	margin-top:5px;
}
#offres li {
	line-height:14px;
}
#offres h1 {
	color: #00304e;
	font-size: 20px;
	letter-spacing: -1px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
}
/* Derniers articles */

#derniers-articles {
	float:left;
	margin:0px 0px 0px 0px;
}


/* Cartouche Homepage */

.cartouche {
	background-image:url(../images/cartouche-background.gif);
	width:319px;
	height:125px;
	margin:5px 0px -20px 0px;
	background-repeat: no-repeat;
	padding:10px 25px 10px 10px;
}
.cartouche img{
	float: left;
	width:105px;
	height:80px;
	margin:2px 9px 3px 2px;
}
.cartouche h2 a {
	letter-spacing: -1px;
	font-size:13px;
	text-decoration:none;
	color:#00304e;
}
.cartouche h2 a:hover {
	letter-spacing: -1px;
	font-size:13px;
	text-decoration:underline;
	color:#00304e;

}
.cartouche h2 {
	line-height:13px;
	display:inline;
	text-align:left;
	padding:0px 0px 0px 0px;
}
.cartouche p {
	font-size:11px;
	color:#444444;
	text-align:justify;
	padding:0px 10px 0px 0px;
	margin:0px 0px 0px 0px;
}

/* Outils */
#devis {
	float:right;
	width:300px;
}
#simulateur {
	float:right;
	font-size:12px;
	width:290px;
	height:180px;
	background-image:url(../images/simulateur-2.gif);
	padding:0px 0px 0px 0px;
	margin:5px 0px 0px 0px;
	background-repeat: no-repeat;
	text-align:center;
	color:#FFFFFF;
}
.inputbleu {
font-size:13px;
color:#308bd1;
	padding:0px 0px 0px 0px;
	margin:2px 0px 2px 0px;
	border: 1px solid #308bd1;
}

.selectbleu {
	border: 1px solid #308bd1;
	font-size:13px;
	color:#308bd1;
}
#pratique {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;

}
#pratique h1 {
	color: #00304e;
	font-size: 20px;
	letter-spacing: -1px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
}
#contact {
	float:left;
	background-image:url(../images/contact.gif);
	height:145px;
	width:145px;
	background-repeat: no-repeat;
	margin:0px 0px 0px 0px;
	}
#contact h2 {
	margin:10px 10px 10px 10px;
	font-size:14px;
	color:#bc7c9f;
	
	}
#contact ul {
margin:0px 0px 0px 25px;
padding:0px 0px 0px 0px;
	}
#contact li {
	color:#bc7c9f;	
	}
#contact li a {
	font-size:12px;
	color:#bc7c9f;
	text-decoration:none;	
	}
#contact li a:hover {
	font-size:12px;
	color:#bc7c9f;
	text-decoration:underline;
	}
#newslettermenu {
	margin:8px 0px -5px 4px;
}
#newsletter {
	float:left;
	background-image:url(../images/newsletter.gif);
	height:145px;
	width:145px;
	background-repeat: no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
#newsletter h2 {
	margin:10px 10px 10px 10px;
	font-size:14px;
	color:#ffbb59;
	}
#newsletter p {
	margin:10px 15px 10px 15px;
	font-size:11px;
	color:#444444;
	text-align:center;
	}
#newsletter form {
	text-align:center;
	}
#newsletter input {
	margin-top:5px;
	font-size:12px;
	}

#etapes {
	width:330px;
	margin:10px 0px 10px 0px;
	font-size:12px;
	color:#3181AF;
	float:left;
}
.etape {
	width:329px;
	height:45px;
	background-image:url(../images/fonds-etapes.jpg);
	padding:0px 0px 0px 6px;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin:0px 0px 5px 0px;
}
.etape img{
	margin:6px 7px 0px 0px;
	float:left;
}
.etape p{
	margin:0px 0px 0px 0px;
	padding:4px 0px 4px 0px;
	top: auto;
	bottom: auto;
	line-height:33px;
}
#etapes {
	width:330px;
	margin:10px 0px 10px 0px;
	font-size:12px;
	color:#3181AF;
	float:left;
}
.etapefleche {
	width:329px;
	height:45px;
	background-image:url(../images/fonds-etape-fleche.jpg);
	padding:0px 0px 0px 6px;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin:0px 0px 5px 0px;
}
.etapefleche img{
	margin:6px 7px 0px 0px;
	float:left;
}
.etapefleche p{
	margin:0px 0px 0px 0px;
	padding:4px 0px 4px 0px;
	top: auto;
	bottom: auto;
	line-height:33px;
}
#etapes a {
	color:#3181AF;
	text-decoration:none;
}
#etapes a:hover {
	color:#3181AF;
	text-decoration:underline;
}

/* Bannieres HP */

#skyscraper {
	float:right;
	width:120px;
	height:600px;
	margin:20px 0px 0px 0px;
}
#banniere {
	width:468px;
	height:60px;
	float:right;
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#pavehp {
	float:left;
	background-color:#EEEEEE;
	width:300px;
	height:250px;
}

/* Menu */

#menu {

	float:left;
	width:200px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#recherche {
	background-image:url(../images/recherche.gif);
	height:45px;
	width:180px;
	margin:10px 0px 0px 0px;
	padding:10px 10px 0px 10px;
	font-size:11px;
	color:#FFFFFF;
	background-repeat: no-repeat;
}
#recherche input{
	margin:0px 0px 0px 0px;
	padding:0px 3px 0px 3px;
}

#flash {
	margin:0px 0px 0px 0px;
}
#flash-top {
	background-image:url(../images/flash-top.gif);
	height:10px;
	width:200px;
	background-repeat: no-repeat;
}
#flash-centre {
	background-image:url(../images/flash-centre.gif);
	width:200px;
	background-repeat: repeat-y;
}
#flash-bas {
	background-image:url(../images/flash-bas.gif);
	height:10px;
	width:200px;
	background-repeat: no-repeat;
}
#flash p {
	font-size:12px;
	color:#999999;
	margin:10px 0px 0px 0px;
	padding:0px 10px 10px 10px;
	text-align:justify;
}
#flash p a {
	color:#999999;
	text-decoration:none;
}
#flash p a:hover {
	color:#999999;
	text-decoration:underline;
}
#flash h3 {
	letter-spacing: -1px;
	font-size:13px;
	color:#00304e;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	
}
#regions {
	font-size:10px;
	height:100px;
	overflow: auto;
}
#regions a{
	color:#444444;
	font-size:12px;
	text-decoration:none;
}
#regions a:hover {
	color:#444444;
	font-size:12px;
	text-decoration:underline;
}
#departements {
	font-size:10px;
	height:100px;
	overflow: auto;
}
#departements a{
	color:#444444;
	font-size:12px;
	text-decoration:none;
}
#departements a:hover {
	color:#444444;
	font-size:12px;
	text-decoration:underline;
}
#actualite {
	float:left;
	width:200px;
	height:200px;
	font-size:10px;
}
#actualite a {
	text-decoration:none;
}
#actualite a:hover {
	text-decoration:underline;
}
h1 {
	color: #00304e;
	font-size: 20px;
	letter-spacing: -1px;
	font-weight: normal;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#cdf {
	width:640px;
	float:left;
	font-size:10px;
	color:#DDDDDD;
	padding:0px 0px 0px 0px;
	margin:7px 0px 10px 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
}
#cdf a {
	font-size:10px;
	color:#DDDDDD;
	text-decoration:none;
}
#cdf a:hover {
	font-size:10px;
	color:#DDDDDD;
	text-decoration:underline;
}
.article-image {
	float:left;
	margin:0px 10px 5px 0px;
	max-width:300px;
}
#demandeenligne {
	float:left;
	margin:0px 10px 0px 0px;
	padding:6px 5px 7px 40px;
	font-size:12px;
	color:#FFFFFF;
	background-image:url(../images/demandeenligne.gif);
	width:236px;
	height:16px;
}
#demandeenligne a{
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}#demandeenligne a:hover {
	font-size:12px;
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}
#envoyerami {
	float:left;
	margin:0px 10px 0px 0px;
	padding:6px 5px 7px 40px;
	font-size:12px;
	color:#FFFFFF;
	background-image:url(../images/envoyer-ami.gif);
	width:236px;
	height:16px;
}
#envoyerami a{
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
#envoyerami a:hover {
	font-size:12px;
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}
.article-p {
	margin:0px 0px 0px 0px;
}
#footer {
	float:left;
	width:980px;
	font-size:11px;
	margin-top:20px;

}
#liens-footer p{
	display:inline;
}
#baseline {
	color:#143D55;
	padding:5px 5px 5px 5px;;
	min-height:19px;
	background-image:url(../images/fonds-footer.gif);
	text-align:center;
}
#baseline a{
	color:#143D55;
	text-decoration:none;
}
#baseline a:hover{
	color:#143D55;
	text-decoration:underline;	
}
#liens-footer {
	width:970px;
	background-color:#143D55;
	color:#ffffff;
	padding:5px 5px 5px 5px;
	margin:0px 0px 0px 0px;
	text-align:center;
}
#liens-footer a {
	text-decoration:none;
	color:#ffffff;
}
#liens-footer a:hover {
	text-decoration:underline;
	color:#ffffff;
}
h3 {
	font-size:12px;
	color: #00304e;	
}
ol {
	font-size:12px;
	font-family:   Helvetica,Verdana;	
	color:#444444;
}
.bold-bleu {
	font-size:12px;
	font-family:   Helvetica,Verdana;	
	color:#2E7FAD;
	font-weight:bold;
}
.texte-gris {
	font-size:11px;
	font-family:   Helvetica,Verdana;	
	color:#444444;
}
.input {
	margin:3px 0px 3px 0px;
	border: 1px solid #DDDDDD;	
}
.bloc-rubrique-sitemap {
	width:180px;
	height:200px;
	font-family:   Helvetica,Verdana;
	margin:0px 2px 4px 2px;
	padding:5px 10px 0px 10px;	
	float:left;
	background-color:#F7F7F7;
}
.bloc-rubrique-sitemap h2 {
	font-size:14px;
	color: #00304e;
	display:inline;
	letter-spacing: -1px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
}
.bloc-rubrique-sitemap h2 a {
	font-size:14px;
	color: #00304e;
	display:inline;
	letter-spacing: -1px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-decoration:none;	
}
.bloc-rubrique-sitemap h2 a:hover {
	font-size:14px;
	color: #00304e;
	display:inline;
	letter-spacing: -1px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	text-decoration:underline;
}
.bloc-rubrique-sitemap li {
	color:#555555;
	margin-left:-20px;
	list-style-type: disc;
}
.bloc-rubrique-sitemap li a {
	font-size:12px;
	color:#444444;
	text-decoration:none;
}
.bloc-rubrique-sitemap  li a:hover {
	font-size:12px;
	color:#444444;
	text-decoration:underline;
}
.bloc-lexique {
	width:180px;
	min-height:200px;
	font-family:   Helvetica,Verdana;
	margin:0px 2px 4px 2px;
	padding:5px 10px 0px 10px;	
	float:left;
	background-color:#F7F7F7;
}
.bloc-lexique h2 {
	font-size:14px;
	color: #00304e;
	display:inline;
	letter-spacing: -1px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
}
.bloc-lexique h2 a {
	font-size:14px;
	color: #00304e;
	display:inline;
	letter-spacing: -1px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-decoration:none;	
}
.bloc-lexique h2 a:hover {
	font-size:14px;
	color: #00304e;
	display:inline;
	letter-spacing: -1px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
	text-decoration:underline;
}
.bloc-lexique li {
	color:#555555;
	margin-left:-20px;
	list-style-type: disc;
}
.bloc-lexique li a {
	font-size:12px;
	color:#444444;
	text-decoration:none;
}
.bloc-lexique  li a:hover {
	font-size:12px;
	color:#444444;
	text-decoration:underline;
}
#archives {

	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:280px;
	background-image:url(../images/separateur.gif);
	background-repeat: no-repeat;
	background-position: 0px 32px;
	font-size:12px;
	color:#444444;

}
#archives h1{
	color: #00304e;
	font-size: 20px;
	letter-spacing: -1px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 5px 0px;
}

#archives a {
	padding:5px 0px 5px 0px;
	font-size:12px;
	color:#444444;
	text-decoration:none;
}
#archives a:hover {
	padding:5px 0px 5px 0px;
	font-size:12px;
	color:#444444;
	text-decoration:underline;
}
#archives li {
	color:#444444;
	line-height:14px;
	list-style-type: disc;
}
#archives ul {
	padding:0px 0px 0px 15px;
	margin:0px 0px 0px 0px;
}