/* GENERAL */

TABLE    { 
	display: table; 
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border: hidden;
	border-bottom-width:0px;
	border-top-width:0px;
}
TR       { 
	display: table-row; 
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border: hidden;
	border-bottom-width:0px;
	border-top-width:0px;
	}

TD, TH   { display: table-cell; 
margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border: hidden;
	border-bottom-width:0px;
	border-top-width:0px;}
	
CAPTION  { display: table-caption }
THEAD    { display: table-header-group }
TBODY    { display: table-row-group }
TFOOT    { display: table-footer-group }
COL      { display: table-column }
COLGROUP { display: table-column-group }

img{
	border-width: 0px;
	behavior: url(./fileadmin/templates/internet/css/pngbehavior.htc);
	display:inline;
}



.bodyHome {
	background-color: #FFFFFF;
	background-image: url(../commun/img/fond_n-1.jpg);
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
}

.bodytext{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #454E57;
}



.texte {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}




/* POSITIONNEMENT DES CONTENUS (LAYERS) */

#logo {
	position:absolute; 
	left: 689px; 
	top: 0px; 
	width:315px; 
	height:89px; 
	z-index:1
}
#navmain {
	position:absolute;
	left: 275px;
	top: 21px;
	width:150px;
	height:65px;
	z-index:10;
	background-image: url(../commun/img/navmain_fond.jpg);
	margin:0px;	
}
#navleft {
	position:absolute; 
	left: 22px; 
	top: 288px; 
	width:150px; 
	height:65px; 
	z-index:2
}
#contenu {
	position:absolute; 
	left: 274px; 
	top: 170px; 
	width:730px;  
	z-index:1
}
#localisation {
	position:absolute; 
	left: 274px; 
	top: 132px; 
	width:525px;  
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .6em;
	line-height: 1.1em;
}


/* STYLES NAVIGATION PRINCIPALE (NAVMAIN) */

.menuCell{
	display:block;
	width:150px;
	height:13px;	
}


/* STYLES BARRE DE LOCALISATION */

.localize-text {
	display:inline;
	color: #7399AD;
}


/* STYLES ZONE DE CONTENUS */

TD#zonecontenu	{
	padding-top: 5px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 30px;
	width:500px;
	vertical-align:top; 
}

TD#zonebreves	{
	padding-top: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 10px;
	width:200px; 
	vertical-align:top;
}


/* PIED DE PAGE */

TABLE#pied    {
	border-collapse: collapse;
}

TD#piedcell1	{
	width:81px;
	vertical-align:top;
	padding:0px;
}
TD#piedcell2	{
	width:646px;
	vertical-align:top;
	padding:0px;
}
.imgpied{
	display:block;
	vertical-align:top;
}
TD#piedcomment	{
	vertical-align:top;
}
TABLE#piedtext    {
	width:100%;
	margin-left:5px;
	border-collapse:collapse;
}
.piedgreytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #989898;
	text-align:left;
	vertical-align:top;
	display:block;
	margin-left: 10px;
}
.piedblacktext {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	vertical-align:top;	
	text-align:left;
	margin-left: 10px;
}
.piedLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	vertical-align:top;
	text-decoration:none;	
}
.piedgreylink {
	color: #989898;
}

/* ACCES RAPIDE ET RECHERCHERCHE */

#accesthematique{
	display:block;
	margin:0px;
}
#recherchemotclef{
	display:block;
	margin:0px;
}

.accesrapidebloc1{ 
	display: table-cell;
	width:175px;
	margin:0px;
	padding:0px;
}
.accesrapidebloc2{ 
	display: table-cell;
	width:25px;
	vertical-align:bottom;
	text-align:center;
	margin:0px;
	padding:0px;
}


.accesrapide-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	width:162px;
	height:18px;
	margin-top:2px;
	margin-bottom:2px;
}

.rechercheKeyword {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	width:157px;
	<!--[if !IE]><!-->
	height:13px;
	<!--><![endif]-->
	<!--[if IE]>
	height:20px;
	<![endif]-->
	display:block;
	margin-top:2px;
	margin-bottom:2px;
}

.accesrapidespacer{
	display:block;
	width:198px;
	height:5px;
}


/* NAVIGATION GAUCHE (NAVLEFT) */


TABLE#navleftbl    {
	width:214px;
	border: hidden;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}


TD#navlefttopleft{
	background-image: url(../commun/img/left-col-top.gif);
	height:6px;
	width:6px;
	background-repeat: no-repeat;	
}
TD#navlefttopcenter{
	background-image: url(../commun/img/left-col-top.gif);
	background-repeat: repeat-x;
}
TD#navlefttopright{
	background-image: url(../commun/img/left-col-top-right.gif);
	width:15px;
	background-repeat: no-repeat;	
}
TD#navleftleft{
	background-image: url(../commun/img/left-col-left.gif);
	background-repeat: repeat-y;
}

TD#navleftright{
	background-image: url(../commun/img/left-col-right.gif);
	background-repeat: repeat-y;
}
TD#navleftbottomleft{
	background-image: url(../commun/img/left-col-bottom-left.gif);
	height:20px;
	background-repeat: no-repeat;
}
TD#navleftbottomcenter{
	background-image: url(../commun/img/left-col-bottom-center.gif);
	background-repeat: repeat-x;
}
TD#navleftbottomright{
	background-image: url(../commun/img/left-col-bottom-right.gif);
	background-repeat: no-repeat;
}

