/* CSS en commun */


/* Définition des éléments multiples */
img
{
	border:0;
}

div
{
	margin : 0;
	padding : 0;
}

ul
{
	padding-left : 15px;
	margin-left : 0;

}



/* Définition de la structure des div */
body
{
	padding: 0 ;
	font : 12px Verdana, Helvetica;
	background-color: #444444 ;
	width: 960px ;
	margin: 0 auto ;
	text-align: left ;
	margin-top : 10px;
}

div#main
{
	background-color: #FFFFFF ;
	width: 960px ;
	margin: 0 auto ;
	text-align: left ;
	position:relative;
	clear : both;
}

/* main - header */
div#header
{
	float : left;
	width : 960px;
	height : 100px;
	background-color : #FFFFFF;
/*	background-image:url(/public/images/back/top.gif);*/
}

/* main - header - banner */
div#banner
{
	position : absolute;
	top : 0;
	left : 0px;
	width : 560px;
	height : 100px;
}

/* main - header - address */
div#address
{
	position:absolute;
	left : 560px;
	top : 0px;
	width : 200px;
	height : 100px;
}

/* main - header - address - address1 */
div#address1
{
	position:absolute;
	left : 30px;
	top : 10px;
	width : 115px;
	height : 16px;
	background-image:url(/public/images/picto/address.jpg);
	background-repeat : no-repeat;
	background-position : left;
	padding-left : 25px;
	padding-top : 1px;
	border-color : #888888;
	border-width : 1px;
	border-style : solid;
	color : #505050;
}

/* main - header - address - address2 */
div#address2
{
	position:absolute;
	left : 30px;
	top : 33px;
	width : 140px;
	height : 18px;
	color : #303030;
	font-size : 0.8em;
	text-align : center;
	color : #505050;
}

/* main - header - map */
div#map
{
	position:absolute;
	left : 760px;
	top : 0px;
	width : 200px;
	height : 90px;
}

/* main - header - map - map1 */
img#map1
{
	position:absolute;
	left : 6px;
	top : 3px;
}

/* main - header - map - map2 */
div#map2
{
	position:absolute;
	left : 6px;
	top : 73px;
	width : 65px;
	height : 12px;

}

/* main - header - map - map3 */
div#map3
{
	position:absolute;
	left : 6px;
	top : 73px;
	width : 65px;
	height : 12px;
	font-size : 0.7em;
	margin-left : 20px;
}

/* main - maincontent */
div#maincontent
{
	float:left;
	width:960px;
	background-color : #FFFFFF;
/*	background-image:url(/public/images/back/middle.gif); */


}

/* main - maincontent - menu */
div#menu
{
	float:left;
	font-size : 0.9em;
	color : #505050;
	width:200px;
}

/* main - maincontent - menu - menu1 */
div#menu1
{
	position:relative;
	margin-left : 20px;
	margin-top : 3px;
	margin-bottom : 5px;
}

/* main - maincontent - menu - menu1 - menulvl1 */
div.menulvl1
{
	height:30px;
	width:160px;
}

/* main - maincontent - menu - menu1 - menulvl2 */
div.menulvl2
{
	height:15px;
	position:relative;
}

/* main - maincontent - menu - menu1 - menulvl2txt */
p.menulvl2txt
{
	position:absolute;
	top:-9px;
	/top: 1px; 
	left:38px
}

/* main - maincontent - menu - menu1 - menulvl2txt a */
p.menulvl2txt a
{
	color : white;
	font-size:0.8em;
	text-decoration:none
}

/* main - maincontent - menu - menu1 - menulvl3 */
div.menulvl3
{
	height:14px;
	position:relative
}

/* main - maincontent - menu - menu1 - menulvl3txt */
p.menulvl3txt
{
	position:absolute;
	top:-10px;
	/top: 0px; 
	left:46px
}

/* main - maincontent - menu - collaborateurs (Titre) */
div#collaborateurs
{
	margin-top:15px;
	height:18px;
	position:relative
}

