@charset "iso-8859-1";		  

/* Mise en page globale */
body { 
margin: 0 0 0 0;
padding: 0 0 0 0;					 
background-color: #ffd;
color: #363;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, serif;
} 


label {	
display: block;
font-size: 70%; 
font-weight: bold;
padding: 0.3em;
}
 
/* pour ajouter un texte en tout petit dans un label */
cite {
display: block;
font-size: 80%;
vertical-align: 0em;
}

sup {
vertical-align: 0.4em;
} 

small {
font-size: 70%;
}  							 

.printonly {
display: none;	 
} 

/* En-tête */ 
#header {
height: 100px;
background: #97C05F url(../images/fond_header.png) top left repeat; /* url(../images/banniere.png) top left no-repeat;	*/
}
#header img {
float: right; 
margin: 0;
}
#header h1 {
text-indent: -5000px; 
margin:0;
line-height: 0;
}
#header p { 
margin: 24px 0 0 214px;
font-weight: bold;
color: white;
font-size: 1.4em;	
}	
#header p.laco {
color: #250; 
font-size: 180%;
}		   
#header p.asso {
margin-top:-0.1em;
color: #df0;
}		   
   

/****** Menu horizontal ******/
#menuhaut { 
margin: 0;
padding: 0.1em 0.5em 0.1em 0;
list-style-type: none;
background-color: black;
color: white;
text-align: right;
}
#menuhaut li {
display: inline;
} 
#menuhaut a {
color: #bd9; /*white;*/
text-decoration: none;
}
#menuhaut a:hover {	   
color: #ffc;
/*text-decoration: underline;*/	 
font-style: italic;
}  

/***** Menu principal vertical ******/
#menu {
float: left;
width: 198px; 
padding: 0.5em 0 6em 0;
margin: 0px;
background: #ffd url(../images/fondmenu_tgrand191.png) bottom left no-repeat;
}									
/* niveau 1*/
#menu dl {
list-style-type: none;
padding: 0;
margin: -0.5em 0 0 -0.5em;
z-index:99;
} 
#menu dl a {
display: block;
text-decoration: none;
height: 1.4em;
line-height: 1.4em;
color: #9d7; /*#95BF5F; /*white;*/
font-weight: bold;
font-size: 115%;
text-indent: 1em;	   
z-index:99;
}  
#menu dl a:hover {
background: #97C05F url(../images/fond_menu_vertical_niveau_1.png) center left repeat; 
color: #ce8; /*#bd9; /*#B7E07F;*/
width: 198px;	 
font-style: italic;  
z-index:99;
}  
#menu dl a.actu {
display: block;
text-decoration: none;
height: 1.4em;
line-height: 1.4em;
color: #df0; /*white; / * #97C05F;*/
font-weight: bold;
font-size: 115%;
text-indent: 1em;
z-index:99;
}  
#menu dl a.actu:hover {
background: #97C05F url(../images/fond_menu_vertical_niveau_1_actu.png) center left repeat; 
color: #df0; /*white; / *#360;*/
z-index:99;
}  			 

/* niveau 2 */
#menu dd {
display: none;
z-index:99;
}
#menu dd ul {
list-style-type: none;
padding: 0;
margin: 0 0em 0 -2em;
z-index:99;
} 
#menu dd ul.sous_menu {
position: absolute; 	
border: 1px outset #386a04; 
margin-top: -1.7em;
left: 217px; 
width: 200px;  	
background: url(../images/fond_sous_menu_2.png) top left repeat; 
/*background-color: #386a04;*/
z-index:99;
}
#menu dd ul li a {
display: block;
text-decoration: none;
height: 1.3em;
line-height: 1.3em;
color: #be8; /*ce8; #95BF5F; /*white;*/
font-weight: normal;
font-size: 95%;
text-indent: 1em;
z-index:99;
}  
#menu dd ul li a:hover {
background: #97C05F url(../images/fond_menu_vertical_niveau_2.png) center left repeat; 
color: #ef8; /*#B7E07F; white; /*#360;*/
width: 200px; 	
font-style: italic;
z-index:99;
}  
#menu dd li a.actu {
display: block;
text-decoration: none;
height: 1.3em;
line-height: 1.3em;
color: #df0; /*#ef8; /*white; / *#97C05F;*/
font-weight: normal;
font-size: 95%;	 
text-indent: 1em;	   
font-weight: bold;
z-index:99;
}  
#menu dd li a.actu:hover {
background: #97C05F url(../images/fond_menu_vertical_niveau_2_actu.png) center left repeat;
color: #df0; /*white; / *#360;*/
z-index:99;
}  		 
/* Compteur de visites */
#menu dt.cptr {
display: block;
text-decoration: none;
height: 1.4em;
line-height: 1.4em;
color: white;
font-weight: bold;
font-size: 90%;
margin: 1em 0 1em 3em;
}
/* Formulaire */
#menu p { 
margin: 1.5em 0 0.2em 1em;
font-weight: bold;
color: white;
}
#menu form {
margin: 0em 0 0 1em; 
}
#menu form .champ {
width: 12em; 
font-size: 80%
}				
#menu form .button {
font-size: 80%	  
}

