/* index.css / Site Music onZe Net - 2009*/
/*Il existe trois catýgories de rýgles CSS :
	- les classes > exemple : " .mon-style " 
	- les ID de DIV > exemple : " #mon-style " 
	-les balises >  exemple : " body "
	(sans les guillemets)

Pour corriger certains dýfauts d'affichage des pages sous le navigateur Internet Explorer (dýfauts variant suivant les versions), il est nýcessaire de mettre en place des "hacks", sorte d'astuce de dýveloppement informatique. Ainsi, la propriýtý "!important" qui n'est pas visible par Internet Explorer (v5 ý v6) mais par la plupart des autres navigateurs permet d'instaurer des rýgles css d'exeption.
*/

/* ******** STRUCTURE CSS DE BASE ********* */
body {
	background-color: #053B69;
	margin-left: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	font-family: Arial, Helvetica, sans-serif;
}
#container {
	height: auto;
	width: 785px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/modules/images/fond-container.png);
	background-repeat: repeat-y;
	padding-right: 30px;
	padding-left: 25px;
}
#header {
	height: 180px;
	width: auto;
	background-color: #053B69;
}
#header h1{ /* Permet de masquer le contenu en affichage écran - Réservé à l'impression*/
display:none;
}
.logo {
	margin-left: 10px;
	margin-top: 13px;
	/* pour dýsactiver la bordure active sur certains navigateurs */
	border:none;
}
#main {
	background-image: url(/modules/images/fond-main.png);
	height: 798px;
	width: auto;
	background-repeat: no-repeat;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 80px;
	margin-top: 0px;
}
#footer {
	width: auto;
	background-image: url(/modules/images/fond-footer.png);
	background-repeat: no-repeat;
	text-align: center;
	/* Calage du footer pour la majoritý des navigateurs */
	height: 50px !important;
	padding-top: 105px !important;
	/* Calage du footer pour Internet Explorer v5 ý v6 */
	height: 29px;
	padding-top: 138px;
	overflow: hidden;
}

/* MENU DU FOOTER */
#footer li{
	border-right-style: solid;
	border-right-color: #B7B280;
	height: 13px;
	padding-right: 2%;
	padding-left: 4%;
	font-size: 11px;
	border-right-width: 1px;
	display: inline;
	list-style-type: none;
}

/* STRUCTURE DES COLONNES */
#sidebar1 {
	float: left;	/* Permet le flottement ý gauche de la premiýre colonne */
	height: auto;
	width: 215px;
	margin-right: 30px;
	margin-top: 5px;
	text-align: center;
}

#sidebar2 {
	float: right; 	/* Permet le flottement ý droite de la 3eme colonne */
	height: auto;
	width: 205px;
	margin-top: 5px;
}
#mainContent {
	height: auto;	/* Justification du texte sur la deuxiýme colonne */
	text-align: justify;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 240px;
}
/* MISE EN FORME DES TITRES ET DES PARAGRAPHES */
h1 {
	font-size: 12px;
	text-transform: uppercase;
	color: #053B68;
	letter-spacing: 0.1em;
}
h2 {
	font-size: 11px;
	text-transform: uppercase;
	color: #6E6C6E;
	letter-spacing: 0.1em;
}
p {
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	text-align: left;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0;
}


/* MISE EN FORME DES FONDS DE TITRES ET PARAGRAPHES */
.title {
	width: auto;
	margin-bottom: 0px;
	height: 25px;
	margin-top: 8px;
	padding-left: 75px;
	padding-top: 15px;
	background-image: url(/modules/images/enceinte-titre.png);
	background-repeat: no-repeat;
	background-position: left;
	color: #FFF;
}
.undertitle {
	width: auto;
	margin-bottom: 15px;
	margin-top: 15px;
	color: #053B68;
	text-align: center;
}
.paragraph {
	margin-top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #053B68;
	padding-bottom: 20px;
	margin-bottom: 40px;
	font-family: Arial, Helvetica, sans-serif;
}

/* ROLL-OVER TEXTE BASIQUE */
a {
	color: #F79208;
	text-decoration: none;
	font-weight: lighter;
}
a:hover {
	color: #A25F03;
}

/* ********* PAGE ACCUEIL *********** */
.image-float {
	float: right;
	width: auto;
	padding-left: 25px;
	padding-top: 20px;
	padding-bottom: 5px;
}
.video-bloc {
	height: 163px;
	width: 203px;
	border: 1px solid #000000;
	background-color: #333333;
	margin-bottom: 55px;
	/* permet de masquer selon les navigateurs le dýbordement de l'application vidýo */
	overflow: hidden;
}
.w3c {
	float: right;
	width: 88px;
	height: 31px;
	padding-right: 35px;
	padding-bottom: 25px;
}

/* ****** PAGE GALERIE ******** */
#main_photo {
	height: 500px;
	width: auto;
	background-image: url(/modules/galerie-js/photo_01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dashed;
	border-top-color: #000;
	border-bottom-color: #000;
}
td {
	height: 70px;
	width: 70px;
	padding-bottom: 40px;
}
.thumbs {
	border: 1px solid #202020;
	height: 70px;
	width: 70px;
	/* permet de masquer le contenu image qui dýborde de la zone des 70px */
	overflow: hidden;	
	/* Transparence (pour la majoritý des navigateurs) pour prýparer le roll-over des vignettes */
	opacity: 0.7
}

/* ****** PAGE BONUS ******** */
#bonus{
	list-style-type: none;
	margin-top: 10px;
	list-style-image: url(/modules/images/bonus-menu-puce.gif);
	list-style-position: outside;
	margin-left: -10px;
}
.bonus-list a{
	font-size: 11px;
	line-height: 25px;
	font-weight: lighter;
	color: #000;
	text-decoration: none;
	letter-spacing: 0.1em;
	height: 35px;
	width: 125px;
	display: block;
	/* Calage du menu de gauche pour la majoritý des navigateurs */	
	margin-left: -25px !important;
	padding-left: 35px !important;
	/* Calage du menu de gauche pour Internet Explorer v5 ý v6 */
	margin-left: 30px ;
	padding-left: 10px ;
}
.bonus-list a:hover{
	color: #B7B280;
	text-decoration: underline;
}
#acheter {
	background-color: #F79208;
	padding-top: 5px;
	padding-bottom: 15px;
}
#essayer {
	background-color: #A25F03;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.title2 {
	width: auto;
	margin-bottom: 0px;
	height: 25px;
	margin-top: 8px;
	padding-left: 75px;
	padding-top: 15px;
	background-image: url(/modules/images/enceinte-titre2%20copie.png);
	background-repeat: no-repeat;
	background-position: left;
	color: #FFF;
}
h3 {
	font-size: 11px;
	text-transform: uppercase;
	color: #000;
	letter-spacing: 0.1em;
	text-align: center;
}
h4 {
	font-size: 11px;
	text-transform: uppercase;
	color: #1F1201;
	letter-spacing: 0.1em;
	text-align: center;
}
#travaux {
	background-image: url(images/constr62.gif);
	background-repeat: repeat;
	margin: 108px;
	height: 198px;
}
#LIEN {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
	background-image: url(/modules/images/fond-main.png);
	background-repeat: no-repeat;
}
.TableauLien {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	text-align: justify;
}
.aa {
	color: #053B68;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#intro {
	margin: 10px;
	font-size: 14px;
}
h5 {
	font-size: 18px;
	color: #053B69;
	margin: 50px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
}
h6 {
	font-weight: bold;
	color: #053B69;
	font-size: 12px;
}