BODY { font-family: Arial,Verdana, Helvetica, Sans-serif;
       font-size:10px;
       background-color:#FFFFFF;
       color:#000000;
       }
	

	
    a.menuaportfolio {
                display: block;
                width:24px;
                height:100px;
                background-image: url(./images/bouton_portfolio.png);
                background-repeat: no-repeat;
                }
     a.menuaportfolio:hover {
                background-image: url(./images/bouton_portfolio_actif.png);
                }
     a.menucontact {
                display: block;
                width:24px;
                height:100px;
                background-image: url(./images/bouton_contact.png);
                background-repeat: no-repeat;
                }
     a.menucontact:hover {
                background-image: url(./images/bouton_contact_actif.png);
                }


.espace{
		height:5px;
	}
	
.menu_left{
	background-color:black;
	color:white;
	font-weight: bold ;
	font-size:15px;
	height:23px;
	padding-left:10px;
	border:1px solid black;
	cursor:pointer;
	}

.menu_left:hover{
	background-color:white;
	color:black;
	font-weight: bold ;
	font-size:15px;
	height:23px;
	padding-left:10px;
	border:1px solid black;
	}
.menu_left_hover{
	background-color:white;
	color:black;
	font-weight: bold ;
	font-size:15px;
	height:23px;
	padding-left:10px;
	border:1px solid black;
	}
    
	
.page{
		background-image:url(../images/fond.gif);
		background-repeat:repeat-y;
		height:472px;
	}
.first_menu{
	padding-left:30px;
	width:50px;
	font-size:18px;
}
.selected{
	color:#F25821;
	font-weight:bold;
	text-decoration:underline;
	width:50px;
	cursor:pointer;
	font-size:13px;
	}
.unselected{
	color:#FFF;
	cursor:pointer;
	width:50px;
	font-size:13px;
	}
.separateur{
	width:18px;
	font-weight:bold;
	padding-left:10px;
	}

/************AGENCE*********************/

.titre_metier{
	font-size:22px;
	font-weight:bold;
	color:#00A3B5;
	text-align:left;
	padding-left:6px;
	top:6px;   
    position:relative; 
    
	}


.metier{
	overflow:auto;
	width:660px;
    height:178px;    
	text-align:justify;
	font-size:15px;
	color:#FFFFFF;
	background-color:#00A3B5;
	padding:10px;
    line-height:20px;
	}
	
.titre_domaine{
	font-size:22px;
	font-weight:bold;
	color:#F7931D;
	text-align:left;
	padding-left:6px;
	position:relative;
	top:6px;
	}


.domaine{
	overflow:auto;
	width:660px;
    height:178px;    
	text-align:justify;
	font-size:15px;
	color:#FFFFFF;
	background-color:#F7931D;
	padding:10px;
    line-height:20px; 
	}

.titre_equipe{
	font-size:22px;
	font-weight:bold;
	color:#a6c80c;
	text-align:left;
	padding-left:6px;
	position:relative;
	top:6px;
	}


.equipe{
	overflow:auto;
	width:660px;
	height:178px;
	text-align:justify;
	font-size:15px;
	color:#FFFFFF;
	background-color:#a6c80c;
	padding:10px;
    line-height:20px; 
	}

.titre_bonus{
	font-size:22px;
	font-weight:bold;
	color:#F25821;
	text-align:left;
	padding-left:6px;
	position:relative;
	top:6px;
	}


.bonus{
	overflow:auto;
	width:660px;
    height:178px;    
	text-align:justify;
	font-size:14px;
	color:#000000;
	font-weight:bold;
	background-color:#F25821;
	padding:10px;
	}


/************FIN**AGENCE*****************/
/************PORTFOLIO*******************/
.contenue_titre{
    color:#8F3F97; 
      
    position:relative; 
	font-size:22px;
	font-weight:bold;
	padding-left:5px;
    width:300px;
	}
.contenue_date{  
    color:#8F3F97;
    float:right;
    position:relative;
    font-size:15px;    
    text-align:right;
    margin-left:5px; 
    width:300px; 
    top:-20px; 
    }    
.contenue{ 
	width:657px;
    position:relative;
	font-size:15px;
	color:#FFF;
    margin-left:5px;
    padding-top:13px; 
    padding-bottom:5px;
    padding-left:10px;    
    padding-right:10px;
	background-color:#8F3F97; 
    height:25px;
    top:-6px;
    white-space:nowrap;
	}





	
/**********FIN**PORTFOLIO***************/

	
/************CONTACT*********************/
.titre_coordonnees{
	font-size:22px;
	font-weight:bold;
	text-align:left;
	padding-left:7px;
	position:relative;
	top:6px;
	color:#24A535;
	}
.coordonnees{
	background-color:#24A535;
	width:660px;
	text-align:justify;
	font-size:17px;
	color:#FFF;
	padding-left:10px;
	}


.button_form{
		background-color:#FFFFFF;
		color:black;
		width:60px;

		text-align:center;
	}
	
.vide{
	font-size:15px;
	font-weight:bold;
	padding:10px;
	}
.zone_input{
	background-color:#BCBDC0;
	float:left;
	height:14px;
	}
.formu{
	background-color:#BCBDC0;
	border:0px solid ;
	float:left;
	height:12px;
	font-size:10px;
	}
.form_titre{
	font-weight:bold;
	font-size:12px;
    text-align:left ;
	}


/***********FIN**CONTACT***************/

/*****************INDEX*****************/

.titre_news{   
    position:relative; 
	font-size:22px;
	font-weight:bold;
	color:#0072BC;
	text-align:left;
	padding-left:8px;
	top:-6px;
	}


.news{
	width:640px;
	text-align:justify;
	font-size:17px;
	color:#FFF;
	background-color:#0072BC;
	padding:10px;
	}

.sous_news{
	
	
	
	font-size:17px;
	color:#FFF;
	background-color:#034D9D;
	}

.div_white{
	width:640px;
	height:2px;
	background-color:#FFFFFF;
	}
/***********FIN**INDEX***************/

#MENU a:link,a:active,a:visited { text-decoration: none;text-align: center;font-size:15pt;color:#0080FF }
#MENU a:hover {text-decoration: none;color:#FFFF00}




portfolio:link { text-decoration: none;  color:#FF8000; font-weight: bold ;  }  
a.portfolio:link { text-decoration: none; font-size: 15px; color:#FF8000;   }
a.portfolio:active { text-decoration: none; font-size: 15px; color:#FF8000;  }
a.portfolio:visited { text-decoration: none; font-size: 15px; color:#v;  }
a.portfolio:hover {text-decoration: none; font-size: 15px; color:#FF8000; background-color:#F0F0F0; }