#menu p.depuis {
font-style: italic; 
font-size:65%; 
margin: -1.9em 0 -1.1em 7em;
color: silver;	
}
/*
#menu p.depuis:first-letter {
font-style: italic; 
font-size:65%; 
color: red;
}		   */
			
/****** sous-menu horizontal ******/ 
#menuh {
line-height: 20px; /*1.6em;*/ 
}
#menuh a { 
color: #efa; /*#efa white; */  
font-weight: bold;
text-decoration: none;
background: #97C05F url(../images/fond_menu_vertical_niveau_1.png) center left repeat;  
border: 0px solid #250;
padding : 0 0.5em 0 0.5em;
}
#menuh a:hover {
color: #bd9; /*white;*/  
text-decoration: none;
background: #250 url(../images/fond_menu_vertical_niveau_1.png) center left repeat; 
border: 0px solid #250; 
}
#menuh a.actuh { 
color: #f8ff00; /*#250;*/  
font-weight: bold;
text-decoration: none;
background: #bd9 /*#A8C86F*/ url(../images/fond_menu_vertical_niveau_1_actu.png) center left repeat; 
border: 0px solid #250;
padding : 0 0.5em 0 0.5em;
}
#menuh a.actuh:hover {
color: #f8ff00; /*white; #97C05F;*/
text-decoration: none;
background: #250 url(../images/fond_menu_vertical_niveau_1_actu.png) center left repeat; 
border: 0px solid #250; 
}

/* Contenu global */
#global {
margin-left: 16.5em;
margin-right: 1.5em;
}
#global h1 {
font-weight: bold;
font-size: 150%;
padding-bottom: 0.2em;
border-bottom: 3px solid #ffff99;
font-variant: small-caps;
text-indent: 0px;
color: #250;
}
#global h2 {
margin-top: 1.3em;
margin-bottom: 1em;
font-size: 150%;
font-weight: bold;
color: #282;
}	
#global h3 {
margin-top: 1.5em;
margin-bottom: 1em;
font-size: 130%;
font-style: italic;
font-weight: bold;
color: #282;
}								  
#global h6 {
margin-top: 0.5em;
margin-bottom: 0.2em;
font-size: 80%;
font-weight: bold;
font-style: italic;
color: #250;
}	 
#global p:first-letter {/*p.lettrines:first-letter {*/
font-size: 110%; 
font-weight: bold;  
}
#global em {
color: #a40;
font-weight: bold;
}							  
#global div .signature {
float: right;
font-weight: bold;
font-style: italic;
}	
.signature {
float: right;
font-weight: bold;
font-style: italic;
}	
#global div#notetech {
position: absolute; 
bottom: 0.6em; 
left: 0.6em; 
color: #4a0; 
width: 191px; 
font-size: 70%;
}	

/* Contenu globalnofl */
#globalnofl {
margin-left: 16.5em;
margin-right: 1.5em;
}
#globalnofl h1 {
font-weight: bold;
font-size: 150%;
padding-bottom: 0.2em;
border-bottom: 3px solid #ffff99;
font-variant: small-caps;
text-indent: 0px;
color: #250;
}
#globalnofl h2 {
margin-top: 1.3em;
margin-bottom: 1em;
font-size: 150%;
font-weight: bold;
color: #282;
}	
#globalnofl h3 {
margin-top: 1.5em;
margin-bottom: 1em;
font-size: 130%;
font-style: italic;
font-weight: bold;
color: #282;
}								  
#globalnofl h6 {
margin-top: 0.5em;
margin-bottom: 0.2em;
font-size: 80%;
font-weight: bold;
font-style: italic;
color: #250;
}	 

