/*css inspir en partie depuis alsacreation */
body {
	margin: 10px 0;
	padding: 0;
	text-align: center;
	font: 1em, Verdana, Arial, Helvetica, sans-serif;
	background-color:#EEF2DF;
	}					
div#conteneur {
	width: 900px;
	margin: 0px auto;
	text-align: left;
	border: 2px solid #290;
	background-color:#FFF;	
	}

#header{	height: 81px ;
}

/* Menu horizontal  juin 2006*/
#globalnav {
	width:896px; 
	float:left;
	height: 40px;
	font: bold 0.76em/18px Verdana, Arial, Helvetica, sans-serif;
	color: #768482;
}
ul#barnav {
	height: 30px ;
	margin: 0 ;
	padding: 0 ;
	background: url(../img_commun/bg_menu.png) repeat-x 0 0 ;
	list-style-type: none ;
}
/* On donne une hauteur au menu, correspondant a la taille de l'image utilise en fond, on met ensuite l'image de fond avec un dcalage de 25 pixels vers le haut pour utiliser la technique de roll over explique dans un autre tutoriel; */

ul#barnav li{
	float: left ;
	text-align: center ;
 }
/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

ul#barnav li a {
	width: auto ;
	padding: 0 5px 0 5px;
	margin:0;
	line-height: 30px ;
	font-size: 1em ;
	font-weight:  bold ;
	letter-spacing: 1.5px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	border-left: 3px solid #fff ;
}/* C'est sur les liens que le gros du travail est effectu, largeur, hauteur de ligne, taille de police, graisse de police, espacement des lettres, couleur, bordure et decoration du texte. Nous pouvons dimensionner les a grce  la proprit display: block ; */

ul#barnav li a:hover {
	background: url(../img_commun/bg_menu.png) repeat-x 0 -30px ;
	color: #990000 ;
}/* Et pour finir on dcale l'image de fond au passage de la souris pour laisser aparatre l'tat survol de l'image, */
/* the menu */


#colgauche{
float:left;
background:#F0FFDF;
width: 170px;
margin: 0 auto;
padding: 1em 0;
font-size: 13px;
text-align: left;
}
#colgauche h5 {
	margin-top:1.2em;
	font-size:10px;
	margin-left: 5px;
	margin-bottom:10px;
	padding-left: 0px ;
	color: #FF6600;
		}
		
	#colgauche h3 {
	margin-top:1.2em;
	font-size:13px;
	text-align: center;
	margin-bottom:1.2em;
	padding: 0 ;
	color: #666633;
	
	}
	#colgauche h4  {
	background-color:#F0FFDF;
	margin-top:1.2em;
	font-size:11px;
	margin-left: 5px;
	margin-bottom:10px;
	padding-left: 0px ;
	color: #fff;
		}
		
		
/* bloc des items de la colonne gauche -----*/
ul#item_g {
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto 0 5px;
width:150px;
}

ul#item_g li {
display:block;
margin: 0;
padding: 0;
}

ul#item_g li a {
display: block;
width: 12px;
padding: 0.5em 0 0.5em 0.5em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background:#F4FFF4;
}
#colgauche>ul#item_g li a { width:auto; }

ul#item_g li#active a {
color:#F16803;
}
ul#item_g li a:hover, ul#item_g li#active a:hover {
color:#F16803;
background:#EDFFD2;
border: 1px solid #aaab9c #fff #fff #ccc;
}

#item_g a span {     /* dfinition de la balise <span> incluse dans <a> */
display: none;
text-align:center;
}
#item_g li span { /* dfinition de la balise <span> qui n'a pas de lien dans <a> */
  font-size: 1em;
  color:#005515;
  padding: 1px 0 1px 0;
  font-weight: bold;
  text-align:center;  
}

/* bloc central : le contenu du texte de chaque page*/
div#cont-poeme {
	margin-left:0em;
	text-align:center;
	padding: 0 ;
	}
div#cont-poeme h1 { 
background: #fff url(../handi_trobreiz/images/parchemin_haut2.gif) no-repeat;
 margin:0;
 padding:0;
 
 }
 div#cont-poeme img{ 

 margin:0;
 padding:0;
 
 }
