/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                                   www.kassumay.org.com                   |
|---------------------------------------------------------------------------|
|                                                                           |
|                          Styles communs à tout le site                    |
|                                                                           |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|                                 Julien CARLES / Sabine BOUBEL	- mai 2009 |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/



/* Comportement général des balises
-----------------------------------------------------------------------------
	Les règles associées aux balises ci-dessous modifient le comportement de
	ces balises, sur toute la page, quelque soit leur place dans
	l'arborescence.
---------------------------------------------------------------------------*/

p {
	font: 0.8em Arial, Helvetica, sans-serif;
	color: black;
	text-align: justify;
	margin-bottom: 15px;
	line-height: 140%;
}

.gras {
	font-weight: bold;
}

.petit-titre {
	margin-bottom: 5px;
	font-weight: bold;
}

h1{
    font: 1.2em Arial, Helvetica, sans-serif;
    text-align:left;
	margin-left: 307px;
	color:#663300;
	font-weight: bold;
	width:613px;
}

h2{
    font: 1.2em Arial, Helvetica, sans-serif;
	text-align: left;
	color: #663300;
	margin-bottom: 5px;
	margin-top: 20px;
	width:613px;
	font-weight: bold;
}


* {
	margin: 0;
	padding: 0;
}


	
a {
	font: 1em Arial, Helvetica, sans-serif;
	color: #996633;
    text-decoration:underline;
}

a img {
	border:none;
}
	
a:hover {
    color: #333333;
}
	
ul {
	font: 0.8em Arial, Helvetica, sans-serif;
	list-style-type:none;
}
	
ul a {
	color:#996633;
	text-decoration:none;
}

img{
	margin-bottom: 5px;
}
a.afu {
	color:white;
	}

/* Définition de la zone 'centrage'
-----------------------------------------------------------------------------
	La zone 'contenu' est centrée horizontalement 
	sur la page, avec une largeur fixe et contient la zone 'contenu'
---------------------------------------------------------------------------*/
#centrage {
	position: relative;
	margin-left: auto;
	margin-right: auto;
    top:20px;
	width: 950px;
}
	
	
/* Définition de la zone 'haut'*/

#zone-haut {
    position: relative;
    float: left;
	background-image: url(../images/bandeau.jpg);
	width: 950px;
	height: 194px;
	background-repeat: no-repeat;
}

/*Définition de la zone de menu contact*/

#contact {
    position: absolute;
	left: 915px;
	top: 143px;
	width: 30px;
}

#contact a:hover {
	text-decoration: none;

}


/*Définition de la zone de menu haut*/

ul.menu-haut {
    font: 0.8em Arial, Helvetica, sans-serif;
	position: absolute;
	left:187px;
	top: 145px;
	color: cad9ff;
	font-weight: bold;
	list-style-type:none;

}
	
ul.menu-haut li a:hover, ul.menu-haut li a.lien-mort {
	color: #FFFFFF;
}


ul.menu-haut a {
	color:#663300;
}
	
ul.menu-haut li.niveau1 {
    display: inline;
	float: left;
	text-align: center;
	width :103px;
	line-height:1.3em;
	color: #FFFFFF;
}


/*Liste en colonne pour le niveau 2 - Style appliqué sur le bloc*/

ul.menu-haut ul.niveau2 {
	position:relative;
	float:left;
	background-image: url(../images/couleur-bouton.gif);
	background-repeat: repeat;
	margin-top: 5px;
	width:150px;
	border-top:1px solid #716004;

}
	
ul.menu-haut ul.niveau2 li {
	position:relative;
	float:left;
	width:142px;
    height: 18px;
    padding: 3px 3px 0 3px;
    text-align: left;
	border:1px solid #716004;
	border-top:none;
	font-size:1em;
	
}
/* quand une liste est enchassée dans une autre elle est non visible*/

ul.menu-haut ul {
	display:none;
}
	
/* au survol sur une ligne, la liste niveau2 est visible */

ul.menu-haut li:hover ul.niveau2,ul.menu-haut  li.sfhover ul.niveau2  {
	display:block;
	width:150px;
}
*ul.menu-haut  li.sfhover ul.niveau2  {
	display:block;
	width:103px;
	overflow:hidden;
}
/* Définition de la zone 'titre'*/

#zone-titre {
    position: relative;
    float: left;
	background-image: url(../images/zone-titre.gif);
	width: 950px;
	height: 38px;
	background-repeat: no-repeat;
}

/* Définition de la zone 'bas'*/

#zone-bas {
    position: relative;
	float: left;
	display:inline;
	background-image: url(../images/couleur-texte.gif);
	background-repeat: repeat;
	min-height: 350px;
	margin-left: 90px;
	padding: 25px 30px 30px 217px;
	width:613px;
}
#zone-bas h3 {
    font: 1em Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top:20px;
	font-weight: bold;
}


/* caractéristique des images et texte de la zone 'bas'*/

#texte-seul{
	display: block;
	position: relative;
	float: left;
	width: 613px;
	font: 0.8em Arial, Helvetica, sans-serif;
	color: black;
	text-align: justify;
	margin-bottom: 15px;
	line-height: 140%;
}

#texte-photo{
	display: block;
	position: relative;
	float: left;
	width: 425px;
	font: 0.8em Arial, Helvetica, sans-serif;
	color: black;
	text-align: justify;
	line-height: 140%;
}

#photo-texte{
	position: relative;
	float:left;
	display:inline;
	width: 168px;
	margin-left: 20px;
}

#photo-texte img{
	float: right;
	margin:0;
}
#photo-carte img{
	margin:0;
	float: right;
	max-width:600px;
	max-height:600px;
}

#photo-carte {
	position:relative;
	float:left;
	display:inline;
	width: 612px;
	/*margin-left: 10px;*/
}

/* Définition des tableaux de la zone 'bas'*/

.tableau-projet {
	background-color: #FFFFFF;
	margin-bottom: 15px;
	border-color: #F4CE9C;
	float: right;
}

.tableau-projet p{
	text-align: center;
	margin: 0;
}

.tableau {
	background-color: #000000;
	margin: 15px 0;
	float: right;
	text-align: center;
	font: 0.7em Arial, Helvetica, sans-serif;
}

.tableau img{
	margin: 5px 0 0 0;
	max-height:600px;
	max-width:600px;
}

.tableau a{
    text-align: center;
	color: #CCFF66;
	text-decoration: underline;
}

.tableau_titre_image{
  text-align: center;
	color: #CCFF66;
	text-decoration: none;
}
.tableau a:hover{
    color: #FFFFCC;
}

.contact{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

/* Définition de la zone 'actu'*/

#zone-actu {
    position:absolute;
	background-image: url(../images/couleur-actu.gif);
	background-repeat: repeat;
	left: -35px;
	top: 25px;
	width: 225px;
	min-height: 295px;
	margin-bottom:20px;
}

#zone-actu h3{
    font: 0.8em Arial, Helvetica, sans-serif;
	color: #000000;
	margin-bottom: 5px;
	font-weight: bold;
    margin: 20px 15px 8px 15px;
}

#zone-actu p{
    margin: 3px 15px 10px 18px;
	color: #996633;
	text-align: left;
}



/* Définition de la zone 'copyright'*/

#zone-copyright{
	float: right;
    position: relative;
	height: 50px;
    margin: 5px 0 90px 90px;
	
}

#zone-copyright a{
    font: 0.9em Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:#000000;
}

#zone-copyright a:hover{
	color: #666666;
}

/*page privé */
a.lienPrive {
	line-height:2em;
	text-decoration:none;
	margin-left:30px;
	}