/*----------------------------------------
   Vincent Goncalves.
----------------------------------------*/

*{
  padding:0;
  margin:0;
  font-family: Trebuchet MS;
  border-collapse: collapse;
}

body{
    background-image: url(images/site/background.jpg);
    background-position: top center;
    font-size:13px;
    background-repeat: no-repeat;
    background-color: #035d74;
}

#all,#content-footer{
    width:900px;
    margin:0 auto;
}

/*----------------------------------------
header
----------------------------------------*/
#header{
    height:345px;
    position:relative;
     background-image: url(images/site/background.jpg);
    background-position: top center;
}
#menu-tertaire{
    position:absolute;
    right:0;
    top:6px;
    color:#065266
}
#menu-tertaire ul{
    list-style:none;
}
#menu-tertaire ul li{
    float:left;
}
dfn{
  display:none   
}
#menu-tertaire a{
    text-decoration:none;
    color:#ffffff;
    font-size:12px;
}
#menu-tertaire a.menuactive,#menu-tertaire a:hover{
    text-decoration:underline
}

/*----------------------------------------
logo
----------------------------------------*/
h1, h1 a{
  display:block; 
  width:365px;
  height:117px;  
}
h1{
     position:absolute;
     top:80px;
     left:8px
}
h1 a{
    display:block;
}
h1 a span{display:none} 
/*----------------------------------------
Accès rapide
----------------------------------------*/
#acces-rapide{
  list-style: none;
  position: absolute;
  top: 210px;
  left: 95px;   
}
#acces-rapide li{
  float:left;    
}
#acces-rapide li a{
    display:block;
    float:left;
    height: 25px;
    width:92px;
    padding: 6px 0 0 40px;
    color:#fafafa;
    text-decoration: none;
    margin:0 23px 0 0;
    background-repeat: no-repeat;
    text-decoration:none;
}
#acces-rapide li a:hover{
    text-decoration:none;
}
#acces-rapide li.map a{
    background-image: url(images/bouton/btn-acces.png);
    padding-left:40px;
}
#acces-rapide li.registration a{
    background-image: url(images/bouton/btn-registration.png);
    padding-left:45px;
    width:87px;  
}

/*----------------------------------------
principal
----------------------------------------*/
#principal{
    margin:0 0 0 5px;
}
* html #principal{
  margin-left:5px  
}
* +html #principal{
  margin-left:5px  
}
/*----------------------------------------
menu
----------------------------------------*/
#menu{
   width:258px;
   float:left;
}
#menu ul{list-style:none}
#menu-middle ul ul{
    padding:0 0 0 10px
}
#menu-middle{
     background-image: url(images/menu/menu-middle.png);  
     background-repeat: repeat-y;
     padding:5px 5px 20px 20px ;
     margin-top:-18px;
}
* html #menu-middle{  
   background:none;
   width:233px;   
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/texcomp10/images/menu/menu-middle.png');  
}

#menu-bottom{
     background-image: url(images/menu/menu-bottom.png);  
     background-repeat: repeat-y;
     height:22px
}
* html #menu-bottom{  
   background:none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/texcomp10/images/menu/menu-bottom.png');  
}
 #menu-middle li.sectionheader span{
     font-size:0;
     display:block;
     background-repeat: no-repeat;
     margin:20px 0 5px 0
 }
  #menu-middle li.sectionheader span span{
      display:none
  }
#menu-middle li.conferences span{
   background-image:url(images/titres/conferences.png);
   height:17px;
   width:137px;
}
#menu-middle li.goodies span{
   background-image:url(images/titres/goodies.png);
   height:15px;
   width:80px;       
}
#menu-middle li.submission span{
   background-image:url(images/titres/yoursubmission.png);
   height:17px;
   width:162px;       
}

* html #menu-middle li.submission span{  
   background:none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/texcomp10/images/titres/yoursubmission.png');  
}
* html #menu-middle li.goodies span{  
   background:none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/texcomp10/images/titres/goodies.png');  
}
* html #menu-middle li.conferences span{  
   background:none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/texcomp10/images/titres/conferences.png');  
}