.signature {
float: right;
font-weight: bold;
font-style: italic;
}	

/* 
#global a:link {
text-decoration: underline;
color: #363;
}
#global a:visited {
text-decoration: underline;
color: #363;
}
#global a:hover {
text-decoration: underline;
}
*/
		
#baspagecorr {
text-align: center;
font-size: 90%;	 
color: #120;	  
margin: 3em 0 0 0; 
line-height: 1.4em;
background-color: #97C05F; 
}								  

#baspage {
text-align: right;
font-weight: normal;
font-style: italic;
font-size: 60%;	 
color: #250;	  
margin-bottom: 1em; 
border-top: #250 solid thin; 
}								  

#baspagemargin {	
text-align: right;
font-weight: normal;
font-style: italic;
font-size: 60%;	 
color: #250;	  
margin: 4em 0 1em 0; 
border-top: 1px solid #250; 
}								  

/* Encart */
#encart {
float: right; 
width: 255px;
margin: 0 0 5px 0;
padding-top: 30px;
background: url(../images/posthaut.png) left top no-repeat; 
font-family: "Comic sans MS", Verdana, Arial, Helvetica, serif;
}
#encart h3 {
font-size: 140%;
margin: 0 0 0 40px;
}
#bloccadre {
background: url(../images/postbas.png) left bottom no-repeat;
padding: 0px 0px 25px 40px;
}
#bloccadre ul {
margin: 1em 0 0 0;
padding:0;
}
#bloccadre li {
margin: 0.8em 2em 0 0.4em;
color: #633;
list-style-image: url(../images/postpuce1.png);	  
list-style-position: outside;
font-size: 100%;
}
#bloccadre li a {
color: #633;
text-decoration: none;
}
#bloccadre li a:hover {
text-decoration: underline;
}
#bloccadre li em {
color: #a40;
font-weight: bold;
}							  

div.clearfloats {
clear: both;
}

/* affichage vidéo */
#video {
float: left; 
width: 160px;
height: 120px; 
margin: 0.1em 1em 0.5em 0;	
border: 8px ridge #6c0;
}

/* résultats de recherches */		 

#global_recherche {
margin-left: 16.5em;
margin-right: 1.5em;
}	
#global_recherche h1 {
font-weight: bold;
font-size: 150%;
padding-bottom: 0.2em;
border-bottom: 3px solid #ffff99;
font-variant: small-caps;
text-indent: 5px;
color: #250;
}
#global_recherche em {
font-style: normal;
font-weight: bold;
background-color: yellow;
}	
.nompage { 
font-style: italic;
font-weight: bold;
} 
a.respage {
color: #250;
text-decoration: none;
}
a.respage:hover {
text-decoration: underline;
}				  

/* bouton retour haut de page */
.toppage {
position:fixed;
bottom:0;
left:0;
font-size:85%;
line-height:1.2em;
background:#343;
width:191px;
z-index:140;
text-align:center; 
color:#df0;
}
a.toppage:link {
color: #df0;
font-weight: bold;
text-decoration: none;
}
a.toppage:hover {
color: #df0;
font-weight: bold;
text-decoration: none;
}
a.toppage:visited {
color: #df0;
font-weight: bold;
text-decoration: none;
}
 								
 
#afflivredor {
text-align: center;	
margin: 1em 0 0 0;
}

#afflivredor table {
border: 2px solid #036;
width: 100%;
border-collapse: collapse;
}

#afflivredor td {
border: 1px solid #06c;	 
}		 

/*
#afflivredor.urlor {
font-size: 80%;
}
*/
a.urlor:link, a.urlor:visited, a.urlor:hover  {
font-size: 80%;
}

#saislivreor input, select {
margin: 0.4em 0 0.4em 0;	
background-color: white;
width: 30em; 
border-top: 2px solid gray;
border-left: 2px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
font-family: Verdana, Arial, Helvetica, serif;	
font-size: 100%;
}

