body {
	top: 0px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #474747;
	font-family: Arial;
}

* {
	font-family: "Century Gothic", Monaco, "Trebuchet MS", "Microsoft Sans Serif", Tahoma, Arial, Helvetica, sans-serif;
	/*font-family: Arial;*/
	font-size:12px;
}

a {
	color:#FFF;
	text-decoration:underline;
}
a:hover {
	color:#FFF;
	text-decoration:none;
}

h1 {
	margin:0px;
	padding:0px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}
#quigauche h1,  #mondegauche h1, #tarifsgauche h1, #tarifsgauche ul li h1, #aidegauche h1 {
	margin-bottom:6px;
}
#quidroite h1, #mondedroite h1, #tarifsdroite h1, #aidedroite h1 {
	margin-bottom:2px;
}

/* --------------------------------------------------------------------------   FONDS DE PAGES     */
#conteneurflex{
	height: 800px;
	width: 947px;
	background:url(img/flex.jpg) top no-repeat;
	margin:0 auto;
}

#conteneurindex{
	height: 800px;
	width: 947px;
	background:url(img/index-fond.gif) top no-repeat;
	margin:0 auto;
}

#conteneurtarifs {
	height: 800px;
	width: 947px;
	background:url(img/tarifs-fond.jpg) top no-repeat;
	margin:0 auto;
}

#conteneurcontact {
	height: 800px;
	width: 947px;
	background:url(img/contact-fond.jpg) top no-repeat;
	margin:0 auto;
}

#conteneurnews {
	height: 800px;
	width: 947px;
	background:url(img/newsletter-fond.jpg) top no-repeat;
	margin:0 auto;
}

#conteneuraide {
	height: 800px;
	width: 947px;
	background:url(img/aide-fond.jpg) top no-repeat;
	margin:0 auto;
}

#conteneurcompo {
	height: 800px;
	width: 947px;
	background:url(img/compo-fond.jpg) top no-repeat;
	margin:0 auto;
}

#conteneurqui {
	height: 800px;
	width: 947px;
	background:url(img/aide-fond.jpg) top no-repeat;
	margin:0 auto;
}

#conteneurrefer {
	height: 800px;
	width: 947px;
	background:url(img/references-fond.gif) top no-repeat;
	margin:0 auto;
}

#conteneurmonde{
	height: 800px;
	width: 947px;
	background:url(img/monde-fond.jpg) top no-repeat;
	margin:0 auto;
}

#conteneurmonde #content {
	width: 400px;
	margin-left:200px;
	/*margin-top:-30px;*/
}

/* --------------------------------------------------------------------------   HEADER     */

#header {
	width:947px;
	height:132px;
}

#logo {
	margin-top:28px;
	float:left;
}
#frenchflag { margin-left:520px; 
}
#drapeauanglais {
	margin-left:6px;
	margin-top: 14px;
}
#identification {
	background:url(img/identification.jpg) no-repeat;
	width:354px;
	height:67px;
	margin-top:39px;
	margin-left:593px
}

.identification {
	display:inline;
	float:left;
	margin:0px;
	padding:0px;
	width:173px;
	height: 21px;
	line-height: 15px;
	font-size:11px;
	color: #780661;
}
.identification span {
	margin:0px;
	padding:0px;
	width:155px;
	height:21px;
	display:block;
	margin-top: 18px;
	margin-left: 18px;
	font-size: 11px;
	line-height:15px;
	color: #780661;
}
.identification span a {
	margin:0px;
	padding:0px;
	text-decoration:underline;
	color:#780661
}
.identification span a:hover {
	margin:0px;
	padding:0px;
	text-decoration:none;
	color:#780661
}
#formnews {
	display:inline;
	margin:0px;
	padding:0px;
	width:178px;
	height:50px;
	float:left;
}
#newsform {
	margin:0px;
	padding:0px;
	border:none;
}
fieldset {
	margin:0px;
	padding:0px;
	border:none;
}
#newsmail {
	margin:0px;
	padding:0px;
	width:123px;
	height:21px;
	background:url(img/identification-bgform.jpg) no-repeat;
	border:none;
	font-size:11px;
	padding-top:2px;
	padding-left:5px;
	float:left
}
#newsok {
	margin:0px;
	padding:0px;
	width:24px;
	height:21px;
	background:url(img/identification-bt.jpg) no-repeat;
	border:none;
	font-size:11px;
	float: left;
}

