/*	-------------------------------------------------------------
	Association des entreprises Espace Polygone Perpignan
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Structure du site
	Nom fichier:	structure.css
	Version:		1.0
	Date:			29/07/2007
	-------------------------------------------------------------	*/


/*	-------------------------------------------------------------
	General
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


body {
	background-color: #C2C2C2;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #314287;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 20px;
	margin:0px;
}


td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}

p {
	margin:11px 0;
}


/*	-------------------------------------------------------------
	Mise en page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


#containerhaut {
	color:#818181;
	display:block;
	font-size:10px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align:center;
	width: 945px;
}


#containeracc1 {
/*	background-image:url(../images/1-visuel.jpg); */
	background-position:top;
	background-repeat:repeat-y;
	color:#17296E;
	display:block;
	text-align: left;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 945px;
	height: 303px;
}








#containeracc2 {
	background-color:#2B7DDE;
	background-image:url(../images/ttu-acc1.gif);
	background-position:top;
	background-repeat:repeat-y;
	display:block;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 945px;
}


#containeracc2b {
	background-color:#2B7DDE;
	display:block;
	text-align: right;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 945px;
}


#containeracc3 {
	background-color:#2B7DDE;
	background-image:url(../images/ttu-acc2.gif);

	background-position:top;
	background-repeat:repeat-y;
	display:block;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 945px;
}


#containeracc3b {
	background-color:#2B7DDE;
	border-bottom:#000000 solid 8px;
	display:block;
	text-align: left;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 945px;
}


#accintro {position: relative; float:left; display:block; width:500px; left:13px; margin-top:67px; color:#314287; font-size:10px;}
#accdroite {position: relative; float:right; display:block; width:190px; right:6px; margin-top:6px;}
#accdroiteb {position: relative; float:right; display:block; width:205px; right:-2px; margin-top:0px;}


#accbas1 {position: relative; float:left; display:block; width:230px; left:9px; margin-top:6px;}
#accbas2 {position: relative; float:left; display:block; width:220px; left:30px; margin-top:6px;}
#accbas3 {position: relative; float:left; display:block; width:206px; left:56px; margin-top:6px;}
#accbas4 {position: relative; float:left; display:block; width:188px; left:81px; margin-top:6px;}


#containerbas {
	color:#000000;
	display:block;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-top:10px;
	position: relative;
	text-align:center;
	width: 945px;
}


#containerint1000 {
	background-image:url(../images/1000-visuel.jpg);
	background-position:top;
	background-repeat:repeat-y;
	color:#FFFFFF;
	display:block;
	text-align: left;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 945px;
	height: 221px;
}


#containerint2000, #containerint7000 {
	background-image:url(../images/2000-visuel.jpg);
	background-position:top;
	background-repeat:repeat-y;
	color:#FFFFFF;
	display:block;
	text-align: left;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 945px;
	height: 221px;
}


#containerint3000 {
	background-image:url(../images/3000-visuel.jpg);
	background-position:top;
	background-repeat:repeat-y;
	color:#FFFFFF;
	display:block;
	text-align: left;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 945px;
	height: 221px;
}


#containerint4000 {
	background-image:url(../images/4000-visuel.jpg);
	background-position:top;
	background-repeat:repeat-y;
	color:#FFFFFF;
	display:block;
	text-align: left;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;

	width: 945px;
	height: 221px;
}


#containerint5000 {
	background-image:url(../images/5000-visuel.jpg);
	background-position:top;
	background-repeat:repeat-y;
	color:#FFFFFF;
	display:block;
	text-align: left;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 945px;
	height: 221px;
}


#containerint6000 {
	background-image:url(../images/6000-visuel.jpg);
	background-position:top;
	background-repeat:repeat-y;
	color:#FFFFFF;
	display:block;
	text-align: left;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 945px;
	height: 221px;
}


#containerintpage {
	background-color:#2B7DDE;
	background-image:url(../images/ttu-int1.gif);
	background-position:top;
	background-repeat:repeat-y;
	display:block;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 945px;
}


#intgauche {
	float:left;
	position:relative;
	left:6px;
	display:block;
	text-align: center;
	width: 205px;
}


#intdroitesom {
	background-image:url(../images/1000-somttu.gif);
	background-position:top;
	background-repeat:repeat-y;
	float:left;
	position:relative;
	left:19px;
	top:8px;
	display:block;
	text-align: left;
	width: 708px;
}


#intdroite {
	float:left;
	position:relative;
	left:19px;
	display:block;
	text-align: left;
	width: 708px;
}


#som1000a {position:relative; float:left; display:block; width:210px; text-align:center;}
#som1000b {position:relative; float:left; left:5px; display:block; width:279px; text-align:center;}
#som1000c {position:relative; float:left; left:9px; display:block; width:210px; text-align:center;}