#saislivreor textarea {
margin: 0.4em 0 0.4em 0;	
background-color: white;
width: 30em; 
border-top: 2px solid gray;
border-left: 2px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid gray; 
font-family: Verdana, Arial, Helvetica, serif;
font-size: 100%;
}

.nobr {
white-space: nowrap;
}

#tblclassemusee {
width: 95%;
margin-left: auto;
margin-right: auto;
}

#tblclassemusee td {
text-align: center;
}

#tbllivredor {
width: 95%;
margin-left: auto;
margin-right: auto;
}

#tbllivredor td {
margin-left: auto;
margin-right: auto;
}

#tbltrombinoscope {
margin-left: auto;
margin-right: auto;
}

.tblsobriquets {
margin-right: auto;
margin-left: auto;
padding: 0.3em 0.2em 0.1em 0.3em;
border: 1px solid;
border-collapse: collapse;
}

#tblsobriquets th {
text-align: center;	   
font-style: italic;
padding: 1em 2em 0.5em 2em;
}

#tblsobriquets td {
text-align: center;
}

/* Séparation de fin de div en cas de flottants.                  */
/* S'utilise avec <hr class="separation" /> juste avant le </div> */	 
/* on ne peut ni both ni left à cause du menu général !           */
.separation {
clear: right;
visibility: hidden;
}
 
hr,.sepboth {
clear: both;
visibility: hidden;
margin: 0; 
padding: 0;
}
 
/*
div.photo {
text-align: center; 
width: 302px; 
}
div.w50 {
width: 52px; 
}  
div.w100 {
width: 102px; 
}  
div.w120 {
width: 122px; 
}  
div.w150 {
width: 152px; 
}  
div.w200 {
width: 202px; 
}  
div.left {
float: left; 
margin: 0 1em 0 0;
} 
div.right {
float: right; 
margin: 0 0 0 1em;
} 
div.photo img {
border: 1px solid #250;
}
div.nobord img {
border: 0;
}
div.photo img.nobord {
border: 0;
}
*/

div#paroles {
margin-left: 5em;
}
div#paroles .coup {
font-style: italic;
margin-top: 2em;
}

div#hlalevee p:first-letter {
font-size: 110%; 
font-weight: bold; 
}
.lettrine p:first-letter {
font-size: 110%; 
font-weight: bold; 
}
.lettrinetd td:first-letter {
font-size: 100%; 
font-weight: bold;
line-height: 1.3em; 
}
dfn {
margin: 0;
font-size: 90%;
text-align: center; 
font-weight: bold; 
font-style: normal;
font-family: sans-serif;
font-variant: small-caps;  
}
.bloc {
display: block;
 }
fieldset {
border: 0;
}
div#hlalevee p.note {
margin: 0 0 0 4em;
font-size: 90%; 
}
div#hlalevee p.notelacostelle {
margin: 0 0 0 4em;
font-size: 90%;
font-style: italic; 
}					
div#hlalevee p.notelacostelle:first-letter {
font-size: 100%; 
font-weight: normal; 
}
div#hlalevee p.note:first-letter {
font-size: 100%; 
font-weight: normal; 
}
div#hlalevee h2 {
margin-top: 2em;
margin-bottom: 1em;
font-size: 110%;
font-weight: bold;
color: #282;  
}								  
div#hlalevee h3 {
margin-top: 2em;
margin-bottom: 1em;
font-size: 110%;
font-weight: bold;
color: #282;  
}								  

img.photo {
text-align: center; 
border: 1px solid #250;
}
img.left {
float: left; 
margin: 0 1em 0.3em 0;
} 
img.right {
float: right; 
margin: 0 0 0.3em 1em;
} 
img.nobord {
border: 0;
}  
img.nomargeh {
margin: 0 0 0.3em 0;
}
	  
img.chemin_croix {
border: 6px solid #100;	  /* brun foncé*/
}

/*
div.vitrailchoeur {
width: 104px;
height: 390px;
float: left;
line-height: 11px; 
text-align: center;
}
div.vitrailchoeur img {
border: 7px solid black;  
}

div.vitrailbascote {
width: 110px;
height: 280px;
float: left;
line-height: 11px;
text-align: center;
}
div.vitrailbascote img {
border: 10px solid #100;	  
} 	  

div.chemincroix {
width: 104px;
height: 190px;
float: left;
line-height: 11px;
text-align: center;
}
div.chemincroix img {
border: 7px solid #100;	  
} 

div.chaire {
width: 145px;
height: 340px;
float: right;
line-height: 11px;
text-align: center;
}
div.chaire img {
border: 10px solid #100;	 
} 
*/

