/*
 * ------------ templates/defaut/themes/1/css/style_layout.css ---------- 
 *
 */

/*
 * Style layout
 * Mise en page du template et positionnement des éléments
 * Customisation des éléments de la page
 */
 
/*
 * CUSTOMISATION DES TAGS PRINCIPAUX ------------------------------
 */
html{
	margin:0; padding:0;
}

body{
	margin:0; padding:0;
	background:#dedede url("../img/bg_page.jpg") left top repeat-x;
}

p {
	margin:0 10px 10px 0;
}

a 			{  }
a:visited 	{  }
a:hover 	{  }

h1, h2, h3, h4, h5, h6 {  }
h1 {  }
h2 {  }
h3 { margin:0 0 0.5em 0; padding:0; }
h4 {  }
h5 {  }
h6 {  }

ul { margin-left:25px; }
ul li { list-style-type: square; padding-left: 10px; color: #142565; list-style-position:outside; }

table td { vertical-align:top; }

/*
 * CONTENEURS (de haut en bas) ------------------------------------
 */
/* conteneur de la page */
div#container {
/*		border:1px solid #0000FF;*/
	margin-left: auto; 
	margin-right: auto;
	width:900px;
	height:100%;
}

#header{
	/*debug css border:1px solid #FF0000; */
	display:block;
	width:900px;
	height:250px;
	margin:0;
	padding:0;
}
/*-- différents header  ---------------------------------------------------------------------------------------------------------------------*/
.societe {background:url("../img/header-societe.jpg") center top no-repeat;}

.etudes {background:url("../img/header-etudes.jpg") center top no-repeat;}
.armoires {background:url("../img/header-armoires.jpg") center top no-repeat;}
.elec {background:url("../img/header-elec.jpg") center top no-repeat;}
.elec-tertiaire {background:url("../img/header-elec-tertiaire.jpg") center top no-repeat;}
.header-normal { background:url("../img/header.jpg") top center no-repeat; }
/*-- fin header  ---------------------------------------------------------------------------------------------------------------------*/


/* second conteneur de la page */
div#wrapper {
	clear:both;
}

.top {
	padding:0;
	margin:0 20px 0 0;
	text-align:right;
}
.top ul { margin:0; padding:0; }
.top li {display:inline; padding:0; margin:0; }
.top a {color:#091A43; font-size:10px; text-decoration:none; line-height:28px; padding:0; margin:0 5px 0 0; }
.top a:hover {color:#ffffff; font-size:10px; text-decoration:underline;}

.bien {
    position:absolute;
	z-index:1;
	margin:38px 0px 0 20px;
	height:40px;
	width:280px;
}

.logo {
    position:absolute;
	z-index:1;
	background:url("../img/logo.png") center center no-repeat;
	_background:url("../img/logo-ie.gif") center center no-repeat;
	margin:160px 0px 0 595px;
	width:260px;
	height:200px;
}

/* contenu de la page */

div#contenu {
	display:block;
	clear:both;
	margin:0;
	padding:0 40px 10px 40px;
}
div#contenu .textepage {
	margin:10px;
}

#mid {
	/*debug css border:1px solid #FF0000; */
	display:block;
	margin:20px 0 0 0;
	padding:30px 0 0 0;
	background:url("../img/fd-mid-top.png") top center no-repeat;
	min-height:200px;
}

/* bas de page */
#footer{
	margin-left: auto; 
	margin-right: auto;
	display:block;
	width:900px;
}

#footer a 			{ color:#1D5E97; text-decoration:none; }
#footer a:visited 	{ color:#666666; text-decoration:none; }
#footer a:hover 	{ text-decoration:underline; }

.sep {
	width:900px;
	height:15px;
	background:url("../img/sep.png") no-repeat;
	_background:url("") no-repeat; /* hack ie6 */
	_border-bottom:1px #cccccc dotted; /* hack ie6 */
	_margin-bottom:8px;
	_height:10px;
}
.tech {float:left; font-size:10px;}
.etorre {font-size:10px; margin-left:60px; /*border:1px #FF0000 solid;*/}

.nous{
	float:right;
	background:url("../img/nous.gif") no-repeat;
	height:20px;
	width:78px;
	padding-right:10px;
}

div#copyrights {
	clear:both;
	text-align:left;
	font-size:0.9em;
	margin-left:50px;
}

div#coord {
	margin-top:10px;
	clear:both;
	text-align:center;
	font-size:0.8em;
}

.img-te {
	border:1px  #CCCCCC solid; padding:2px 2px 2px 2px;
}

.act {
	line-height:24px;
	font-size:18px;
	color:#666666;
	padding-bottom: 5px;
}

.partenaires { position:relative;  background-color:#fcfcfc; border:1px #ececec outset; padding:15px; width:250px; margin:-50px 0 0 0; }
.partenaires ul li {list-style:none; padding-bottom:15px;}
/*
 * MENUS ----------------------------------------------------------
 */
div#menuhaut {
	float:right;
}
div#menuhaut ul { list-style-type:none; margin:0; padding:0; }
div#menuhaut ul li { display:inline; float:left; color:#cccccc; margin:0 0.5em 0 0; line-height:1.4em; }
div#menuhaut ul li a 			{ text-decoration:none; display:inline; font-size:11px; color:#999999; }
div#menuhaut ul li a:visited 	{ text-decoration:none; }
div#menuhaut ul li a:hover 		{ text-decoration:underline; color:#000000; }

div#fil-ariane {
	display:block;
	margin:0.5em 0;
	padding:0.3em 1em;
	/*border:1px #ececec solid;*/
	font-size:0.8em;
}
div#fil-ariane ul {
	list-style-type:none;
	list-style-position:outside;
	padding:0; margin:0;
}
div#fil-ariane ul li {
	float:left; display:inline;
}
div#fil-ariane ul li a {
	
}

