/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
.menu, .ssmenu {
		visibility:hidden;
	}
}

html, body {
	margin: 0;
	padding: 0;
/*	background: #ffffff;*/
}
.menu, .ssmenu {
	background-color:#ffcccc;
	color:#000000;
	font-size:0.7 em;/**/
	font-weight: bold;	
	font-family: verdana, arial, sans-serif;
	border:3px double #666666;
	padding:1px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:20em;
	margin:0em;
}
.menu{
margin:0px;
	text-align:center;
	background:#ffaaaa;
	color:#000000;
}
.menu span, .ssmenu span {
/* Ne pas toucher
	C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}
.ssmenu ul,.ssmenu li{
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
/*	border-bottom: 3px double #666666;
	border-right: 3px double #666666;*/
}
.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:#b55195;
	padding:0px;
	text-decoration:none;
	font-family: verdana, arial, sans-serif;
/* Ne pas modifier le block */
	display:block;
/*	Ne pas toucher ces 2 lignes */
	margin:0px;
	width:100%;
}
.ssmenu a, .ssmenu a:visited {
	padding-left:2px;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
width: auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.*/
	background: #ff3300;
	color:black;
	text-decoration:none;
	font-family: verdana, arial, sans-serif;
	margin:0px;
	width:100%;
}
#conteneurmenu {
position:absolute;
top:90px;
left:20%;
z-index: 100;
width: 90%;
}

#site {
	position: absolute;
	z-index: 1;
	top: 110px;
	left: 0px;
/*	background-color: white;*/
	width: 100%;
	color: black;	
	font-family: optima, "Trebuchet MS", verdana, lucida, arial, sans-serif;
	font-size: 0.9em;/**/
}

a:link {
	color: #0000ff;
	text-decoration: none;
}
a:visited {
	color: #990066;
	text-decoration: none;
}
a:active {
	color: #0000ff;
	text-decoration: none;
}
a:hover {
	color: #006633;
	text-decoration: underline;
	background-color: #ffcccc;
}
p.titre {
	font-family: verdana, lucida, arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: green;
	text-decoration: underline;
	text-align: center;
}
p.stitre {
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size: 1.15em;
	color: green;
	text-align: left;
}
table.bord {
	border: ridge red 3px;
	border-collapse: collapse;
}
table.bord td {
	border: 1px solid green;
	border-collapse: collapse;
	padding: 1px;
	text-align: center;
}
table.sbordi {
	border: ridge red 3px;
	border-collapse: collapse;
}
td.sbordi {
	border: none;
	padding: 1px;
	text-align: left;
}
td.sbordib {
	border-bottom: 1px solid green;
	border-collapse: collapse;
	padding: 1px;
	text-align: left;
}
hr.sbordi {
	height: 1px;
	color: green;
	background-color: green;
	width: 100%;
	display: solid;
	text-align: center;
	border: 0;
}
table.bord th {
	font-weight: bold;
	text-decoration: underline;
	color: red;
	colspan: 3;
	border: 1px solid green;
	padding: 1px;
	text-align: center;
}
table.sbord {
	border: none;
	width: 100%;
}
table.sbord td {
	text-align: left;
}
table.sbordc {
	border: none;
	width: 100%;
}
table.sbordc td {
	text-align: center;
}
#sitebr {
	position: absolute;
	z-index: 1;
	top: 110px;
	left: 0px;
/*	background-color: white;*/
	width: 98%;
	color: black;	
	font-family: optima, "Trebuchet MS", verdana, lucida, arial, sans-serif;
	/*font-size: 76%; */
  background-attachment: fixed;
	background-image: url(./Images/fondbr2.jpg);
	background-repeat: repeat;
	padding:1%;
}

table.bordl {
	border: ridge red 3px;
	border-collapse: collapse;
}
table.bordl td {
	border: 1px solid green;
	border-collapse: collapse;
	padding: 1px;
	text-align: left;
}
table.bordl th {
	font-weight: bold;
	text-decoration: underline;
	color: red;
	colspan: 3;
	border: 1px solid green;
	padding: 1px;
	text-align: center;
}

.siteban {
	position: absolute;
	top: 0px;
	left: 0px;
  z-index:0;
	background-image: url(./Images/fondbr2.jpg);
	background-repeat: repeat-x;
	width:100%;	
}
.ecusson {
  position:absolute;
  top:0px;
  left:10px;
  z-index:2;
  width:21%;
  height:90px;}

.arec {
 width : 92px;
 height: 90px;
} 

.ban {
  position:absolute;
  top:0px;
  left:15%;
  z-index:3;
  width:85%;}

.arban {
 width : 100%;
 height: 80px;
} 
  
.lesite {
  position:absolute;
  top:73px;
  left:20%;
  z-index:5;
  color: black;
  } 

.ecrit {
  position:absolute;
  top:73px;
  right:3%;
  z-index:6;
  color: black;
  } 
   
#infopos {
	position: absolute;
  width: 20%;
  height: 100%;
	z-index: 1;
	left: 1px;
	top: -20px;
}

#info {
	background-color: white;
	background-image: url(./Images/fondinfo.jpg);
	background-repeat: repeat-x;
  background-attachment: fixed; /**/ 	
}

#bas {
	background-color: #ccffcc;
	border: 2px solid green;
	Bottom : 10px;
  background-attachment: fixed;	
}

#corps {
	position: absolute;
      width:79%;
      height: 100%;
	z-index: 2;
	left: 20%;
	background-color: #fff;
}
.ecrj {
   width : 50px;
}

.ecrinfo{
 /* font-size: 1 em;
  font-family: optima, verdana, lucida, arial, sans-serif; */ 	
}

#sitelivre {
	position: absolute;
	z-index: 1;
	top: 110px;
	left: 0px;
/*	background-color: white;*/
	width: 98%;
	color: black;	
  background-attachment: fixed;
	background-image: url(./Images/fondbr2.jpg);
	background-repeat: repeat;
	padding:1%;
}