/* CSS Document */

body {
font-family: myriad;
background-image:url('images/fondbis.jpg') ;
background-attachment: fixed;
margin:0;
}
 
#banniere {
background: url('images/banniere.jpg') no-repeat;
left:50%; 
margin: 0 0 0 -375px;
width: 747px;
height: 184px;
position:relative; 
}

#bloc{
text-indent:2px;
z-index:1;
position:absolute;
margin-left:310px;
margin-top:-50px;
width:430px;
height:10px;
color: rgb(153,51,255);
font-family:Myriad;
font-size:14px;
padding:2px;
letter-spacing:2px ;
}


#edito {

margin-left:3px;
border-left-style:double;
border-right-style: double;
border-width:3px;
border-color:#7360b8;
font-family:myriad;
font-size: 100%;
letter-spacing:1px;
width:517px;

position: relative;
overflow:hidden;
padding-left:11px;
}

#contenu{
font-family:myriad;
font-size: 100%;
letter-spacing:1px;
text-indent: 20px;
position:relative;
width:747px;
left:50%;
margin: 0 0 0 -375px;
background-color:#FFFFFF;
float: left;
}  

.imglogo{
z-index:1;
margin-top:-640px;
margin-left:250px;
position:absolute;
background: url('images/aunege.jpg') no-repeat;
width:126px;
height:57px;
}

#imglogo2{
background: url('images/unisciel.jpg') no-repeat;
margin-top:-550px;
width:80px;
margin-left:295px;
}

#imglogo3{
background: url('images/unit.jpg') no-repeat;
margin-top:-460px;
width:135px;
margin-left:240px;
}

#imglogo4{
background: url('images/unjf.jpg') no-repeat;
margin-top:-370px;
width:80px;
margin-left:295px;
}

#imglogo5{
background: url('images/umvf.jpg') no-repeat;
margin-top:-640px;
width:80px;
margin-left:520px;
}

#imglogo6{
background: url('images/uoh.jpg') no-repeat;
margin-top:-550px;
width:115px;
margin-left:520px;
}

#imglogo7{
background: url('images/uved.jpg') no-repeat;
margin-top:-460px;
width:80px;
margin-left:520px;
}

.lettre:first-letter{
font-style:italic;
font-weight:bold;
font-size:100%;
}

#footer  {
position:relative;
left:50%;
margin: 0 0 0 -375px;
width:747px;
height:58px;
background: url('images/basdepage.jpg') no-repeat;
display: none;
}

#menu {

position:relative;
border-right-style:double;
border-color:#027532;
border-width:3px;
background-color: #B3DCD5;
margin:0px;
padding:2px ;
float:left;
}

.menu, .sousmenu{
display:block;
border-bottom: 3px solid #cbedd5;
text-indent: 15px;
text-align:left;
font-size: 100%;
}

.menu{

line-height:30px;
width: 200px;
height: 30px;
color: #18723C ;
display:block;
border:1px solid #cbedd5;
font-size: 80%;
}

.sousmenu{

text-indent: 20px;
width: 202px;
height: 30px;
line-height:30px;
}

.menu a{
display:block;
width:100%;
height:100%;
color:#18723C;
font-size: 100%;
text-decoration:none;
}

.sousmenu a{
display:block;
width:100%;
height:100%;
color:#007430;
font-size:80%;
text-decoration:none;
background:#cbedd5;
}



.menu a:hover, .sousmenu a:hover, .menu a:active, .sousmenu a:active, .menu a:focus, .sousmenu a:focus{
background:#ECF3F4;
}

#actif{
background:#ECF3F4;
}




#imagedito {
background:url('images/editofirst.jpg') no-repeat;
position:relative;
float:left;
width:200px;
height:98px;
margin-top:10px;
}



#signature{
padding-left:170px;
color:#616F70;
font-style: italic; 
}

#discours{
padding-top:100px;
padding-left:7px;
padding-right:20px;
line-height:20px;
font-family:myriad;
font-size: 85%;
text-align: justify;
}

#trace {
width:10px;

background: url('images/barre.jpg') repeat-y ;
position:absolute;
margin-top:-55px;
margin-left :11px;

}

#description{
padding-top:20px;
padding-left:10px;
padding-right:20px;
font-family:myriad;
font-size: 85%;
line-height:20px;
text-align: justify;
text-indent:3px;
}

#description ul li{

padding-bottom:20px; 

 
}