label {
	font-size:11px;
	color: #780661;
	margin:0px;
	padding:0px;
	width:178px;
	height: 15px;
	display: block;
	line-height: 15px;
}
/* --------------------------------------------------------------------------  MENU DANS LE HEADER     */

#menu {
	width: 947px;
	height:34px;
	float: left;
/margin-top: 6px;
-margin-top: 0px;}
/* --------------------------------------------------------------------------  CONTENU  */

#contenu {
	height: 601px;
}

/* --------------------------------------------------------------------------  INDEX  */
#indexgauche {
	float:left;
	width:660px;
	padding-left:15px;
	padding-right:25px;
	height: 601px;
	overflow: auto;
}
.txtindexgauche {
	color:#FFF;
	margin:0px;
	padding:0px;
	margin-top:10px;
	margin-bottom:6px;
	font-size: 13px;
}
.txtindexgauche a {
	color:#FFF;
	text-decoration:underline;
}

.txtindexgauche a:hover {
	color:#FFF;
	text-decoration:none;
}

.centrage {
	text-align:center;
}

#indexdroite {
	float:left;
}

#zoom1, #zoom2 {
	font-size:10px;
}

#zoom2 img {
	margin-bottom:2px;
}

/* --------------------------------------------------------------------------  SOCIETE  */
#quigauche {
	float:left;
	width:210px;
	padding-left:10px;
	padding-top:14px;
}

#quigauche ul#menuliste, #mondegauche ul#menuliste {
	margin:0px;
	padding:0px;
	list-style: none;
}
#quigauche #menuliste li, #mondegauche #menuliste li {
	list-style:none;
	background: url(img/societe-menu-over.gif) no-repeat;
	width:180px;
	height:30px;
	line-height:28px;
	color: #ED6806;
	text-align:center;
}
#quigauche #menuliste li a, #mondegauche #menuliste li a {
	display:block;
	height:30px;
	width:180px;
	color: #FFF;
	line-height:28px;
	text-decoration:none;
	cursor:pointer;
	background: url(img/societe-menu.gif) no-repeat;
	text-align:center;
}
#quigauche #menuliste li a:hover, #mondegauche #menuliste li a:hover {
	text-decoration:none;
	background: url(img/societe-menu-roll.gif) no-repeat;
	cursor:pointer;
	color: #FFF;
}
#quigauche ul#menuliste li a.highlight, #mondegauche ul#menuliste li a.highlight {
	text-decoration:none;
	list-style:none;
	background: url(img/societe-menu-over.gif) no-repeat;
	width:180px;
	height:30px;
	line-height:28px;
	color: #ED6806;
	text-align:center;
	cursor:pointer;
}

#quidroite {
	float:left;
	width:710px;
	height: 609px;
	overflow: auto;
	padding-left:6px;
	padding-top:14px;
}
#quidroite #content {
	width:700px;
	height: 595px;
	overflow: auto;
	position: relative;
	padding-right:14px;
}

.txtquidroite {
	color:#000;
	margin:0px;
	padding:0px;
	margin-bottom:6px;
	text-align:justify;
}
#mondegauche {
	float:left;
	width:192px;
	padding-left:8px;
	padding-top:15px;
}

#mondedroite {
	float:left;
	width:740px;
	height: 616px;
	padding-left:40px;
	padding-top:15px;
}

#mondedroite a {
	cursor: pointer;
	position:relative;
	margin:0px;
	padding:0px;
	font-size:9px;
	line-height:5px;
}
#conteneurmonde #mondedroite h2 {
	color:#FFF;
	font-weight:normal;
	height:40px;
	margin:0px;
	padding:0px;
	margin-top:-535px;
}
#conteneurmonde #mondedroite h2.monde {
	margin-top:-238px;
}

.txtmondedroite {
	color:#000;
	margin:0px;
	padding:0px;
	margin-bottom:6px;
	text-align:justify;
}
.txtmondedroiteblanc {
	color:#FFF;
	margin:0px;
	padding:0px;
	margin-bottom:6px;
}

ul.txtmondedroiteblanc {
	margin:0px;
	padding:0px;
	margin-top:-10px;
}

ul.txtmondedroiteblanc li {
	margin:0px;
	padding:0px;
	display:inline;
	float:left;
	color:#000;
}

ul.txtmondedroiteblanc li span {
	display:block;
	width:220px;
	margin-top:0px;
}

