/* COMMUN */

html, body {
	background: url(../images/structure/fond_global_conteneur.jpg) no-repeat left bottom fixed;
	background-color: #333333;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 0;
	padding: 0;
	/*overflow-x:hidden;*/
}

body img {
	border:0;
}


/* GLOBAL */

#global_gauche {
	position: absolute;
	left:0;
	top: 0;
	width: 516px;
	margin: 0;
	padding: 26px;
	background-color: #FFFFFF;
}

#global_droite {
	position: absolute;
	width: 332px;
	margin: 0 0 0 568px;
	padding: 0;
}



/* PARAGRAPHES GLOBAL GAUCHE */


#global_gauche h1 {
	margin: 0;
	padding: 0;
}

#global_gauche h1 img {
	display: block;
}


#global_gauche p.image_aleatoire {
	margin: 12px 0 0 0;
	padding: 0;
}

#global_gauche p.edito {
	margin: 14px 0 0 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-align: justify;
}

#global_gauche h2 {
	margin: 25px 0 15px 0;
	padding: 0 65px 1px 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

#global_gauche h2.violet {
	background: url(../images/structure/fond_titre_violet.gif) no-repeat left bottom;
}

#global_gauche h2.violet a {
	color: #990066;
	text-decoration: none;
}

#global_gauche h2.rouge {
	background: url(../images/structure/fond_titre_rouge.gif) no-repeat left bottom;
}

#global_gauche h2.rouge a {
	color: #FF0000;
	text-decoration: none;
}

#global_gauche h2.orange {
	background: url(../images/structure/fond_titre_orange.gif) no-repeat left bottom;
}

#global_gauche h2.orange a {
	color: #FF9900;
	text-decoration: none;
}

#global_gauche h2.jaune {
	background: url(../images/structure/fond_titre_jaune.gif) no-repeat left bottom;
}

#global_gauche h2.jaune a {
	color: #FFE400;
	text-decoration: none;
}

#global_gauche h2.vert {
	background: url(../images/structure/fond_titre_vert.gif) no-repeat left bottom;
}

#global_gauche h2.vert a {
	color: #66CC33;
	text-decoration: none;
}

#global_gauche h2.bleu {
	background: url(../images/structure/fond_titre_bleu.gif) no-repeat left bottom;
}

#global_gauche h2.bleu a {
	color: #3399CC;
	text-decoration: none;
}






#global_gauche h3 {
	background: url(../images/puce_grise.gif) no-repeat left top;
	margin: 0 0 8px 0;
	padding: 0 0 0 10px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
}

#global_gauche h3 a {
	color: #666666;
	text-decoration: none;
}


#global_gauche h4 {
	margin: 0 0 10px 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-style: italic;
	font-weight: normal;
}


#global_gauche a.gris {
	color: #666666;
	text-decoration: none;
}


#global_gauche a.violet {
	color: #990066;
	text-decoration: none;
}

#global_gauche a.violet:hover {
	text-decoration: underline;
}

#global_gauche a.rouge {
	color: #FF0000;
	text-decoration: none;
}

#global_gauche a.rouge:hover {
	text-decoration: underline;
}

#global_gauche a.orange {
	color: #FF9900;
	text-decoration: none;
}

#global_gauche a.orange:hover {
	text-decoration: underline;
}

#global_gauche a.jaune {
	color: #FFE400;
	text-decoration: none;
}

#global_gauche a.jaune:hover {
	text-decoration: underline;
}

#global_gauche a.vert {
	color: #66CC33;
	text-decoration: none;
}

#global_gauche a.vert:hover {
	text-decoration: underline;
}

#global_gauche a.bleu {
	color: #3399CC;
	text-decoration: none;
}

#global_gauche a.bleu:hover {
	text-decoration: underline;
}



#global_gauche p.contenu {
	margin: 0 0 10px 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: justify;
}

#global_gauche p.contenu img {
	float: left;
	margin: 0 10px 10px 0;
}


#global_gauche p.banque {
	margin: 20px 0 0 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: center;
}

#global_gauche p.banque img {
	display: inline;
}

#global_gauche #object {
	float: right;
	margin: 0 0 5px 15px;
}

