/**
* CSS
* 
* ---------------- Modifs didier ---------------- *
*/

* {
		margin: 0px;
		padding: 0px;
}

/* ---------------- caractéristiques de la page ---------------- */
body {
		font-size: 9px;
		font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", Arial, sans-serif;			/* Police générale pour la page */
		background: #333333;					/* couleur fond de page */
}
/* ---------------- fin caractéristiques de la page ---------------- */

body.section-1 { }
body.section-2 { }
body.section-3 { }

/* ---------------- definition des liens en general, pour toute la page ---------------- */
a:link { 
		text-decoration: none;
		color: #666666;
}

a:active { 
		text-decoration: none;
		color: #666666;

}

a:visited { 
		text-decoration: none; 
		color: #666666;

}

a:hover {
		text-decoration: none;
		color: #ffff33; 

}

/* ---------------- fin definition liens ---------------- */

a img { 
		border: none; 
}

/* ================= menu , général et cas particuliers ================ */
#menu {
		width: 240px;
		/* float:left; */
		overflow: auto;
		top: 100px;
		bottom: 0px;
		left: 50px;
		position: fixed;
		height: 80%;
		background-color: #333333;
		line-height: 13px;
					/* couleur fond du menu */
		z-index:10;
}

/* ---------------- mise en forme tête colone menu ---------------------- */
#menu h1 {
		padding-top:0px;					/* defini les marges autour du texte haut de titre */
		padding-right:0px;
		padding-bottom:54px;
		padding-left:0px;
		margin-top:0px;
		margin-right:0px;
		margin-bottom:10px;
		margin-left:0px;
		font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", Arial, sans-serif;
/* définit la police du titre colonne menu */
		color: #cccccc;						/* couleur police en hexadecimal */
		font-size: 9px;					/* taille police titre menu */
		font-style: bolder;					/* style, italique, normal, .. */
		line-height: 14px;					/* hauteru de ligne */
		font-weight: normal;					/* gras, normal */
		font-variant: small-caps;				/* normal, petite majuscules */
		text-decoration: none;					/* souligné, barré, normal */
letter-spacing: 0.15em;
}
/* ---------------- fin mise en forme tête colone menu ---------------------- */


/* ---------------- mise en forme pied du menu ---------------------- */
#menu h2 {
		padding-top:0px;					/* defini les marges autour du texte sous le menu (si existe) */
		padding-right:0px;
		padding-bottom:0px;
		padding-left:0px;
		margin-top:0px;
		margin-right:0px;
		margin-bottom:0px;
		margin-left:0px;
		font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", Arial, sans-serif; /* définit la police du texte pied colonne menu */
		color: #; /* couleur police en hexadecimal */
		font-size: 9px;					/* taille police titre menu */
		font-style: normal;					/* style, italique, normal, .. */
		line-height: 14px;					/* hauteru de ligne */
		font-weight: normal;					/* gras, normal */
		font-variant: normal;				/* normal, petite majuscules */
		text-decoration: none;					/* souligné, barré, normal */
}


/* ---------------- fin mise en forme pied du menu ---------------------- */
	
#menu ul {
		list-style: none;
		margin: 0px 0px 12px 0px;
}

/* ---------------- mise en forme titre de chaque section du menu ---------------- */
#menu ul li.section-title { 
		padding-top:0px;					/* defini les marges autour des titres de section dans le menu) */
		padding-right:0px;
		padding-bottom:0px;
		padding-left:0px;
		margin-top:0px;
		margin-right:0px;
		margin-bottom:0px;
		margin-left:0px;
		font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", Arial, sans-serif;
	/* définit la police du titre de section dans le menu */
		color: #cccccc;						/* couleur police en hexadecimal */
		font-size: 9px;					/* taille police titre menu */
		font-style: normal;					/* style, italique, normal, .. */
		line-height: 15px;					/* hauteur de ligne */
		font-weight: normal;					/* gras, normal */
		font-variant: normal;				/* normal, petite majuscules */
		text-decoration: none;					/* souligné, barré, normal */

}