ul.txtmondedroiteblanc li a {
	color:#FFF;
	text-decoration:underline;
}

ul.txtmondedroiteblanc li a:hover {
	color:#FFF;
	text-decoration:none;
}

ul.txtmondedroiteblanc li strong {
	color:#ED6806;
	font-size:13px;
	font-weight:bold;
}

/* --------------------------------------------------------------------------  TARIFS  */
#tarifsgauche {
	float:left;
	width:300px;
	margin-top:15px;
	padding-left:12px;
	padding-right:18px;
	display:inline
}

#tarifsgauche ul#menuliste {
	margin:0;
	padding:0;
	list-style:none;
}

#tarifsgauche ul#menuliste li {
	list-style:none;
}

#tarifsgauche ul#menuliste li a {
	display:block;
	width:274px;
	height:29px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	line-height:29px;
	cursor:pointer;
	background-image:url(img/tarifs-menu.gif);
	background-repeat:no-repeat;
}
#tarifsgauche ul#menuliste li a:hover {
	background-image:url(img/tarifs-menu-roll.gif);
	background-repeat:no-repeat;
}
#tarifsgauche ul#menuliste li a.highlight {
	color:#AAC410;
	background-image:url(img/tarifs-menu-over.gif);
	background-repeat:no-repeat;
}

#tarifsdroite {
	width:610px;
	display:inline;
	float:left;
	padding-top:15px;
}
#tarifsdroite #content {
	width:610px;
	height: 575px;
	overflow: auto;
	position: relative;
}

#tarifsdroite em {
	color:#FFF;
	display:block;
	padding-left:15px;
	margin-bottom:18px;
}
#tarifsdroite h2 {
	margin:0px;
	padding:0px;
	margin-top:22px;
	margin-bottom:10px;
	font-size:13px;
	color:#FFF;
}
.txttarifsdroite {
	color:#000;
	margin:0px;
	padding:0px;
	margin-top:10px;
	margin-bottom:16px;
	text-align:justify;
	padding-right: 20px;
}

#tarifsdroite table {
	color:#000;
	margin-bottom:20px;
}

#tarifsdroite a {
	color:#FFF;
	text-decoration:underline;
}

#tarifsdroite a:hover {
	color:#FFF;
	text-decoration:none;
}

#tarifsdroite table caption {
	margin-top:10px;
	font-weight:bold;
	margin-bottom:0px;
	padding:0px;
}
ul.carre {
	margin:0px;
	padding:0px;
	margin-top:20px;
	list-style:none;
}

ul li.liencarrerouge {
	display:inline;
	margin:0px;
	padding:0px;
	height:49px;
	width:114px;
	margin-right:30px;
	float:left;
}

li.liencarrerouge a {
	height:49px;
	width:114px;
	background-image:url(img/carrerouge.gif);
	background-repeat:no-repeat;
	color:#FFF;
	line-height:60px;
	padding-left:14px;
	display:block;
	text-decoration:none
}
	

/* --------------------------------------------------------------------------  CONTACT  */
/* ------------------  AIDE  */

#aidedroite {
	float:left;
	width:710px;
	margin-top:15px;
	padding-top:15px;
	height: 560px;
	overflow: auto;
}
/* ---------- */

#contactgauche {
	float:left;
	width:207px;
	padding-left:14px;
	padding-top:15px;
	height:600px;
}
ul#contactliste {
	float:left;
	margin:0px;
	padding:0px;
	list-style: none ;
	margin-top:10px;
}
#contactliste li {
	padding:0px;
	margin:0px;
	height:27px;
	line-height:27px;
	width:171px;
	margin-bottom:4px;
	color: #AB7B00;
	background: url(img/contact-menu-roll.jpg) no-repeat;
	text-align:center;
}
#contactliste li a {
	display:block;
	width:171px;
	height:27px;
	line-height:27px;
	color: #FFF;
	text-decoration:none;
	background: url(img/contact-menu.jpg) no-repeat;
	text-align:center;
}
#contactliste li a:hover {
	display:block;
	width:171px;
	height:27px;
	color: #FFF;
	text-decoration:none;
	background: url(img/contact-menu-hover.jpg) no-repeat;
	cursor:pointer;
}
/* ---------- */

.contactdroitehaut {
	float:left;
	width:350px;
	padding-top:15px;
	height:140px;
}
.contactdroitehaut p {
	margin:0px;
	padding:0px;
}