.eglise a {
font-weight: normal;
font-style: italic;
text-decoration: none; 
color: #151;
}

.eglise a:hover { 
text-decoration: underline;
}	

a.top {	 
font-size: 70%;
font-weight: bold;
padding: 0.1em;
margin: 0;
background-color: #250;
color: #aea;
text-decoration: none;
}  

a.top:hover {
color: white;
} 

table.menueglise {
margin: -1.5em 0 -1.5em 0;	
padding: 0;
font-size: 90%;
}
.menueglise td {
width: 50%;
}
.menueglise ul {
list-style-type: none;
color: #7a7;
}
/*
.menueglise a:link {
font-weight: bold;
text-decoration: none;
color: #7a7;
}
.menueglise a:hover {
font-weight: bold; 
text-decoration: none; 
color: #363;
}
*/	
a.menueglise:link, a.menueglise:visited {
font-weight: bold;
text-decoration: none;
color: #7a7;
}
a.menueglise:hover {
font-weight: bold; 
text-decoration: none; 
color: #363;
}

.num {
margin : 0;
padding: 0;
text-align: right;
}

.total {	  
padding: 0.3em 0;
border-top: 1px solid;
}

/* affichage des photos                                           */
/* s'utilise avec <fieldset class="photo right">     			  */
/* et <img class="nobord" ... si on ne veut pas de bordure		  */
/* la légende optionnelle est placée entre <label> et </label>    */
/* par défaut, la largeur est w300, mais il faudra des wnnn pour d'autres largeurs */																						   

fieldset {
margin: 0;
padding: 0;
}
	
fieldset.photo {
text-align: center; 
width: 302px; 
}
fieldset.left {
float: left; 
margin: 0 1em 0 0;
} 
fieldset.right {
float: right; 
margin: 0 0 0 1em;
} 
fieldset.photo img {
border: 1px solid #250;
}
fieldset.nobord img {
border: 0;
}
fieldset.photo img.nobord {
border: 0;
}

fieldset.vitrailchoeur {
width: 104px;
float: left;
line-height: 11px; 
text-align: center;
}
fieldset.vitrailchoeur img {
border: 7px solid black;  
}

fieldset.vitrailbascote {
width: 110px;
float: left;
line-height: 11px;
text-align: center;
}
fieldset.vitrailbascote img {
border: 10px solid #100;	  
} 	  

fieldset.chemincroix {
width: 104px;
float: left;
line-height: 11px;
text-align: center;
}
fieldset.chemincroix img {
border: 7px solid #100;	  
} 

fieldset.chaire {
width: 145px;
float: right;
line-height: 11px;
text-align: center;
}
fieldset.chaire img {
border: 10px solid #100;	  
} 
 
table.crfin  {
width: 400px; 
margin:0 auto;
}

table.crfin tr, td {
margin: 0;
padding: 0;	
font-size: 0.9em;
}  

div.formulaire {
margin-top: 1em; 
background-color: #ad6; 
padding: 0 1.5em 1.5em 1.5em; 
border: 0.8em ridge #ad6;
}

form.amis div {
width: 400px; 
margin: 1em; 
height: 12px;
}
 
form.amis label {
display: inline; 
float: right;
}

form.amis input.floatright {
float:right; 
color: #036; 
font-weight: bold; 
font-size: 90%; 
background-color:#ffe;
}	

form.amis input.bouton {
margin-left: 255px; 
margin-top: 5px; 
color: #363; 
font-weight: bold; 	 
font-style: italic;
background-color:#ffe;
}
		
/* recherche commerces */
/* main table */
.rcTable {
	font-family: Verdana; 
	font-size: 90%; 
	border: 1px solid #363; 
	margin: auto;
	/*margin-bottom: -2em;*/
	border-collapse: collapse;
}			   
.rcTable tr {
	padding: 2px 4px 1px 4px; 
	border: 1px solid #6c6;  
}
.rcTable th {
	padding: 4px; 
	border: 1px solid #363;  
	font-weight: bold; 
	background: #bd9; 
	font-size: 95%;	
}
.rcTable td {
	padding: 2px 4px 1px 4px; 
	border: 1px solid #6c6;  
}				