#compteur{
border:dotted ;
border-width:1px;
line-height:20px;
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
padding-left:10px;
color: #7360b8;
font-size:80%;
font-style: italic;
width:135px;
height:100px;
position:absolute;
margin-top:-155px;
margin-left:35px;
display: none;
}

/*page clip video*/
#imagedescription{

background:url('images/h1.gif') no-repeat;
width:100px;
height:33px;
position:absolute;
float:left;
margin-top:30px;

}

h1,h2,h3{
letter-spacing:3px;
font-style:italic;
position:relative;
font-family:myriad;
margin-top:30px;
margin-left:100px;
text-align:justify;
}


/*Manuel*/


#photovideo{
margin:30px 0 0 10px;
width:90px;
height:115px;
background:url(images/manuel2.jpg) no-repeat; 
position:absolute;
}

#titrevideo{
color: #7360b8;
font-family: myriad;
font-size:80%;
width:380px;
height:60px;
position:relative;
float:left;
margin-top:10px;
margin-left:120px;
text-align:justify;
}

#resume{
font-family: myriad;
font-size:80%;
position:relative;
float: right;
height:50px;
width:270px;
margin-top:-50px; 
margin-right:15px;
text-align:justify;
}

a.play{
margin-top:13px;
margin-right:310px;
background:url('images/play.gif') no-repeat;
width:54px;
height:51px;
position:relative;
float: right;
}


/*fin Manuel*/

/*Francoise*/
#photovideo2{
margin:170px 0 0 10px;
width:90px;
height:115px;
background:url(images/francoise2.jpg) no-repeat; 
position:absolute;
}

#titrevideo1{
color:#7360b8;
font-family: myriad;
text-align:justify;
font-size:80%;
width:380px;
height:80px;
position:relative;
float:left;
margin-top:15px;
margin-left:120px;
}

#resume1{
font-family: myriad;
font-size:80%;
position:absolute;
height:50px;
width:270px;
margin-top:265px; 
margin-left:230px;
text-align:justify;
}

a.playbis{  
margin-top:20px;
margin-right:310px;
background:url('images/playbis.gif') no-repeat;
width:54px;
height:51px;
position:relative;
float:right;
}

#resume2{
font-family: myriad;
font-size:80%;
position:absolute;
height:30px;
width:270px;
margin-top:350px; 
margin-left:230px;
text-align:justify;
}

a.play3{  
margin-top:20px;
margin-right:310px;
background:url('images/play3.gif') no-repeat;
width:54px;
height:51px;
position:relative;
float:right;
}



/* fin francoise*/

/*arnaud*/
#photovideo3{
margin:410px 0 0 10px;
width:90px;
height:115px;
background:url(images/arnaud2.jpg) no-repeat; 
position:absolute;
}

#titrevideo3{
color:#7360b8;
font-family: myriad;
text-align:justify;
font-size:80%;
width:380px;
height:80px;
position:relative;
float:left;
margin-top:15px;
margin-left:120px;
}

#resume3{
font-family: myriad;
font-size:80%;
position:absolute;
height:75px;
width:270px;
margin-top:472px; 
margin-left:230px;
text-align:justify;
}

a.play4{ 
margin-top:-10px;
margin-right:310px;
background:url('images/play4.gif') no-repeat;
width:54px;
height:51px;
position:relative;
float:right;
}

#resume4{

color: rgb(153,0,153);
font-family: myriad;
font-size:80%;
position:absolute;
height:75px;
width:500px;
margin-top:600px; 

text-align:justify;
}
/* fin arnaud*/

a.logo{
margin-top:10px;
margin-right:220px;
background:url('images/accueil_stic.jpg') no-repeat;
width:96px;
height:96px;
position:relative;
float:right;
}
/* fin clip video*/
.logostic{

z-index:1;
margin-left:560px;
margin-top:10px;
position: absolute;
background: url('images/logo_stic.jpg') no-repeat;
width:38px;
height:38px;
}

a.logostic span{
display:none;
}

a img{
 border: 0;
}

.parag p{
text-indent: 30px;
}

.diapo p{
font-size:12px;
}

a.lien{
text-decoration:none;
font-family: myriad;
}

a.lien2{
text-decoration:none;
}


ul.videos li {
  padding: 2px;
  color: #fff;
 
}

ul.videos li {
  font: 9pt arial;
}

ul.videos li span.soon {
  color: #bb0000;
}

ul.videos li span.intervenant {
  font-style: italic;
}

a.videos {
  width: 118px;
  height: 18px;
  float: left;
  background: url('bouton_videos.jpg') no-repeat;
  margin: 10px;
}

a.videos span {
  display: none;
}