@charset "utf-8";
/* CSS Document */

/*--- STRUCTURE ------- */
* {
margin:0;
padding:0;
border:0;
text-decoration:none;
}

.clearBoth {clear:both; height:5px;}

body { 
font-size: 13px;
font-family:Arial, Helvetica, sans-serif; 
color:#4e4e4e;
background:#ffffff;
background:url(../medias/header/red.jpg) repeat-x;
}

#myBody {
width:982px;
margin:0 auto 0 auto;
text-align:left;
}			

#header {
background:url(../medias/header/redTop.jpg) no-repeat;
width:982px;
height:327px;
color:#ffffff;

}


#content {
padding:16px 16px 0 16px; 
width:940px;
}

#barre {
height:36px;
width:940px;
}

/*--------- MAIN TABS ------ */

#infoColour {
position:absolute;
bottom:0;
left:0;
display:none;
}


#logo {
width:197px;
height:48px;
float:left;
}

#mainTabs {
padding-top:0px;
margin:0px 0 0 205px;
text-transform:uppercase;
}

#mainTabs a {
color:#FFFFFF;
}

#mainTabs ul li{
font-size: 11px;
float:left;
display:inline;
list-style-type:none;
height:21px;
padding-top:25px;
text-align:center;
padding-left:2px;
}

#mainTabs1 {width:98px;background:url(../medias/topMenu/purple.jpg) no-repeat;}
#mainTabs2 {width:98px;background:url(../medias/topMenu/blue.jpg) no-repeat;}
#mainTabs3 {width:98px;background:url(../medias/topMenu/orange.jpg) no-repeat;}
#mainTabs4 {width:98px;background:url(../medias/topMenu/pink.jpg) no-repeat;}
#mainTabs5 {width:98px;background:url(../medias/topMenu/green.jpg) no-repeat;}
#mainTabs6 {width:98px;background:url(../medias/topMenu/brown.jpg) no-repeat;}
#mainTabs7 {width:98px;background:url(../medias/topMenu/red.jpg) no-repeat;}
#mainTabs8 {width:98px;background:url(../medias/topMenu/grey.jpg) no-repeat;}

 

/* ---------- TOP IMAGE ------------------------ */
#topImage {
position:relative;
height:354px;	
}
#topImage cite {

position:absolute;
color:white;
bottom:30px;
left:20px;
font-size:22px;
font-weight:bold;
font-style:normal;
color:#FFFFFF;
}

#topImage span {
display:block;
font-weight:normal;
}

#topImage01 {position:absolute;z-index:100;}
#topImage02 {position:absolute;z-index:99;}
#topImage03 {position:absolute;z-index:98;}
#topImage04 {position:absolute;z-index:97;}
#topImage05 {position:absolute;z-index:96;}
#topImage06 {position:absolute;z-index:95;}
#topImage07 {position:absolute;z-index:94;}
#topImage08 {position:absolute;z-index:93;}
#topImage09 {position:absolute;z-index:92;}
#topImage10 {position:absolute;z-index:91;}
#topImage11 {position:absolute;z-index:90;}
#topImage12 {position:absolute;z-index:89;}
#topImage13 {position:absolute;z-index:88;}
#topImage14 {position:absolute;z-index:87;}
#topImage15 {position:absolute;z-index:86;}
#topImage16 {position:absolute;z-index:85;}
#topImage17 {position:absolute;z-index:84;}
#topImage18 {position:absolute;z-index:83;}
#topImage19 {position:absolute;z-index:82;}
#topImage20 {position:absolute;z-index:81;}


/*----- HEADER :: LOGO 2 && ADVERT ------- */
#containerLogo2Advert {
padding:50px 0 0 2px;
height:121px;
}
#logo2 {
width:263px;
height:121px;
float:left;
}

#advertHeader {
width:664px; 
height:44px;
padding-top:50px;
margin:0px 0 0 286px;
}


/* ---------------------------- UNDER TABS ------- */
#underTabs {
padding:47px 0 0 15px;
text-transform:uppercase;
height:32px;
}

#underTabs a {
color:#00457c;
font-family:Georgia, "Times New Roman", Times, serif;
}