.phpmaker {
	color: inherit; /* text color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */	
}
.ewBasicSearch {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	border: 0px;
	border-collapse: collapse; 	
	width: 670px; 
	margin: auto;
}

.ewBasicSearch td {
	border: 0px;
	padding: 1px;
}

a.lien_panneau:link, .lien_panneau:visited {
	text-decoration: none;
	color:#363;	 
} 
a.lien_panneau:hover {
	text-decoration: underline;	 
	color:#363;	 		
} 

.cures {
margin-left: 16.5em;
margin-right: 1.5em;
}
.cures table {
	font-family: Verdana; /* font name */
	font-size: 85%; /* font size */
	border: 1px solid #363;
	/*width: 75%;*/ 
	margin: auto;
	/*color: red;*/
	border-collapse: collapse;
}
.cures tr {
	border: 1px solid #363;
	padding: 4px;
}
.cures tr.sep {
	border: 1px solid #363;
	padding: 4px;
}
.cures th {
	border: 1px solid #363;
	padding: 4px;
}
.cures td {
	border: 1px solid #363;
	padding: 4px;
}
.cures p {
	margin: 0.2em 0 0.1em 0;
}
.cures p:first-letter {
	font-size: 100%; 
	font-weight: normal;  
}
.cures ul {
	margin-top:0;
	margin-bottom:0;
}	
.cures img {
	margin-top:1em;
	border: 6px ridge #363; 
}
.cures br {
	line-height:2em;
}

.noborder {
border: 0;
}



#majsite table { 
width: 100%;
border: 1px outset #363;
border-collapse: collapse;
margin-top:0;
}
#majsite th {
margin: 0;
padding: 1px 1em 0 1em;
background-color: #cea;
}
#majsite td {
margin: 0;
padding: 1px 1em 0 1em;
border-top: 1px outset #bcb;
}
#majsite a:link {
color: #363; /*white;*/
text-decoration: none;
}
#majsite a:visited {
color: #363; /*white;*/
text-decoration: none;
}
#majsite a:hover {
color: #bd9; /*white;*/
background-color: #363;
text-decoration: none;
}
#majsite a:active {
color: #363; /*white;*/
text-decoration: none;
}
#majsite .sel {
background-color: #ded;
}
.tdtop {
vertical-align : top;
}
.tdgras {
font-weight : bold;
}
.tdanniv {
font-style : italic;
font-size : 11px;
}

/*--------------------------------------------------------------------------------------------*/
/* Présentation des onglets de navigation                                                     */
/*--------------------------------------------------------------------------------------------*/
/* debut de mise en forme des onglets de navigation principaux. Voir les commentaires pour adapter */  
ul.onglet {
  font-size: 10px;                /* taillefont ; mettre ici la taille voulue */
  padding-bottom: 28px;           /* mettre ici : taillefont + padvaltop + padvalbot + (2 * borderep) + margeval + 1            16 */
  border-bottom: 1px solid #ac8;  /* borderep */
  font-weight: bold; 
  list-style-type: none; 
  margin: 0.5em 0 1em 0;	
  /*background: #875;*/
} 
ul.onglet li {
	height: 25px;                   /* mettre : taillefont + padvaltop + padvalbot + (2 * borderep)  13*/
	margin: 2px 0 0 5px;            /* margeval */
  float: left; 
  background-color: #cea; 
  border: 1px outset #362; 
}
ul.onglet li.invisible { 
  background-color: silver; 
  text-decoration: line-through; 
} 							  
.onglet li.invisible a:hover  { 
  background-color: silver; 
  color: #6c6; 
} 
.onglet a { 
	padding-top: 0px;         /* padvaltop */										
	padding-bottom: 1px;			/* padvalbot */
  padding-left: 1em;
  padding-right: 1em;
	width: 130px;	            /* largeur de l'onglet  180 */
  float: left; 
  display: block; 
  color: #666; 
  text-decoration: none; 
  text-align: center; 
}
.onglet a:hover  {	
  background: #432; 
  color: #ffe; 
  text-decoration: none; 
}
ul.onglet li.actif {	
  border-bottom: 1px solid #ffe; 
  background-color: #ffe; 
}
ul.onglet li.actif a {	
  color: #400; 
}
.onglet li.actif a:hover {	
  background: #432; 
  color: #ffe; 
  font-weight: bolder; 
  border-bottom: 1px outset #362; 
} 
/* fin de mise en forme des onglets de navigation principaux */  

