body{
	background-color	: #999966 ;
	font-family 	: Arial, Helvetica, Geneva, sans-serif;
	font-size 		: 1em;
	color			: #FFFFCC;
	margin-top		: 0.3em
}
p,ul,td,br {
	font-family 	: Arial, Helvetica, Geneva, sans-serif;
	font-size 		: 1em;
	color			: #FFFFCC
}

a:link {
	font-family 	: Arial, Helvetica, Geneva, sans-serif;
	font-size 		: 1em;
	color			: #006666 ;
	font-weight 	: bold;
	text-decoration	: none; 
}

a:visited {
	font-family 	: Arial, Helvetica, Geneva, sans-serif;
	font-size 		: 1em;
	color			: #005555 ;
	font-weight 	: bold;
	text-decoration	: none;
}

a:hover {
	font-family 	: Arial, Helvetica, Geneva, sans-serif;
	font-size 		: 1em;
	color			: #FFFF80 ;
	font-weight 	: bold;
	text-decoration	: underline;
}

@font-face {
    font-family: 'FlaxBold';
    src: url('Fonts/f_5213-webfont.eot');
    src: url('Fonts/f_5213-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/f_5213-webfont.woff') format('woff'),
         url('Fonts/f_5213-webfont.ttf') format('truetype'),
         url('Fonts/f_5213-webfont.svg#FlaxBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
 
.logo {
	font-family : 'FlaxBold'; 
	color		: red; 
	font-size	: 1.7em;
}

sup.note {
	font-size : 0.8em;
	color : white;
}

div#notebasdepage {
	font-size : 0.8em;
	margin-top : 2em;
	border-top: 1px solid #fff;

}

td.line	{ 
	border-style	:solid;
	border-width	:1px;
	border-color  :white;
	padding		:0.3em; 
}

td.bot1	{
	border-bottom	:solid #666600;
	border-width	:1px 

}

td.botline	{
	padding	: .5em;
	border-bottom	:solid #fff;
	border-width	:1px 

}

td.whitecenterbl {
	background 	: white; 
	padding		: 0.5em;
	text-align 	: center;
	border-bottom	:solid #999966 ;
	border-width	:1px 
	
}

/*************** mettre du contenu au centre d'une cellule avec fond blanc ***************/
td.whitecenter {
	background 	: white; 
	padding		: 0.5em;
	text-align 	: center;
}

td.whitecenter a:hover {
	color			: gray ;
	font-weight 	: bold;
	text-decoration	: underline;
}

td.whitecenter img {
	margin	: .5em ;
}

td.whitecenter h2 {
	text-align		: left;
}

/*************** mettre du contenu dans une cellule avec fond blanc ***************/
td.whiteback {
	background 	: white; 
	padding		: 0.5em;
}

td.whiteback a:hover {
	color			: gray ;
	font-weight 	: bold;
	text-decoration	: underline;
}

td.whiteback h2 {
	text-align		: left;
}

/*************** mettre une image à droite d'un texte ***************/

.imagedroite {
	float		: right; 
	background	: white; 
	width		: 200px; 
	text-align	: center; 
	padding	: .5em;
	margin		: .5em; 
	font-size	: .8em;
}


li {
	font-family 	: Arial, Helvetica, Geneva, sans-serif;
	font-size 		: 1em;
	color			: #FFFFCC;
}

h2 {
	font-family	: Arial, Helvetica, Geneva, sans-serif;
	font-size	: 1.5em;
	color		: #666600; 
}

h3 {
	font-family : Arial, Helvetica, Geneva, sans-serif;
	font-size 	: 1.25em;
	color		: #ffff80;
}

img {
	border	: 0px;
}

p.justif	{
	font-family : Arial, Helvetica, Geneva, sans-serif;
	font-size 	: 1em;
	color		: #FFFFCC;
	text-align	: justify;
}


/*************** Affichage résultats dans page check digit ***************/
.resultat {
		color			: #ffff00; 
		background-color	: transparent; 
		font-size		: 0.7em; 
		font-weight		: bold; 
		text-align		: center; 
		border		: none;
}

.pclas1 {
	margin-top	: 2px;
}

.plusgr {
	font-family : Arial, Helvetica, Geneva, sans-serif;
	font-size 	: 1.1em;
	color		: #FFFFCC;
	font-weight	: bold;
}


/*************** logo mobile de l'entête du site principal ***************/
.mobile {
	float: left ; 
	width: 14px ; 
	height: 62px; 
	margin-right: 10px;
}

.mobile a {
	display: block ;
	width: 14px ; 
	height: 62px;
	background-image: url('images/logo_mobile_s.png'); 
	background-position: center; 
	background-repeat: no-repeat; 
}

.mobile a:hover {
	background-image: url('images/logo_mobile_sa.png'); 
}

/*************** formulaire de contact ***************/

form#contact {
  background: #999966 ;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  width: 600px;
}

form#contact fieldset {
  border: none;
  margin-bottom: 0px;
}

form#contact fieldset:last-of-type {
  margin-bottom: 0;
}

form#contact legend {
  color: #384313;
  font-size: 1em;
  font-weight: bold;
  padding-bottom: 5px;
  text-shadow: 0 1px 1px #c0d576;
}


form#contact ol li {
  background: #aaaa88;
  border-color: #e3ebc3;
  border-style: solid;
  border-width: 2px;
  border-radius: 5px;
  line-height: 14px;
  list-style: none;
  padding: 4px 8px;
  margin-bottom: 2px;
}

form#contact ol ol li {
  background: none;
  border: none;
  float: left;
}

form#contact label {
  float: left;
  color: black;
  font-size: 0.8em;
  width: 130px;
}

form#contact label.concerne {
  float: left;
  font-size: 0.8em;
  text-align: right;
  padding-right: 20px;
  width: 250px;
}

form#contact fieldset fieldset label:hover {
  cursor: pointer;
}

form#contact input:not([type=radio]),
form#contact textarea {
  background: #ffffff;
  border: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  font: italic 0.8em Georgia, "Times New Roman", Times, serif;
  outline: none;
  padding: 5px;
  width: 200px;
}

form#contact select {
  background: #ffffff;
  border: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  font: italic 0.8em Georgia, "Times New Roman", Times, serif;
  outline: none;
  padding: 5px;
  width: 200px;
}

form#contact select.titre {
  width: 70px;
}

form#contact input:not([type=submit]):focus,
form#contact textarea:focus {
  background: #eaeaea;
}

form#contact button {
  background: #384313;
  border: none;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  color: #ffffff;
  display: block;
  font: 1.2em Georgia, "Times New Roman", Times, serif;
  letter-spacing: 1px;
  margin: auto;
  padding: 7px 25px;
  text-shadow: 0 1px 1px #000000;
  text-transform: uppercase;
}

form#contact button:hover {
  background: #1e2506;
  cursor: pointer;
}