.blanc {
	color:#FFF
}
p.blanc span.btmail {
	display:inline;
	width:145px;
	height:26px;
	line-height:26px;
	float:left;
	text-align:center;
}
.btmail a {
	display:block;
	background:url(img/contact-bt2.jpg) no-repeat;
	width:135px;
	height:26px;
	line-height:26px;
	font-size:11px;
	color:#FFF;
	text-decoration:none;
}
.btmail a:hover {
	display:block;
	width:135px;
	height:26px;
	color:#FFF;
	text-decoration:none;
	background:url(img/contact-bt2-hover.jpg) no-repeat;
}

.jaune {
	color:#FC3;
}
.petit {font-size:10px}

.equipe {
	display:inline;
	float:left;
	width:355px;
	height:160px;
}
.equipe img {
	float:left;
	padding-bottom:36px;
	margin-right:10px;
}
.equipe p {
	margin:0px;
	padding:0px;
}


/**********************************************************************************  COMPOSITEURS  ****************/
/**************  MENU GAUCHE  ****************/
#compomenug {
	float:left;
	width:210px;
	padding-left:6px;
	padding-right:6px;
	color:#FFF;
	display:inline;
}
#compomenug h2 {
	margin:0px;
	padding:0px;
	height:20px; 
	line-height:20px;
	margin-top:14px;
	margin-bottom:10px;
}
#compomenug ul#menuliste {
	margin:0px;
	padding:0px;
	list-style: none;
	margin-left:6px;
}
#compomenug #menuliste li {
	padding:0px;
	margin:0px;
	height:30px;
	width:173px;
	display:block;
	line-height:30px;
	color:#AAC410;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
}
#compomenug #menuliste li a {
	display:block;
	width:173px;
	height:30px;
	line-height:30px;
	color: #FFF;
	text-decoration:none;
	background:url(img/compo-menug.jpg) no-repeat;
	text-align:center;
}
#compomenug #menuliste li a:hover {
	display:block;
	width:173px;
	height:30px;
	color: #FFF;
	text-decoration:none;
	background: url(img/compo-menug-roll.jpg) no-repeat;
	cursor:pointer;
}

#compomenug #menuliste li a.highlight {
	display:block;
	width:173px;
	height:30px;
	line-height:30px;
	color: #C39;
	text-decoration:none;
	text-align:center;
	background: url(img/compo-menug-over.jpg) no-repeat;
	cursor:pointer;
}
/************** ****************/

#conteneurcompo #content {
	width:727px;
	height:605px;
	display:inline;
}

ul#compodisques {
	width:335px;
	height:605px;
	margin:0px;
	padding:0px;
	overflow:auto;
	list-style:none;
	display:inline;
	float:left;
	margin-top:14px;
}
#compodisques li {
	display:inline;
	float:left;
	padding:0px;
	padding:5px;
	padding-left:0px;
	margin:0px;
	height:100px;
	width:95px;
	margin-left:5px;
	margin-right:5px;
}
#compodisques li span {
	display:block;
	height:100px;
	width:85px;
}
#compodisques li#titredisques {
	display:block;
	width:280px;
	height:20px; 
	line-height:20px;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	color:#FFF;
	font-weight:bold;
}

#conteneurcompo #content div.txtcompositeurs {
	width:364px;
	display:inline;
	float: left;
	padding-left:20px;
	padding-top:14px;
}
#conteneurcompo #content p {
	margin:0px;
	padding:0px;
	margin-top:6px;
	margin-bottom:8px;
	line-height:16px;
	width:350px;
}

#conteneurcompo #content p a {
	display:block;
	margin-top:6px;
	margin-bottom:8px;
	line-height:16px;
	color:#FFF;
	text-decoration:none;
}
#conteneurcompo #content p a:hover {
	color:#FFF;
	text-decoration:underline;
}
#conteneurcompo #content p.lesautres {
	width:300px;
	margin-top:7px;
	margin-left:12px;
}
	
#conteneurcompo #content h2 {
	color:#FFF;
	font-weight:bold;
	height:20px;
	margin:0px;
	padding:0px;
}

/* ************* NEWSLETTER  et FLEX****** */
.newsdroitehaut {
	float:left;
	width:600px;
	padding-top:15px;
	padding-left:50px;
	height:140px;
}

#conteneurflex {
	height: 800px;
	width: 947px;
	background:url(img/flex-fond.jpg) top no-repeat;
	margin:0 auto;
}