
body{ 
color: #696969; 
font-size: 11px; 
font-family: Verdana; 
background-image: url("../../images/page-bg1.jpg"); 
background-repeat: no-repeat; 
margin: 75px 0 0; 
width: 100%; 
height: 100%; 
/*overflow: hidden; */
scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #cc0000; scrollbar-darkshadow-color: #ffffff; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-track-color: #ffffff }
body, html{ 
/*overflow: auto; 
overflow-y: hidden; */
}
   
.index{ 
background-image: none; 
margin: 0; 
/*overflow: hidden;*/ 
}


.conteneur { 
/*le conteneur global du site, qui sera centré */ 
width: 100%; 
height: 100%; 
position: absolute; 
/*overflow:hidden; */
}

#menu   { background-image: url("../../images/menu-bg.jpg"); background-position: right; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 75px }
#contenu { 
margin-top: 0; 
margin-left: 0; 
padding: 40px 10px 25px 185px; 
width: auto; 
height: 80%; 
/*overflow-x: hidden; 
overflow-y: scroll; */
padding-top:40px;
}
#gauche1 {position: absolute; z-index: 3; top: 75; left: 0; }


#bas {position:absolute; bottom:2px; width:80%;}
#savoir-plus { position: absolute; top: 1000px; width: 80%}
#droite { background-image: url("../../images/droite-2.jpg"); background-repeat: no-repeat; visibility: visible; padding: 0; position: absolute; z-index: 1; top: 0; right: 17px; width: 218px; height: 100% }
#menu-famille {color: black; background-color: #fff; visibility: visible; position: absolute; top: 65px; left: 10px; width: 150px}

td { color: #696969; font-size: 11px; font-family: Verdana; text-align: justify }
h1 { color: #3F373A; font-size: 16px; }
h2 { color: #780105; font-size: 13px; margin-bottom: -0.5px }
.marron1 { color: #780105; }
p { margin: 0 0 12px }

a { color: #b22222; text-decoration: none }
a:hover { color: #000000; text-decoration: none }
	
legend { color: #780105; font-size: 12px; font-weight:bold}
select,input,textarea { border: solid 1px #cc0000; font-size: 10px; background-color:#ffffff; font-family: Verdana;  }

.small { font-size: 10px;  }
.fin { font-weight: normale; }
.blanc { color: #ffffff }
.blanc:hover   { color: #fafad2 }

.cadre { border:1px solid #780105; }

#cadre { /* taille du cadre, ŕ titre d'exemple */width: 15em;}
#col1 {float:left; width:47%;}
#col2  { margin-right: 10px; width: 47%; float: right }
input, select, label{  cursor: pointer;}

p.Form{ clear:both; margin:5px; }
p.Form label{ display: block; float: left; width: 25%; text-align: right; margin: 0 1em 0 0; padding: 0.1em; height: 1%;}

.clear{ clear:both; }
p.clear{ height:0; }

.imgDroite img{
	float:right;
	padding-left:20px;
}

.imgGauche img{
	float:left;
	padding-right:20px;
}

.tabSimple th{
	background:red;
}

 .tabSimple td{
	border:1px solid #CCC;
	border-collapse:collapse;
}
.tabSimple{
	cellpadding:5px;
}


.tabTexteCentrerGras{
	align:center;
	font-weight:bold;
}

.tabTexteGras{
	font-weight:bold;
}

#contenu li  { margin-bottom: 5px }

.menu { visibility:hidden; position: absolute; top:-1000px; left:-1000px; z-index: 4;  }

.familleCat { color: #6f6f6f; font-size: 15px; }

#infos {color: #BF777A; font-style: italic; font-weight: bold; margin-bottom: 50px}
#infos .details {color: #7F3F42; font-style: normal}