#underTabs table td{
height:59px;
vertical-align:top;
font-weight:bold;
font-size:11px;
border:0px solid black;
}
#underTabs table td.normal{
padding:10px 4px 0 4px;
height:49px; 
}

#underTabs table td.images{
padding:0;
height:59px;

}

#underTabs table tr
{ 
	vertical-align:middle;
	border:0px solid black;
}


#underTabSelected { 
background:#ffffff;

}

/* ------- PARAPGRAPHS && TITLES... --------*/
h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
color:#00457c;
text-transform:uppercase;
padding:5px 0 10px 0;
}

h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#00457c;
text-transform:uppercase;
}

p {
padding:5px 0 15px 0;
line-height:1.3em;
} 

a:link {
color: #00457c;
}

/*----- COLUMNS ------------ */

.column{ padding: 0px; }

#hidden-wrapper { 
display: none; 
}
#target {  
margin: 0px 100px; 
}
.wide, .thin { 
clear:both; 
}

blockquote { 
font-style: italic; 
margin-left: 10px; 
border-left:2px solid #EFEFEF; 
padding-left: 8px;
}

#hidden-wrapperImages {
display:none;
}


#targetImages .small {
padding:1px 5px 1px 5px;
}

#targetImages {
padding-top:15px;
width:325px;
}


/*------ MAIN CONTENT -------- */

#mainContent .left{
float:left;
width:640px;
padding:0 10px 0 0;
}

#mainContent .left p {
width:620px;
}


#mainContent .right {
margin:0 0 0 650px;
width:290px;
}


	/*------ LATEST NEWS ----- */
	
	.latestNews {
	height:40px;
	padding:10px 0 10px 0;
	width:290px;	
	}
	
	.latestNews .leftLN {
	float:left;
	width:55px;
	}
	.latestNews p {
	padding:0px 0 0px 0;
	line-height:1.2em;
	} 
	
	.latestNews a {
		color:#4e4e4e;
	} 	
	.latestNews a:hover {}
	
	.latestNews .rightLN {
	margin-left:60px;
	width:230px;
	}
	



/*----- PURPLE SQUARE :: GALLERIES && TEXT -+-+-+-+-+-+-+ */

#purpleSquare {
background-color:#00457c;
padding:20px 20px 20px 40px;
width:880px;
}

#purpleSquare h2 {
color:#ffffff;
}

#purpleSquare .left{
float:left;
width:510px;
padding:0 10px 0 0;
}

#purpleSquare .left p{
width:500px;
color:#FFFFFF;
}

#purpleSquare .right {
margin:0 0 0 560px;
width:320px;
}


img.bigOne {
position:fixed;
bottom:50px;
left:30%;
margin-left:-250px;
border:10px solid black;
background:#333333;
width:500px;
height:364px;
display:none;
}

#targetImages img {
cursor:pointer;
}

/* ---- +-+-++-+- FOOTER +-+--+-+-- */

#footer{
padding:0px 16px 0 16px; 
width:940px;
color:#00457c;
}

#footerInverseColor {
padding:16px 16px 16px 16px; 
width:940px;
color:#ffffff;
background-color:#420024;
}

.footerColumn1 {
height:42px;

}

.footerColumn2 {
height:42px;

}

.footerColumn3 {
height:42px;
width:255px;
}

.footerColumn4 {
margin-left:50px;
height:42px;
width:215px;
}

#footer p:first-line {
font-weight:bold;
}



/*-+-+-+-+-+- GALLERY +-+-+-+-+--+-+- */


#smallImages {
height:auto;
width:640px;
overflow:hidden;
}

#smallImages img {
cursor:pointer;
}


#smallImages .small {
padding:0px;
}


#gallery {
width:100%;
height:3000px;
background:#000000;
overflow:hidden;
display:none;
position:absolute;
top:0;
left:0;
z-index:149;
}

#galleryContent {
position:absolute;
top:0;
left:0;
z-index:150;
}

#galleryContent img {
display:none;
position:fixed;
top:50%;
left:50%;
border:16px solid #efefef;
}



