* { margin:0; padding:0}
em{font-style:normal;}
strong{font-weight:normal;}
h2{font-weight:normal;}

 body { font-family:tahoma,verdana,sans-serif; }
 p { font-size:0.9em}
 dt { font-size:0.9em;
 	}
 dd { 
 font-size:0.9em;
 margin-left:0em;
 margin-bottom:0em;
 }
 h1{ font-size:1.0em}
 h2{font-size:0.8em}
 h3{font-size:0.8em}
 h4{font-size:0.75em}
 h5{font-size:0.70em}
 h6{font-size:0.6em}
 li { list-style-type:none; }
 em,dfn {font-style:normal;}
						
body	{
			background:#F2F2F2;
			color:#3F3F3F;
			}
			
#main {
	margin : auto;
	padding : 0;
	width : 900px;
	height : auto;
}

#logo	{
			width:900px;
			height:70px;
			
			}


/*-------------- menu --------------*/

#menu{
				
				width:900px;
				height:50px;
				margin-top:20px;
				background-image:url('images/bg_navi.jpg');
				background-repeat:no-repeat;
				}

#menu ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;

}

* html #menu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#menu ul li{
display: inline;
list-style:none;
}


#menu ul li a{
float: left;
color: #3F3F3F;
font-size:75%;
font-weight:bold;
padding: 2px 20px 4px;
text-decoration: none;
}

#menu ul li a:hover{
color: #000;
/*background-color: #DDDDDD;*/
padding-bottom: 0;
}

#menu ul li .colorstay{
color: #799709;
/*background-color: #DDDDDD;*/
padding-bottom: 0;
}


/*---------------footer----------------*/

#footer	{
			width:900px;
			height:80px;
			font-size:65%;
			margin-top:15px;
			text-align:right;
		/*	margin-left:400px;*/
			}

#footer a	{
			text-decoration:none;
			color:#3F3F3F;
			}
			
#footer a:hover	{
			text-decoration:none;
			color:#000;
			}
			
.texte_footer	{
					margin-left:0px;
					}

/*--------------- flash header ------------*/

#outer	{
			width:900px;
			height:300px;
			margin-top:10px;
			border:1px solid #CFCFCF;
			}
			
			
/*----------------- box home -----------*/

#news_box	{
				width:902px;
				height:180px;
				background:url('images/box.jpg');
				background-repeat:no-repeat;
				margin-top:30px;
				}
				

#news_box h1	{
				color:#6385a1;
				text-align:center;
				margin-top:10px;
				font-size:1.1em;
				font-weight:normal;
				}
				
#news_box ul	{
				margin-top:10px;
				font-size:90%;
				}

				
/*#news_box_contenu	{
						width:700px;
						height:160px;
						border:1px solid red;
						padding-top:60px;
						}*/
				
#left	{
			width:215px;
			height:180px;
			float:left;
			margin-left:5px;
			/*padding-top:60px;*/
			}
			
#center	{
			width:215px;
			height:180px;
			float:left;
			margin-left:7px;
			/*border:1px solid red;*/
			}
			
#right	{
			width:215px;
			height:180px;
			float:left;
			margin-left:10px;
			/*border:1px solid red;*/
			}
			
#right_end	{
			width:215px;
			height:180px;
			margin-left:680px;
			padding-top:7px;
			
			}
			
#right_end p a	{
			color:#6385a1;
			}
			
			
#right_end p a:hover	{
			color:#3f3f3f;
			}
			
p.link 
{

padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 19px;

}

p.arrow_right

{
background-color: transparent;
background-image: url(images/arrow_right.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0pt 1.5px;
}

p.arrow_down

{
background-color: transparent;
background-image: url(images/arrow_down.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0pt 1.5px;
}

p.arrow_map

{
background-color: transparent;
background-image: url(images/arrow_map.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0pt 1.5px;
}

#news_box a {
text-decoration:none;
color:#6385a1;

}

#news_box a:hover {
color:#3f3f3f;
}	

#news_box p	{
margin-left:5px;
}	

#news_box ul	{
					width:200px;
					height:100%;
					margin-left:10px;
					
					}

li.link 
{

padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 19px;

}

li.tick

{
background-color: transparent;
background-image: url(images/tick.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0pt 6px;
}
			
/*------------ portfolio -----------*/

#portfolio	{
				width:900px;
				height:auto;
				border: 1px solid #CFCFCF;
				}


img {
		border:0;
		}
		
#boutons-left	{
					width:440px;
					height:180px;
					float:left;
					border:1px solid #CFCFCF;
					margin-top:5px;
					margin-left:5px;
					background:url('images/background-box-portfolio-left.jpg');
					background-repeat:no-repeat;
					}
					
					
#boutons-left p	{
					
					margin-left:180px;
					margin-top:5px;
					width:250px;
					text-align:justify;
					}

#boutons-right	{
					width:440px;
					height:180px;
					border:1px solid #CFCFCF;
					margin-top:5px;
					margin-left:452px;
					background:url('images/background-box-portfolio-left.jpg');
					background-repeat:no-repeat;
					}


.boutons {
				float:left;
				width:170px;
				margin-left:5px;
				margin-top:5px;
				}
				
