/*feuille de style -- club de Quimper */

/* style pages ppales*/

/* couleurs principales
base fond vert : #32B700 
texte vert : #036634
texte rouge : #ce2623
*/

body 	{
	/* color:#708090; */ /*#036634; */
	background-color:#fff; /* #32B700; */
	background-image:url(./fond_chocolat_degrade_vertical.gif); /* fond_chocolat_degrade.gif */
	background-repeat:repeat-x;
	background-position: top left;
	background-attachment: fixed;
	font-family: serif;
	}

   #doc_global{ /*définition de mise en page globale*/
   width:98%; /*limiter la largeur utile au texte*/
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}


/* couleur sur balise italique */
i {color: brown;}

/* colonne 1 (gauche) */
#colonne1 {
	background-color:#fff;
	background-image:url(./fond_chocolat_degrade_inv.gif);
	background-repeat:repeat-y;
	background-position: center center; /* bottom left; */
	float: left;
	width: 16em;
	padding: 0px;
	margin-top:15px;
	margin-right:2px;
	border-bottom: solid 1px brown;
	border-right: solid 1px brown;
	font-size: 90%;
}

/* colonne centre  */
#centre {
	background-color:#fff;
	background-image:url(./fond_chocolat_degrade_vertical_inv.gif); /*fond_chocolat_degrade.gif*/
/*	background-repeat:repeat-y;
	background-position:  center center; */
	background-repeat:repeat-x;
	background-position: center left;
	background-attachment: fixed;
	padding: 0px;
	margin-top:1.5em;
   margin-left: 17em;
	margin-right: 5px; /*5.5em;*/
	border-bottom: solid 1px brown;
	border-right: solid 1px brown;
}

/* pages tutoriels */
#tuto {
	background-color:#fff;
	background-image:url(./fond_chocolat_degrade_vertical_inv.gif); /*fond_chocolat_degrade.gif*/
	background-repeat:repeat-x;
	background-position: center left;
	background-attachment: fixed;
	margin-left: 60px;
	margin-right: 60px;
}

/* titre bloc article */
.titre_bloc {
	color: brown; /* #036634; */
	height: 2em; /*46px;*/ 
	font-size: 1.5em;
   background-image: url(./fond_chocolat_degrade_inv.gif); /* vert_degrade_gauche.gif */
	background-repeat: repeat;
   background-position: top center;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: center;
	}

.titre_inter {
	color: brown; /* #036634; */
	height: 2em; /*46px;*/ 
	font-size: 1.5em;
   background-image: url(./fond_chocolat_degrade.gif); /* vert_degrade_gauche.gif */
	background-repeat: repeat;
   background-position: top center;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: left;
	}

/* pour incorporer la signature */		
   .doc_sign{
	text-align:right;
	font-style:italic;
	font-size:small;
	font-weight:bold;
	margin-right:5px;
  	}


/*définitions balises standards*/

/* Titre H1 et H2 centrés */
  h1,h2{
	font-style: italic;
	color: brown; /* #036634; */
	text-align: center;
	}

/* marge des titres h3*/  
  h3	{
 	margin-left:5px;
 	color: brown; /* #036634; */
	text-align: left;
	}

/* marge des titres h4*/
  h4,dt	{
 	margin-left:10px; /*marge des titres h4*/
	font-style: italic;
	}

/* marge des titres h5 h6*/
  h5 {
 	margin-left:15px;
 	font-style: italic;
	text-align: center;
	color: brown; /* #ce2623; */ /* #036634; */
	}
	
/* marge des titres h5 h6*/
  h6	{
  	text-align:right;
 	margin-right: 5px;
	font-style: italic;
	}

  li	{
  	margin-left: 5px;
  	}
 
   em	{
   font-size: 125%;
   }
	
   hr	{
   width: 80%;
   height:2px;
   color: brown ; /*#036634; */
   }
	
/* tableau bordures fines */	
	table, tr, th, td{
	border-style:solid; 
	border-width:1px; 
	border-collapse:collapse;	
	}
	
	table{
	border-color: brown; /* #036634; */
	border-bottom: solid #036634;
	border-right: solid 3px #036634;
	margin-left: 30px;
	margin-right:30px;
	}	
	
	th{
	vertical-align:top;
	}
	
/* surlignage */
	.surligne {
	background-color: #b0cfc0;
	}
	
/* tableau sans bordures */
	.sans_bord {
	border:0px; 
	}

/* différentes bordures */
	.bord_bas{
	border-color:brown;
	border-style:solid;
	border-width:3px; 
	border-top:0px; 
	border-left:0px; 
	border-right:0px; 
	border-style:inset;
	}
	
	.bord_droit{
	border-color:brown;
	border-style:solid;
	border-width:3px; 
	border-top:0px; 
	border-left:0px; 
	border-bottom:0px; 
	border-style:inset;
	}

	.bord_gauche{
	border-color:brown;
	border-style:solid;
	border-width:3px; 
	border-top:0px; 
	border-bottom:0px; 
	border-right:0px;
	border-style:inset;
	}
	
	.bord_haut{
	border-color:brown;
	border-style:solid;
	border-width:3px; 
	border-bottom:0px; 
	border-left:0px; 
	border-right:0px; 
	border-style:inset;
	}
	
	.bord_bas_droit{
	border-style:solid;
	border-width:3px; 
	border-color:brown; /*#708090;*/
	border-top:0px; 
	border-left:0px; 
	border-style:inset;
	}

	.bord_creux{
	border-style:inset;
	}

