*
{
	margin:0;
	padding:0;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

html, body {
	height: 100%;
	position:relative;
} 
/**************** TITRES *********************/


h1{
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 0 0 0;
	width:220px;
	height:62px;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	color:#BC0602;
	font-size:2em;
	padding-top:6px;
	width:460px;
	font-weight:bold;
}




h3{
	font-family:Arial, Helvetica, sans-serif; 
	color:#BC0602;
	font-size:1.3em;
	font-weight:bold;
	font-style:italic;
	padding: 5px 0 2px 0;
}

h3.classik{
	font-family:Arial, Helvetica, sans-serif; 
	color:#BC0602;
	font-size:1.3em;
	font-weight:bold;
	font-style:italic;
	/*border-bottom:3px solid black;*/
	margin: 0 0 5px 0;
	padding: 5px 0 5px 0;
}

h3.spectacle{
	font-family:Arial, Helvetica, sans-serif; 
	color:#BC0602;
	font-size:1.3em;
	font-weight:bold;
	font-style:italic;
	margin: 10px 0 0px 0;
	
}

h4{
	font-family:Arial, Helvetica, sans-serif; 
	color:black;
	font-size:1.3em;
	font-weight:bold;
	padding:0 0 3px 0;
}


.important{
	font-weight:bold;
	
}


.tony{
	color:#BC0602;	
	font-weight:bold;
}

h2.prehomeCountry{
	color:white;
	font-size:2.7em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;	
	width:220px;
}

h3.choose{
	color:white;
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:220px;
	
}

/************** PARAGRAPHE **************/
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#363636;
	width:80%;

}
p img{
	float:left;
	padding:5px 5px 0px 0;
}

.chapo{
	padding-bottom:12px;
	margin-bottom:12px;	
	width:100%;	
	
}

.IntroArt{
	padding: 0px 0 15px 0;	
	
}

ul.intro{
	width:100%;
	font-weight:normal;	
}

#contentRubrique ul.intro li{
	font-weight:normal;
	font-size:13px;
	color:#363636;
	background:url(design/list.gif) no-repeat 4px 6px;
	padding: 2px 0 2px 16px;
}

.logoIntro img{
	width:200px;
	height:auto;
	padding:2px 3px 2px 0px;
	float:left;
}

.post-info{
	padding: 0 0 3px 0;
	font-size:10px;	
	
}

/************ PREHOME *******************/





#prehome h1 { height:auto; width:auto; margin:0; padding:0; }



body.prehomeF{
	width:100%;
	height:100%;
	background:#2d2d2d;
	color:white;
}

.prehome{
	margin-left:58px;	
	width:220px;
}

ul.prehomeFlag{
	margin-left: 58px;
	width:220px;
	overflow:auto;
	
}
ul.prehomeFlag li{
	float:left;
	list-style-type:none;	
	
}

img.test{
	float:right;	
	
}

.langue{
	margin-left:58px;
	width:220px;
}

.LeftHome{
	width:280px;
	float:left;
}

.block{
	margin-top:80px;
	overflow:auto;
	width:620px;
}

#prehomeRight{
	background:url('design/prehomebrams.png') no-repeat  bottom right;
	width:34%;
	position:absolute;
	right:0;
	bottom:0;
	height:700px;
}

div[id=prehomeRight]{
	position:fixed !important;
	height:1200px !important;
}


#flashHome{
	float:left;
	width:320px;
	height:240px;	
}

/************ HEADER *******************/



body{
	background:url('design/wall.jpg') repeat;	
	
}


#SubPartRight{
	width:34%;
	height:100%;
	background:url('design/wallRight.jpg') no-repeat bottom right ;
	position:absolute;
	right:0;
	max-width:420px;
}


div[id=SubPartRight]{
	position:fixed !important;
	
}


#nav{
	font-size:1.4em;
	text-align:right;
	position:absolute;
	right:15px;
	top:80px;

}

#nav li{
	list-style-type:none;
	padding: 2px 0 2px 0;
	
}
#nav a{
	text-decoration:none;
	color:white;
	padding: 9px 0 0 25px;
	display:block;
	width:160px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}

#nav a:hover{
	color:white;
}

#nav span.on{
	/*background:url('design/link.gif') no-repeat 0px 0px; 
	display:block;
	width:auto;
	height:20px;
	color:white;
	padding: 9px 0 0 25px;
	font-family:Arial, Helvetica, sans-serif;*/
	
	text-decoration:none;
	color:#BC0602;
	font-weight:bold;
	padding: 9px 0 0 25px;
	display:block;
	width:160px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
}


/*****************BODY **************/
img.sommaire{
	height:142px;
    width:214px;
	margin:0 0 5px 0;
}

img.sommaireDisque{
	height:106px;
    width:214px;
	margin:0 0 5px 0;
}

p.IntroP{
	width:100%;	
	padding: 2px 0 2px 0;
}

span.bold{
	font-weight:bold;
	font-size:13px;
}


.IllustrationSommaire{
	float:left;
	width:225px;
	
}

.TexteSommaire{
	float:left;
	width:62%;
	
}


#content{
	margin-left:4.3%;
	height:auto;
	overflow:auto;

}
#PartLeft{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	width:63.5%;
	margin-bottom:35px;
}

.top{
	background:url(design/cadreTop.gif) no-repeat;
	padding-left:22px;
	width:630px;
	padding-top:10px;
	
}
.ArticleBox{
	width:auto;
	overflow:auto;
}

#daily{
	margin-top:8px;
	overflow:auto;
	width:480px;
	clear:both;
}



.separate{

}

