#contenant{
background-image: url("img/fond_long_2.png");
background-repeat: no-repeat; 
background-position: 0px 0px; 
margin: 0 auto ;
padding:0; 
width: 770px; 
height:auto;
}

/* div d */
#d{
height:auto;
background-image:none;
}

#d .txt{
margin: 20px 0 20px 20px;
padding: 0 10px 30px 0;
border-top: 10px #CFCFCF solid;
border-left: 10px #CFCFCF solid;
border-bottom: 10px #CFCFCF solid;
border-right: 10px #CFCFCF solid;
background-color:white;
}

#d p, #d h1, #d h2 {
font: normal 11px/13px Verdana, Arial, Helvetica, sans-serif;
color: #646464;
margin:0;
padding:10px 10px 5px 10px;
text-align: justify;
}

#d h1, #d h2 { 

text-align: left; 
}

#d h1{
padding-top: 20px;
font:bold  21px/16px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
color: #297DDE;

}

#d h2{
padding: 10px 10px 0 10px;
font:bold  12px/12px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
color: #297DDE;
}

#d ul {
position: relative; /* bug explorer */
text-align: left;
font: normal 11px/13px Verdana, Arial, Helvetica, sans-serif;
color: #646464;
margin:0;
padding: 5px 0 0 10px;
}

#d li{
position: relative; /* bug explorer */
list-style-type: none;
background:url("img/bullet.gif") no-repeat 2px 5px;
margin: 0;
padding: 2px 0 0 15px;
}

#d .lar{
list-style-type: none;
background:url("img/bullet.gif") no-repeat 20px 5px;
margin: 0;
padding: 2px 0 0 35px;
}


/* hr ligne s?paratrice */
.lig{
margin: 20px 10px 0 10px;
}

/* liens */
#d .txt a:link, #d .txt a:visited, #d .txt a:hover{
margin:0;
padding:0;
text-decoration : none;
}

#d .txt a:link, #d .txt a:visited{
color:#164377;
border-bottom: 1px dotted #164377;
}

/* --- a:hover apres a:link et a:visited car pas interpr?t? voir: http://forum.alsacreations.com/faq/ ------- */
#d .txt a:hover{
color: #FFFFFF;
border-bottom: 1px dotted #C62440;
background-color: #C62440;
}


/*---------liens pour h2 ----------------------------------------------------------------------------*/
#d .txt h2 a:link, #d .txt h2 a:visited{
margin:0;
padding:0;
text-decoration : none;
color: #297DDE;
border-bottom: #FFFFFF;
}

#d .txt h2 a:hover{
	color: #297DDE;
background-color:white;
border-bottom: 1px dotted #297DDE;
}



/*---------liens fils d'ariane ----------------------------------------------------------------------------*/

#d .txt h6{ /*fil d'ariane...*/
margin:0 0 5px 0;
padding:5px 0 0 10px;
font: normal 9px/13px Verdana, Arial, Helvetica, sans-serif;
text-align: left;
color:#CACACA;
}

#d .txt h6 a:link{
margin:0;
padding:0;
text-decoration: underline;
color:#C2C2C2;
border-bottom:  white;
background-color: transparent;
}

#d .txt h6 a:visited {
margin:0;
padding:0;
text-decoration: underline;
color: #C2C2C2;
border-bottom:  white;
background-color: transparent;
}

/* --- a:hover apres a:link et a:visited car pas interpr?t? voir: http://forum.alsacreations.com/faq/ ------- */
#d .txt h6 a:hover{
margin:0;
padding:0;
text-decoration : none;
color: #3C3C3C;
border-bottom:  white;
background-color: transparent;
}



/*----------------------------------------------------------------------------*/


/* espaceur */
.esp1{ width: 284px; } 

/* bas de page */
#bas{
height:65px;
background-image: url("img/bas.png"); 
background-repeat: no-repeat; 
background-position: 0 0; 
padding:0;
margin:0;
}

html>body #bas {padding:0} /* hack ie vu par autre que ie */

#bas .im {
margin:0;
padding:42px 0 0 85px;
}