/* CSS Document */

body {
	margin:0;
	padding:0;
	background-image:url(../img/fond-page-type.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#F5F5F5;
	/* overflow:auto; /* Fixer la barre de navigation secondaire */
    /* height:100%; /* Fixer la barre de navigation secondaire */
}

/* on définit un style pour la balise HTML pour permettre de fixer la barre de navigation secondaire

html {
	height:100%;
}

*/

/* Définition des blocs principaux avec des valeurs absolues pour placer le bloc #contenu en premier dans le code */

#logo {
	margin:0;
	padding:0;
	position:absolute;
	top:0px;
	left:0px;
	height:83px;
	width:100%;
	background-color:#002F52;
}

#rubrique {
	margin:0;
	padding:0;
	position:absolute;
	top:83px;
	left:0px;
	height:50px;
	width:100%;
	background-image:url(../img/fond_rubrique.gif);
	background-repeat:no-repeat;
}

#fond-colonnes {
	position:absolute;
	top:133px;
	left:0px;
	background-image:url(../img/fond_col4.gif);
	background-repeat:repeat-x;
	width:100%;
	height:369px;
	z-index:1;
}

#col1 {
	position:absolute;
	top:183px;
	left:0px;
	margin:0px;
	padding:0px;
	width:145px;
	z-index:2;
}

#col2 {
	position:absolute;
	top:153px;
	left:165px;
	margin:0;
	padding:0px;
	width:458px;
	z-index:3;
}

#col3 {
	position:absolute;
	top:153px;
	left:647px;
	margin:0px;
	padding:10px;
	width:144px;
	background-color:#C3E3EA;
	z-index:4;
	text-align:right;
}

/*

#navigation-secondaire {
	margin:0;
	padding:0;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	background-color:#002F52;
}

*/

/* Définitions des styles de texte */

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#007795;
	margin:0px;
	padding:0 0 20px 0;
	text-align:left;
}

h1.sansh2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#007795;
	margin:0;
	padding:0;
	text-align:left;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#007795;
	margin:0;
	padding:0 0 6px 0;
	text-align:justify;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#001827;
	margin:20px 0 8px 0;
	padding:4px 0;
	text-align:justify;
	border-bottom:1px solid #001827;
}

h3.actu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#001827;
	margin:20px 0 8px 0;
	padding:4px 0;
	text-align:justify;
	border-bottom:1px solid #001827;
}

h3.pageContacts {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#001827;
	margin:20px 50% 8px 0;
	padding:4px 0;
	text-align:justify;
	border-bottom:1px solid #001827;
}

h4.actu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#001827;
	font-weight:bold;
	margin:0;
	padding:0 0 4px 0;
}

/* fin */

#col2 a {
	color:#007795;
}

#col2 a:hover {
	color:#001827;
}

hr#separation {
	visibility:hidden;
	margin:20px 0;
}

#col2 hr {
	color:#001827;
	border-width:thick;
}

#col2 p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#001827;
	text-align:justify;
	margin:0;
	padding:0;
}

#col2 p.liste {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#001827;
	text-align:left;
	margin:0;
	padding:0;
}

#col2 p.pageContacts {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#001827;
	text-align:left;
	margin:0 50% 0 0;
	padding:0;
}

#col2 p.plusdinfos {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	color:#001827;
	text-align:right;
	margin:0 0 6px 0;
	padding:0;
}

/* pour la page liste de prix */

#col2 p.prix {
	color:#007795;
	font-weight:bold;
	font-size:10px;
	margin:25px 0 0 40px;
	float:right;
}

#col2 p.prix2lignes {
	color:#007795;
	font-weight:bold;
	font-size:10px;
	margin:38px 0 0 40px;
	float:right;
}

h3.listePrix {
	text-align:left;
}

#col2 p.prix a {
	font-style:italic;
	font-size:10px;
	font-weight:normal;
	color:#001827;
	background-image:url(../img/puce-retour.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:0 0 0 13px;
}

#col2 p.prix2lignes a {
	font-style:italic;
	font-size:10px;
	font-weight:normal;
	color:#001827;
}

/* fin */

#col2 ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	color:#001827;
	list-style-type:square;
	margin:0;
	padding:0 0 0 20px;
}

#col2 li {
	padding:2px 0;
	margin:0;
}

#col2 p.adresse {
	font-size:10px;
}

#col3 p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#001827;
	border-left:1px solid #001827;
	border-right:1px solid #001827;
	border-bottom:1px solid #001827;
	margin:0 0 16px 0;
	padding:18px 6px 6px 6px;
	background-image:url(../img/paletteCol3Top.jpg);
	background-repeat:no-repeat;
	background-color:#E7F4F7;
	text-align:left;
}

#col3 p.calcul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#001827;
	border-left:1px solid #0093B7;
	border-right:1px solid #0093B7;
	border-bottom:1px solid #0093B7;
	margin:0 0 16px 0;
	padding:18px 6px 6px 6px;
	background-image:url(../img/paletteCalculCol3Top.gif);
	background-repeat:no-repeat;
	background-color:#D5EBF0;
	text-align:left;
}

#col3 h4 {
	margin:0 0 3px 0;
	padding:0 0 3px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#007795;
	font-weight:bold;
}

#col3 h4 img {
	margin:8px 0 0 0;
	padding:0;
}

#col3 a {
	color:#007795;
}

#col3 a:hover {
	color:#001827;
}

/* Navigation textuelle */

ul#navigation-textuelle {
	margin:30px 0;
	padding:3px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#001827;
	list-style-type:none;
	border-top:1px solid #007795;
}

#navigation-textuelle li.grand {
	float:left;
	width:28%;
}

#navigation-textuelle li.petit {
	float:left;
	width:16%;
}

#navigation-textuelle a {
	display:block;
	border:1px solid #007795;
	text-decoration:none;
	text-align:center;
	padding:2px;
	margin:2px;
	color:#007795;
	background-color:#87D9EF;
}

#navigation-textuelle a:hover {
	color:#001827;
}