#lecteurflash{
	height:68px;
	width:240px;
	padding:8px 0 0 0px;
	float:left;	
	
}

.legende{
	clear:left;	
	width:60%;
	font-style:italic;
}

#contentRubrique{
	/*background:url(design/cadreContentB.gif) repeat-y left bottom;*/
	width:100%;
	padding: 15px 0 22px 0px;
	overflow:hidden;
}

#contentRubrique a{
	color:black;
	text-decoration:none;
	font-size:13px;
}

#contentRubrique li{
	list-style-type:none;
	padding-left:8px;
	font-weight:bold;
}

#contentTarifs{
	background:url(design/cadreContentB.gif) repeat-y left bottom;
	width:652px;
	padding: 0px 0 22px 0px;
}

.download{
	width: 250px;	
	
}

.download img{ 
	float:left;
	padding:0 4px 0  0;
}

.center{
	padding: 0 0 10px 0;	
	
}
/***************** FOOTER ********************/
/* FIREFOX IE 7*/
#pied{
	overflow:hidden;
	width:100%;
	height:35px;
	position:absolute;
	bottom:0;
	background:white;
	opacity:0.85;
	filter: alpha(opacity = 85);
	border-top:1px solid black;
	left:0;
}


div[id=pied]{
	position:fixed !important;
	
}





/******************/

#pied .langage{
	margin:auto;
	padding: 10px 0 0 4.3%;
	float:left;
}

#pied .langage ul{
	float:left;
}

#pied .langage li.flag{
	list-style-type:none;
	padding: 0 1px 0 1px;
}
#formulaire_ecrire_auteurnew{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:30px;
	height:365px; 
}

#formulaire_ecrire_auteurnew fieldset{
	height:240px;
}
#formulaire_ecrire_auteurnew label{
	float:left;
	width:142px;
	color:#BC0602;

}

#formulaire_ecrire_auteurnew input.text{
	width:300px;
	float:right;
}

#formulaire_ecrire_auteurnew textarea{
	width:300px;
	float:right;

}

span.erreur_message{
	clear:left;
	width:180px;
	font-weight:bold;
	font-size:11px;	
	
}



/***************** TABLEAU TARIFS *******************/




table.spip {
	 width: 627px;
	 height:450px;
	 margin: 0px 3px 3px 3px; 
	 border-collapse: collapse; 
	 border-spacing: 0; 
	 line-height: normal;
	 font-size:12px;
}
table.spip caption { 
	caption-side: top;
	text-align: center; 
	margin-right: auto; 
	margin-left: auto; 
	font-weight: bold; 
}
table.spip tr.row_first {
	background-color:white;
}
table.spip tr.row_odd { 
	background: transparent; 
}
table.spip tr.row_even { 
	background-color: #DFDBDE;
}
table.spip th, table.spip td { 
	padding: 0.20em 0.40em; 
	text-align: left; 
}
table.spip th { 
	vertical-align: middle; 
	font-weight: bold;
	border:none;
}
table.spip td { 
	vertical-align: middle;
	border:none;
	
}

#RightFoot{
	float:right;
	width:33%;
	max-width:410px;
	
}
.job{
	float:left;
	padding:11px 0 0 10px;
}

#xiti-logo{
float:right;
padding: 11px 21px 0 0;
	
}
.job a{
color:#363636;
font-size:12px;
font-weight:bold;
text-decoration:underline;
display:block;
}

#entete{
	width:207px;
	float:right;
}
.logo{
	width:210px;	
	
}

.logosurvol {	
	position: absolute;
	top:0px;
	right:0px;
	width:207px;
	margin: 0px;
	padding: 0px;
	z-index:1;
	display:none;
		}
		
		
/******************* GALERIE *********************/
/*
#galerie{
	width:700px;
	clear:both;	
}


#wrapper {
    width: 610px;
    background:url('design/caroussel.gif') no-repeat center;
    position:relative;
}

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 515px;
    margin: 0 0 0 47px;
    position: relative;
    height:120px;
    padding: 10px 0 10px 0;
}


.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px 0 5px 0;
    width: auto;
	height: 100px;
}

.inside {
}

.inside img {
	display: block;
	margin: 0 0 10px 0;
	padding: 0 2px 0 2px;
}


.inside p {
	font-size: 11px;
	color: #ccc;
}

.scroll{
	padding:0px 0 0 0;	
}




.scrollButtons.left {
	position:absolute;
	left:9px;
	top:56px;
    }

.scrollButtons.right {
    position:absolute;
    right:10px;
    top:56px;
}

.hide {
    display: none;
}*/

#wrapper {
    width: 400px;
    margin: 25px auto;
}

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 400px;
    margin: 0 auto;
    position: relative;
	border: 6px solid #ccc;
}

.scroll {
	overflow: hidden;
	width: 400px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 137px;
	height: 145px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(design/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(design/rightshadow.png) repeat-y;
}

.inside {
	padding: 3px 3px 0px 3px;
	border: 1px solid #999;
}

.inside img {
	display: block;
	border: 1px solid #666;
	margin: 0 0 3px 0;
	width: 125px;
}

.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 11px;
	color: #ccc;
	padding: 0 0 0 3px;
}


img.moving{
	height:auto;	
	
}

.scrollButtons {
    position: absolute;
    top: 81px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -44px;
    top:56px;
}

.scrollButtons.right {
    right: -44px;
    top:56px;
}

.hide {
    display: none;
}

img.fleft{
	width:auto;
	height:70px;
	
}

.annonces{
	margin-bottom:12px;
	padding-bottom:20px;
	border-bottom:1px solid black;
	
}