#global_gauche p.form_ok {
	margin: 15px 0 15px 0;
	padding: 10px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #339900;
	background-color: #EFEFEF;
	border: 1px solid  #DDDDDD;
}

#global_gauche p.form_erreur {
	margin: 15px 0 15px 0;
	padding: 10px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	background-color: #EFEFEF;
	border: 1px solid  #DDDDDD;
}

#global_gauche p.lien {
	background: url(../images/puce_beige.gif) no-repeat left top;
	margin: 5px 0 3px 0;
	padding: 0 0 0 8px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: left;
}


#global_gauche p.liresuite {
	background: url(../images/icone_suite.gif) no-repeat left top;
	margin: 5px 0 3px 0;
	padding: 2px 0 2px 22px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: left;
}



#global_gauche p.pointilles_beiges {
	background: url(../images/pointilles_beiges.gif) repeat-x left top;
	margin: 12px 0;
	padding: 0;
}

#global_gauche p.pointilles_beiges img {
	display: block;
}




#global_gauche table.description {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

#global_gauche table.description td {
	vertical-align: top;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: justify;
}

#global_gauche table.description td.image_gauche {
	padding-right: 8px;
}

#global_gauche table.description td.gauche_pousse {
	padding-right: 50px;
}





#global_gauche table.articles {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	font-family: arial, helvetica, sans-serif;
}

#global_gauche table.articles th {
	padding: 5px 10px 5px 0;
	font-size: 11px;
	color: #999999;
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
	white-space: nowrap;
}

#global_gauche table.articles th.right {
	padding: 1px 0 5px 15px;
	text-align: right;
}

#global_gauche table.articles td {
	border-bottom: 1px solid #EEEEEE;
	font-size: 11px;
	color: #666666;
	vertical-align: top;
}

#global_gauche table.articles td.texte {
	padding: 8px 10px 8px 0;
	text-align: left;
}

#global_gauche table.articles td.delarticle {
	padding: 8px 5px 8px 0;
	text-align: right;
}

#global_gauche table.articles td.prix {
	padding: 8px 0 8px 15px;
	text-align: right;
	white-space: nowrap;
}

#global_gauche table.articles td.panier {
	padding: 8px 0 0 20px;
	text-align: right;
	vertical-align: top;
}

#global_gauche table.articles td.panier p {
	margin: 0;
	padding: 0;
}




#global_gauche table.articles_qte {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

#global_gauche table.articles_qte td {
	margin: 0;
	padding: 0 0 0 2px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	border: 0;
}








#global_gauche table.navigation {
	width: 100%;
	vertical-align: top;
	padding: 0;
	border-collapse: collapse;
	border: 0;
}



#global_gauche p.retourgauche {
	margin: 20px 0 0 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: left;
}

#global_gauche p.retourgauche a {
	background: url(../images/puce_grise_gauche.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 10px;
	text-decoration: underline;
	color: #333333;
}

#global_gauche p.retourdroite {
	margin: 20px 0 0 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: right;
}

#global_gauche p.retourdroite a {
	margin: 0;
	padding: 1px 10px;
	text-decoration: none;
	background-color: #FF9900;
	color: #FFFFFF;
}

#global_gauche p.retourdroite a:hover {
	background-color: #333333;
}









#global_gauche p.pied_de_page {
	background: url(../images/structure/fond_pied_page.gif) no-repeat left top;
	margin: 25px 0 0 0;
	padding: 5px 0 20px 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

#global_gauche p.pied_de_page a {
	color: #999999;
	text-decoration: none;
}

#global_gauche p.pied_de_page a:hover {
	text-decoration: underline;
}






#global_gauche form.saisie {
	margin: 0;
	padding: 0;
}

#global_gauche form.saisie label {
	display: block;
	margin: 5px 0 2px 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

#global_gauche form.saisie input.champ {
	margin: 0 5px 5px 0;
	padding: 1px;
	border: 1px solid #CCCCCC;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #FAFAFA;
}

#global_gauche form.saisie textarea.zonetexte {
	margin: 0 5px 5px 0;
	padding: 1px;
	border: 1px solid #CCCCCC;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #FAFAFA;
}

#global_gauche form.saisie select.liste {
	margin: 0 5px 5px 0;
	padding: 0;
	border: 1px solid #CCCCCC;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #FAFAFA;
}