div#cont-poeme p{
font-size:14px;
background-image: url(../handi_trobreiz/images/parchemin.gif);
background-repeat:repeat-y;
line-height:26px;
	text-align:center;
	padding: 0 ;
	margin:0;
	}
div#content {
	margin-left:15em;
	padding: 0 ;
	}
div#content h1 { 
  font-size: 16px;
  font-variant:small-caps;
  color: #060;
  padding-bottom:0.2em;
  margin-bottom:1em;
  font-weight: bold;  
}
#content h2 {
	padding-left: 0px ;
	line-height: 25px ;
	font-size: 15px ;
	color: #666600;
	border-bottom: 1px solid #380 ;
}
	
#content h3 {
	margin-top:1em;
	font-size:13px;
	margin-left: 5px ;
	padding-left: 5px;
	color: #FF6600;
    font-weight: 600; 
}
#content h4{
	margin-top:0.2em;
	margin-bottom: 0.2em;
	font-size:12px;
	margin-left: 10px ;
	padding-left: 10px;
	color: #669900;
	font-weight: 500;
}

p#content h4 {
	text-align: justify ;
	margin-left: 20px ;
	line-height: 1.5em ;
	padding: 0;
	margin: 0;
}
div#content h5 {
	margin-top:1em;
	font-size:11px;
	margin-left: 40px;
	margin-bottom:0;
	padding-left: 15px ;
	color: #473;
	border-left: 2px solid #473;
}
		
#content p {
	text-align: justify ;
	text-indent: 0 ;
	line-height: 1.7em ;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
}
ul.variante{
margin: 0 0 12px 40px;
}
li.variante{
list-style-image: url(../img_commun/fleche_vert.png);
font-size: 1em;
font-style:italic;
color:#473;
margin: 0 0 12px 40px;
}
h5.variante{
margin: 0 0 0 40px;
padding: 0;
font-size:11px;
color: #473;
border-left: 2px solid #473;
	}
ul.general {	
list-style-image: url(../img_commun/puceverte.gif);
padding-left:20px;
margin: 5px 0 0 16px;
line-height:20px;
}
li.content {
font-weight:bold;
list-style-image: url(../img_commun/puce_orange.gif);
padding-left:2px;
margin: 5px 0 0 6px;
}

#content  li a {
color:#EA8702;
text-decoration:none;
}
#content li#active a
{
color: #f30;
background-color:#FFFF99;
}
#content li a:hover, ul#content li#active a:hover
{
color: #f30;
background-color:#FFFF99;
}



.citation {
 font-size: 1em;
  font-style:italic;
  color: #336633;
  line-height: normal;
  font-weight: 600;
}
.citation2 {
 font-size: 0.9em;
  font-style:italic;
  color: #336633;
  line-height: normal;
 }
p.important{
	border-left: 2px solid #366C00;
	background-color: #DFFFBF;
}
.gras2 {
	font-style: italic;
	color: #CC3333;
	font-weight : bold;
	letter-spacing: 0.05em;
		}
	
.gras3 {
	font-style: italic;
	color: #660099;
	font-weight: normal;
	letter-spacing: 0.05em;
		}	
.gras {
	font-variant: normal;
	color:#F16803;
	font-weight : 500;
	letter-spacing: 0.05em;
	padding-bottom:2em;
		}
		
.gras_souligne {
	font-variant: normal;
	color:#F16803;
	font-weight : bold;
	letter-spacing: 0.05em;
	padding-bottom:2em;
	text-decoration: underline;
}

.centre{
	font-variant: normal;
	color:#261;
	text-align:center;
	font-weight: lighter;
	letter-spacing: 0.05em;
		}		

/* ----Pied de page -----*/
 #pied {
	clear:both;
	height: 38px;
	background-color:#E2FFB7;
	text-align: center;
	font-size:10px;
}
/* classe flottante  droite sans utiliser les balises dl et dd*/
 .floatright
{
float: right;
width: 103px;
margin: 0 0 10px 10px;
background-color: #fff;
padding: 10px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
}

div.floatright img
{
border-top: 2px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
}

p { margin-top: 0; }

/* ----une seule image positionne en float droit sans encadrement-----*/
img.fright {
  float: right;
  margin: 0 0 1.5em 1.5em;
  font-size: 0.8em;
  color:#006699;
  border:0;
  text-align:center;
  }
