body{
text-align:center;
background-color:#e6e5cc;
font-family: Arial, Verdana;
color:#000000;
font-size:12pt;
}

ul#menu
{
	margin: 0 ;
	padding: 0 ;
	margin-top:85px;
	text-align:left;
	list-style-type: none ;
	margin-left:40px;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin: 0;
	padding: 0;
/* Suppression du padding du <li> et on d�finit une marge basse de 5px pour a�rer le tout */
}

ul#menu li a
{
	font-size:10pt;
	display: block ; /* On passe les liens en �l�ments de type block pour leur donner des propri�t�s de taille */
	width: 170px ;
	line-height: 20px ;
	color: #827d47 ;
	text-decoration: none ;
	font-weight:bold;
}
ul#menu li a:hover
{
	font-weight:bold;
	text-decoration:underline;
	color:#dad8b2;
}
div#footer{
width:950px;
height:43px;
color:#dad8b2;
line-height:43px;
font-size:10pt;
font-weight:bold;
text-align:center;
letter-spacing:1px;
}
div#footer_my{
width:950px;
height:43px;
text-align:center;
}
div#footer_my a{
color:black;
font-size:8pt;
line-height:40px;
text-decoration:none;
}
div#footer_my a:hover{
color:gray;
text-decoration:underline;
}
div#div_accueil{
width:643px;
height:669px;
background-color:#dad8b2;
background-image:url('../img/accueil_1x2.jpg');
background-repeat:no-repeat;
background-position:center center;
}
div#div_equipe{
width:643px;
height:669px;
background-color:#dad8b2;
background-image:url('../img/bouclefond.jpg');
background-repeat:no-repeat;
background-position:center center;
overflow:hidden;
}
div#div_equipe h3{
display:block;
width:625px;
margin:7px;
padding-top:20px;
padding-bottom:25px;
margin-bottom:30px;
height:25px;
color:#ffffff;
border: 1px solid black;
font-family: Arial, Verdana;
font-size:16pt;
background-color:#333;
overflow:hidden;
text-align:center;
}
div#div_projet{
width:643px;
height:669px;
background-color:#dad8b2;
background-image:url('../img/bouclefond.jpg');
overflow:hidden;
}
div#div_descvideo{
width:643px;
height:237px;
background-color:#dad8b2;
background-image:url('../img/bouclefond.jpg');
overflow:hidden;
}
div#div_descvideo h1{
display:block;
width:593px;
margin-top:21px;
margin-left:20px;
margin-right:23px;
height:40px;
color:#ffffff;
border: 1px solid black;
background-color:#333;
overflow:hidden;
}
div#div_video{
width:628px;
margin-left:7px;
margin-right:7px;
height:432px;
background-color:#dad8b2;
background-image:url('../img/bouclefond.jpg');
overflow:hidden;
}

div#div_projet h1{
display:block;
width:625px;
margin:7px;
padding-top:20px;
padding-bottom:25px;
margin-bottom:30px;
height:25px;
color:#ffffff;
border: 1px solid black;
font-family: Arial, Verdana;
font-size:16pt;
background-color:#333;
overflow:hidden;
text-align:center;
}
div#div_projet ul{
margin:0;
padding:0;
list-style-type: none;	
}
div#div_projet li{
list-style-type: none ;
margin:7px;
margin-right:0px;
display:block;
float:left;
width:305px;
height:75px;
border:1px solid black;
}
div#div_projet li a{
display:block;
width:305px;
height:75px;
text-align:left;
text-decoration:none;
color:black;
}
div#div_projet li a:hover{
background-color:#333;
color:white;
}
div#div_projet li a img{
border:0;
float:left;
margin-right:10px;
}
div#div_projet li a span{
font-size:10pt;
line-height:24px;
}
div.perso{
width:624px;
margin:8px;
height:116px;
border: 1px solid black;

}
div.perso h1{
font-family: Arial;
text-align:left;
font-size:16pt;
font-weight:bold;
color:#black;
margin:0px;
padding:0px;
}
div.perso h2{
font-family: Arial;
text-align:left;
font-size:12pt;
font-weight:bold;
color:#827D47;
margin:0px;
padding:0px;
}
div.perso p{
text-align:right;
font-family: Arial;
font-size:11pt;
}


div.perso a{
display:block;
width:498px;
height:100px;
padding:8px;
padding-left:118px;
background-image:url('../img/puceperso.png');
background-image:url('../img/pucepersobk.png');
background-repeat:no-repeat;
background-position:30px 15px;
color:black;
text-decoration:none;
}
div.perso a:hover{
color:white;
background-color:#333;
background-image:url('../img/puceperso.png');
}
div#div_equipe div#subequipe{
width:643px;
height:558px;
overflow:auto;
}