#global_gauche form.saisie input.btnradio {
	margin: 5px 5px -2px 0;
	padding: 1px;
}

#global_gauche form.saisie input.bouton {
	background-color: #FF9900;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border: 0;
	cursor: pointer;
}

#global_gauche form.saisie input.bouton:hover {
	background-color: #333333;
	border: 0;
}

#global_gauche form.saisie input.bouton:active {
	background-color: #333333;
	border: 0;
}

#global_gauche form.saisie input.bouton_hover {
	background-color: #333333;
	border: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	cursor: pointer;
}


#global_gauche form.saisie input.boutonviolet {
	background-color: #990066;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border: 0;
	cursor: pointer;
}


#global_gauche #bloc_jukebox {
	float: right;
	margin: 0;
	padding: 0 0 100px 20px;
	width: 200px;
	height: 240px;
}





/* PARAGRAPHES GLOBAL DROITE */

#global_droite p.drapeaux {
	margin: 20px 26px 0 26px;
	padding: 0;
	text-align: right;
}

#global_droite p.drapeaux a {
	margin: 0 0 0 5px;
	padding: 0;
}


#global_droite p.menu2 {
	background: url(../images/pointilles_blancs.gif) repeat-x left bottom;
	margin: 12px 26px 0 26px;
	padding: 0 0 6px 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
}

#global_droite p.menu2 a {
	color: #FFFFFF;
	text-decoration: none;
}

#global_droite p.menu2 a:hover {
	color: #333333;
}



#global_droite ul#menu {
	margin: 18px 0 0 0;
	padding: 0;
	list-style-type: none;
}

#global_droite ul#menu li {
	margin: 0;
	padding: 0;
}

#global_droite ul#menu li a {
	display: block;
	width: 332px;
	line-height: 20px;
	text-indent: -4500px;
}


/* MENU FRANCAIS */

#global_droite ul#menu li a.accueil_fr {
	background: url(../images/menu_fr/accueil.gif) no-repeat 0 -20px ;
}

#global_droite ul#menu li a.accueil_fr:hover {
	background: url(../images/menu_fr/accueil.gif) no-repeat 0 0 ;
}


#global_droite ul#menu li a.association_fr {
	background: url(../images/menu_fr/association.gif) no-repeat 0 -20px ;
}

#global_droite ul#menu li a.association_fr:hover {
	background: url(../images/menu_fr/association.gif) no-repeat 0 0 ;
}


#global_droite ul#menu li a.occitanie_fr {
	background: url(../images/menu_fr/occitanie.gif) no-repeat 0 -20px ;
}

#global_droite ul#menu li a.occitanie_fr:hover {
	background: url(../images/menu_fr/occitanie.gif) no-repeat 0 0 ;
}


#global_droite ul#menu li a.catalogue_fr {
	background: url(../images/menu_fr/catalogue.gif) no-repeat 0 -20px ;
}

#global_droite ul#menu li a.catalogue_fr:hover {
	background: url(../images/menu_fr/catalogue.gif) no-repeat 0 0 ;
}


#global_droite ul#menu li a.groupe_fr {
	background: url(../images/menu_fr/groupe.gif) no-repeat 0 -20px ;
}

#global_droite ul#menu li a.groupe_fr:hover {
	background: url(../images/menu_fr/groupe.gif) no-repeat 0 0 ;
}


#global_droite ul#menu li a.liens_fr {
	background: url(../images/menu_fr/liens.gif) no-repeat 0 -20px ;
}

#global_droite ul#menu li a.liens_fr:hover {
	background: url(../images/menu_fr/liens.gif) no-repeat 0 0 ;
}



/* MENU OCCITAN */

#global_droite ul#menu li a.accueil_oc {
	background: url(../images/menu_oc/acuelh.gif) no-repeat 0 -20px ;
}

#global_droite ul#menu li a.accueil_oc:hover {
	background: url(../images/menu_oc/acuelh.gif) no-repeat 0 0 ;
}


#global_droite ul#menu li a.association_oc {
	background: url(../images/menu_oc/associacion.gif) no-repeat 0 -20px ;
}

#global_droite ul#menu li a.association_oc:hover {
	background: url(../images/menu_oc/associacion.gif) no-repeat 0 0 ;
}


