/*texte par defaut*/
/*rouge #7E2B3F ou #990000  gris bleu #dcdcf4
vert #006633
*/

body{
	font-size:11px;
	color:#CCC;
	background-color:#ededed;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
.content{
	background-color:white;
	background-image: url(images/fond-deg.jpg);
	background-repeat: repeat-y;
	border:1px border grey;
}

#main{
	min-height:500px;
}
.officiel{
	text-align:right;
	font-size:11px;
}
hr{
height: 2px;
margin:0 5px 0 5px;
padding: 0 ;
color: #ededed;
background-color: #ededed;
border: 0;
text-align:center;
width:838px;
}
/* style pour tous les liens du site par defaut */
a:hover {color: #990033;text-decoration: underline;}
a:active {text-decoration: none;}
a:link {text-decoration: none;}
a:visited { text-decoration: none; }
.divers{
	font-size:11px;
	font-family: "Lucida Grande", Verdana, sans-serif;
	color: #990000;
	margin: 10px 0 10px 0 ;
	padding: 0 0 20px 5px;
	text-align: left;
}
/*diamporama*/
#diaporama{text-align:center; padding:30px 0 30px 0; }
#diapo{text-align:right; padding-right:10px; }
/*site NL*/
.bordbas{border-bottom: 1px solid #ededed}
.bordbasg{border-bottom: 1px solid #ededed;border-right: 1px solid #ededed; }
.bordbasd{border-bottom: 1px solid #ededed;border-left: 1px solid #ededed; }
.bordcote{border-left: 1px solid #ededed;border-right: 1px solid #ededed}
.encadre{border: 1px solid #ededed;}
/* style pour les menus*/

#municipal .gapimenutr {
margin:10px;
background-color:#ecf4e9;
}
#municipal .gapimenu {
	font-family: Arial, Helvetica, sans-serif;
	color:#7E2B3F;
	text-decoration:none;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}
 .gapimenutd {
	width: 180px;
	height: 15px;
	padding: 5px 5px 5px 20px;
}

#municipal a.gapimenu:hover {
	text-decoration:underline;
}
#municipal  .gapimenutheme {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000066;
	text-align: left;
	padding: 5px;
	font-variant: small-caps;
	background-color: #cdd9e4;
}

/* style pour le nom du GAPI*/
/*
.gapinom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #7E2A3E;
	text-decoration: none;
	font-weight: bold;
	width: 100%;
	border: none;
}*/

/* style pour le nom du module*/
#rubrique{}
.gapimodule {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #000066;
	font-weight: bold;
	margin-bottom:20px;
	text-transform: uppercase;
}


/* style pour module standards - page liste*/
.gapilistetable{
	margin-top:5px;
}
/*THEME$*/
.gapithememarge {
}
.gapithemetable {
}
.gapithemepuce {text-align: center;vertical-align: middle;}
.gapithemetd {
	width: auto;
	padding-left: 5px;
	padding-right: 5px;
}
.gapitheme {
	font-variant: small-caps;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: auto;
	margin-bottom: auto;
	font-weight: bold;
	color: #000033;
}
a.gapitheme:hover { text-decoration: none}
/*TITRE*/
.gapititre {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #660000;}
a.gapititre:hover {  color: #990000; text-decoration: underline;}

.gapititremarge {
	margin: 5px 0 3px O;
}
.gapititretable {
}
.gapititrepucetd {
	text-align: center;
	vertical-align: top;
	padding-top: 3px;
}
.gapititrepuce {
	text-align: center;
	vertical-align: middle;
	background-color: #FFFFFF;
}
.gapititretd {padding-left: 5px;}

/*texte resume */
.gapitexte {
	font-size: 11px;
	color: #333333;
	line-height: 16px;
}


.gapiresume {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 16px;
}
/*.gapiresume UL   { margin-left: 0px }
.gapiresume LI    { list-style: none url("deco/puce_verte_big.gif"); margin: 5px 0px 0 20px; padding: 0 }
£*/
.gapibarreh {
	background-color: #666666;
	height: 1px;
	margin-top: 10px;
}
.gapibarrev {border-right-width: 1px;border-right-style: solid;border-right-color: #666666;padding-left: 25px;}


/* style pour module standards - page detail*/

.gapitextemarge {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 15px;
}
.gapitextetable {
	width: 100%;
	padding-right: 5px;
}
.gapitextetd {
	padding:0px 5px;
}
td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 16px;
}

.gapioutiltable {border-bottom: 1px solid #000;}
.gapioutiltd    { text-align: right; border-bottom: 1px solid #000066 ; border-right: 1px solid #000066}

a.gapioutiltextetable    {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #dcdcf4;
	padding: 0px 12px 0px 12px;
	color: #000033;
}
.a.gapioutiltextetable:hover {color: #990000;text-decoration: underline;}

.gapioutiltexte   {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #dcdcf4;
	padding: 0px 12px 0px 12px;
	color: #000033;
}
.a.gapioutiltexte:hover {color: #990000;text-decoration: underline;}


.gapidate {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #990000;text-align: center;font-style: italic;}
.gapiimprimer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000 }
.gapiretour { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000 }

/* style pour zone inscription mailing - page liste*/

.gapiinscriptionmargetd {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
}
.gapiinscriptiontable {
	width: 100%;
	padding-right: 5px;
	padding-left: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
.gapiinscriptiontd {
	padding:0px 5px;
	margin: 5px;
}
.gapiinscription {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;}


/* style pour module FAQ*/

.faqnumero {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #333333;background-color: #CCCCCC;border: 1px solid #333333;text-align: center;vertical-align: middle;margin-right: 10px;padding: 2px;}

/* style pour module formulaire*/

.formtheme {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #000066;}
.formthemetable {width: 100%;}
.formthemetd {background-color: #CCCCCC;padding-left: 10px;}
.formtitre {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #FFFFFF;}
.formtitretable {background-color: #FFFFCC;width: 100%;}
.formtitretd {background-color: #FF6600;padding-left: 10px;}
.gapiselect {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #FF0000;}
.gapibouton {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; background-color: #E8E8E8; color: #333333; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.gapiarea {
	clip:  rect(   );
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

/*MENUS*/
/*$MENU HORIZONTAL*/


#hor .gapimenutable {
margin-left:200px;
width:600px;
background-color:#fff;
height:15px;
}

/*Style pour les thèmes*/
/*largeur TD des thèmes*/
#hor .gapimenutabletd {
width:auto;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}
#hor .gapimenudivtable{
}
/* paramètres titre*/
/*Style  menu déroulant*/
/*Style TD menu déroulant*/
#hor .gapimenutablesub{
	/*padding-left:20px;*/
	border:1px solid #003; 
	background-color:#bbff57;
	width:100%;
}
#hor .gapimenutd {
	padding:3px 3px 3px 7px ;
	white-space: nowrap;
	/*border:1px solid #003; */
}

#hor .gapimenu{
	font-variant: small-caps;
	text-align:center;
	color: #006633;
	font-weight:normal;
	font-family: Verdana,Arial, Helvetica, sans-serif; 
	font-size: 13px;
	padding:1px;
	white-space: nowrap;
}
#hor a.gapimenu:link{text-decoration:none;color:#006633;}
#hor a.gapimenu:visited{;text-decoration:none;color:#006633;}
#hor a.gapimenu:active{;text-decoration:none;color:#006633;}
#hor a.gapimenu:hover{text-decoration:underline;color:#7E2A3E;}

/*MENU ADMIN*/
#admin{
	width:200px;
	padding:10px;
	text-align:right;
	
}
#admin .gapimenutd{border-right: 1px solid #006633;
}
#admin .gapimenu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	text-decoration:none;
	font-style: italic;
	color:#006633;
}
#admin a.gapimenu:link{font-weight:normal;text-decoration:none;color:#006633;font-style: italic;}
#admin a.gapimenu:visited{font-weight:normal;text-decoration:none;color:#006633;font-style: italic;}
#admin a.gapimenu:active{font-weight:normal;text-decoration:none;color:#006633;font-style: italic;}
#admin a.gapimenu:hover{font-weight:normal;text-decoration:underline;font-style: italic;}

/*MENU PIED*/
#foot td{ border-top:2px solid red;}
#non td{border:none;}
#menu-foot{
	height:20px;
	margin:10px;
	text-align: left;

}
#menu-foot .gapimenu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;
	text-decoration:none;
}
#menu-foot a.gapimenu:link{font-weight:normal;text-decoration:none;}
#menu-foot a.gapimenu:visited{font-weight:normal;text-decoration:none;}
#menu-foot a.gapimenu:active{font-weight:normal;text-decoration:none;}
#menu-foot a.gapimenu:hover{font-weight:normal;text-decoration:underline;}

#menu-foot .gapimenutable{
	white-space: nowrap;

}
#menu-foot .gapimenutr{
}
#menu-foot .gapimenutd{
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #003333;
	padding:1px 7px 1px 5px;
}
/*FLASH INFO*/
#flashinfo {
	/*background-color:#ededed;*/
	width:200px;
	height:200px;
	border: 3px solid black;
	font-family: "Lucida Grande", Verdana, sans-serif;
	color: #990033;
	font-size: 12px;
	background-image: url(images/info.jpg);
}

#flashinfo .td{
	padding: 5px;
	
}
#flashinfo .gapitheme{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000033;
	padding: 2px;
	font-variant: small-caps;
}

