/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 2  */
/*  ----------------------------------------------------------- */

/* 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
 */

/* ------------------------------------------
/* TYPO GENERALE
/* ------------------------------------------ */
body {
	margin:0;
	padding:0;
	margin-top:24px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #656568;
	background:url(../images/fd.jpg) top center #7a7c7e;
}
html, body {
	height: 100%;
	width: 100%;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6, dl, dd, dt, ul, li { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, dl, dd { font-weight: normal; }

a { color: #656568; }

.clear {clear:both;}

.photo_left { float:left; margin-right:5px;}
.photo_right { float:right; margin-left:5px;}

h3 {
	margin-top:1em;
	margin-bottom:1em;
	}

/* BLOCS PRINCIPAUX */
#conteneur {
	position:relative;
	width:980px;
	margin:auto;

	height: auto;
	min-height:600px; /* pour firefox prenne toute la hauteur de page*/
	_height:600px; /*underscore hack uniquement interprété par IE Win*/
	min-height:600px;
}
#entete {
	position:relative;
	background:url(../images/fd_menu.png) no-repeat;
	height:142px;
}

#piedpage {
	position:relative;
	width:980px;
	margin:auto;
	font-size:0.71em;
	color:#afb0b2;
}
#piedpage a {
	color:#afb0b2;
}
#piedpage a:hover {
	color: #333333;
}

#page {
	position:relative;
	background:url(../images/fd_page.png) bottom left;

	padding-bottom:2em;
	padding-left:40px;
	padding-right:20px;
	padding-top:1em;

	height: auto;
	min-height:400px; /* pour firefox prenne toute la hauteur de page*/
	_height:400px; /*underscore hack uniquement interprété par IE Win*/
	min-height:400px;
}

#logo {
	position:absolute;
	top:45px;
	left:10px;
	z-index:1;
}
#logo h1 {
	text-indent:-50000px;
}

#menu {
	position:absolute;
	left:310px;
	top:115px;
}
#menu ul li {
	position:relative;
	float:left;
	list-style-type:none;
	text-indent:-50000px;
}
#menu ul li a {
	display:block;
	height:19px;
}
#menu ul li#accueil a {
	width:79px;
	background:url(../images/menu01.gif) no-repeat;
}
#menu ul li#societe a {
	width:102px;
	background:url(../images/menu02.gif) no-repeat;
}
#menu ul li#splashbuzzer a {
	width:125px;
	background:url(../images/menu03.gif) no-repeat;
}
#menu ul li#contact a {
	width:87px;
	background:url(../images/menu04.gif) no-repeat;
}
#menu ul li#accueil a:hover,
#menu ul li#accueil a.actif {
	width:79px;
	background:url(../images/menu01hover.gif) no-repeat;
}
#menu ul li#societe a:hover,
#menu ul li#societe a.actif {
	width:102px;
	background:url(../images/menu02hover.gif) no-repeat;
}
#menu ul li#splashbuzzer a:hover,
#menu ul li#splashbuzzer a.actif {
	width:125px;
	background:url(../images/menu03hover.gif) no-repeat;
}
#menu ul li#contact a:hover,
#menu ul li#contact a.actif {
	width:87px;
	background:url(../images/menu04hover.gif) no-repeat;
}
.visuel {
	position:absolute;
	right:0;
	bottom:20px;
	}

/* ACCUEIL */

body#page_accueil #page {
	height: auto;
	min-height:240px; /* pour firefox prenne toute la hauteur de page*/
	_height:240px; /*underscore hack uniquement interprété par IE Win*/
	min-height:240px;}

body#page_accueil #page h2 {
	position:absolute;
	left:20px;
	top:20px;
	font-size:1.15em;
	color:#656568;
	border:0;
	}

#adresse {
	position: absolute;
	right:10px;
	top:30px;
	width:400px;
}
#adresse p {
	margin:0;
	padding:0;
}
#telephone {
	position:absolute;
	right:0;
	bottom:0;
	background:url(../images/contact.gif) no-repeat;
	width:227px;
	height:130px;
}



/* PAGES  */
.colonne_3 {
	position:relative;
	float:left;
	width:29%;
	margin-right:2em;
}
.colonne_2 {
	position:relative;
	float:left;
	width:45%;
	margin-right:2em;
}
#page p {
	text-align:justify;
	background:url(../images/puce.gif) no-repeat 0px 5px;
	padding-left:15px;
}
#page p,
#page ul {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:0.77em;
	line-height:1.3em;
}
#page ul {
	background:#e6e6e6;
	border-radius :5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-bottom-left-radius: 5px; /* pour Chrome */
	-webkit-border-bottom-right-radius: 5px; /* pour Chrome */

	padding:5px;
}
#page ul li {
	margin-left:2em;
}
#page h2 {
	color:#234682;
	font-size:1.5em;
	border-bottom:dotted 3px #234682;
	padding-bottom:5px;
	}

/* SOCIETE */

body#page_societe #page {
	height:430px;
	}

body#page_contact #page {
	height:400px;
	}
#page ul.prestations {
	width:550px;
	font-size:0.88em;
	padding:1em;
	margin-top:1em;
}
span.filet_image img {
	background:#CCCCCC;
	padding:3px;
	border:solid 1px #234682;
}

.bouton_cci {
	position:absolute;
	width:184px;
	height:102px;
	background:url(../images/bouton_cci.png) no-repeat;
	right:175px;
	top:6px;
	z-index:999999;
	outline:none;
}


#bt_splashbuzzer {
	position:absolute;
	z-index:999999;
	right:0;
	top:-140px;
}

#page_accueil #bt_splashbuzzer {
	top:2px;
}