/************************************************************\
 *  Feuille de style pour le site jtvh.free.fr              *
\************************************************************/

/******* Le 17.02.07 par JB. Pauchon, jb.pauchon@gmail.com *****/


/*************** Structure logique générale du site **********************/

body {
	background: #dedede
	;
}

#page {
  background: rgb(255,247,230);
	width: 860px;
	float: left;
	position: absolute;
	margin-left: 6%;
	margin-bottom: 5px;
	padding: 0;
}

#en-tete {
	width: 100%;
  	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	height: 140px;
	background-image: url(../images/bandeau/fond2.jpg);
	background-repeat: repeat-x;
}

#menu {
  background: #000055;
	width: 100%;
	position: relative;
	float: left;
	margin: 0;
	height: 40px;
	padding-top: 12px;
}

#ariane {
  background: #dedede;
	width: 80%;
	position: relative;
	float: left;
	padding-left: 30px;
	margin-bottom: 15px;
}

#conteneur {
  background: rgb(255,247,230);
	width: 100%;
	position: relative;
	float: left;
	margin-bottom: 30px;
}

#gauche {
  background: rgb(255,247,230);
	width: 24%;
	position: relative;
	float: left;
	margin-left: 5px;
	margin-top: 0;
}

#contenu {
  background: #dedede;
	width: 49%;
	position: relative;
	float: left;
	margin-left: 1%;
}

#contenu-article {
	width: 73%;
	position: relative;
	float: left;
	margin-left: 1%;
	padding-right: 5px;
}

#droite {
  background: gb(255,247,230);
	width: 22%;
	position: relative;
	float: left;
	margin-left: 2%;
	margin-top: 0;
}

#contenu-article #breves-article {
	width: 189px;
	position: relative;
	float: right;
	margin: 10px;
	border-left: 1px dashed black;
	border-bottom: 1px dashed black;
	padding: 10px;
}

#pied {
  background: #dedede;
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	/*background-image: url(../images/arrondi/bas.jpg);
	background-repeat: no-repeat;*/
}
/*******************Ancien arrondi un peu spécial...
#arrondi-gauche {
  position: relative; 
  float: left; 
  width: 15%; 
  height: 100%;
  background-image: url(../images/arrondi/arrondig.jpg); 
  background-position: 0% 100%; 
  background-repeat: no-repeat;
}

#arrondi-droite {
  position: relative; 
  float: right; 
  width: 15%; 
  height: 100%;
  background-image: url(../images/arrondi/arrondid.jpg); 
  background-position: 100% 100%; 
  background-repeat: no-repeat;
}
****************************************************************/

#spp {
  background: #dedede;
	width: 100%;
	position: relative;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
  font-size: 13px;
}

/*************** Style de class du menu ****************************/

.menu a {
	color: #80bce1;
	text-decoration: none;
	font-family: Comic Sans MS;
	font-size: 20px;
	font-weight: bold;
}

.menu a:hover {
	color: #99ff66;
	text-decoration: none;
}

/**************** Style des titres ********************************/

.titre-breve-accueil a {
	color: black;
	text-decoration: none;
	padding-left: 10px;
	font-family: Comic Sans MS;
}

.titre-breve-accueil {
	font-family: Comic Sans MS;
	font-variant: small-caps;
	font-weight: 600;
	font-size: 20px;
	border-bottom: 1px dotted #80bce1;
	margin-bottom: 5px;
	padding-bottom: 3px;
}

/********************* Style des formulaires ****************************/

.connexion {
  font-family: Comic Sans MS;
	border-left: 1px solid #80bce1;
	padding-left: 3px;
	margin-bottom: 10%;
}

.deconnexion {
  font-family: Comic Sans MS;
	border-left: 1px solid #80bce1;
	padding-left: 3px;
	color: black;
	text-decoration: none;
}

/********************* Style du pied de page ************************/

.pied {
  width: 100%; 
  position: relative;
  float: left; 
  height: 100%;
}

.pied a {
	color: black;
	font-size: 13px;
	text-decoration: none;
}

/********************** Style des listes ******************************/

.liste-liens a {
  font-family: Comic Sans MS;
	color: black;
	text-decoration: none;
}

.liste-liens a:hover {
	text-decoration: underline;
}

h4 {
	margin-bottom: 5px;
	margin-top: 0;
}

.connexion ul {
  font-family: Comic Sans MS;
	list-style-image: url(../images/list.jpg);
}

.connexion li {
  font-family: Comic Sans MS;
	margin-left: -20px;
}

#alinea-restreint {
	margin-left: 1px;
	border-left: 1px solid #80BCE1;
	padding-left: 2px;
}

/**************************** Style par d�aut des articles ******************/

.article {
	text-indent: 10px;
	font-family: Comic Sans MS;
}

.article p:first-letter {
	text-transform: capitalize;
}

.liste-article-freres {
	margin-left: 5px;
	border-left: 1px solid #48BDFF;
	margin-bottom: 1px;
	padding-left: 2px;
}

