body {
background-color:#9966CC;
margin: 10px 0 ;
padding: 0 ;
text-align: center ;
font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
}
div#conteneur{
width: 780px ;
height: 100%;
margin: 0 auto ;
text-align: left ;
/*border: 2px solid #6633CC;*/
background: #ffff00 ;
color: #6633CC;	
/*-moz-border-radius:15px 15px 15px 15px; bords arrondis sous FF et mac*/
}
/*COINS ARRONDIS*/
/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
background: url(.../images/deco/hautgauche.gif);
}
#hautdroit {
float: right;
background: url(.../images/deco/hautdroit.gif);
}
#basgauche {
background: url(.../images/deco/basgauche.gif);
}
#basdroit {
float: right;
background: url(.../images/deco/basdroit.gif);
}
/*FIN COINS ARRONDIS */
p#top{
height: 80px;
width: 780px ;
background: url(.../images/deco/top.gif) no-repeat;
border-bottom: 1px solid #6633CC;
padding-top: 5px;
padding-left: 2px;
}
.top2{
}
.top2 a{
color: #6633CC ;
text-decoration: underline;
background-color: none;
}
.top2 a:hover{
color: #FFFF00;
text-decoration: underline overline;
background-color: #6633CC;
}


h1#header{
height: 58px ;
}

pre{
overflow: auto ;
}

* html pre{
width: 636px ;
}

#nav {
list-style-type: none ;
margin: 0;
margin-left: 12px;
padding: 0 ;
overflow: hidden ;

}
#nav li {
list-style-type: none ;
float: left ;
/*width: 128px ;*/
width: 100px ;
height: 50px;
margin-right: 0px ;
color: #6633CC;
background: FFFF00 ;
}
#nav li a {
display: block ;
background: url(.../images/deco/menu.gif) left top no-repeat ;
color: #6633CC ;
font: 12px "Trebuchet MS",Arial,sans-serif ;
line-height: 0px;
padding: 30px ;
text-align: center ;
text-decoration: none ;
font-weight: bold ;
}
#nav li a:hover, #nav li a:focus, #nav li a:active{
background: url(.../images/deco/menu.gif) right top no-repeat ;
color: #6633CC;
text-decoration: underline overline;
padding: 30px ;
}

div#contenu{
padding: 0 30px 0 250px ;
background: url(.../images/deco/topick.gif) no-repeat 15px 15px ;
height:390px ;
overflow: auto ;
}

div#nl{
padding: 5px 10px 30px 250 ;
border: solid 2px #990000 ;
background-color: black;
height: 60px;
width: 200px;
}

div#contenu h2{
padding-left: 30px ;
line-height: 33px ;
font-size: 1.4em ;
background: url(.../images/deco/biscotte.gif) no-repeat left bottom ;
color: #6633CC ;
border-bottom: 1px solid #6633CC ;
}

div#contenu h3{
margin-left: 15px ;
padding-left: 5px ;
border-bottom: 1px solid #6633CC ;
border-left: 3px solid #6633CC;
color: #6633CC ;
}

div#contenu p{
text-align: justify ;
text-indent: 2em ;
line-height: 1em ;
}

div#contenu a{
color: #6633CC ;
text-decoration: underline;
background-color: none;
}
div#contenu a:hover{
color: #FFFF00;
text-decoration: underline overline;
background-color: #6633CC;
}

p#footer{	
margin: 0 ;
padding-right: 10px ;
line-height: 10px ;
text-align: right ;
color: #6633CC ;
padding:5px;
font-size: 0.8em ;
height: 10px;
}

#footer a{		
color: #6633CC ;
text-decoration:none;
}
#footer a:hover{
color: #FFFF00;
text-decoration: underline overline;
background-color: #9966CC;
}

p#copyright{
margin: 0 ;
padding-right: 10px ;
line-height: 10px ;
text-align: center ;
color: #6633CC ;
padding:10px;
border-top: 1px solid #6633CC;
font-size: 0.8em ;
height: 10px;
}
pre{
overflow: auto ;
background: #dedede ;
border: 2px solid #9b2 ;
padding: 5px 0 0 5px ;
font-size: 1.2em ;
}

* html pre{
width: 636px ;
}
pre span{
color: #560 ;
}

pre span.comment{
color: #b30000 ;
}


div#galerie{
width: 410px ;
background: transparent ;
padding: 15px ;
margin: 15px 30px ;
text-align: center ;
font: 0.9em "Trebuchet MS", serif ;
}
ul#galerie_mini{
margin: 0 ;
padding: 0 ;
list-style-type: none ;
}
ul#galerie_mini li{
float: left ;
}
ul#galerie_mini li a img{
margin: 2px 1px ;
border: 1px solid #6633CC ;
}
dl#photo{
clear: both ;
margin: 0 auto ;
}
dl#photo dt{
font: italic 2.5em/1.5em "Trebuchet MS", serif ;
color: #6633CC ;
}
dl#photo dd{
margin: 0 ;
}
dl#photo img{
border: 1px solid #6633CC;
}

.lettrine {
float: left;
font-size: 3em;
font-weight: bold;
font-family: Georgia, Times New Roman, Times, serif;
color: #6633CC;/*#3300FF;*/
background-color: transparent; 
margin: 1px;
padding: 1px;
line-height: 1em;
}


.red {
	color: red;
	background-color: black;
	padding-left: 30px ;
	line-height: 25px ;
	font-size: 1.4em ;

	border: 1px solid red ;
}
.ok {
	color: #6633CC;
	padding-left: 30px ;
	line-height: 15px ;
	font-size: 1em ;
	font: italic "Trebuchet MS", serif ;
}


blockquote{
text-align: justify ;
text-indent: 1em ;
font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#admin {
bottom: 0;
z-index:100;
width: 780px ;
height: 15px;
margin: 0 auto ;
text-align: left ;
color: #6633CC;
font: 0.7em "Trebuchet MS", helvetica, sans-serif ;
}
#admin dl {
float: left;
width: 12em;
position: relative;
margin: 0 2px;
}
#admin dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: transparent;

}
#admin dd {
background-color: none;
color:#9966CC;
position: absolute;
bottom:1.5em;
width:100%;
}
#admin li {
text-align: center;
}
#admin li a, #menu dt a {
color: #9966CC;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
background: none;
}
#admin li a:hover, #menu dt a:hover {
color: yellow;
background: #9966CC;
text-decoration: underline;
}
a {text-decoration: none;
color: black;
color: none;
}

#admin a {
color: #6633CC;
text-decoration: none;
height: 100%;
border: 0 none;
background: none;
}
#admin a:hover {
color: yellow;
background: #9966CC;
text-decoration: underline;
}
/*AJAX TABS*/
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px "Trebuchet MS",Arial,sans-serif;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs li{
display: inline;
margin: 0;
}
.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #9966CC;
background: yellow; /* white url(shade.gif) top left repeat-x;*/
}
.shadetabs li a:visited{
color: #9966CC;
text-decoration: none;
}
.shadetabs li a:hover{
text-decoration: underline;
color: #9966CC;
}
.shadetabs li.selected{
position: relative;
top: 1px;
}
.shadetabs li.selected a{ /*selected main tab style */
/*background-image: url(shadeactive.gif);*/
border-bottom-color:none;/* white; */
}
.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}
.contentstyle{
border-top: 1px solid gray;
border-bottom: none;
border-right: none;
border-left: none;

width: 480px;
height: 100%;
margin-bottom: 1em; padding: 10px;
}

/*FIN Ajax Tabs*/