/*texte par defaut*/
/*rouge #cc3333  gris bleu #dcdcf4 gris bleu foncé #9392c4
vert #006633 bleu #003399 bleu noir : #000033
*/
/*page d'accueil du site de Bretteville l'Orgueilleuse*/
body{
	font-size:11px;
	color : #000033;
	background-color:#ededed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.content{
	width:855px;
	background-color:white;
	/*background-image: url(images/fond-deg.jpg);*/
	background-repeat: repeat-y;
	border:1px border grey;
}
#main{
	min-height:500px;
}
#gauche{
	
	background-image: url(images/fond-gauche.gif);
	background-repeat: repeat-y;
}
/* style pour tous les liens du site par defaut */
a:active {color: #73739a;text-decoration: none;}
a:link {color: #73739a;text-decoration: none;}
a:visited {color: #73739a; text-decoration: none; }
a:hover {color: #003399;text-decoration: underline;}
.officiel{
	font-size:13px;
	color:#003399;
	text-align:right;
}
hr{
height: 2px;
margin:0 5px 0 5px;
padding: 0 ;
color: #ededed;
background-color: #ededed;
border: 0;
text-align:center;
}
/*/*Infos Flash avec barre défilement */
#info{
 	/*background-color:#fae790 #f5F4de*/;
	background-color:#ededed; 
	height:150px;
	width:150px;
	overflow: auto;
	padding:10px;
}

/*maire*/
#maire{
/*background-color:#ededed;*/}
#maire .gapilistetable{margin:10px 0 0 10px}
/*STyle couverture saison*/
#saisons {
	text-align:center;
}
#saisons .gapilistetable{margin:0 0 0 10px}
#saisons .gapilistetitretd{text-align:center;padding: 0 2px 10px 5px;}

/*MENU ACCES top */
#acces{text-align:left; padding-left:15px;font-size:10px;}
#acces hr{
	width: 128px;
	margin-top:3px;
}

/*diaporama*/
#diaporama{text-align:center; padding:30px 0 30px 0; }

#diapo{text-align:right; padding-right:10px; }

/*site NL*/
#vivre{text-align:center; padding:10px;}

/*page login*/
.log{border: 1px solid #ededed;}

/*accueil*/
.encadre{border: 2px solid #ededed;}
.accueil{border-top: 1px solid #ededed;}
.bordbas{border-bottom: 1px solid #ededed}

/*nouvel arrivant */
#new{padding:5px; width:190px;}
#new .gapimenutd{
	background-color:#dcdcf4;
	padding:2px 2px 6px 2px ;
}
#new .gapimenu{
	font-variant: small-caps;
	text-align:center;
	color: #000033;
	font-weight:bold;
	font-size: 14px;
	padding:1px 1px 1px 1px;
	white-space: nowrap;
}
/*menuJaune */
#jaune{padding:5px; width:190px;}
#jaune .gapimenutd{
	background-color:#fae790;
	padding:2px 2px 6px 2px ;
}
#jaune .gapimenu{
	font-variant: small-caps;
	text-align:center;
	color: #000033;
	font-weight:bold;
	font-size: 14px;
	padding:1px 1px 1px 1px;
	white-space: nowrap;
}
#jaune a.gapimenu:hover{
	background-color:#fae790;
}


/*AGENDA
#agenda {
	background-color: #fae790;
}
*/
/*SONDAGES*/
#sondage{
	text-align:center;
	/*margin: 10px 0 80px 10px;*/
	width:180px;
	height:180px;
}

#sondage .gapimenutd{
	background-color:#dcdcf4;
	padding:2px 2px 6px 2px ;
}
#sondage .gapimenu{
	font-variant: small-caps;
	text-align:center;
	color: #000033;
	font-weight:bold;
	font-size: 14px;
	padding:1px 1px 1px 1px;
	white-space: nowrap;
}
#sondage .gapitheme {font-weight:bold;font-variant:normal;font-size:13px; }

#sondage .gapititre b{font-weight:normal; }
#sondage .gapiformmargetable{
	margin-left:0;
	background-color:white;
}
#sondage .gapiresume { font-size:11px;}

/*infos utiles*/
#utiles{
background-color: #dcdcf4;}

/* style pour les menus*/
.gapimenutable {
	background-color: #ededed;
}
.gapimenutheme {
	font-family:helvetica;
	font-variant: small-caps;
	font-weight: normal;
	color:#1D1D56;
	font-size: 13px;
	padding:3px 3px 7px 3px ;
	white-space: nowrap;
	border-bottom: 1px solid #565378;
	background-color: #e2e0fa;
}