/* main - maincontent - menu - collaborateurs - collaborateurtxt (Titre)*/
p#collaborateurstxt
{
	position:relative;
	top:2px;
	left:25px;
}

/* main - maincontent - menu - collaborateur (Chaque personne) */
div.collaborateur
{
	margin-top:2px;
	height:42px;
	width:182px;
	position:relative;
	font-size:0.8em
}

/* main - maincontent - menu - collaborateur - collaborateurtxt (Chaque personne) */
p.collaborateurtxt
{
	position:absolute;
	top:-8px;
	/top:0px;
	left:10px;
}

/* main - maincontent - content */
div#content
{
	float:left;
	font-size : 0.9em;
	color : #000000;
	width: 553px;
	padding-left : 7px;
	padding-bottom : 20px;

}

/* main - maincontent - content - content_title*/
div#content_title
{
	width:523px;
	height : 16px;
	margin-top:6px;
	border-color : #888888;
	border-width : 1px;
	border-style : solid;
	padding-left:20px;
	padding-top : 2px;
	position:relative;
}

/* main - maincontent - content - p */
div#content p
{
	width : 460px;
	margin-left : 8px;
	font-size : 0.9em;
	color : #000000;
}
/* main - maincontent - content - input & textarea */
div#content input, div#content textarea
{
	width : 300px;
}

/* main - maincontent - content - leftside */
div.leftside
{
	width:250px;
	float:left;
	margin-bottom : 5px;
}

/* main - maincontent - content - rightside */
div.leftside
{
	width:250px;
	float:left;
	margin-bottom : 5px;
}

div.rightside
{
	width:250px;
	float:right;
	margin-left:20px;
	margin-right : 20px;
	margin-bottom : 5px;
}


/* main - maincontent - news*/
div#news
{
	float:right;
	font-size : 0.9em;
	color : #000000;
	width : 180px;

}

/* main - maincontent - news - news1 */
div#news1
{
	position:relative;
	margin-top : 3px;
	margin-bottom : 5px;
}

/* main - maincontent - news - news1 - newspicto */
div#newspicto
{
	margin-top:15px;
	height:18px;
	position:relative
}

/* main - maincontent - news - news1 - newspicto - newspictotxt */
p#newspictotxt
{
	position:absolute;
	top:-9px;
	/top:1px;
	left:25px
}

/* main - maincontent - news - newsitem */
div.newsitem
{
	width:160px;
	margin-top:10px;
	height:77px;
	position:relative;
	border-color:#888888;
	border-width:1px;
	border-style:solid
}

/* main - maincontent - news - newsitem - newsitemimage */
div.newsitemimage
{
	position:absolute;
	top:0;
	left:0;
	width:160px;
	height:12px;
}

/* main - maincontent - news - newsitem - newsitemtitle */
div.newsitemtitle
{
	position:absolute;
	top:0;
	left:5px;
	font-size:0.8em;
	font-style:italic
}

/* main - maincontent - news - newsitem - newsitemcontent */
div.newsitemcontent
{
	text-align:left;
	margin-top:12px;
	width:152px;
	height:65px;
	text-transform:uppercase;
	font-size:0.7em;
	padding:4px;
	/padding-top : 16Px;
}

/* main - contentfooter */
div#contentfooter
{
	clear:both;
}

/***********************************************************************************/
/* élément modifié dans les secteurs                                               */
/***********************************************************************************/
/* main - maincontent - content - h1*/
div#content h1
{
	width : 534px;
	height : 12px;
	background-image:url(/public/images/h1.gif);
	font-size : 0.9em;
	padding-left : 6px;
	clear:both;
}

/* main - maincontent - content - h2*/
div#content h2
{
	width : 250px;
	height : 12px;
	background-image:url(/public/images/h1.gif);
	margin-left : 6px;
	font-size : 0.9em;
	color : #FFFFFF;
	padding-left : 6px;
}