/*	-------------------------------------------------------------
	Positionnement
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#posacc1 {position:absolute; bottom:0px; right:5px;}
#posacc2 {position:absolute; top:57px; left:530px;}
#posacc3 {position:absolute; bottom:0px; left:6px;}
#posacc4 {position:absolute; top:7px; left:20px; margin:0px; padding:0px; display:block; width:500px;}
#posacc5 {position:absolute; top:4px; right:6px;}


#accposhaut1 {position:absolute; top:7px; left:590px;}
#accposhaut1int {position:absolute; top:157px; left:61px;}
#accposhaut2 {position:absolute; top:8px; left:5px;}
#accposhaut3 {position:absolute; top:7px; left:738px;}
#accposhaut4 {position:absolute; top:138px; left:185px;}
#accposhaut5 {position:absolute; top:293px; left:766px;}
#accposhaut6 {position:absolute; top:281px; left:10px;}
#accposhaut6int {position:absolute; top:199px; left:220px;}


/*	-------------------------------------------------------------
	Navigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#menu {
	float:left;
	position: relative;
	margin: 0px;
	width:717px;
	text-align: left;
	height: 22px;
	top:0px;
	left:0px;
	
}


#menu a:hover, #menu a.select { background-position: 0 -22px; }
.mn0, .mn1, .mn2, .mn3, .mn4, .mn5, .mn6 {
	display: block;
	position:relative;
	top:0px;
	float: left;
	height: 22px;
}


.mn0 { background: url(../images/mn0.gif) no-repeat; width: 71px; left:0px; }
.mn1 { background: url(../images/mn1.gif) no-repeat; width: 141px; left:0px; }
.mn2 { background: url(../images/mn2.gif) no-repeat; width: 89px; left:0px; }
.mn3 { background: url(../images/mn3.gif) no-repeat; width: 119px; left:0px; }
.mn4 { background: url(../images/mn4.gif) no-repeat; width: 101px; left:0px; }
.mn5 { background: url(../images/mn5.gif) no-repeat; width: 95px; left:0px; }
.mn6 { background: url(../images/mn6.gif) no-repeat; width: 101px; left:0px; }


/* ------------------------------ */


#menuh a:hover, #menuh a.selecth { background-position: 0 -22px; }
.mnh1, .mnh2, .mnh3, .mnh4, .mnh5 {
	display: block;
	position:relative;
	top:0px;
	float: left;
	height: 22px;
}


.mnh1 { background: url(../images/mnh1.gif) no-repeat; width: 146px; left:0px; }
.mnh2 { background: url(../images/mnh2.gif) no-repeat; width: 98px; left:0px; }
.mnh3 { background: url(../images/mnh3.gif) no-repeat; width: 126px; left:0px; }
.mnh4 { background: url(../images/mnh4.gif) no-repeat; width: 106px; left:0px; }
.mnh5 { background: url(../images/mnh5.gif) no-repeat; width: 241px; left:0px; }


/*	-------------------------------------------------------------
	Autres classes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


.acavantage {float:left; background-image:url(../images/acc-bt1.gif);  background-repeat:no-repeat; padding-left:22px; display:block; width:295px; margin-bottom:15px; background-position: 0% 50%}


.acdossiers {background-image:url(../images/acc-bt2.gif); background-repeat:no-repeat; background-position: top left; padding-left:19px; display:block; margin-bottom:10px;}


.acdirect {background-image:url(../images/acc-bt3.gif); background-repeat:no-repeat; background-position: 0px 4px; padding-left:15px; display:block; margin-bottom:10px;}


.acdirect15 {background-image:url(../images/acc-bt3.gif); background-repeat:no-repeat; background-position: 0px 4px; padding-left:15px; display:block; margin-bottom:15px;}


.icrub {background-image:url(../images/acc-bt3.gif); background-repeat:no-repeat; background-position: 0px 4px;
 padding-left:15px; display:block; margin-bottom:7px; margin-top:10px;}
.icpage{background-image:url(../images/icpage.gif); background-repeat:no-repeat; background-position: 0px 7px; padding-left:21px; display:block; margin-bottom:6px;}


#ic_navCat {
	list-style: none;
	margin: 0;
	padding: 0;
}
li.categorie {
	background-image:url(../images/acc-bt3.gif); 
	background-repeat:no-repeat; 
	background-position: 0px 4px;
	padding-left:15px; 
	margin-bottom:7px; 
	margin-top:10px;
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
}
li.categorie.NORMAL {
	font-weight: normal;
	margin-top: 2px;
	margin-bottom: 17px;
	text-transform: none;
}
li.article {
	color: #D65E47;
	margin-bottom: 7px;
}


li.select { color: #D65E47; font-weight: bold; }
li a { color: #000; text-decoration: none; }
li a:hover { text-decoration: underline; }


.ic_navArt {
	list-style: none;
	margin: 0;
	padding-left: 15px;
	margin-bottom: 6px;
}
.tt_ic {
	display:block; 
	margin: 0;
	padding: 0;
	margin-top:7px; 
	margin-bottom:8px;
	color: #D65E47;
	font-size: 16px;
}