/**** styles pour test structure**** 
table {border: 1px solid black}
td {border: 1px dotted gray}
div {border: 1px solid orange}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}
* {margin: 0; padding: 0;}*/
/*dans chaques balises {display:none;}*/

a:link { text-decoration: none; color: #CC6600; }
a:visited { text-decoration: none; color: #CC6600; }
a:hover { text-decoration: underline; color: #FFA800; }
a:active { text-decoration: underline; color: #CCCC99; }

body {background-color:#FFFFFF ;
text-align:center;
margin: 0;
padding:0;
}

#conteneur {
width:670px;
margin: 0 auto ;
text-align: left; /* centré dans le body, on rétablit l'alignement normal du texte, */
}					/* fonctionne pas j'avais remis center ici mais seul ie ok */

/*////////////*/

#titre { /*titre du site*/
/*background-color:#7CADBD;*/
background-image:  url("img/design/fd_haut.jpg");
width:100%;
text-align:center;
}

#navh {				/*contenant menu general haut */
background-image:  url("img/design/fd_haut.jpg");
width:100%;
margin-bottom:-2px;
margin-top:-6px;
text-align:center;
}
/*#space{ ?? 
height:8px;
background-color:#CCCC99;
}*/

ul#menu, #menu li {/* alignement bouton menu general */
list-style-type: none;
margin:-3px;/* pb espace entre les boutons  résolu par -3*/
padding:0;
}
#menu li { 
display: inline;
}

/*////////////*/

#navrub_index { /*blocs contenant la nav des rub - un pour l'accueil et un par rub pour coul*/
background-color:#AE86A0;
width:100%;
/*padding:10px 0 10px 9px;*/
}

/*#navrub { original pas utilise
background-color:#CCCC99;
width:670px;
padding:10px 0 10px 9px;
text-align:left;
font-weight:300;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 0.9em;
}*/

#navrub_haut{
background-color:#4859C2;/*#C61547rouge*/
width:100%;
text-align:center;
/*padding:10px 0 10px 9px; mettre +tot des marges ds les titreimg et titrenav*/
font-weight:300;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 0.9em;
}
#navrub_ail{
background-color:#23B1D5;
width:100%;
text-align:center;
font-weight:300;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 0.9em;
}
#navrub_vil{
background-color:#CCD523;
width:100%;
text-align:center;
font-weight:300;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 0.9em;
}
#navrub_sorn{
background-color:#D73EDD;
width:100%;
text-align:center;
font-weight:300;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 0.9em;
}
#navrub_bas{
background-color:#C89D2B;
width:100%;
text-align:center;
font-weight:300;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 0.9em;
}
#navrub_pere{
background-color:#8E1E10;
width:100%;
text-align:center;
font-weight:300;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 0.9em;
}

#navrub_oc {
background-color:#73497D;
width:100%;
text-align:center;
}

#titreimg { /*titre de la rubrique img a gauche*/
float:left;
margin:10 0 10 9; /*parce qu'enleve les padding:10px 0 10px 9px; de navrub le parent */
}

#titrenav { /* contenant des titre des contes */
float:left;
margin:10 2 10 5; /*parce qu'enleve les padding:10px 0 10px 9px; de navrub le parent */
/*height:45px;
padding-top:8px;*/
}

#titrenav vil {
float:left;
width:75%;
height:48px;
text-align:right;
vertical-align:middle;
padding-top:8px;
}

.titresp {/* titre des contes*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.5em;
font-weight:bold;
color:#333366
}

.suivant /* contes suiv ou prec : sert en haut et bas =nav contes,  */
{
font-size: 0.7em;
color: #996600;
line-height: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:right;
}
/*////////////*/

#blocindex { /* le bloc conteneur de la page d'accueil*/
background-color:#E9E07F;
width:100%;
}

#colgauche_index { /* la colonne gauche de l'accueil*/
float:left;
width:45%;
padding:6px 2px 0 6px;
text-align:justify;
} 
/*////////////*/

#bloc { /* le bloc conteneur des colonnes tt pages */
background-color:#E9E07F;
width:100%;
text-align:center;

/*padding: 6px 21px 6px 21px;
width:698px;/// idem meme pb de 'boite' que navrub plus haut*/
}
#colgauche {
float:left;
width:45%;
margin:3px 3px 3px 10px;
text-align:justify;
} 

#coldroite {
float:right;
width:45%;
margin:3px 5px 3px 25px;
text-align:justify;
}

.separation{ /*pour allonger le bloc contenant les deux colonnes en float */
clear:both;
visibility:hidden;
} 

.sommaire { /* style txt des tableaux des index rub */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:bold;
color:#333366;
}
.suite{ /* "titres" devant tableaux */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
color: #663333;
}

img{border:none;} /*pour tt img menu_nav et sommaire contes*/

.imgindex{ /* l'image ds l'index des rubriques*/
border:none;
float:right;
padding-bottom:5px;
}

.lettrine {
font-size: 2em
}
.imgtext{ /*illustrations dans les contes */
border:none;
padding:5px;
float: left;
}

.text {
font-size: 0.9em;
color: #333333;
line-height: 21px;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-align:justify;
}

.text1 /*info text de col droite */
{
font-family: Verdana, Arial, Helvetica,sans-serif;
font-size: 0.8em;
font-weight:bold;
color:#333366;
line-height: 18px;
text-align:right;
}

.text4 /*© en 3eme parties*/
{
font-size: 0.7em;
color: #663333;
line-height: 20px;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-align:right;
}

/*//////////////*/

#navb {				
background-color:#cccc99;
background-image:  url("img/design/fd_pied2.jpg");
width:100% ;  /*suite test pb bloc width + center*/
height:53px;
/*padding-top:-1px; /// test pour contourner le pb interpret blocs par ie : déplacement dans ul*/
/* ?? margin-bottom:-3px; */
}

ul#menubas, #menubas li {
list-style-type: none;
margin:-3px;				/* pb espace entre les boutons réglé par -3px*/
padding-top:-1px;
 /*margin-top:-1px;suite du test pour contourner le pb interpret blocs par ie : voir navb audessus*/
}
#menubas li {
display: inline;
}

/*///////////////////*/
#pied {
width:100%;
text-align:center;
font-size: 0.8em;
font-family: Verdana,Arial,Helvetica,sans-serif;
color:#003300;
line-height: 21px;
background-color:#62B27D;
background-image:  url("img/design/fd_pied2.jpg");
}
a:link pied {color:#7B7B0E}



/*///////////////////*/

#marquee {
	position:absolute;
	left:195px;
	margin:5px;
	text-align:center;
	width: 356px;
}


/*.sb { couleurs de l'assensseur, IE seulement je crois et pas valide CSS
	scrollbar-3dlight-color:#FFFF00;
	scrollbar-arrow-color:#FFFF00;
	scrollbar-base-color:#336699;
	scrollbar-darkshadow-color:#FFFF00;
	scrollbar-face-color:#336699;
	scrollbar-highlight-color:#336699;
	scrollbar-shadow-color:;

}*/

span.css /*??*/
{
font-size: 12px;
color: #000000;
line-height: 21px;
font-family: "Courier New",Courier,sans-serif;
}
.ocbrun {
color: #993300
}