div.perso3{
width:590px;
margin:8px;
padding:8px;
border: 1px solid black;
}
div.perso3 h1{
font-family: Arial;
text-align:right;
font-size:16pt;
font-weight:bold;
color:#black;
margin:0px;
padding:0px;
padding-bottom:10px;
}
div.perso3 h2{
font-family: Arial;
text-align:left;
font-size:12pt;
font-weight:bold;
color:#827D47;
margin:0px;
padding:0px;
}
div.perso3 p{
margin-top:2px;
text-align:left;
font-family: Arial;
font-size:11pt;
color:black;
}

div#div_contacts{
width:643px;
height:669px;
background-color:#dad8b2;
background-image:url('../img/bouclefond.jpg');
overflow:hidden;
}
div#div_contacts h1{
display:block;
width:625px;
margin:7px;
padding-top:20px;
padding-bottom:25px;
margin-bottom:30px;
height:25px;
color:#ffffff;
border: 1px solid black;
font-family: Arial, Verdana;
font-size:16pt;
background-color:#333;
overflow:hidden;
text-align:center;
}
div#div_contacts h2{
display:block;
width:625px;
margin:7px;
margin-top:-7px;
padding-top:20px;
padding-bottom:25px;
margin-bottom:30px;
height:25px;
color:red;
border: 1px solid red;
font-family: Arial, Verdana;
font-size:16pt;
font-weight:bold;
background-color:#e0e0e0;
overflow:hidden;
text-align:center;
}
div#div_contacts div#coordcontacts{
display:block;
width:560px;
margin:7px;
margin-top:-7px;
padding-top:0px;
padding-right:65px;
margin-bottom:22px;
height:80px;
text-align:right;
font-size:10pt;
font-weight:bold;
background-image:url('../img/puceperso.png');
background-image:url('../img/pucepersobk.png');
background-repeat:no-repeat;
background-position:right center;
overflow:hidden;
}


div#div_contacts h3{
display:block;
width:625px;
margin:7px;
padding-top:50px;
padding-bottom:150px;
margin-bottom:0px;
height:25px;
color:green;
border: 1px solid green;
font-family: Arial, Verdana;
font-size:16pt;
font-weight:bold;
background-color:#e0e0e0;
background-image:url('../img/ok.png');
background-repeat:no-repeat;
background-position:bottom center;
overflow:hidden;
text-align:center;
}
div#div_contacts label{
display:block;
width:150px;
float:left;
text-align:right;
margin-right:15px;
line-height:25px;
color:black;
font-size:9pt;
}
div#div_contacts input{
color:blue;
}
span#span_firstname{
display:block;
width:625px;
margin:7px;
text-align:left;
}
span#span_lastname{
display:block;
width:625px;
margin:7px;
text-align:left;
}
span#span_address{
display:block;
width:625px;
margin:7px;
text-align:left;
}
span#span_city{
display:block;
width:625px;
margin:7px;
text-align:left;
}
span#span_zipcode{
display:block;
width:625px;
margin:7px;
text-align:left;
}
span#span_phone{
display:block;
width:625px;
margin:7px;
text-align:left;
}
span#span_email{
display:block;
width:625px;
margin:7px;
text-align:left;
}
span#span_comments{
display:block;
width:625px;
margin:7px;
text-align:left;
}
div#div_references{
width:643px;
height:669px;
background-color:#dad8b2;
background-image:url('../img/bouclefond.jpg');
background-repeat:no-repeat;
background-position:center center;
overflow:hidden;
}
div#div_references h3{
display:block;
width:625px;
margin:7px;
padding-top:20px;
padding-bottom:25px;
margin-bottom:30px;
height:25px;
color:#ffffff;
border: 1px solid black;
font-family: Arial, Verdana;
font-size:16pt;
background-color:#333;
overflow:hidden;
text-align:center;
}
div#div_references ul{
list-style-type:none;
list-style-position:0 0;
padding:0px;
margin-left:8px;
}
div#div_references li{
text-align:left;
font-size:8pt;
list-style-type:none;
list-style-position:0 0;
padding-left:0px;
margin-left:0px;
margin-top:5px;
}
div#div_references div#div_descref{
width:643px;
height:558px;
overflow:auto;
}
div#div_accueil h1{
	margin:0;
	margin-right:50px;
	text-align:right;
}
div#div_accueil li{
list-style-type: none ;
margin:7px;
margin-right:25px;
display:block;
float:right;
width:305px;
height:75px;
border:1px solid black;
}
div#div_accueil li a{
display:block;
width:305px;
height:75px;
text-align:left;
text-decoration:none;
color:black;
}
div#div_accueil li a:hover{
background-color:#333;
color:white;
}
div#div_accueil li a img{
border:0;
float:left;
margin-right:10px;
}
div#div_accueil li a span{
font-size:10pt;
line-height:24px;
}