div#menu {
	margin-top:10px;
	margin-left: auto; 
	margin-right: auto;
	width:900px;
 	height:45px;
	background:url("../img/menu.jpg") top center no-repeat;
}
/* Propriétés du conteneur de navigation -----------------------------*/
#navigation			{ position:relative; display:block; height:2.3em; padding:0 0 0 10px; margin:0;  }
#navigation li		{ float:left; display:inline;  list-style: none; padding:0; margin:0; }
#navigation li a		{ float:left; display:block; border:0; text-decoration:none; font-weight:normal; vertical-align:middle; padding:7px 1em; color:#FFFFFF; font-size:15px; margin:0px 0.3em 0 0; white-space: nowrap; line-height:15px;  }
#navigation li a:hover	{ color:#000000; }
#navigation li.current a
,li.jd_menu_hover_toolbar a    		{ background:url("") top left repeat-x; font-weight:bold; }
#navigation li.current ul li a
,li.jd_menu_hover_toolbar ul li a 	{ background:url(""); }
#navigation li ul { display:none; position:absolute; background-color:#ffffff; clear:left; height:auto; padding:0; margin:-1px 0 0 2px; border-top:1px solid #cccccc; z-index:1000; }
#navigation li ul li { display:block; float:none; padding:0; margin:0; list-style-position:outside; }
#navigation li ul li a { display:block; float:none; background:#ffffff url(""); background-color:#FFFFFF; background-image:none; margin:0; padding:0.2em 0.5em; line-height:normal; color:#666666; border:1px solid #cccccc; border-top:0; font-size:0.9em;}
#navigation li ul li a:hover, li.jd_menu_hover_toolbar ul li a:hover, #navigation li ul li.current a { background:#eeeeee url(""); color:#000000; }

div#menubas {
	display:block;
	font-size:0.9em;
}

div#menubas ul { list-style-type:none; margin:0; padding:0;  text-align:center;}
div#menubas ul li { display:inline; margin:0 0.2em 0 0; }
div#menubas ul li a 			{ text-decoration:none; display:inline; }
div#menubas ul li a:visited 	{ text-decoration:none; }
div#menubas ul li a:hover 		{ text-decoration:underline; }

div#searchbox { position:relative; width:13em; border:0px #ff0000 solid; float:right; margin-top:-0.5em; }
div#searchbox fieldset { padding:0; margin:0; border:0; float:right; }
div#searchbox fieldset legend { padding:0; margin:0; border:0; font-size:0.8em; display:none; }
div#searchbox fieldset input.text { width:12em; font-size:0.8em; padding:0.2em 0.3em; vertical-align:middle; color:#999999; }
div#searchbox fieldset input.text:focus { color:#000000; }
div#searchbox fieldset button.submit { font-size:0.8em; padding:0.1em; vertical-align:middle; border:0px; background-color:transparent; color:#999999; }

/*
 * STYLES PERSONNALISES ----------------------------------------------------------
 */
 
/* Logo Animaweb */
.logo_animaweb {
	float:right;
	position:relative;
	margin:0px;
}

/*
* TABLES */
table.data { width:100%; }
table.data th { font-weight:bold; font-size:1em; color:#333333; white-space:nowrap; padding:0.2em 0.5em; border:1px #eeeeee solid; vertical-align:middle; }
table.data td { padding:0.2em 0.5em; font-size:1em; border:1px #eeeeee solid; vertical-align:middle; }

table.normal { width:100%; }
table.normal th { font-weight:bold; font-size:1em; padding:0; vertical-align:top; }
table.normal td { font-weight:normal; font-size:1em; padding:0; vertical-align:top; }

/*
* FORMULAIRES */
fieldset .required { font-size:1.2em; color:#CC0000; }
fieldset.normal { margin:10px auto; border:1px #cacaca solid; padding:1em 2em; background:#ffffff; display:block; }
fieldset.normal legend { font-size:1.5em; background-color:transparent; margin:0 0 0 -0.3em; }
fieldset.normal legend.img{ margin:0 0 0 -0.7em; }
fieldset.normal p { text-align:center; margin-bottom:5px; }
fieldset.normal ul { }
fieldset.normal ul li { list-style-type:none; margin-bottom:0.2em; }
fieldset.normal legend img { display:inline; }
fieldset.normal label { display:block; margin:0 0 0 0; font-weight:bold; }
fieldset.normal .inline { display:inline; }
fieldset.normal input { vertical-align:middle; }
fieldset.normal input[type=text], fieldset input[type=password] { display:block; width:97%; vertical-align:middle; }
fieldset.normal input[type=file] { display:block; }
fieldset.normal input[type=text]:focus, fieldset.normal textarea:focus {  }
fieldset.normal select { width:100%; display:block; }
fieldset.normal textarea { display:block; width:97%; height:6em; line-height:1.3em; }
fieldset.normal textarea.big { height:12em; }


/*
* PLAN Sitemap */
table.sitemap td { vertical-align:top; }
div.sitemap { }
div.sitemap ul { }
div.sitemap ul li { list-style-type:none; }
div.sitemap ul li a { color:#000000; font-weight:bold; font-size:1.3em; line-height:1.3em; }
div.sitemap ul li ul { margin-left:2em; }
div.sitemap ul li ul li { list-style:inside disc; }
div.sitemap ul li ul li a { color:#333333; font-weight:normal; font-size:1em; }
div.sitemap ul li ul li ul { margin-left:2em; }
div.sitemap ul li ul li ul li { list-style:inside lower-latin; font-size:0.8em; }

#mainflash {
	display:block;
	position:relative;
	z-index:100000000;
	margin-left:-90px;
	margin-right:-90px;
}