.boutons a  {
				text-decoration:none;
				}
				
#boutons-right p	{
					float:left;
					width:255px;
					margin-left:5px;
					margin-top:5px;
					text-align:justify;
					}
				

.hover {
			display:none;
			}
			
.hover a  {
				text-decoration:none;
				}

.boutons a:hover span.hover {
			display:inline;
			text-decoration:none;
			}
	
.boutons:hover a>img {
			display:none;
			text-decoration:none;
				}
				


#space	{
			width:900px;
			height:5px;
			
			}
			
#space-bis	{
			width:900px;
			height:10px;
			
			}
			
.titre	{
			font-weight:bold;
			/*color:#6385a1;*/
			}
			
.sous_titre	{
				color:#6385a1;
				}
/*------------ agence -----------*/			
			
			
#agence 	{
				width:900px;
				height:auto;
				
				/*background:#fff;*/
				margin-top:10px;
				
				/*border:1px solid #CFCFCF;*/

					}
			
#contenu 	{
				width:900px;
				height:auto;
				text-align:justify;
				/*margin-left:10px;*/
				padding-top:10px;
					}
					
#left_agence	{

					width:475px;
					height:auto;
					margin-left:17px;
					float:left;
					}
					
#right_agence	{

					width:350px;
					height:305px;
					/*border-left:1px solid #CFCFCF;*/
					margin-left:525px;
					}
					
/*#right_agence dl	{

					width:210px;
					height:auto;
					margin-left:5px;
					padding-top:10px;
					}
										
*/					
		
#contenu a {
text-decoration:none;
color:#6385a1;

}

#contenu a:hover {
color:#3f3f3f;
}



dt.link 
{

padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 19px;

}

dt.arrow_right

{
background-color: transparent;
background-image: url(images/arrow_right.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0pt 1.5px;
}


#agence em	{
color: #799709;

}
			
			
/*------------ web -----------*/			
			
			
#web 	{
				width:900px;
				height:auto;
				/*background:#fff;*/
				margin-top:10px;
				/*border:1px solid #CFCFCF;*/
		}

#web em	{
color: #799709;
}

#right_web	{

					width:350px;
					height:325px;
					margin-left:535px;
					}
					
.ordi_flash	{

					margin-left:5px;
					margin-top:20px;
					}					
	

#left_web	{

					width:475px;
					height:auto;
					margin-left:17px;
					float:left;
					}


			
/*------------ identite-visuelle -----------*/			
			
			
			
#identite-visuelle	{
				width:900px;
				height:auto;
				/*background:#fff;*/
				margin-top:10px;
				/*border:1px solid #CFCFCF;*/

					}	
					
					
#left_identite_visuelle	{

					width:475px;
					height:auto;
					margin-left:17px;
					float:left;
					}
					
#right_identite_visuelle	{

					width:370px;
					height:300px;
					margin-left:525px;
					margin-top:40px;
					}
					

					
#identite-visuelle ul	{
				font-size:0.85em;
				margin-bottom:1em;
				list-style:url('images/tick-liste.png');
				margin-left:1.3em;
				margin-top:0.5em;

					}
#identite-visuelle em	{
color: #799709;
}
			
			
			
/*------------ web planning -----------*/			
			 
			
#web-planning 		{
					width:900px;
					height:auto;
					/*background:#fff;*/
					margin-top:10px;
					/*border:1px solid #CFCFCF;*/
					

					}
#web-planning p {
font-size:0.85em
}

					
#left_web_planning	{

					width:475px;
					height:auto;
					margin-left:17px;
					float:left;
					}
					
#right_web_planning	{

					width:350px;
					height:400px;
					margin-left:525px;
					}

#web-planning em	{
					color: #799709;
}

#web-planning h2	{
					margin-bottom:1em;
					margin-top:0.5em;
					font-weight:none;



}	

#web-planning ul	{
					font-size:0.85em;
					list-style:url('images/tick-liste.png');
					margin-left:1.3em;
					margin-top:0.5em;
					}
			
			
					
					
#web-planning dt	{
					font-weight:bold;
					font-size:0.8em;						
					margin-top:0.2em;
					float:left;
					width: 120px;
					height:5px;
					/*border:1px solid red;*/
						
						
					}
						
			
#web-planning dd 	{
						
					/*border:1px solid blue;*/
					
		
							
					}
	
#web-planning p	{
						
					margin-top:1em;
					}
									
/*-------------- contact -------------*/


#left_contact	{
					width:230px;
					height:300px;
					margin-left:25px;
					float:left;
					}



#right_contact	{
				width:600px;
				height:330px;
				margin-left:290px;
}
				

/*.colonne_gauche{
		width:25%;
		text-align:left;
		float:left;
		border:1px solid red;
		}

.submit	{
			margin-left:95px;
			}
			
.submit input[type=submit] {	background-color:#a060e0;
								border:1px solid #808080;
								color:#ffffff;
								}
								
.colorinput
			{
				background-color: #a060e0;
				color: #ffffff;
				font-family:'SF New Republic',monaco;
				}
				
.form	{
			margin-left:5px;
			margin-top:5px;
			border:1px solid green;
			}
*/