#global_droite ul#menu li a.occitanie_oc {
	background: url(../images/menu_oc/occitania.gif) no-repeat 0 -20px ;
}

#global_droite ul#menu li a.occitanie_oc:hover {
	background: url(../images/menu_oc/occitania.gif) no-repeat 0 0 ;
}


#global_droite ul#menu li a.catalogue_oc {
	background: url(../images/menu_oc/catalogue.gif) no-repeat 0 -20px ;
}

#global_droite ul#menu li a.catalogue_oc:hover {
	background: url(../images/menu_oc/catalogue.gif) no-repeat 0 0 ;
}


#global_droite ul#menu li a.groupe_oc {
	background: url(../images/menu_oc/grope.gif) no-repeat 0 -20px ;
}

#global_droite ul#menu li a.groupe_oc:hover {
	background: url(../images/menu_oc/grope.gif) no-repeat 0 0 ;
}


#global_droite ul#menu li a.liens_oc {
	background: url(../images/menu_oc/ligams.gif) no-repeat 0 -20px ;
}

#global_droite ul#menu li a.liens_oc:hover {
	background: url(../images/menu_oc/ligams.gif) no-repeat 0 0 ;
}




/* MENU ANGLAIS */

#global_droite ul#menu li a.accueil_en {
	background: url(../images/menu_en/homepage.gif) no-repeat 0 -20px ;
}

#global_droite ul#menu li a.accueil_en:hover {
	background: url(../images/menu_en/homepage.gif) no-repeat 0 0 ;
}


#global_droite ul#menu li a.association_en {
	background: url(../images/menu_en/centre.gif) no-repeat 0 -20px ;
}

#global_droite ul#menu li a.association_en:hover {
	background: url(../images/menu_en/centre.gif) no-repeat 0 0 ;
}


#global_droite ul#menu li a.occitanie_en {
	background: url(../images/menu_en/occitania.gif) no-repeat 0 -20px ;
}

#global_droite ul#menu li a.occitanie_en:hover {
	background: url(../images/menu_en/occitania.gif) no-repeat 0 0 ;
}


#global_droite ul#menu li a.catalogue_en {
	background: url(../images/menu_en/catalog.gif) no-repeat 0 -20px ;
}

#global_droite ul#menu li a.catalogue_en:hover {
	background: url(../images/menu_en/catalog.gif) no-repeat 0 0 ;
}


#global_droite ul#menu li a.groupe_en {
	background: url(../images/menu_en/band.gif) no-repeat 0 -20px ;
}

#global_droite ul#menu li a.groupe_en:hover {
	background: url(../images/menu_en/band.gif) no-repeat 0 0 ;
}


#global_droite ul#menu li a.liens_en {
	background: url(../images/menu_en/links.gif) no-repeat 0 -20px ;
}

#global_droite ul#menu li a.liens_en:hover {
	background: url(../images/menu_en/links.gif) no-repeat 0 0 ;
}








#global_droite p.entete_titre {
	background: url(../images/entete_droite.gif) no-repeat left top;
	margin: 45px 26px 0 26px;
	padding: 4px 0 8px 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}

#global_droite p.entete_titre a {
	color: #FFFFFF;
	text-decoration: none;
}


#global_droite ul.sousmenu {
	margin: 5px 26px 0 26px;
	padding: 0;
	list-style-type: none;
}

#global_droite ul.sousmenu li {
	margin: 0 0 4px 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

#global_droite ul.sousmenu li a {
	color: #FFFFFF;
	text-decoration: none;
}

#global_droite ul.sousmenu li a:hover {
	text-decoration: underline;
}


#global_droite p.entete_lien {
	background: url(../images/pointilles_blancs.gif) repeat-x left bottom;
	margin: 7px 26px 0 26px;
	padding: 0 0 6px 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: right;
}

#global_droite p.entete_lien a {
	color: #666666;
	text-decoration: none;
}


#global_droite p.entete_image {
	margin: 15px 26px 0 26px;
	padding: 0;
}


#global_droite p.pied_colone {
	margin: 60px 0 0 0;
	padding: 0;
}

#global_droite p.pied_colone img {
	display: block;
}