.gapimenu {
	font-variant: small-caps;
	font-size: 12px;
	font-weight: normal;
	color: #565378;
	white-space: nowrap;
}
a.gapimenu:active { color: #565378;}
a.gapimenu:link { color: #565378;}
a.gapimenu:visited { color: #565378;}
a.gapimenu:hover { color: #9392c4;text-decoration:none;background-color: #e2e0fa;}
.gapimenutd {
	width: 190px;
	height: 15px;
	padding: 2px;

}
/* style pour les menus*/
/*VIE MUNICIPALE*/
#municipal{width:190px;text-align:left;}
#municipal .gapimenutheme {background-color:#c1ccdf;}
#municipal a.gapimenu:hover {background-color: #dde8e7;color: #565378;}
/*VIE PRATIQUE*/
#pratique{width:190px;text-align:left;}
#pratique .gapimenutheme {background-color:#eca9ac;}
#pratique a.gapimenu:hover {background-color: #f6d3d5;color: #565378;}

/*VIE DEMAIN*/
#demain{width:190px;text-align:left;}
#demain .gapimenutheme {background-color: #c3e5c8;}
#demain a.gapimenu:hover {background-color: #dffae3;color: #565378;}

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


#hor .gapimenutable {
width:407px;
height:15px;
background-color:#dcdcf4;
}

#hor .gapimenutd {
	padding-right:12px ;
	white-space: nowrap;
	border-right: 1px solid #000033;
}
#hor .gapimenusubtable .gapimenutd {
	border:none;
}

#hor .gapimenu{
	font-variant: small-caps;
	color: #000033;
	font-weight:normal;
	font-family: Verdana,Arial, Helvetica, sans-serif; 
	font-size: 13px;
	white-space: nowrap;
}
#hor a.gapimenu:link{text-decoration:none;color:#000033;}
#hor a.gapimenu:visited{;text-decoration:none;color:#000033;}
#hor a.gapimenu:active{;text-decoration:none;color:#000033;}
#hor a.gapimenu:hover{text-decoration:underline;color:#006633;}
*/
/*MENU ADMIN*/
#admin{
	width:200px;
	padding:10px;
	text-align:right;
	
}
#admin .gapimenutable{
	background-color:white;
}
#admin .gapimenutd{
	border-right: 1px solid #006633;
	padding-right:10px;
	background-color:white;

}
#admin .gapimenu{
	font-size: 11px;
	font-style: italic;
	color:#006633;
	
}
#admin a.gapimenu:link{color:#006633;font-style: italic;}
#admin a.gapimenu:visited{text-decoration:none;color:#006633;font-style: italic;}
#admin a.gapimenu:active{text-decoration:none;color:#006633;font-style: italic;}
#admin a.gapimenu:hover{text-decoration:underline;font-style: italic;}

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

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

#menu-foot .gapimenutd{
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #003333;
	padding:1px 7px 1px 5px;
	background-color:white;
}

#menu-foot .gapimenu{
	font-size: 11px;
	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;}	
}

/* style pour le nom du module*/
.rubrique  {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#rubriquea  .gapimodule{
color: #000033;/*background-color:#eca9ac;*/font-variant: small-caps;font-weight: bold;text-align:center;}
}
#rubriquea  p{
text-align:center;padding-left:200px;font-weight: bold;}
}


.gapimodule{
color: #006633;background-color: #c3e5c8;font-variant: small-caps;}

/* 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:active { color: #000033;}
a.gapitheme:link { color: #000033;}
a.gapitheme:visited { color: #000033;}
a.gapitheme:hover { color: #003399;text-decoration: none}

/*TITRE*/
.gapititre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
}
a.gapititre:active { color: #003399;}
a.gapititre:link { color: #003399;}
a.gapititre:visited { color: #003399;}
a.gapititre:hover { color: #000033;}

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

/*texte resume */
.gapitexte {
	font-size: 11px;
	line-height: 14px;
}


.gapiresume {
	line-height: 14px;
	font-size: 11px;
}
/*.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;
}
/*.gapioutiltextetable{
display:none;
visibility:hidden;
}*/
.gapioutiltd    { text-align:right; padding-top:10px; /*border-bottom: thin solid #000099 ; border-right: 1px solid #000099;*/}

.gapioutiltexte   {
	font-size: 11px;
	font-style:italic;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px;
	color: #003399;
}
a.gapioutiltexte:active {
	color: #cc3333;text-decoration: none;
	font-size: 11px;
	font-style:italic;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px;}
a.gapioutiltexte:link {
	color: #cc3333;
	text-decoration: none;font-size: 11px;
	font-style:italic;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px;}
a.gapioutiltexte:visited {
	color: #cc3333; 
	text-decoration: none;font-size: 11px;
	font-style:italic;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px; }
a.gapioutiltexte:hover {
	color: #003399;
	text-decoration: underline;font-size: 11px;
	font-style:italic;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px;}

.gapidate {font-size: 10px;color: #cc3333;text-align: center;font-style: italic;padding-top:3px;}
.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*/
.gapiformmargetable{
	margin-left:120px;
	padding:10px 30px 10px 30px ;
	border:1px solid #89a0ca;
	background-color:#ededed;
}
.gapiformtitretd .gapititre b{
	font-weight: normal;
}
.gapiformtitretd .gapititre {
	font-variant: normal;
}

.gapiselect {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #FF0000;}
.gapibouton {  
	background-color: #E8E8E8; 
	color: #333333; 
}
.gapiarea {
	clip:  rect(   );
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}
/* DIVERS STYLES*/
.nul{background-color: #ededed;text-align : center; font-size: 12px;}
.centre{text-align : center; font-size: 12px}
.col{text-align : center; font-size: 14px; font-weight:bold;background-color: #ededed;}

/*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 {
font-size: 10px;
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 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;
	/*white-space: nowrap;*/
}
/*
.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 5px 0 15px;
}
.gapigalerietitre {
	font-size: 11px;
	font-weight: normal;
	color: #003399;
}
.gapiimage{ padding-top:10px;border:none; }