/* BREVES */
.blocbreve {
	display:block;
	margin-top:10px;
	margin-bottom:15px;
}

.textebreve {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #454E57;
	text-align:justify;
	margin-top:5px;
	margin-bottom:5px;
}


.textebreve p.bodytext{
	margin-top:0px;
	margin-bottom:0px;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #454E57;
	text-align:justify;
}



/* NAVIGATION GAUCHE */

TABLE#navLefItemTbl    {
	width:193px;
	border: hidden;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

.navLeftItemTop{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/templates/internet/commun/img/leftMenuItemTop.png', sizingMethod='scale');
	width:193px;
	height:7px;
}
.navLeftItemTop[class]{
	background-image: url(../commun/img/leftMenuItemTop.png);
}

.navLeftItemBottom{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/templates/internet/commun/img/leftMenuItemBottom.png', sizingMethod='scale');
	width:193px;
	height:7px;
}

.navLeftItemBottom[class]{
	background-image: url(../commun/img/leftMenuItemBottom.png);
}

.navLeftItemCenter{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='fileadmin/templates/internet/commun/img/leftMenuItemFond.png');
	width:193px;
	padding-left:9px;
	padding-right:5px;
}
.navLeftItemCenter[class]{
	background-image:url(../commun/img/leftMenuItemFond.png);
}



.leftNavItem{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #45678B;
	line-height:normal;
	font-weight: bold;
	text-decoration:none;
}
.navLeftItem:hover{
	text-decoration:underline;
}
.leftNavArrow{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: white;
	line-height: 1.2em;
	font-weight: bold;
	text-decoration:none;
}

.leftnavspacer{
	display:block;
	width:193px;
	height:20px;
}



/* Menus textes */

#navmain div, #mActuL2, #mAggloL2, #mTourismeL2, #mEntreprendreL2, #mDevDurL2, #mActuL3, #mAggloL3, #mTourismeL3, #mEntreprendreL3, #mDevDurL3{
	margin:0;
	padding:0;
	display:block;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:12px;
	width:150px;
	height:13px;
	/*z-index:9999;*/
	background-color:transparent;
	border:none;
	float:left;
}

.blueArrow{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0191DB;
}

.ro1{ color:#FF0F8F; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.ro2{ color:#FF6600; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.ro3{ color:#CCFF00; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.ro4{ color:#0278B3; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.ro5{ color:#FFFF33; font-size:11px; font-family:Arial, Helvetica, sans-serif;}

.act1{ color:#E60E81; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.act2{ color:#FF6600; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.act3{ color:#E60E81; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.act4{ color:#0191DB; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.act5{ color:#FFFF33; font-size:11px; font-family:Arial, Helvetica, sans-serif;}


#mActu a{ background-color:transparent; color:#FFFFFF; text-decoration:none; display:block; width:150px; height:12px; }
#mActu a:hover{ background-color:#E70E81; color:#FFFFFF;}

#mAgglo a{ background-color:transparent; color:#FFFFFF; text-decoration:none; display:block; width:150px; height:12px; }
#mAgglo a:hover{ background-color:#F3AA03; color:#FFFFFF;}

#mTourisme a{ background-color:transparent; color:#FFFFFF; text-decoration:none; display:block; width:150px; height:12px; }
#mTourisme a:hover{ background-color:#99CC01; color:#FFFFFF;}

#mEntreprendre a{ background-color:transparent; color:#FFFFFF; text-decoration:none; display:block; width:150px; height:12px; }
#mEntreprendre a:hover{ background-color:#29A8EB; color:#FFFFFF;}

#mDevDur a{ background-color:transparent; color:#FFFFFF; text-decoration:none; display:block; width:150px; height:12px; }
#mDevDur a:hover{ background-color:#FFCA01; color:#FFFFFF;}


#mActuL2 a, #mActuL3 a{ background-color:#E70E81; color:#FFFFFF; text-decoration:none; display:block; width:150px; height:12px; }
#mActuL2 a:hover, #mActuL3 a:hover{ background-color:#FF0F8F; color:#FFFFFF;}

#mAggloL2 a, #mAggloL3 a{ background-color:#F3AA03; color:#FFFFFF; text-decoration:none; display:block; width:150px; height:12px; }
#mAggloL2 a:hover, #mAggloL3 a:hover{ background-color:#FFBE33; color:#FFFFFF;}

#mTourismeL2 a, #mTourismeL3 a{ background-color:#99CC01; color:#FFFFFF; text-decoration:none; display:block; width:150px; height:12px; }
#mTourismeL2 a:hover, #mTourismeL3 a:hover{ background-color:#ACE500; color:#FFFFFF;}

#mEntreprendreL2 a, #mEntreprendreL3 a{ background-color:#29A8EB; color:#FFFFFF; text-decoration:none; display:block; width:150px; height:12px; }
#mEntreprendreL2 a:hover, #mEntreprendreL3 a:hover{ background-color:#4CC3FF; color:#FFFFFF;}

#mDevDurL2 a, #mDevDurL3 a{ background-color:#FFCA01; color:#FFFFFF; text-decoration:none; display:block; width:150px; height:12px; }
#mDevDurL2 a:hover, #mDevDurL3 a:hover{ background-color:#FFE066; color:#FFFFFF;}