/*menu menucipal*/
#municipal .gapimenutable{
	width:200px;
}
#municipal .gapimenutheme{
}
#municipal .gapimenutr{
}
#municipal .gapimenupucetd{
	width:Opx;
}

#municipal .gapimenutd{
	background-color:white;
}
#municipal .gapimenutitre{
	text-align:left;
	background-color:white;
}

#municipal a.gapimenutitre:hover{}
/*menu pratique*/
#pratique .gapimenutable{width:200px;}

/*menu demain*/
#demain .gapimenutable{
	width:200px;

}

/*INFOBULLE*/
a.info {
position: relative;
text-decoration: none;
color: #ff3333;
}
a.info span {
display: none;
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
a.info:hover span {
width:100px;
background: none; /* correction d'un bug IE */
margin: 0 0 0 30px ;
z-index: 500;
display: inline;
position: absolute;
background-color: #dcdcf4;
top: 1em;
left:-1em;
text-align: left;
color: #000033;
padding:2px 2px 2px 7px;
border:0;
text-decoration: none;
}
a.infob {
position: relative;
text-decoration: none;
color: #ff3333;
}
a.infob span {
display: none;
}
a.infob:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
a.infob:hover span {
width:200px;
background: none; /* correction d'un bug IE */
margin: -80px 0 0 30px ;
z-index: 500;
display: inline;
position: absolute;
background: #fae790;
top: 1em;
left:-1em;
text-align: left;
color: #000033;
padding:2px 2px 2px 7px;
border:0;
text-decoration: none;
}
/* STYLE pour page association IFRAME*/
/*texte avec barre de défilement sur page d'accueil */
 #info{
 	background-color: red;
	height:400px;
	width:600px;
	overflow: auto;
	position:relative;
	left:230px;
	top:240px;
	padding:10px;
	border:4px solid white;
	opacity:0.5;

}
 #info .gapititre{