/* paragraphe : indentation sur la première ligne */   	
   p	{
   text-indent:60px;
   margin-left:30px;
   margin-right:30px;
   }

/* paragraphe : mise en forme première lettre */	
   p:first-letter{
   font-size: 120%;
	font-weight: bold;
	} 

/* marges de la balise blockquote */  
   blockquote {
  	margin-left:50px;
	margin-right:40px;
	}

/* gestion des guillemets */
   q	{
   font-weight: bold;
	quotes: "«" "»" "'" "'";
	}
	Q:before { content: open-quote }
	Q:after  { content: close-quote }

/* couleur lien */
	a {
	color: brown;	
	}
/* changement de couleur au survol des liens */
   a:hover {
	color: #ffbf00; /*yellow; /* #ce2623; */ /* #036634;*/
	}
	
/* infobulle au survol d'un lien */

.tooltip {
  /* text-decoration:none; */
  position:relative;
}
 
.tooltip span {
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background:#ffefae; /* white; */ 
}
 
.tooltip span img {
  float:none; /*  left;*/
  margin:0px 8px 8px 4px;
}
 
.tooltip:hover span {
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:1000;
  width:240px; /* auto; */
 max-width:640px; */
  min-height:128px;
  border:1px solid black;
  margin-top:32px;
  margin-left:64px;
  overflow:hidden;
  padding:8px;
}	
	
/* soulignement au survol des éléments label d'un formulaire */
	
	label:hover{
	color: #036634;
	text-decoration:underline;
	}

	ul, dl, ol{
	padding:0px;
	margin-left: 20px;
	}
	
/* mise en forme titres de listes */	
	dt{
	margin-left: 10px;
	font-weight: bold;
	/*text-decoration: underline;*/
	}

/* puces images  pour élément de liste */

	ul li{
	list-style-image:url(./valid.gif);
	list-style-position:outside;
	}	

ul.aucun li{
	list-style-image:none;
	list-style-type:none;
	}

ul.attach li{
	list-style-image:url(./attach.png);
	list-style-position:inside;
	}	

/*
ul.main li{
	list-style-image:url(./main_gauche.png);
	list-style-position:inside;
	}	
*/

	ul.stop li{
	list-style-image:url(./stop.gif);
	}

	ul.main li{
	list-style-image:url(./main-gauche.gif);
	padding:2px;	
	list-style-position:inside;
	}

	ul.main_dr li{
	list-style-image:url(./main-droite.gif);
	padding:2px;	
	list-style-position:inside;
	}

/* puces infobulles pour élément de liste */
	ul.alerte li{
	list-style-image:url(./alerte.gif);
	padding:2px;	
	list-style-position:inside;
	}

	ul.info li{
	list-style-image:url(./info.gif);
	padding:2px;	
	list-style-position:inside;
	}

	ul.exclam li{
	list-style-image:url(./exclam.gif);
	padding:2px;	
	list-style-position:inside;
	}

	ul.bullehttp li{
	list-style-image:url(./http.gif);
	padding:2px;	
	list-style-position:inside;
	}
	
	ul.arobas li{
	list-style-image:url(./arobas.gif);
	padding:2px;	
	list-style-position:inside;
	}

	ul.interro li{
	list-style-image:url(./interro_2.gif);
	padding:2px;	
	list-style-position:inside;
	}



/* ------------------------- */
	
	ol {list-style-position:outside}
	
/* ------------------------- */
	
/* puces infobulles tout élément (before/after)*/
.dev:before{
	content:url(./dev.png);
	padding:2px;		
	}

.dispo:before{
   content:url(./dispo.gif);
	padding:2px;		
	}

.indispo:before{
   content:url(./indispo.gif);
	padding:2px;		
	}

.dde_info:before{
   content:url(./dde_info.gif);
	padding:2px;		
	}
	
.pointe:before{
	content:url(./main-gauche.gif);
	padding:2px;	
	}

.alerte:before {
	content:url(./alerte.gif);
	padding:2px;	
	}

.info:before {
	content:url(./info.gif);
	padding:2px;	
	}

.exclam:before {
	content:url(./exclam.gif);
	padding:2px;	
	}

.triste:before {
	content:url(./emoticone_3.gif);
	padding:2px;	
	}

.bullehttp:before {
	content:url(./http.gif);
	padding:2px;	
	}
	
.arobas:after {
	content:url(./arobas.gif);
	padding:2px;	
	}

.interro:before {
	content:url(./interro_2.gif);
	padding:2px;	
	}
	
.email:after {
	content:url(./email.png);
	padding:5px;	
	}
/* ----------------------------- */

/* fin définitions balise standard */


/*différents formatage d'images*/ 
img {
	border:0px;
	vertical-align:middle;
	}
    
   .gauche	{ /* image à gauche d'un texte*/
   border:0px;
	margin-top :5px;
	margin-left:5px;
	margin-right: 15px;
	float:left;
	margin-bottom :15px;
	}
   .droite	{ /* image à droite d'un texte*/
   border:0px;
  	margin-top :5px;
	margin-left: 15px;
	margin-right:5px;
 	float:right;
	margin-bottom :15px;
	}
	.tete{
   border:0px;
  	margin-top :15px;
  	margin-bottom :15px;
	}
   .pied{
   border:0px;
  	margin-top :15px;
  	margin-bottom :15px;
	}
   .embed{
   border:0px;
  	margin-top :15px;
	margin-left: 15px;
	float:right;
  	height: 45px;
  	margin-bottom :15px;
	}