.liste-article-freres a {
	color: black;
	text-decoration: none;
}

.liste-article-freres a:hover {
	text-decoration: underline;
	color: black;
}

.surtitre {
	font-family: Comic Sans MS;
	font-size: 17px;
	margin-left: 5px;
	margin-bottom: 15px;
}

.titre  {
	font-family: Comic Sans MS;
	font-size: 22px;
	margin-left: 12px;
	border-left: 3px solid #48BDFF;
	padding-left: 3px;
	margin-bottom: 12px;
	font-variant: small-caps;
	font-weight: 500;
}

.soustitre {
  font-family: Comic Sans MS;
	font-size: 17px;
	margin-left: 5px;
	border-left: 2px solid #48BDFF;
	padding-left: 3px;
	margin-bottom: 15px;
}

.chapo  {
	text-indent: 10px;
	font-style: italic;
	font-family: Comic Sans MS;
	font-size: 14px;
}

.texte-articles {
  font-family: Comic Sans MS;
	margin-top: 15px;
	margin-bottom: 15px;
	/*text-align: justify;*/
}

	

/************************ Style du fil d'ariane ******************************/

.ariane a {
	color: black;
	text-decoration: underline;
}

.ariane {
	font-size: 13px;
	font-family: Comic Sans MS;
}

/********************** Style des liste des pages de rubriques ********************************/

.rubrique img {
	border: 1px solid black;
}

.rubrique a {
  font-family: Comic Sans MS;
	color: black;
	text-decoration: none;
}

.rubrique table {
	margin-bottom: 10px;
}

.texte-presentation {
  font-family: Comic Sans MS;
	font-size: 12px;
	text-indent: 6px;
}	

.texte-breve-droite {
  font-family: Comic Sans MS;
	font-size: 13px;
}

.titre-breve-droite a {
  font-family: Comic Sans MS;
	color: black;
	text-decoration: none;
	border-bottom: 1px solid #48BDFF;
}

.image-breves img {
	border: 1px solid black;
}

.miniplan a {
  font-family: Comic Sans MS;
	color: black;
	text-decoration: none;
}

.miniplan a:hover {
	text-decoration: underline;
	color: black;
}

.miniplan .alinea {
	margin-left: 5px;
	border-left: 1px solid #48BDFF;
	margin-bottom: 1px;
	padding-left: 2px;
}

.texte {
	text-indent: 10px;
	font-size: 14px;
	font-family: Comic Sans MS;
	margin-bottom: 15px;
}

.titre-rubrique {
  font-family: Comic Sans MS;
	margin-bottom: 15px;	
	border-bottom: 1px solid #48BDFF;
}

.titre-rubrique p {
	font-family: Comic Sans MS;
	color: black;
	font-size: 18px;
	border-left: 2px solid #48BDFF;
	padding-left: 10px;
	margin-left: 20px;
}

/************************** Style des pages de liens ******************************/

.listes-sites {
	margin-bottom: 7px;
}

.listes-sites img {
	border: 0;
	margin-left: 2px;
}

.liste-rubrique-liens li {
	list-style-image: url(../images/list.jpg);
}

.liste-rubrique-liens {
	margin-bottom: 15px;
}

#plan-sites {
	float: left;
	width: 40%;
	margin-top: 10px;
	margin-bottom: 10px;
}

#plan-sites img {
	border: 0;
	margin-left: 3px;
	margin-right: 4px;
}

/*************************** Style de l'acces restreint *********************************/

.acces a {
	color: black;
	text-decoration: none;
}

.acces {
	margin-bottom: 10px;
}

.acces img {
	border: 0;
	margin-left: 2px;
	margin-right: 4px;
}

.responsables table {
	margin-bottom: 15px;
	width: 90%;
}

.responsables .nom {
	border-bottom: 1px solid #48BDFF;
	padding-bottom: 3px;
}

.responsables .nom a {
	color: black;
	text-decoration: none;
}

.responsables .infos {
	font-size: 14px;
}

.responsables img {
	border: 0;
	margin-left: 3px;
	margin-right: 4px;
}

/************************ Style des breves **************************/

.breves h3 {
  font-family: Comic Sans MS;
	font-size: 15px;
	text-indent: 10px;
	border-bottom: 2px solid #48BDFF;
	padding-bottom: 2px;
}

/*********************** Style du plan ***************************/


.titreplan {
  font-family: Comic Sans MS;
	font-size: 20px;
	border-bottom: 2px solid #48BDFF;
	padding-bottom: 3px;
}

.plan a {
	color: black;
	text-decoration: none;
}

.plan a:hover {
	text-decoration: underline;
	color: black;
}	
/********************* Style de la page des r�ultats de recherche */

.recherche a {
  color: black;
  text-decoration: none;
}

.recherche .texte {
  font-size: 11px;
  margin-top: 5px;
}

.groupe-recherche {
  margin-bottom: 30px;
}

/******************************* Style du trombinoscope *************************/