font-size:20px;
	color:white;
}
 #info .gapidate{
 font-size:12px;

}

#info .gapiresume{
	color:#fff;
	font-size:16px;
	/*padding:5px 2px 2px 20px;*/
} 
/*/ /STYLE pour page association IFRAME*/


/* style a verifier 
.gapigaleriemargetable {
	vertical-align: top;
}
.gapigaleriemargetr {
	vertical-align: top;
}
.gapigaleriemargetd {
	vertical-align: top;
	padding: 5px;
	text-align: center;
}
.gapigalerietable {
	width: 100%;
	vertical-align: top;
	border: 1px solid #CDD5DC;
	text-align: center;
}
.gapigalerietr {
	width: 100%;
	vertical-align: top;
}
.gapigalerietitremargetable {
	vertical-align: top;
	width: 100%;
}
.gapigalerietitremargetr {
	vertical-align: top;
		width: 100%;
}
.gapigalerietitremargetd {
	vertical-align: top;
	text-align: center;
	width: 100%;
}
.gapigalerietitretable {
	width: 100%;
	vertical-align: top;
	text-align: center;
}
.gapigalerietitretr {
	width: 100%;
	vertical-align: top;
	text-align: center;
}
.gapigalerietitretd {
	width: 100%;
	padding: 5px;
	vertical-align: top;
	text-align: center;
}
.gapigalerietitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #5F7681;
	text-decoration: none;
	width: 100%;
}

.gapiwebding
*/
.gapiimage  { margin: 0; padding: 0; border:none; }