#conscrits_rappels_historiques p:first-letter {/*p.lettrines:first-letter {*/
font-size: 110%; 
font-weight: bold;  
}
table.table_nota {
margin: 1em 0 0 0;
border: 5px solid red;
border-collapse: collapse;
}
td.table_nota   {
vertical-align: top;
font-size: 90%; 
font-style: italic;
border: 0;
}
.table_nota a:link {
color: #363; /*white;*/
text-decoration: none;
}
.table_nota a:visited {
color: #363; /*white;*/
text-decoration: none;
}
.table_nota a:hover {
color: #bd9; /*white;*/
background-color: #363;
text-decoration: none;
}
.table_nota a:active {
color: #363; /*white;*/
text-decoration: none;
}
#table_photogroupe table { 
width: 100%;
border: 1px outset #363;
border-collapse: collapse;
margin: 0em 0 0 0;
}
#table_photogroupe tr {
margin: 0;
padding: 0;
}
#table_photogroupe th {
background-color: #cea;
}
#table_photogroupe td {
margin: 0;
padding: 1px 1em 0 1em;
border-top: 1px outset #bcb;
}
#table_photogroupe a:link {
color: #363; /*white;*/
text-decoration: none;
}
#table_photogroupe a:visited {
color: #363; /*white;*/
text-decoration: none;
}
#table_photogroupe a:hover {
color: #bd9; /*white;*/
background-color: #363;
text-decoration: none;
}
#table_photogroupe a:active {
color: #363; /*white;*/
text-decoration: none;
}
#table_photogroupe .sel {
background-color: #cea;
}

.mini {
  font-size: 75%;
}

.boutonl  {
float:left;
padding:0 0.3em;
font-size:80%;
font-weight:bold;
color:#363;
background-color:#cea;
border: 1px outset #363;
text-decoration: none;
} 
.boutonr  {
float:right;
padding:0 0.3em;
font-size:80%;
font-weight:bold;
color:#363;
background-color:#cea;
border: 1px outset #363;
text-decoration: none;
} 
.pasdephoto {
margin-top:2em;
text-align:center;
text-decoration:blink;
font-size:x-large;
}
.classestotal {
background-color:#6a6;
border: 1px solid #363;
font-style: italic;
text-align: center;
color: white;
}
#photogroupe form {
padding:0px;
font-family:"trebuchet ms",sans-serif;
}
#photogroupe fieldset {
padding:0.2em 2em;
margin-bottom:10px;
border: 1px solid #363;
}
#photogroupe legend {
color:#863;
font-weight:bold
}
#photogroupe label {
margin-top:0px;
margin-left: 2em;
//display:block;
font-size:90%;
}
#photogroupe input[type=text] {
border:1px solid #363; 
padding:0 0.2em;
font-size:90%;
}
#photogroupe input[type=submit], input[type=button] {
border:2px outset #363; 
font-weight:bold;
cursor:pointer;
font-size:90%;
background-color:#dfd;
}
#photogroupe input[type=submit]:hover, input[type=button]:hover {
border:2px outset #363;
background-color:#9b9;
font-size:90%;
}
#photogroupe input[type=submit]:active, input[type=button]:active {
border:2px inset #dfd;
background-color:#686;
color:#dfd;
font-size:90%;
} 
#photogroupe h4 {
padding:4px 0 4px 0;
margin:0;
font-style:italic;
background-color:#cea;
border: 1px outset #696;
}
#photogroupe img {
padding:0;
margin:0 0.5em;
}

.casseaccents {
margin-left:2em;
font-style:italic;
font-size:80%;
}
.portrait {
white-space: nowrap;
padding-left:1.5em;
}
.portrait img {
border: 4px ridge #696;
}
.portrait sup {
white-space: nowrap;
font-weight:bold;
}