@charset "utf-8";

/* CSS Document */



html {

	

	height:100%;

}



body {

	margin:0;

	padding:0;	

	height:100%;



	font-family:Arial, Helvetica, sans-serif;



	

}



/* for internet explorer */

* html body {

	padding:0px; 

  

  

  }



#wrap {

	margin:auto;

	text-align:center; 

	border:0px solid #00FF00;

}



/* -------------------------------------------------------------------------- container -----------------------------------------------*/

#containerIndex {



	margin:auto;

	width:950px;

	height:500px;

	background-color:#FFFFFF;

	border:0px solid #CC9900;

}



#container {

	margin:auto;

	width:950px;

	min-height:600px;

	height:100%;

	background-color:#FFFFFF;

	border:0px solid #CC9900;

}



* html #container {

  margin:0;

  height:100%; 

  width:950px; 

  }



#containerInner{

			

	margin:auto;

	height:100%;

  	width:950px; 

	border:0px solid #ed1c24;

	

}



/* -------------------------------------------------------------------------- header -----------------------------------------------*/



#header{

	float:left;

	height:120px;

	width:950px;

	/*background:url(../images/header_BG.jpg) no-repeat;*/

	border: 0px solid #00adef;

}



#logo{

	float:left;

	/*display:inline;*/

	height:76px;

	width:182px;

	margin:10px 0 0 40px;

	background:url(../fr/images/STCH_logo.gif) no-repeat;

	border: 0px solid #00adef;

}



#langage{



float:right;

height:20px;

margin:0 10px 0 0;

margin-left:300px;

text-align:right;

/*background:url(../images/header_BG.jpg) no-repeat;*/

border: 0px solid #00adef;

}



#langage a{

color:#003872;

font-size:12px;

}

#langage a:hover{

color:#a4a5a3;

}



#laNavigation{

float:right;

height:40px;

width:648px;

margin:5px 10px 0 0;

border: 0px solid #00adef;

}



#simpleList{

float:left;

height:100px;

width:100px;

margin:0px;

border: 0px solid #00adef;

}

#simpleList ul{

display:block;

float:left;

border: 0px solid #3300FF;

}





/* -------------------------------------------------------------------------- Video Section                 

-----------------------------------------------*/

#videoSection{

float:left;

width:950px;

background-color:#FFFFFF;

/*background:url(../images/video_BG.jpg) no-repeat;*/

border: 0px solid #00adef;

}

#videoSectionText{

float:left;

height:360px;

width:282px;

text-align:left;

font-size:12px;

}



#videoSectionPhotos{

float:left;

height:360px;

width:282px;

margin-left:5px;

border: 0px solid #00adef;

}



#videoSectionPhotos ul{

	

	margin: 0px;

	padding: 0px;

	list-style:none;

	border: 0px solid #00adef;	

}



#videoSectionPhotos li{

	margin: 0px;

	padding: 0px 0 0px 0;

	height:180px;

	border: 0px solid #00adef;

}





#videoSectionText h1{

padding-left:10px;

text-align:left;

font-size:12px;

}

#videoSectionText p{

padding:5px;

text-align:left;

font-size:11px;



}



#videoSectionText ul {

	list-style-position: outside;

	margin-left: 0px;

	padding-left: 25px;

	list-style:disc;

	vertical-align: middle;

	

}

#videoSectionText li { 

	margin: 0px;

	padding: 0px 0 10px 0;

} 



#videoSectionVideo{

float:right;

position:relative;

z-index:6;

margin:0 15px 0 0;

height:360px;

width:640px;

border: 0px solid #00adef;

}



#videoSectionContent{

float:right;

position:relative;

z-index:6;

margin:0 15px 0 0;

height:360px;

width:640px;

border: 0px solid #00adef;

}

.videoSectionContentRow{

float:left;

height:360px;

width:300px;

text-align:left;

font-size:12px;

padding:8px 20px 0 0 ;

}

.videoSectionContentRow p{

padding:0px;

margin:0;

text-align:left;

font-size:12px;

}



.videoSectionContentRow ul {

	list-style-position: outside;

	margin-left: 0px;

	padding-left: 15px;

	list-style:disc;

	vertical-align: middle;

	

}

.videoSectionContentRow li { 

	margin: 0px;

	padding: 0px 0 10px 0;

} 











#videoSectionStaff{

position:absolute;

z-index:6;

right:26px;

top:50px;

height:360px;

width:640px;

background:url(../fr/images/staff.png);

border: 0px solid #00adef;

}



/* -------------------------------------------------------------------------- Content

-----------------------------------------------*/  



#content{

float:left;

background-color:#FFFFFF;

width:950px;

min-height:500px;

height:auto;

text-align:left;

border: 0px solid #00adef;

}



/* -------------------------------------------------------------------------- footer   

-----------------------------------------------*/



#footer{

float:left;

display:inline;

background-color:#FFFFFF;

padding: 10px 0 10px 0;

height:66px;

width:950px;



}





#credit{

float:right;

display:inline;

width:102px;

text-align:left;

border:0px solid #0000FF;

margin-left:20px;



}



#footerInner{

float:right;

display:inline;

margin-right:20px;

width:515px;



}



#footerInnerLeftRow{

float:left;

text-align:left;

font-size:11px;

font-weight:bold;

width:150px;

border-right:1px solid #0000CC;

margin-left:10px;

}

#footerInnerRightRow{

float:left;

height:18px;

width:250px;

font-size:11px;

}

#alignLeft{

margin-left:45px;

float:left;

text-align:left;



}

#alignRight{

float:left;

text-align:right;

margin-left:10px;



}



.bleu{

color:#0000CC;

}



img{

border:0px solid #99FF00;

}