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


body {
font-family: "Century Gothic", Verdana;
font-size: 10pt;
color: #FFFFFF;
background-color: #2c2c2c;
margin: 0; /* pour viter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
}

.actu
{
position:relative;
top:500px;
left:100px;
text-align:left;
z-index: 2;
}

.menu{
position:absolute;
z-index:105;
left:60px;
top:250px;
text-align:left;

}

.menu2{
position:absolute;
left:80px;
top:315px;
text-align:left;
z-index:40;
}

.video
{
position:absolute; 
width:370px; 
float:right; 
float: left; 
margin-left: 40px !important; 
margin-top: -20px !important; 
display: inline; 
line-height:2em; 
text-align:justify;
}


.fond_texte
{
background-image: url(img/fond_texte.png);
height:333px;
width:830px;
left: 347px;
top: 177px;
position:absolute;
repeat:no-repeat;
}



.fond_texte2
{
background-image: url(img/fond_texte.png);             
height:100px;
width:600px;
left: 400px;
top: 440px;
position:absolute;
repeat:no-repeat;
}

.texte
{

	position:absolute;
  	z-index:1;
	overflow: auto;
	height:315px;
	width:770px;
	border:5px;
	padding-right:20px;
	left: 365px;
	top: 185px;
	text-align:justify;
	color: #666666;
	font-size:9pt;
	
}

.texte2
{
	position:absolute;
	overflow: auto;
	height:315px;
	width:770px;
	border:5px;
	padding-right:20px;
	left: 20px;
	top: 30px;
	text-align:justify;
	color: #666666;
	font-size:9pt;
	
}

.colonne1{
position:relative;
 float:left; 
 width:350px;
 line-height:2em;
}

.colonne2{
position:relative; 
float:right;
width:350px;
line-height:2em;
}

.intro
{
position:absolute;
z-index:0;
top: 50%;
left:50%;
margin-left: 50%;
margin-right:  50%;
margin-left: -640px; /* moitié de la largeur */
margin-top: -277px; /* moitié de la hauteur */
}

.grande
{
position:absolute;
z-index:0;
top: 50%;
left:50%;
margin-top: -250px;
background-image:url(img/accueil_cam_teb.jpg);
width:1280px;
height:554px;
margin-left: 50%;
margin-right:  50%;
text-align: left;
margin-left: -640px; /* moitié de la largeur */
margin-top: -277px; /* moitié de la hauteur */

}

.grande3
{
position:absolute;
z-index:100;
top: 50%;
left:50%;
margin-top: -250px;
background-image:url(img/accueil_cam_teb.jpg);
width:1280px;
height:554px;
margin-left: 50%;
margin-right:  50%;
text-align: left;
margin-left: -640px; /* moitié de la largeur */
margin-top: -277px; /* moitié de la hauteur */

}


.grande2
{
position:absolute;
top: 50%;
left:50%;
margin-top: -250px;
background-image:url(img/base_cam_teb.jpg);
width:1280px;
height:554px;
margin-left:  50%;
margin-right:  50%;
text-align: left;
margin-left: -640px; /* moitié de la largeur */
margin-top: -277px; /* moitié de la hauteur */

}


.footer
{
position:absolute;
top:555px;
text-align:center;
width:1280px;
}

a:link {
	color: #60a7d7;
	text-decoration: none;
}
a:visited {
	color: #60a7d7;
	text-decoration: none;
}
a:hover {
	color:#60a7d7;
	font-weight:bold;
	text-decoration: none;
}
a:active {
	color: #60a7d7;
	text-decoration: none;
}

.Style1 {
	font-size: 9pt;
	color: #5c5c5c;
font-family: "Century Gothic", Verdana;
}
.Style2 {
	color: #5c5c5c;
	font-size: 12pt;
font-family: "Century Gothic", Verdana;
}
.Style3 {font-size: 10px}
.Style4 {color: #999999}
.Style5 {font-size: 14pt; color: #999999; font-family: font-family: "Century Gothic", Verdana;}
.Style6 {
	font-size: 12pt;
	font-weight: bold;
}

.Style7 {
	color: #333333;
	font-size: 12pt;
}

.Style8 {font-size: 12pt}

.Style9 {
	font-size: 8pt;
	color: #006699;
}
.Style13 {
	font-size: 30pt;
	font-weight: bold;
}