/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */


/* CSS Document */

body {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#626262;
	font-size: 1em;
	background:url(../images/fd.jpg);
	}
	
body, form, h1, h2, h3, h4, h5, fieldset, ul, dl, dd, dt { margin:0; padding:0;}

.spacer {clear:both;}

.black { color:#000000; }

.photo_left { float:left; margin-right:10px; margin-top:10px; border:solid 1px #999999}
.photo_right { float:right; margin-left:10px; margin-top:10px;}
.violet { color:#703f86;}


/* BLOC PRINCIPAUX*/
#conteneur {
	position: relative;
	width:990px;
	margin: 0 auto;
		
	height: auto;
	min-height: 580px; /* pour firefox prenne toute la hauteur de page*/
	_height: 580px; /*underscore hack uniquement interprt par IE Win*/
	min-height: 580px;
	}
#colonne_menu {
	position:relative;
	float:left;
	width:242px;
	background-color:#FFFFFF;
	}
#colonne_menu #menu ul { list-style-type:none; margin-left:29px; margin-bottom:1em;}
#colonne_menu #menu ul li {
	position:relative;
	height:34px;
	border-bottom:solid 1px #cfcece;
	text-indent:-50000px;
	}
#colonne_menu #menu ul li a {
	position:relative;
	display:block;
	height:34px;
}
#colonne_menu #menu ul li#accueil a { background:url(../images/m01.gif) no-repeat;}
#colonne_menu #menu ul li#societe a { background:url(../images/m02.gif) no-repeat;}
#colonne_menu #menu ul li#modeles a { background:url(../images/m03.gif) no-repeat;}
#colonne_menu #menu ul li#prestations a { background:url(../images/m04.gif) no-repeat;}
#colonne_menu #menu ul li#offres a { background:url(../images/m05.gif) no-repeat;}
#colonne_menu #menu ul li#contact a { background:url(../images/m06.gif) no-repeat;}

#colonne_menu #menu ul li#accueil a:hover, #colonne_menu #menu ul li#accueil.actif a { background:url(../images/m01h.gif) no-repeat;}
#colonne_menu #menu ul li#societe a:hover, #colonne_menu #menu ul li#societe.actif a { background:url(../images/m02h.gif) no-repeat;}
#colonne_menu #menu ul li#modeles a:hover, #colonne_menu #menu ul li#modeles.actif a { background:url(../images/m03h.gif) no-repeat;}
#colonne_menu #menu ul li#prestations a:hover, #colonne_menu #menu ul li#prestations.actif a { background:url(../images/m04h.gif) no-repeat;}
#colonne_menu #menu ul li#offres a:hover, #colonne_menu #menu ul li#offres.actif a { background:url(../images/m05h.gif) no-repeat;}
#colonne_menu #menu ul li#contact a:hover, #colonne_menu #menu ul li#contact.actif a { background:url(../images/m06h.gif) no-repeat;}

#colonne_menu #mentions {
	position:relative;
	margin-left:29px;
	background:url(../images/herbe.jpg) no-repeat bottom right;
	height:150px;
	font-size:0.65em;
	color:#a1a1a1;
	border-right:solid 1px #CCCCCC;
	}
#colonne_menu #mentions a {
	font-family:Arial, Helvetica, sans-serif;
	color:#a1a1a1;
	text-decoration:none;
}
#colonne_menu #mentions a:hover { color:#333333;}

#centre {
	position:relative;
	float:left;
	width:747px;
	background-color:#FFFFFF;
	}
#logo img { border:none;}

#centre #baseline {
	position:relative;
	background:url(../images/intitule.gif) no-repeat;
	height:48px;
	text-indent:-50000px;
	}
#centre #bandeau_images {
	position:relative;
	width:723px;
	height:158px;
	background:url(../images/bandeau_img.jpg) no-repeat;
	}



/* ACCUEIL */
#centre #accueil {
	position:relative;
	width:723px;
	height:363px;
	background:url(../images/visuel_accueil.jpg) no-repeat;
	}
#accueil #texte_accueil {
	position:absolute;
	top:220px;
	left:30px;
	width:322px;
	text-align:justify;
	font-size:0.77em;
	padding-right:22px;
	border-right:solid 1px #cfcece;
	}
#accueil #texte_accueil p {margin:0; padding:0; margin-bottom:10px;}
#accueil #adresse {
	position:absolute;
	top:230px;
	left:390px;
	font-size:0.71em;
	}
#actus {
	position:absolute;
	top:60px;
	left:20px;
	width:255px;
	border:solid 1px #c9bc99;
	background-color:#fbf8f2;
	padding:5px;
	}
#actus ul { list-style-type:none; margin-bottom:5px;}
#actus ul li { font-size:0.71em; margin:0; padding:0; line-height:1.2em;}
#actus ul li.titre a { color:#703f86; text-decoration:none; font-weight:bold;}
#actus ul li.texte a { color:#626262;}
#actus ul li.texte a:hover { color:#703f86;}
#actus #tte_actus { background-color:#a18c56;text-align:center; margin-top:10px;}
#actus #tte_actus a { color:#FFFFFF; font-size:0.71em;  text-decoration:none}
#actus #tte_actus a:hover { color:#703f86;}

body.page_contact #page {
	padding-right:40px;
}
body.page_actu #page, body.page_offres #page, body.page_contact #page {	
	height: auto;
	min-height: 580px; /* pour firefox prenne toute la hauteur de page*/
	_height: 580px; /*underscore hack uniquement interprt par IE Win*/
	min-height: 580px;
	}
	
body.page_actu #page h4 {
	font-size:1.15em;
	color:#a18c56;
	text-transform:uppercase;
	}
body.page_actu #page ul.autres_actus {
	border-top:solid 1px #a18c56;
	padding-top:1em;
	}
body.page_actu #page ul.autres_actus li { width:60%;}
body.page_actu #page ul.autres_actus li a { color:#626262}
	
	

/* PAGE */
#page {
	font-size:0.77em;
	text-align:justify;
	padding-left:55px;
	padding-right:92px;
	background:url(../images/fd_centre.gif) no-repeat;
	}
#page h2 {
	color:#FFFFFF;
	font-size:25px;
	padding-top:30px;
	border-bottom:solid 1px white;
	font-weight:normal;
	margin-bottom:1em;
	}
#page h3 {
	color:#703f86;
	font-size:14px;;
	}
#page ul li {
	margin-left:4em;
	}
#page ul { margin-bottom:1em;}

body.page_modele #page {padding-right:30px;}
body.page_modele #page p { text-align:left}

body.page_prestations #page p { width:470px;}
body.page_prestations #page { background:url(../images/fd_prestations.jpg) no-repeat}


/* OFFRES */
body.page_offres #page {
	padding-right:45px;
	}
body.page_offres #zone {
	position:relative;
	color:#FFFFFF;
	font-size:13px;
	text-align:center;
	float:right;
	width:167px;
	height:55px;
	background:url(../images/fd_select_zone.gif) no-repeat;
	}
body.page_offres #zone select {
	font-size:11px;
	}
body.page_offres dl.offres {
	background:url(../images/fd_offres.gif) no-repeat top right;
	width:130px;
	height:108px;
	float:left;
	margin-left:1em;
	padding-top:70px;
	text-align:center;
	padding-right:18px;
	line-height:1.6em;
	font-size:10px;
	/*border:solid 1px red;*/
	}
body.page_offres dl.offres p { margin:0; padding:0;}
body.page_offres dl.offres dt {
	text-transform:uppercase;
	}
div.pagination { font-size:14px;}
div.pagination a {	color:#626262;	}
div.pagination a {	color:#703F86;	}