/* ----une seule image positionne en float gauche ss encadrement-----*/
img.fleft {
  float: left;
  margin: 0 1.5em 1.5em 0;
  font-size: 0.8em;
  color:#006699;
  border:none;
  text-align:center;
}
 
/*--- table pour les photos----*/
#tab-chemin {
border:2px solid #366C00;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:center;
}


#tab-chemin th {
border:1px  #366C00;
border-bottom-style: dashed;
font-size:12px;
color: #669900;
font-weight: 500;
background-color: #D9FFB3;
}
#tabl-chemin tr {
border:1px dashed #366C00;
background-color:#fff;
}
#tab-chemin td {
font-size:11px;
border:1px dotted #366C00;
text-align: left;
}
#tab-chemin {
border:2px solid #366C00;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:center;
}

/* table du bon de commande*/
.tabl-cmd  {
border:1px  solid #366C00;
}
.tabl-cmd th {
border:1px  solid #366C00;
font-size:12px;
color: #669900;
font-weight: 500;
background-color: #D9FFB3;
}
.tabl-cmd tr {
border:1px solid #366C00;
background-color:#fff;
}
.tabl-cmd td {
font-size:11px;
border:1px dotted #366C00;
text-align: left;
}
/* table des photos de YA*/
#table {
border:0;
width:auto;
margin:0 0 0 0;
padding:0 0 0 0;
}

#table th {
border:0;
background-color:#fff;
}
#table td {
font-size:10px;
border:0px ;
text-align: left;
}
/* quand lien sur image : suppression de la bordure*/
a .img {
border:0px;
}
/* style preformat */
.pre {
	color: #560 ;
	border:2px solid #6495ed;
	background-color: #ECFEA5;
	
}
/* classes des listes de dfinitions */

.dd {
	color:#333;
	background:#f0f0f0 ;
	padding:4px;
	margin:0;
}		
.dl {
	border:3px double #ddd;
	float:left;
	padding:5px;
	margin:10px;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	background:#eee;
}

.dl:hover {
	border-color:#999;
}
.dl img {
	border:0;
}

/*----- liste de dfinition pour image  positionne  droite------ */	
dl.float-right
{
border: 2px solid #069;
background-color: #FFFFCC;
text-align: center;
padding: 0 0 10px 0;
float: right;
margin: 0 0 1em 1em;
}

.float-right dt{
text-align:center;
font-weight: bold;
color: #069;
padding: 5px 10px;
margin-bottom: 10px;
}

.float-right dd img{
border: 1px inset #069;
}

.float-right dd{
margin: 0;
padding: 0 10px 5px 10px;
font-size: 9px;
color: #FF3300;
}
/*----- liste de dfinition pour image  positionne  gauche------ */	
dl.float-left{
border: 1px solid #366C00;
background-color: #F2FFF2;
text-align: center;
padding: 0 0 10px 0;
float: left;
margin: 0 1em 1em 1em;
}

.float-left dt{
text-align:center;
font-weight: bold;
color: #006600;
padding: 5px 10px;
margin-bottom: 10px;
}

.float-left dd img{
border: 1px solid #060;
}

.float-left dd{
margin: 0;
padding: 0 10px 5px 10px;
font-size: 9px;
color: #FF3300;
}

/* mise en ligne d'images lgendes positionnes par des balises dl dt dd*/
/*positionnement  gauche*/
dl.gallery_g
{
border: 1px solid #c30;
background-color: #FFFFCC;
text-align: center;
padding: 10px;
float: left;
margin-right: 1em;
}

.gallery_g dt { 
font-weight: bold;
color:#339900;
}

.gallery_g dt img {
border: 1px solid #000;
}

.gallery_g dd {
margin: 0;
padding: 0;
color:#CC9933
}

/*positionnement  droite*/
dl.gallery_d {
border: 1px solid #c30;
background-color: #FFFFCC;
text-align: center;
padding: 10px;
float: right;
margin-left: 1em;
}

