
body {font-family: Arial, Helvetica, sans-serif;
}

/* General */


h1 {font-size:14px;
color: #689ECC;
line-height: 5px ;
font-family: verdana;}

h2{font-size:15px;
color: #66AF00;
line-height: 5px ;
font-family: verdana;}

h3{font-size:13px;
color: #66AF00;
line-height: 15px ;
font-family: verdana;}


a {color: #66AF00;}

a img{
text-decoration: none;
border : 0px;}


b {color: #66AF00;}

#info b {color: #696969;}

#intro p {font-size:11px;
color: #696969;
line-height: 15px ;
font-family: verdana;}

p.br{margin:0; height: 8px}
ul {margin: 0px;
padding: 0px;}

li {list-style-type:none;
text-align: left;
font-size : 13px;
margin: 0px;
color: #696969;
font-family: verdana;}

p {font-size:12px;
color: #696969;
/*line-height: 7px ;*/
line-height: 12px ;
font-family: verdana;}

#info p {font-size:13px;
color: #696969;
line-height: 14px ;}

#info h2 {font-size:18px;
color: #66AF00;
line-height: 5px ;
font-family: verdana;}


/* Div*/
#global { background-image: url(../img/bordures.gif);
background-repeat: y;
width:998px;
/*height :810px;*/
height:500px;
text-align : center;
margin: auto;}



/* Header */
#header { background-image: url(../img/header_construction.JPG);
background-repeat: no-repeat;
margin-bottom : 15px;
width:998px;
height: 186px;
}

#sponsors {
width:250px;
height: 40px;
margin-top:120px;
padding-top: 17px;
padding-left: 10px;
float: left;}

#sponsors img{
padding-left: 7px;
float:left;}

#accueil { 
width:475px;
height : 180px;
float:left;
margin-left:35px;
}



#contenu{
background-color: #FFFFFF;
width: 996px;
float:left;
border-right : 1px solid #D6D6D6;
border-left : 1px solid #D6D6D6;
}

#gauche{
width: 300px;
height : 730px;
float:left;
margin-top: 10px;

}

#participants{
width: 250px;
height : 158px;
float:left;
margin-top: 5px;
margin-left: 25px;
}

#fan{
width: 250px;
height : 160px;
float:left;
margin-top: 10px;
margin-left: 25px;
border-bottom: 1px solid #94A3C4;
}

#fan2{
width: 250px;
height : 243px;
float:left;
margin-top: 10px;
margin-left: 25px;
}

#twitter{
width: 248px;
float:left;
margin-left: 25px;
text-align: center;
background-color: #ECEFF5;
border: 1px solid #94A3C4;
}

#ereputation{
width: 250px;
height : 64px;
float:left;
margin-top: 10px;
margin-left: 25px;
margin-bottom:10px;
}

#exp{
width: 248px;
height : 222px;
background-color: #ffffff;
float:left;
margin-top: 10px;
margin-left: 25px;
margin-bottom:10px;
border: 1px solid #94A3C4;
}

#droite{
width: 680px;
position: relative;
margin-top: 10px;
float:left;
}
#droite h1{
line-height: 30px;
}
#intro{
background-image: url(../img/int/intro.jpg);
background-repeat: no-repeat;
text-align: left;
width: 680px;
height : 210px;
float:left;
position: relative;
padding-top: 25px;
padding-left : 10px;
}

#inscription{
width: 157px;
height : 100px;
position: absolute;
top: 100px;
left : 500px;
text-align: center;
}

#inscriptionbis{
width: 157px;
height : 100px;
position: absolute;
top: 400px;
left : 500px;
text-align: center;
}

#info{
background-image: url(../img/int/contenu.jpg);
background-repeat: no-repeat;
text-align: left;
width: 650px;
height: 505px;
float:left;
padding-top: 25px;
padding-left : 10px;
padding-right: 20px;
}

#atelier{
width: 680px;
margin-left: 1px;
float:left;}

#menu{

width: 695px;
height : 22px;
left:0px;}

#menu li{
width: 208px;
height : 22px;
list-style-type:none;
display:block;
margin-right:23px;
float:left;}

#menu ul{
display:inline;}

#atelierun{
background-color: #ffffff;
border: 2px solid #DF823C;
padding : 10px; 
width: 646px;
height : 430px;
float:left;}

#atelierun a {
color: #DF823C;}

#atelierun b{
color : #DF823C;
font-size: 14px;}


#atelierdeux{
background-color: #ffffff;
border: 2px solid #71A4CF;
padding : 10px; 
width: 646px;
height : 400px;
float:left;}

#atelierdeux a{
color : #71A4CF;}

#atelierdeux b{
color : #71A4CF;
font-size: 14px;}


#ateliertrois{
background-color: #ffffff;
border: 2px solid #97B257;
padding : 10px; 
width: 646px;
height : 340px;
float:left;}

#ateliertrois a{
color : #97B257;}

#ateliertrois b{
color : #97B257;
font-size: 14px;}

#experience{
margin-top:20px;
margin-left: 475px; 
width: 157px;
height : 21px;
float:left;}

/*FB-Newsletter
#contact{
width: 530px;
height: 141px;
margin-left:570px;
margin-top: 25px;
float:left;}


/*Footer*/

#partenaires{background-image: url(../img/partenaires/partenaire.gif);
background-repeat: no-repeat;
width: 996px;
height:60px;
text-align:center;
border: 1px solid #ddd;
float:left;}

#footer{background-image: url(../img/footer.gif);
background-repeat: no-repeat;
width: 998px;
height:28px;
text-align:center;
float:left;}

.image { margin-top: 50px;
margin-left: 17px;
width:87px;
height : 88px;
float:left;
}


#construction-title {
font-size:27px;
color: #000000;
font-family: verdana;
}

#synthese-title {
font-size:18px;
color: #689ECC;
font-family: verdana;
font-weight: bold;
}

#table-content {
font-size:16px;
font-weight:bold;
font-family:verdana;
}

#contact {
float: right;
font-size:16px;
font-weight:bold;
margin-right:10px;
}

#social-networking {
position:absolute;
left:1060px;
margin-top: -13px;
}




