body{
margin: 0  auto;
padding:0;
font:13px/1.4 Helvetica,"Helvetica Neue light",geneva;
width:1000px;
}

#menu{
margin: 0px 30px 0px 0px;
float:left;
text-align:left;
width:180px;
height:1300px;
background-color: #BBBBBB;
}

#page{
margin:0px 0px 0px 0px;
width:577px;
float:left;
text-align:left;
}

#container{
margin:0px 0px 0px 0px;
float:left;
text-align:left;
}

#annonce{
margin:0px 0px 0px 30px;
float:left;
width:180px;
height:1300px;
text-align:left;
background-color: #BBBBBB;
}

#pageLeft{
 margin:0px 0px 0px 0px;
 float:left;
 width:20px;
 height:500px;
}

#top{
 background-image:url("../images/shapeimage_1.png");
 background-position:top;
 width:18px;
 height:420px;
 background-repeat:no-repeat; 
}

#top_accueil{
 background-image:url("../images/nouvelles.png");
 background-position:top;
 width:18px;
 height:420px;
 background-repeat:no-repeat; 
}


#top_wiki{
 background-image:url("../images/connaissances.png");
 background-position:top;
 width:18px;
 height:420px;
 background-repeat:no-repeat; 
}

#top_rencontre{
 margin:0px 0px 0px 0px;
 padding:0;
 background-image:url("../images/rencontre.png");
 background-position:top;
 width:19px;
 height:420px;
 background-repeat:no-repeat; 
}

#top_conference{
 background-image:url("../images/connaissances.png");
 background-position:top;
 width:19px;
 height:420px;
 background-repeat:no-repeat; 
}

#top_sondage{
 background-image:url("../images/connaissances.png");
 background-position:top;
 width:19px;
 height:420px;
 background-repeat:no-repeat; 
}

#top_informations{
 background-image:url("../images/informations.png");
 background-position:top;
 width:19px;
 height:420px;
 background-repeat:no-repeat; 
}

#top_medias{
 background-image:url("../images/medias.png");
 background-position:top;
 width:19px;
 height:420px;
 background-repeat:no-repeat; 
}

#top_fablab{
 background-image:url("../images/fablab.png");
 background-position:top;
 width:19px;
 height:420px;
 background-repeat:no-repeat; 
}

#down{
 background-image:url("../images/shapeimage_2.png");
 width:20px;
 height:250px;
 background-position:top;
 background-repeat:no-repeat;
}

#pageRight{ 
 width:557px;
 float:right;
}

#pageHeader{
 margin:0px 0px 0px 4px;
 padding:0px 0px 0px 0px;
 height:48px;
 background-image:url("../images/title.png");
 background-repeat:no-repeat;
} 

#pageHeader span.ultraLight{
 font-family: Helvetica,"Helvetica-Neue UltraLight","Helvetica Neue UltraLight",Arial, sans-serif;
 color:#454545;
 font-weight: 100;
}

#pageHeader span.light{
 font-family: Helvetica,"Helvetica-Neue Light",Arial, sans-serif;
 color:#000000; 
 font-weight: 300;
}

#intro{
}

#end{
 height:400px;
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
}

#endLeft{
 float:left;
 width:400px;
 height:300px;
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
}

#endRight{
 float:right;
 background-color:#AAAAAA;
 width:130px;
 height:390px;
 color:#FFFFFF;
 font-weight:bold;
 padding:0px 0px 0px 10px;
}

div.paragraphe{
color:#454545;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

div.imageRight{
float:right;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 15px;
width: 250px;
background-color:#BBBBBB;
}

div.imageLeft{
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 15px 10px 0px;
width: 250px;
background-color:#BBBBBB;
}


div.imageLarge{
float:center;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 4px;
width: 572px;
background-color:#BBBBBB;
}

img{
border:0px;
}

img.image{
border-style:solide;
background-color:#BBBBBB;
}

img.album {

}

span.image{
background-color:#BBBBBB;
color:white;
float:left;
margin:0px 0px 0px 0px;
padding:5px;
width:240px;
}

span.imageLarge{
background-color:#BBBBBB;
color:white;
float:left;
margin:0px 0px 0px 0px;
padding:5px;
width:562px;
}

p{ 
padding:0px 0px 12px 0px;
margin:0px 0px 0px 0px;
}

p.end{ 
padding:0px 0px 60px 0px;
margin:0px 0px 0px 0px;
}

p.justify{ 
 text-align:justify
}


span.boldText{
 font-weight:bold;
}

span.title{
 font-weight:bold;
 color:#000000;
}

span.titleBlog{
 font-weight:bold;
 color:#000000;
 font-size:16px;
}


a{ 
 color:#FFFFFF;
 text-decoration: none;
}

a.text{ 
 color:#999999;
 text-decoration: none;
}

a.text:hover{ 
  color:#BBBBBB;
}


a:hover{ 
  color:#CCCCCC;
}

#menu ul{
  padding:0px 0px 0px 15px;
  list-style : none;
  margin:50px 0px 0px 0px;
}

#annonce ul{
  padding:0px 0px 0px 15px;
  list-style : none;
  margin:50px 0px 0px 0px;
}

#menu li a{
 list-style : none; 
 color:#FFFFFF;
 font-size:18px;
 text-decoration: none;
}

#menu li a:hover {
 color:#EEEEEEE;
 list-style : none;
 text-decoration : none;
 font-size:18px;
 font-weight: bold;
}

#annonce a{
 list-style : none; 
 color:#FFFFFF;
 font-size:13px;
 text-decoration: none;
}

#annonce a:hover{
 list-style : none; 
 color:#FFFFFF;
 text-decoration: none;
 font-weight: bold;
}

#annonce li {
 list-style : none; 
 color:#FFFFFF;
 font-size:18px;
 text-decoration: none;
}

td.album{
vertical-align :top;
text-align : top;
padding : 0em 1.8em 1.2em 0em;
}

td.img{
text-align : center;
padding: 0em;
border:0px
margin:1;
}

fieldset { 
color:#454545;
border:2px solid gray;
width:535px;
height:100%;
padding: 0.8em;
margin: 0;
}

label{
color:#454545;
width: 11em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}

label.box{
color:#454545;
width: 100%;
text-align: left;
margin-left: 0em;
display: block;
}


label.radioText{
display: inline-block;
width: 6em;
text-align: left;
}

label.radio{
display: inline-block;
width: 1em;
text-align: right;
}

legend{
  font-weight:bold;   
  padding: 0.2em 0.5em 0.2em 0.5em;
  text-align:left;
  font-size:14px;
  color:#454545;
}

.submit input{
margin-left: 13.6em;
}

#accueil_left{
 float:left; 
 width:275px;
 height:170px;
}

#accueil_right{
 float:right;
 width:275px;
 height:170px;
}