.gallery_d dt { 
font-weight: bold;
color:#339900; }

.gallery_d dt img {
border: 1px solid #390;
}

.gallery_d dd {
margin: 0;
padding: 0;
color:#CC9933;
}
/* nouvelle page d'accueil 3 colonnes : menugauche, centre, coldroite*/

#centre {
    background-color:#FFFFFF;
	float: left;
	width: 500px;
	margin: 0 0 0 0px;
	padding: 3px 5px 5px 25px;
	text-align:justify;
	font-size: 12px;
	}


#centre h1 { 
  font-size: 16px;
  font-variant:small-caps;
  color: #060;
  padding-bottom:0.2em;
  margin-bottom:1em;
  font-weight: bold;  
}

#centre h2 { 
    padding-left: 0px ;
	line-height: 25px ;
	font-size: 15px ;
	color: #666600;
	border-bottom: 1px solid #380 ;
}

#centre h3 { 
  margin-top:1em;
  margin-left: 5px ;
  padding-left: 5px;
  color: #FF6600;
  font-weight: 600; 
  font-size: 1.2em;  
}

#centre h4 { 
  font-size: 1em;
  color: #CC3300;
  text-align: center;
  line-height: 1px;
  font-weight: lighter;
}
#centre h5 {
  font-size: 1.2em;
  }
#centre p{
    text-align: justify ;
	text-indent: 0 ;
	line-height: 1.7em ;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	}
#coldroite {
float:right;
background-color:  #F2F2E6;
margin: 0 ;
padding:0;
width: 170px;
border: 1px solid #ccc ;
}
#coldroite h3{
font-size: 14px;
font-weight: bold;  
text-align:center;
color: #006633;
}
/*dl=definition liste*/
dl#liste_droit
{
float: right;
width:160px;
padding: 0 0 0 0;
margin: 0 0.5em 1em 0.7em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color:#FF9933;
text-align:left;
background-color: #F3F3F3;
list-style: none;
}
/*dt=definition titre ou lgende */
#liste_droit dt
{
background-color:#F3F3F3;
font-size:1.1em;
text-align:center;
margin-top:1em;
}
#liste_droit dt span
{
background-color:#F3F3F3;
font-size:1.1em;
color:#400040;
}
/*dd=definition donnees*/
dl#liste_droit dd
{
display: block;
margin: 1em 0 1em 0;
padding: 0;
font-size:0.9em;
color:#777;
text-align:center;
}
#coldroite>dl#liste_droit dd  { width: auto; }

/* classe des puces li de la colonne droite */
.menudroit {
 list-style-image: url(../img_commun/fleche_rouge.gif);
 list-style-position: outside;
margin: 0 0 0 0;
padding:0;
padding-left: 17px;
}
.menudroit a {
text-decoration:none;
}
.menudroit li {
	margin: 0 0 0 5px;
	padding:0 0 0 2px;
	line-height:2.3em;
	font-size:11px;
	
	}

.menudroit li a:link, a:visited, a:active {
	text-decoration:none;
	color: #333300;
	  }

.menudroit li a:hover, li#active a:hover{
  text-decoration: none;
  background-color: #006600;
  color: #FFFFFF;
  cursor: default;
}

/*fin nouveau */

/* classe bouton de formulaire*/

.bouton       { 
color: #006633;  
background: #CAFFE4  #bbbbff;
border: solid 2px #060; 
border-top-color: #ffffff; 
border-left-color: #ffffff;
 }

.bouton:hover {
 color: #900; background: #f1de00;
 }
.bouton:focus { 
background: #900; 
border: solid 2px #ffffff; 
border-top-color: #6666ff;
 border-left-color: #6666ff;
 }
 
 .fond1  {
 background-color: #F7F7F7;	
 }	
 .message {
 background-color: #D9E9C3;
  padding: 10px;
 border-bottom: solid 10px #fff;
  	}
.message a:hover {
 color: #900; background: #f1de00;
 }
.fond2 {
 background-color: #D9E9C3;
  padding: 10px;
 border-bottom: solid 10px #fff;
 	}
h4.message{
font-weight:bold;
color:#003333;
}			
.w600 {	
	width: 600px;
	}					
.forumPriveListe form {	
	margin:0px;	
	height:25px;	
}	
.forumPriveListe td {
	vertical-align:top;
}		
.forumPriveMenu form {
margin:0px;	
height:25px;
}