@charset "iso-8859-1";
<@charset "iso-8859-1";

a {

  text-decoration: none}

  

A:visited { color: #FF0000; font-weight: bold}

A:link { color: #FF0000; text-decoration: bold}

A:hover {color: #FF0000; text-decoration: overline;}




#div-Haut{position:absolute; 
	   width:85%; 
         height:200;  
         top:10; 
         left:15; 
         clip:rect(0,85%,200,0); 
}

#div-Haut-droit {position:absolute; 
	   width:530; 
         height:100;  
         top:15; 
         left:815; 
         clip:rect(0,530,100,0); 
		
}

#div-MenuCroixsens{position:absolute; 
	   width:203; 
         height:2000;  
         top:210; 
         left:15; 	
	         clip:rect(0,203,2000,0);
		 
}

#div-MenuCroixsens-texte{position:absolute; 
	   width:190; 
         height:4000;  
         top:230; 
         left:35; 
         clip:rect(0,190,4000,0);
		  
}


#div-MenuCroixsens-description{position:absolute; 
	   width:85%; 
         height:2000;  
         top:210; 
         left:15; 	
	         clip:rect(0,85%,2000,0);
		 
}

#div-MenuCroixsens-texte-descrition {position:absolute; 
	   width:800; 
         height:2000;  
         top:630; 
         left:25; 
         clip:rect(0,800,2000,0);
		  
}

#div-recherche{position:absolute; 
	   width:430; 
         height:100;  
         top:15; 
         left:300; 
         clip:rect(0,430,100,0);
 
}



#div-fond{position:absolute; 
	   width:75%; 
         height:3000;  
         top:215; 
       
		  background-repeat: repeat-y;
	     left:170; 
         clip:rect(0,75%,3000,0);

		 
}

#div-texte{position:absolute; 
	   width:75%; 
         height:100%;  
         top:10; 
         text-align: justify;
	     left:230; 
         clip:rect(0,75%,100%,0);

		 
}

div.a {
text-align: justify ;
}

div.c {
text-align: center ;
}
				   
td.haut{
border-color:0c7acc;
}


p.accueil{

text-align: center ; font-size: 125% ; text-align: center ; font-weight: bold;

font-family: "Georgia" ; font-variant: small-caps ;
	margin: 20;	padding:15px 20px ;
	
}

p.encadre{
	
	background-color: #FFFF66 ; color: #2E0C59; 
  font-family: "Georgia" ; font-size: "+1" ;   text-align: justify; hyphens: auto;
	margin: 5;	padding:15px 20px   } 



span.encadre{
	
	background-color: #FFFF66 ; color: #2E0C59; 
  font-family: "Georgia" ; font-size: "+1" ;   text-align: justify; hyphens: auto;
	margin: 20;
}
		
	
p.couleur{
	
	background-color: #ffffff ; color: #2E0C59; font-style: italic;
  font-family: "Georgia" ;   text-align: justify; hyphens: auto;
	margin-left: 50; margin-right: 50;	padding:5px 10px  }
	
span.couleur{
	
	background-color: #ffffff ; color: #2E0C59; font-style: italic;
  font-family: "Georgia" ;   text-align: justify; hyphens: auto;
	margin: 5;
}

p.verset{
	
	background-color: #e8e8e8 ; color: #0c7acc	; font-style: italic;
  font-family: "Georgia" ;   text-align: justify; hyphens: auto;
	margin: 30;	padding:15px 20px
}



p.verset2{
	
	background-color: #cc9966 ; color: #660000	; font-style: italic;
  font-family: "Tahoma" ;   text-align: justify; hyphens: auto;
	margin: 10;	padding:15px 20px
}

span.verset{
	
	background-color: #e8e8e8 ; color: #0c7acc	; font-style: italic;
  font-family: "Georgia" ;   text-align: justify; hyphens: auto;
	margin: 5;
}
	 
p.surligne{
	
	background-color: #FFFF66 ; color: #2E0C59; 
  font-family: "Georgia" ; font-size: "+1" ;   text-align: justify; hyphens: auto;
	margin: 5;	padding:15px 20px 
}

span.surligne{
	
	background-color: #FFFF66 ; color: #2E0C59; 
  font-family: "Georgia" ; font-size: "+1" ;   text-align: justify; hyphens: auto;
	margin: 20;
}
	
span.lien{
	
background-color: black; ; padding:15px 20px ;	
}

p. {
	text-align: justify;
	margin: 5;
}

#menu-site{position:absolute; 
	   width:500; 
         height:100%;  
         top:235; 
       
	     left:815; 
         clip:rect(0,500,100%,0);

		 
}





 #navlist
{
color: white;
background: #17a;
border-bottom: 0.2em solid #17a;
border-right: 0.2em solid #17a;
padding: 0 1px;
margin-left: 0;
width: auto;
font: normal 0.8em Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
width: auto;
font-size: 1em;
}

#navlist a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #39c;
border-width: 1px;
border-style: solid;
border-color: #5bd #035 #068 #6cf;
border-left: 1em solid #fc0;
padding: 0.25em 0.5em 0.4em 0.75em;
}

#navlist a#current { border-color: #5bd #035 #068 #f30; }

#navlist a
{
width: 99%;
/* only necessary for Internet Explorer */
}

#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 9.6em;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#navlist a
{
width: auto;
/* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist a:hover, #navlist a#current:hover
{
background: #28b;
border-color: #069 #6cf #5bd #fc0;
padding: 0.4em 0.35em 0.25em 0.9em;
}

#navlist a:active, #navlist a#current:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
}
	   
   
   









#navcontainer-a { width: 200px; }

#navcontainer-a ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer-a a
{
display: block;
padding: 3px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#navcontainer-a a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer-a a:hover
{
background-color: #369;
color: #fff;
}