/* +-+-+-+- EVENTS PROMO -+-+-+-+-+-+-+-+ */ 

#eventsPromo {

padding:10px 0 0 0;
}

.eventsPromoBox {
position:relative;
height:118px;
padding:10px 0 0 0;
}


.eventsPromoBox cite {

position:absolute;
color:white;
margin-top:89px;
margin-left:20px;
font-size:12px;
font-weight:bold;
font-style:normal;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
}


.downloadPDF {
width:273px;
height:86px;
border:1px solid #c3c3c3;
padding:10px 0 10px 0;
margin-top:10px;
}

.downloadPDF .leftPDF {
float:left;
width:112px;
}

.downloadPDF .rightPDF {
width:160px;
margin-left:113px;
}


.downloadPDF a {
color:#4e4e4e;
}
.downloadPDF a:hover {
text-decoration:underline;
}


/* -+-+-+-+-+-- LIST PAGE && ITEMS -+-+-+-+-+- */

#items h3 {
background:url(../medias/titleList.jpg) no-repeat;
width:640px;
height:33px;
padding:10px 0 0 5px;
cursor:pointer;
} 

.textItem .leftI {
width:168px;
float:left;
}

.textItem .rightI {
width:460px;
margin:0 0 0 180px;
}
#mainContent .rightI p {
width:460px;
}



/* +-+-+-+-+- PRE FOOTER +-+-+-+--+-+ */
#column1, #column2, #column3, #column4 {
height:280px;
}
#preFooter h2 {
padding:0 0 10px 0;
}

#preFooter .column {
padding:5px 15px 5px 0;
}

blockquote {
line-height:1.8em;
border:none;
margin:0;
padding:0;
}

#preFooter .column {
background: url(../medias/borderColumnPreFooter.jpg) top left no-repeat;
}
#preFooter .first.column {
background: none;
}

#preFooter #column2 {
margin-left:30px;
}

#preFooter #column3 {
margin-left:30px;
}

#preFooter #column4 {
margin-left:30px;
}

/*--+-+-+-+-+-+-+ CONTACT FORM IN %POP UP% +-+-+-+-+-+*/
	
	
div.row {text-align:left;clear:both;}

div.label {
	float:left;
	width:130px;
	height:30px;
	
}

#formulaireContact div.label {height:20px;}
#formulaireContact div.row {padding-bottom:15px;text-align:left;clear:both;}

div.row input {
margin:0;
width:200px;
border:1px solid #c3c3c3;

}

div.useless {
position:relative;
padding-left:133px;
}

div#otherRows {margin-top:18px;padding-left:50px;}

.commentsAvailability {width:330px;margin:10px 0 10px 0 ;}

#submit input {
margin:0;padding-left:0px;
}

#formulaireContact textarea {
width:330px;
height:110px;
border:1px solid #c3c3c3;
}


#closeGallery {
position:fixed;
top:5px;
left:20px;
display:none;
z-index:155;
font-size:30px;
color:#ffffff;
}

#closeGallery a{
font-size:30px;
color:#ffffff;
}

#closeGallery a:hover{
font-size:30px;
background-color:#8e386b;
}



#alertEmailFrom, #alertLastName, #alertFirstName {
position:absolute;
font-style:italic;
margin:0 0 0 217px;
}

p.red {
color:#FF0000;
padding:0;
}

p.orange {
color:#FF8400;
padding:0;
}

p.green {
color:#009900;
padding:0;
}


/* --- +-+-++-+- VIDEO GALLERY +-++-+--+ */

#infoPageName {
position:absolute;
bottom:0;
left:0;
display:none;
}


#watchTheVideo {
position:relative;
height:520px;
width:905px;	
padding-left:35px;
}

#videoGallery {
width:876px;
overflow:hidden;
margin-left:32px;
}

#containerVideoGallery {
width:3500px;
}


.smallVideoGallery {
margin-left:32px;
cursor:pointer;
}

#nextVideo {
position:absolute;
margin-left:930px;
font-size:30px;
color:#420024;
font-weight:bold;
}

#prevVideo {
position:absolute;
margin-left:0px;
font-size:30px;
color:#420024;
font-weight:bold;
}