/* CSS Document */
/* © Julien Le Clainche */

/*Body */
BODY {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 9pt;
color : #425562;
/* background-color: #F4FAFF; */
background-image:url(/img/bck.jpg);
}

/* Style Lien Standard */

A:link    {text-decoration: none; color: #6D7CBA;}
A:visited {text-decoration: none; color: #4562553;}
A:active  {color: #3E5375; border-bottom: 1px dotted;}
A:hover   {border-bottom: 1px dotted; color: #3C358C;}


/* LIENS DES IMAGES DE LA GALERIE */
a.image
{
color:#9999FF;
text-decoration:none;
font-weight:bold;
}
a.image:hover
{
color:#FF9900;
text-decoration: none;
font-weight:bold;
border-bottom: 0 px;
 }



/* Fonts */

.titre {
FONT-FAMILY: Verdana,Arial,Helvetica;
FONT-SIZE: 8pt;
COLOR: #B8C6CF;
Font-weight : Bold; 

}


.titre {
position: relative; 
color: #B8C6CF;
}

.titre span {
position: absolute; 
top: -1px; 
left: -2px;
color: #425562;
}


.titre_catg {
FONT-FAMILY: Verdana,Arial,Helvetica;
FONT-SIZE: 10pt;
COLOR: #B8C6CF;
Font-weight : Bold; 
letter-spacing : 5px;

}

.titre_catg {
position: relative; 
color: #B8C6CF;
}

.titre_catg span {
position: absolute; 
top: -1px; 
left: -2px;
color: #425562;
}

.menu1
{
FONT-FAMILY: Arial,Helvetica;
FONT-SIZE: 9pt;
COLOR: #425562;
Font-weight : Bold; 
letter-spacing : 3px;
}

.Style3 {
color: #425562; 
font-weight: bold;
letter-spacing : 2px;
margin: 2px;
 }
 
 .Style5 {color: #425562}
.Style6 {
	color: #FFFFFF;
	font-weight: bold;
}
.Style7 {color: #FFFFFF}

/* H4 */
h4
{
FONT-FAMILY: Arial,Helvetica;
FONT-SIZE: 14pt;
COLOR: #FFFFFF;
Font-weight : Bold; 
letter-spacing : 3px;
}



/* Polices */
.small {
FONT-FAMILY: Arial,Helvetica;
FONT-SIZE: 8pt;
COLOR: #425562;
letter-spacing : 3px;
}

.xsmall {
FONT-FAMILY: Arial,Helvetica;
FONT-SIZE: 8pt;
COLOR: #425562;
letter-spacing : 1px;
Text-align: justify;
}



.page {
FONT-FAMILY: Arial,Helvetica;
FONT-SIZE: 8pt;
COLOR: #425562;
letter-spacing : 1px;
}


/* Hard rollers */
hr {
color: #B8C6CF;
background-color: #B8C6CF;
height: 1px;
border: 0;
}



/*tableaux*/

td {
padding: 5px;
margin: 5px;
letter-spacing : 1px;
}

td.ombre {
background-repeat: repeat;
background-color: #FFFFFF;
background-image:url(/img/deco/shadow.gif);
background-repeat:repeat-y;
background-position:center; 
}



/*Images*/
 img.screen {
	margin: 5px;
	border: 0px dotted #000000;
	border-COLOR : #506B96;
}

 .ombre {
  float:left;
  clear:left;
  background: url(../img/deco/shadow.gif) no-repeat bottom right;
  margin: 10px 0 10px 10px !important;
  margin: 10px 0 10px 5px;
  padding: 0px;
  }
  
  .box {
  position:relative;
  bottom:3px;
  right: 3px;
  }

/*---------------------------------*/
/* Styles pour la balise Form      */
/*---------------------------------*/
INPUT{
 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
 FONT-SIZE: 8pt;
 COLOR: #425562;
 BORDER-WIDTH : 1px;
 BORDER-STYLE : outset;
 border-COLOR : #506B96;
}

SELECT{
 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
 FONT-SIZE: 8pt;
 COLOR: #425562;
 BACKGROUND-COLOR : #F0F2F4;
 BORDER-WIDTH : 0px;
 BORDER-STYLE : outset;
 border-COLOR : #506B96;
}

TEXTAREA  {
 FONT-FAMILY : Verdana, Arial, Helvetica, sans-serif;
 FONT-SIZE : 8pt;
 COLOR : #425562;
 BACKGROUND-COLOR : #F0F2F4;
 BORDER-WIDTH : 1px;
 BORDER-STYLE : outset;
 border-COLOR : #506B96;
}

OPTION {
 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
 FONT-SIZE: 10pt;
 COLOR : #425562;
 BACKGROUND-COLOR : #F0F2F4;
 BORDER-WIDTH : 0px;
 BORDER-STYLE : outset;
 border-COLOR : #506B96;
}

/* Listes */
.ul{
line-height : 2em;
}

/* Menu (© alsacreations.com) */
<!--
ul#menu, #menu li {
list-style-type: none;
margin:0;
padding:0;
}
ul#menu {
width: 95%;
height: 1.1em;
border: 1px black;
border-style : ridge;
}
#menu li {
display: inline;
}
#menu a {
font: bold 0.9em verdana, arial, sans-serif;
text-decoration: none;
color: #425562;
margin: 0 0.5em;
padding:0;
background: white url(img/sky.jpg) 0 0; 
}
#menu a:hover {
background: white url(img/sky.jpg) 0 124px;
}
#menu a:before {
width: 23px;
padding: 0 23px 0 0;
background: white url(gauche.jpg) 0 0;
content: "";
}
#menu a:after {
width: 23px;
padding: 0 23px 0 0;
background: white url(droite.jpg) 0 0;
content: "";
}
html > body #menu a:hover:before {
background: white url(gauche.jpg) 23px 0;
}
html > body #menu a:hover:after {
background: white url(droite.jpg) 23px 0;
}

-->
</style>