/*-------------------------------------------------------------------------------------*/
/* FEUILLE DE STYLES LAYOUT */
/* Copyright Sonilog Interactive 2006*/
/*
	Feuille de style contenant les normes de mise en page generales et particulieres du site.
	Séparation de mise en page de contenu. Mise en page par feuille de styles CSS (CSS layout).
	Les styles de typographie, tableaux, formes, navigation sont dans "content.css"
*/
/*-------------------------------------------------------------------------------------*/


/***************************************************************************************/
/*  I. MISE EN PAGE (LAYOUT) GENERALE */
/***************************************************************************************/

/* LAYOUT HOME */

#bigbody {
	position:absolute;
	bottom:1px;
	right:1px;
	width:331px;
	height:558px;
	background:url(images/fond-plante.png);
	
}

body#home #main-box { /* Boite centrale */
	position:relative;
	width:1000px;
	height:590px; /*600px width total - 10px padding-top*/
	margin-right:auto;
	margin-left:auto;
	margin-top:40px;
	padding-top:10px;
	background:url(images/fond_interfaz.png);
	
}

body#home #top-box{ /* Boite conteneur zone top */
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	padding-top:40px;
	padding-left:23px;
	width:937px; /*960px width total - 23px left-padding*/
	height:35px; /*75px width total - 40px top-padding*/
	background:url(images/fond_top_box.png);
}

body#home #center-box { /* Boite conteneur centrale*/
	width:960px;
	height:475px;
	margin-right:auto;
	margin-left:auto;
	border:#717a67 1px solid;
	background-image:url(images/fond_cadre_int.png);
}

body#home #center-box #animflash {
	width:641px;
	height:475px;
	float:left;
	text-align:left;
}

body#home #center-box #sidebar {
	width:319px; 
	height:475px;
	float:left;
	text-align:left;
}

/* LAYOUT PAGES INTERIEURES */

#main-box { /* Boite centrale */
	position:relative;
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	margin-top:40px;
}

#top-box{ /* Boite conteneur zone top */
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	width:100%; 
	height:85px; 
	background:url(images/fond_top_box_int.png);
}

#top-box-int{ /* Boite conteneur zone top interieure */
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	padding-top:50px;
	padding-left:23px;
	width:937px; /*960px width total - 23px left-padding*/
	height:35px; /*75px width total - 40px top-padding*/
	/*background:url(images/fond_top_box.png);*/
}

#menu-box { /* Boite conteneur menu navigation */
	width:601px; 
	height:35px;
}


#center-box { /* Boite conteneur centrale*/
	width:100%;
	display:table;
	text-align:center;
	background-image:url(images/fond_center_box_int.png);
}

#center-box-int { /* Boite conteneur centrale*/
	width:960px;
	display:table;
	margin-right:auto;
	margin-left:auto;
	border:#717a67 1px solid;
}

#left-col {
	float:left;
	width:616px; /*641px width total - 15px padding-left 10px padding-right*/
	padding-left:15px;
	padding-right:10px;
	padding-top:20px;
	text-align:left;
}

#left-col-prods {
	float:left;
	width:641px; /*641px width total - 15px padding-left 10px padding-right*/
	text-align:left;
}

#right-col {
	float:left;
	padding-top:10px;
	width:319px;
	text-align:left;
}

#right-col-content {
	padding-left:15px;
	padding-right:5px;
}

/* Boite inferieure */

#bottom-box {
	clear:both;
	width:1000px;
	height:41px;
	text-align:left;
	background:url(images/fond_bottom_box.png);
}

#legal {
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	margin-top:0px;
	font-size:11px;
}


/***************************************************************************************/
/* II. MISES EN PAGE PARTICULIERES */
/***************************************************************************************/

/* 1. HOME */
/*-------------------------------------------------------------------------------------*/

/*Colonne droite home : contenant animation flash et visuel*/

#center-box #sidebar #visuel-produits {
	margin-top:10px;
}
#center-box #sidebar #edito {
	margin-top:7px;
	width:292px; /*308px orig*/
	height:185px; /*194px orig*/
	padding-left:12px;
	padding-right:8px;
	padding-top:5px;
	/*background:url(images/fond_edito.png);*/
	background-repeat:no-repeat;
}
#center-box #sidebar #ac-france {
	padding-left:12px;
	margin-top:7px;
}

/* Separateur */
div.separateur {
	background-color:#CCCCCC;
	width:100%;
	height:1px;
}

/***************************************************************************************/
/*  III. NAVIGATION */
/***************************************************************************************/

/*A. Menu principal */
/*-------------------------------------------------------------------------------------*/

#nav-menu {
	width: 600px;
	height:35px;
	float:left;
}
#nav-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav-menu li
{
	float:left;
	margin:0;
	padding: 0;
	width:120px;
	height:35px;
}
#nav-menu a{
	display: block;
	margin:0;
	padding: 0;
	width:120px;
	height: 35px;
	text-indent: -4000px; /*hide text*/
}

#nav-menu a#home { background:url(images/home.png); }
#nav-menu a#pres { background:url(images/presentation.png); }
#nav-menu a#prod { background:url(images/products.png); }
#nav-menu a#impl { background:url(images/implantation.png); }
#nav-menu a#cont { background:url(images/contact.png); }

#nav-menu a#home:hover { background:url(images/home_over.png); }
#nav-menu a#pres:hover { background:url(images/presentation_over.png); }
#nav-menu a#prod:hover { background:url(images/products_over.png); }
#nav-menu a#impl:hover { background:url(images/implantation_over.png); }
#nav-menu a#cont:hover { background:url(images/contact_over.png); }


/*-------------------------------------------------------------------------------------*/
/*B. Menu lateral rubriques*/
/*-------------------------------------------------------------------------------------*/

#nav-menu-side {
	width: 319px;
}
#nav-menu-side ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav-menu-side li
{
	margin:0;
}
#nav-menu-side li a, #nav-menu-side li h2 {
	display: block;
	height: auto;
	width:auto;
	padding: 5px 5px 5px 10px;
	color: black;
	text-decoration: none;
	text-align: left;
	border-width: 0px 0px 1px 0px;
	border-style:solid;
	border-color:white;
	margin: 0;
}
#nav-menu-side li a {
	background-color:#F2F2F2;
	font-weight: bold;
}
#nav-menu-side li h2 {
	background-color:#CCCCCC;
	font-weight:normal;
	font-size:10px;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
}
#nav-menu-side li a:hover {
	background-color:#aece30;
}
#nav-menu-side li h2:hover {
	background-color:#CCCCCC;
}