#menu-middle h3, #menu-middle a{
    font-size:13px;
    color:#637376;
    text-decoration:none;
    font-weight: normal;
}
#menu-middle h3, #menu-middle a:hover{
    text-decoration:underline
}
/*----------------------------------------
paretnaires
----------------------------------------*/
#partenaires{
    margin-top:12px
}
#partenaires ul{
    list-style:none
}
#partenaires ul li{
    display:block;
   float:left;
   width:120px;
   height:53px;
   background-image: url(images/autres/fd-partenaire.png); 
}
* html #partenaires ul li{  
   background:none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/texcomp10/images/autres/fd-partenaire.png');  
}
#partenaires ul li a{
   display:block;
   float:left;
   width:120px;
   height:53px;
   position:relative;
   text-decoration: none;  
}

#partenaires ul li a span{
  display:none;
} 
#partenaires ul li.gauche{
    margin:0 12px 12px 3px;
}  
#partenaires ul li.droite{
    margin:0 0 12px 0;
} 
* html #partenaires ul li.gauche{
    margin:0 10px 0 2px;
} 
* +html #partenaires ul li.gauche{
    margin:0 10px 0 2px;
}

#partenaires ul li a{
    background-position: center;
    background-repeat: no-repeat;
}
#partenaires ul li a.part01{   
   background-image:url(images/partenaires/europe.png); 
}
#partenaires ul li a.part02{   
   background-image:url(images/partenaires/nord.png); 
}
#partenaires ul li a.part03{   
   background-image:url(images/partenaires/uptex.png); 
}
#partenaires ul li a.part04{   
   background-image:url(images/partenaires/lillemetropole.png); 
}
#partenaires ul li a.part05{   
   background-image:url(images/partenaires/ensait.png); 
}
#partenaires ul li a.part06{   
   background-image:url(images/partenaires/mine.png); 
}


/*----------------------------------------
footer
----------------------------------------*/
 #footer{
     height:80px;
     background-color: #024354;
     clear:both;
     width: 100%;
     float: left;
     margin:30px 0 0 0
 }
 #content-footer{
   background-image: url(images/site/footer.jpg);
   width: 912px;  
   height:31px;    
   background-position: top left;
   background-repeat: no-repeat;
   font-size:12px;
   padding:7px 0 0 0
 }
 
 #content-footer .al-left{
   margin-left:20px
}
#content-footer .al-right{
   margin-right:20px 
}
* html #content-footer .al-left{
   margin-left:10px
}
* html #content-footer .al-right{
   margin-right:10px 
}
#content-footer a,#content-footer img{
    text-decoration:none;
    border:none
}
#content-footer a.txt-bleu:hover{
    text-decoration:underline
}
#content-footer img{
    margin:0 0 0 5px
}


/*----------------------------------------
Formulaire de contact
----------------------------------------*/
 .contact{
     padding:0 0 0 25px
 }
.contact label{
  width:150px;
  display: block; 
  float:left  ;
  background-image: url(images/autres/puce.jpg);
  background-position: 0 7px;
  background-repeat: no-repeat;
  padding:0 0 0 15px
}

.contact div{
  margin:0 0 10px 0  
}
.contact input{
  width:300px;
  border:1px solid #54c5db   
}
.contact textarea{
    width:300px;
    height:120px  ;
    overflow: auto;
    border:1px solid #54c5db
}
.contact input,.contact textarea{
    font-size:12px;
    padding:0 2px
}
.contact .submit input{
    border: none;
    background: none;
    cursor:pointer;
    color:#fff;
    font-weight: bold;
    background-image:url(images/bouton/btn-send.png) ;
    height:35px;
    width:155px ;
    text-align: left;
    padding-left:5px;
    margin-left:318px
}


div.error{
  color:#9f1414;
  background-color: #eaeade;
  padding: 5px;
  margin:15px;
  float:left;
  width:100%;
  clear:both;
}
.invalidInput{
    background-color:#f9a7a7
}


/*----------------------------------------
Contenu
----------------------------------------*/
#content{
   float:left;
   width:577px;
   margin-left:55px;
   color:#fff 
}

.al-left{
    float:left
}
.al-right{
    float:right
}
#content h2{
   color:#54c5db;
   text-transform: uppercase;
   padding-bottom:20px 
}
#content a{
   color:#54c5db; 
   text-decoration:underline    
}
#content a:hover{
   text-decoration:none     
}
.txt-bleu{color:#1bb1cc}

#content p{
    padding-bottom:15px
}

#content ul{
   list-style:none ;
   padding:0 0 0 15px
}
#content ul li{
  background-repeat: no-repeat;
  background-image: url(images/autres/puce.jpg);
  background-position: 0 7px;
  padding:0 0 0 15px
}