/*STYLES DES PAGES*/
body  
	{
    	font: 80% Arial, Helvetica, sans-serif;
    	background: #fff;
    	color: #000000;
		overflow-y: scroll;
    	visibility: visible;
    }
body, div, p, ul, li, h1, h2, h3
{
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding:0;
	border-left: 0;
}

.page
{
width: 800px;
margin: 0 auto;
}
p
{
text-align: justify;
}
/*STYLES DU BLOC HEADER*/
#header
{
height: 160px;
width: 100%;
position: fixed;
top: 0;
z-index: 1;
background: #ffffff;
}
#header h1
{
padding-top: 33px;
padding-bottom: 4px;
border-bottom: none;
padding-left: 0px;
}
#header ul
{
font: 120% strong, Arial, Helvetica, sans-serif;
list-style-type: none;
margin: 0px;
padding-top: 0px;
width: 800px;
}
#header li
{
display: inline;
float: left;
width: 96px;
height: 20px;
margin-right: 10px;
margin-top: 0px;
font-weight: bold;
}
#header a
{
color:#000;
text-decoration: none;
border: 0;
}
#header a:hover
{
	color: #999999;
}
#header li.active a
{
	color: #999999;
}
.barre 
{
border-top: 1px dotted #000; 
margin-bottom:10px;
width: 800px;
}

li#facebook
{
width: auto;
margin-right: 0;
float: right;
}

/*STYLES DU SOUSMENU PROJETS*/
ul#submenu
{
clear: both;
margin-left: 106px;
}
ul#submenu li
{
width: auto;
font: 80% Arial, Helvetica, sans-serif;
float: left;
margin-left: 0px;
margin-top: 0px;
}

/*STYLES DU SOUSMENU AGENCE*/
ul#agence
{
clear: both;
margin-left: 212px;
}
ul#agence li
{
width: auto;
font: 80% Arial, Helvetica, sans-serif;
float: left;
margin-left: 0px;
margin-top: 0px;
}

.titre
 {
 font-size: 150%;
 }
 
 /*SYLE DU BLOC CONTENT*/


#content
 {
 	clear: both;
	width: 800px;
  	margin: 0 auto;
	overflow-y: auto;
  	position: relative;
  	top: 160px;
  	padding: 0px;
 }
 
 
/*PAGE PROJETS*/
.table
{
clear: left;
}
table
{
clear: left;
}


/*PAGE AGENCE*/
.collomns
{
clear: right;
}
div.associe 
{ 
   width: 181px; 
   float: left;
   margin-top: 0px; 
   margin-right: 25px;
   margin-left: 0px;
}
#asso1 
{
  clear: left;
}

#asso2
{
margin-bottom: 10px;
}
#asso3 
{
  clear: right;
}
#equipe
{
	margin-right: 0px;
 	float: right;
}

/*PAGE CONTACT*/
#adresse
{
width: 180px;
clear: right;
margin-top: 0px;
margin-left: 0px;
float: right;
}

#tami
{
font-size: xx-small;
padding-top: 188px;
}
#plan
{
clear: left;
margin-right: 0px;
margin-top: 0px;
float: left;
}


/*STYLES DU PAGE PROJET INDIVIDUELLE*/

.proj-title {float: left; font-size: 1.2em; margin-top: 15px; font-weight: bold;}
#titre-projet td {font-size: 1.2em; margin-top: 15px; font-weight: bold;}
#titre-projet a{color: #000000; border: 0px; text-decoration: none;}
#infos-proj {clear: both; margin-top: 15px}
.colonne-gauche1 {float: left; width: 120px; line-height:18px; margin:0;}
.colonne-gauche2 {float: left; width: 280px; line-height:18px; margin:0; margin-right: 30px}
.colonne-droite1 {float: left; width: 60px; line-height:18px; margin:0;}
.colonne-droite2 {float: right; width: 300px; line-height:18px; margin:0;}

#textprojet
{
	clear: both;
	margin-top: 5px;
	padding-top: 0px;
	margin-bottom: 5px;
	font-size: 0.9em;
}