#menu #copyright {
		padding-top:15px;					/* defini les marges autour du texte haut de titre */
		padding-right:0px;
		padding-bottom:0px;
		padding-left:0px;
		margin-top:0px;
		margin-right:0px;
		margin-bottom:0px;
		margin-left:0px;
		font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", Arial, sans-serif;
								/* définit la police du titre colonne menu */
		color: #666666;		
		font-size: 9px;					/* taille police titre menu */
		font-style: normal;					/* style, italique, normal, .. */
		line-height: 12px;					/* hauteur de ligne */
		font-weight: normal;					/* gras, normal */
		font-variant: normal;					/* normal, petite majuscules */
		text-decoration: none;					/* souligné, barré, normal */
}
#english {
color: #666666;	
}
	#english a:link { 
        text-decoration: none;
        color: #cccccc;
}

#english a:active { 
        text-decoration: none;
        color: #cccccc;

}

#english a:visited { 
        text-decoration: none; 
        color: #cccccc;

}

#english a:hover {
        text-decoration: none;
        color: #cccccc; 

}


/* ================ fin mise en forme menu ====================== */

/* ================ coeur de page ================ */
#content {
		position:absolute;
		height: 100%;
		/* margin: 0px 0px 0px 290px;					/* la dernière valeur doit correspondre à la largeur du menu */
		padding: 0px 0px 0px 290px;					/* la dernière valeur doit correspondre à la largeur du menu */
		top: 0px;
		font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", Arial, sans-serif;
		/* définit la police */
		z-index:2;
}

.container {
		padding: 5px 5px 25px 5px;
}

#content h1{
		padding-top:0px;					/* defini les marges autour des titres */
		padding-right:0px;
		padding-bottom:0px;
		padding-left:0px;
		margin-top:150px;
		margin-right:0px;
		margin-bottom:0px;
		margin-left:0px;
		font-family: "Arial", "Helvetica", "sans-serif";
	/* définit la police du titre de section*/
		color: #ffff33;						/* couleur police en hexadecimal */
		font-size: 70px;					/* taille police titre menu */
		font-style: normal;					/* style, italique, normal, .. */
		line-height: 70px;					/* hauteur de ligne */
		font-weight: bold;					/* gras, normal */
		font-variant: normal;				/* normal, petite majuscules */
		text-decoration: none;					/* souligné, barré, normal */
letter-spacing: -0.05em;
}

#content h2 {
		padding-top:0px;					/* defini les marges autour des titres */
		padding-right:0px;
		padding-bottom:0px;
		padding-left:0px;
		margin-top:0px;
		margin-right:0px;
		margin-bottom:0px;
		margin-left:0px;
		font-family: "Arial", "Helvetica", "sans-serif";
	/* définit la police du titre */
		color: #ffff33;						/* couleur police en hexadecimal */
		font-size: 33px;					/* taille police titre menu */
		font-style: normal;					/* style, italique, normal, .. */
		line-height: 38px;					/* hauteur de ligne */
		font-weight: bold;					/* gras, normal */
		font-variant: normal;				/* normal, petite majuscules */
		text-decoration: none;					/* souligné, barré, normal */
letter-spacing: -0.01em;
}

#content h3 {
		padding-top:0px;					/* defini les marges autour des titres */
		padding-right:0px;
		padding-bottom:0px;
		padding-left:0px;
		margin-top:0px;
		margin-right:0px;
		margin-bottom:0px;
		margin-left:0px;
		font-family: "Arial", "Helvetica", "sans-serif";
	/* définit la police du titre */
		color: #ffff33;						/* couleur police en hexadecimal */
		font-size: 12px;					/* taille police titre menu */
		font-style: normal;					/* style, italique, normal, .. */
		line-height: 19px;					/* hauteur de ligne */
		font-weight: bold;					/* gras, normal */
		font-variant: normal;				/* normal, petite majuscules */
		text-decoration: none;				/* souligné, barré, normal */
letter-spacing: -0.00em;
}

#content h4 {
		padding-top:0px;					/* defini les marges autour des titres */
		padding-right:0px;
		padding-bottom:0px;
		padding-left:0px;
		margin-top:0px;
		margin-right:0px;
		margin-bottom:0px;
		margin-left:0px;
		font-family: "Arial", "Helvetica", "sans-serif";
	/* définit la police du titre */
		color: #ffff33;						/* couleur police en hexadecimal */
		font-size: 23px;					/* taille police titre menu */
		font-style: normal;					/* style, italique, normal, .. */
		line-height: 25px;					/* hauteur de ligne */
		font-weight: bold;					/* gras, normal */
		font-variant: normal;				/* normal, petite majuscules */
		text-decoration: none;				/* souligné, barré, normal */
letter-spacing: -0.015em;
}

#content a:link { 
        text-decoration: none;
        color: #cccccc;
}

#content a:active { 
        text-decoration: none;
        color: #cccccc;

}

#content a:visited { 
        text-decoration: none; 
        color: #cccccc;

}

#content a:hover {
        text-decoration: none;
        color: #ffff33; 

}

#content #garrigues h1{
		width:667px;
		padding-top:0px;					/* defini les marges autour des titres */
		padding-right:0px;
		padding-bottom:0px;
		padding-left:0px;
		margin-top:179px;
		margin-right:0px;
		margin-bottom:0px;
		margin-left:0px;
		font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", Arial, sans-serif;
	/* définit la police du titre */
		color: #CCCCCC;						/* couleur police en hexadecimal */
		font-size: 9px;					/* taille police titre menu */
		font-style: normal;					/* style, italique, normal, .. */
		line-height: 14px;					/* hauteur de ligne */
		font-weight: normal;					/* gras, normal */
		font-variant: normal;				/* normal, petite majuscules */
		text-decoration: none;	
text-transform: uppercase;
letter-spacing: 0.08em;			/* souligné, barré, normal */
}
#content #garrigues h2{
		width:667px;
		padding-top:0px;					/* defini les marges autour des titres */
		padding-right:0px;
		padding-bottom:0px;
		padding-left:0px;
		margin-top:-10px;
		margin-right:0px;
		margin-bottom:0px;
		margin-left:0px;
		font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", Arial, sans-serif;
	/* définit la police du titre de section*/
		color: #cccccc;						/* couleur police en hexadecimal */
		font-size: 9px;					/* taille police titre menu */
		font-style: normal;					/* style, italique, normal, .. */
		line-height: 13px;					/* hauteur de ligne */
		font-weight: normal;					/* gras, normal */
		font-variant: normal;				/* normal, petite majuscules */
		text-decoration: none;	
}
#content #garrigues h3{
  		width:667px;
		padding-top:0px;					/* defini les marges autour des titres */
		padding-right:0px;
		padding-bottom:0px;
		padding-left:0px;
		margin-top:-10px;
		margin-right:0px;
		margin-bottom:0px;
		margin-left:0px;
		font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", Arial, sans-serif;
	/* définit la police du titre de section*/
		color: #cccccc;						/* couleur police en hexadecimal */
		font-size: 9px;					/* taille police titre menu */
		font-style: normal;					/* style, italique, normal, .. */
		line-height: 14px;					/* hauteur de ligne */
		font-weight: normal;					/* gras, normal */
		font-variant: normal;				/* normal, petite majuscules */
		text-decoration: none;	

}
#content p { 
		width: 400px; 
		margin-bottom: 9px; 
}

p {
		margin: 0px 0px 9px 0px;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ 
		margin: 0px; 
		padding: 0px; 
}

#img-container p { 
		width: 400px; 
		margin: 0px; 
		padding: 0px 0px 12px 0px; 
}

#once { 
		clear: left; 
}