*{
	margin:0px;
	padding:0px;
}

body{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#626469;
}

a{
	text-decoration:none;
}

.vishidden{
	visibility:hidden;
}

.dispnone{
	display:none;
}

.lineclear{
	height:1px;
	clear:both;
}

.rose{
	color:#d42280;
}

.bleu{
	color:#0096da;
}

.blanc{
	color:#fff;
}

/*######################################################################################################################*/
/*#############################################                     ####################################################*/
/*#############################################  STRUCTURE COMMUNE  ####################################################*/
/*#############################################                     ####################################################*/
/*######################################################################################################################*/



/***********************************************************************************************************************/
/**********************************************      bandeau        ****************************************************/
/***********************************************************************************************************************/



#bg_bandeau{
	height:163px;
	background:url(images/bg_bandeau_1px.gif) repeat-x;
}

#bandeau{
	height:163px;
	width:955px;
	margin:0px auto;
	background:url(images/bg_bandeau.jpg) no-repeat;
	position:relative;
}

#logo{
	position:absolute;
	top:16px;
	left:9px;
}


/**********************************************        menu         ****************************************************/


#menu{
	height:18px;
	padding:96px 0px 0px 367px;
}

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

#menu li a{
	display:block;
	float:left;
	height:18px;
}

#menu li a.menu1{
	width:54px;
	background:url(images/menu/menu1.gif) no-repeat;
	margin-right:36px;
}

#menu li a.menu2{
	width:61px;
	background:url(images/menu/menu2.gif) no-repeat;
	margin-right:37px;
}

#menu li a.menu3{
	width:109px;
	background:url(images/menu/menu3.gif) no-repeat;
	margin-right:37px;
}

#menu li a.menu4{
	width:114px;
	background:url(images/menu/menu4.gif) no-repeat;
	margin-right:40px;
}

#menu li a.menu5{
	width:57px;
	background:url(images/menu/menu5.gif) no-repeat;
}

#menu li a:hover{
	background-position:0px -23px;
}

#menu li a.focus{
	background-position:0px -23px;
}



/***********************************************************************************************************************/
/**********************************************      contenu        ****************************************************/
/***********************************************************************************************************************/



#bg_contenu{
	background:url(images/bg_contenu_1px.gif) repeat-x;
}

#contenu{
	width:955px;
	margin:0px auto;
	background:url(images/bg_contenu.jpg) no-repeat;
}


/***********************************************************************************************************************/
/**********************************************       footer        ****************************************************/
/***********************************************************************************************************************/


#bg_footer{
	background:url(images/bg_footer_1px.gif) repeat-x;
}

#footer{
	width:955px;
	margin:0px auto;
	background:url(images/bg_footer.gif) no-repeat;
	padding-top:27px;
	text-align:center;
}

p.p-footer{
	text-align:center;
	padding:0px 0px 0px 517px;
	width:434px;
}

#footer ul{
	padding:40px 0px 15px 0px;
}

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

#footer ul li a{
	color:#626469;
	padding:0px 10px;
	border-right:solid 1px #626469;
}

#footer ul li a.foot1:hover{
	color:#0096da;
}

#footer ul li a.foot2:hover{
	color:#f4ed00;
}

#footer ul li a.foot3:hover{
	color:#d42280;
}

#footer ul li a.foot4:hover{
	color:#f4ed00;
}

#footer ul li a.foot5{
	border:none;
}

#footer ul li a.foot5:hover{
	color:#0096da;
}


/*######################################################################################################################*/
/*#############################################                     ####################################################*/
/*#############################################       ACCUEIL       ####################################################*/
/*#############################################                     ####################################################*/
/*######################################################################################################################*/



/***********************************************************************************************************************/
/**********************************************      contenu        ****************************************************/
/***********************************************************************************************************************/


/**********************************************       actus         ****************************************************/



#actus{
	width:225px;
	padding:0px 31px 0px 58px;
	float:left;
}

h3.h3-actus{
	font-size:12px;
	background:url(images/bg_h3_actus.jpg) no-repeat 0px 0px;
	display:block;
	width:224px;
	height:33px;
}

p.h3-actus{
	font-size:12px;
	background:url(images/bg_h3_actus.jpg) no-repeat 0px 0px;
	display:block;
	width:224px;
	height:33px;
}

div.actus{
	background:#fff;
	padding:20px 0px 36px 15px;
}

div.actus img{
	padding:0px 10px 0px 0px;
	float:left;
}

p.date{
	font-weight:bold;
	background:url(images/puce-actus.gif) no-repeat 0px 2px;
	padding:0px 0px 10px 11px;
	height:14px;
}

p.news{
	float:left;
	width:100px;
}

.filet-actus{
	background:url(images/filet-actus.gif) no-repeat;
}


/**********************************************    texte milieu     ****************************************************/


#txt-acc{
	width:335px;
	float:left;
	padding:0px 32px 0px 0px;
	text-align:justify;
}

h3.h3-txt-acc{
	display:block;
	font-size:12px;
	width:89px;
	height:19px;
	background:url(images/bg_h3_txt-acc.jpg) no-repeat;
	padding-bottom:26px;
}
p.h3-txt-acc{
	display:block;
	font-size:12px;
	width:89px;
	height:19px;
	background:url(images/bg_h3_txt-acc.jpg) no-repeat;
	padding-bottom:5px;
}
#txt-acc h4{
	display:block;
	font-size:14px;
	padding:10px 10px 10px 0;
}
#txt-acc ul li{
	padding:5px 0 0 0;
	list-style-position: inside;
	list-style-type: disc;
}
/**********************************************    flash milieu     ****************************************************/


#flash-acc{
	padding:10px 0px 10px 0px;
}


/**********************************************    partie droite    ****************************************************/


#acc-droite{
	float:left;
	width:262px;
	padding-top:33px;
}

#ftp{
	width:179px;
	height:123px;
	padding:9px 16px 37px 31px;
	background:url(images/bg_ftp.jpg) no-repeat 18px 0px;
}


/**********************************************       logo tt       ****************************************************/


#tt{
	text-align:center;
	margin-top:20px;
}

#tt a{
	font-size:9px;
	color:#0096da;
}

#tt a:hover{
	color:#d42280;
}



/*######################################################################################################################*/
/*#############################################                     ####################################################*/
/*#############################################       MATERIEL      ####################################################*/
/*#############################################                     ####################################################*/
/*######################################################################################################################*/



/***********************************************************************************************************************/
/**********************************************      contenu        ****************************************************/
/***********************************************************************************************************************/


/**********************************************     partie haute    ****************************************************/


#matos-haut{
	height:177px;
}

#txt-matos{
	width:232px;
	float:left;
	padding:0px 11px 0px 50px;
	text-align:justify;
}

h3.h3-txt-matos{
	display:block;
	width:69px;
	height:21px;
	font-size:12px;
	background:url(images/bg_h3_txt-matos.jpg) no-repeat;
	padding-bottom:14px;
}

#fleche-matos{
	width:335px;
	float:left;
	padding-top:27px;
}

#photo-matos{
	width:271px;
	float:left;
}


/**********************************************     partie basse    ****************************************************/


#matos-bas{
	padding-left:50px;
}

.matos{
	width:289px;
	float:left;
}

.matos p{
	padding-left:7px;
	width:236px;
	text-align:justify;
}

.matos h3{
	display:block;
	font-size:12px;
	width:247px;
	height:40px;
	padding-bottom:10px;
}

.matos ul{
	padding:15px 0px 0px 7px;
}

.matos ul li{
	padding:0px 0px 0px 15px;
	list-style-type:none;
}


/**********************************************      pre-presse     ****************************************************/


h3.h3-prepresse{
	background:url(images/bg-h3-prepresse.jpg) no-repeat;
}

ul.pre-presse li{
	background:url(images/li-prepresse.gif) no-repeat 0px 2px;
	padding-bottom:11px
}

.pre p{
	line-height:25px;
}

/**********************************************        presse       ****************************************************/


h3.h3-presse{
	background:url(images/bg-h3-presse.jpg) no-repeat;
}

ul.presse li{
	background:url(images/li-presse.gif) no-repeat 0px 2px;
}

/**********************************************       finition      ****************************************************/


h3.h3-finition{
	background:url(images/bg-h3-finition.jpg) no-repeat;
}

ul.finition li{
	background:url(images/li-finition.gif) no-repeat 0px 2px;
	padding-bottom:17px;
}

.fin p{
	line-height:25px;
}



/*######################################################################################################################*/
/*#############################################                     ####################################################*/
/*#############################################      REFERENCES     ####################################################*/
/*#############################################                     ####################################################*/
/*######################################################################################################################*/



/***********************************************************************************************************************/
/**********************************************      contenu        ****************************************************/
/***********************************************************************************************************************/


/**********************************************    partie gauche    ****************************************************/


#ref-gauche{
	width:280px;
	float:left;
	height:394px;
	padding:0px 0px 0px 50px;
	background:url(images/bg_ref-gauche.gif) no-repeat 176px 45px;
}

h3.h3-ref-gauche{
	font-size:12px;
	display:block;
	width:128px;
	height:21px;
	padding-bottom:19px;
	background:url(images/bg-h3-references.jpg) no-repeat;
}

ul.ref{
	padding:70px 0px 0px 0px;
}

ul.ref li{
	list-style-type:none;
}



/**********************************************     partie milieu   ****************************************************/


#ref-milieu{
	width:266px;
	float:left;
}

/**********************************************     partie droite   ****************************************************/

#ref-droite{
	float:left;
	width:286px;
	background:url(images/bg_ref-droite.gif) no-repeat 0px 321px;
	height:379px;
	padding-top:15px
}

#ref-droite img{
	padding:0px 8px 8px 0px;
}


/*######################################################################################################################*/
/*#############################################                     ####################################################*/
/*#############################################    REALISATIONS     ####################################################*/
/*#############################################                     ####################################################*/
/*######################################################################################################################*/



/***********************************************************************************************************************/
/**********************************************       contenu       ****************************************************/
/***********************************************************************************************************************/


/**********************************************       machine       ****************************************************/

#makina{
	width:485px;
	height:266px;
	float:left;
	padding:0px 0px 0px 22px;
}

/**********************************************         diapo       ****************************************************/

#diapo{
	background:url(images/bg_diapo.jpg) no-repeat;
	float:left;
	width:441px;
	height:209px;
	padding-top:57px;
}

/**********************************************       imprimes       ****************************************************/


h4.h4-imp{
	font-weight:bold;
	font-size:11px;
	padding-bottom:6px;
}

#imp-com{
	float:left;
	width:237px;
	padding:28px 0px 0px 41px;
}

#imp-inf{
	float:left;
	width:239px;
	padding:28px 0px 0px 0px;
	line-height:25px;
}

#imp-adm{
	float:left;
	width:206px;
	padding:28px 0px 0px 0px;
	line-height:21px;
}

#imp-aut{
	float:left;
	width:223px;
	padding:28px 0px 0px 0px;
	line-height:21px;
}



/*######################################################################################################################*/
/*#############################################                     ####################################################*/
/*#############################################      CONTACT        ####################################################*/
/*#############################################                     ####################################################*/
/*######################################################################################################################*/



/***********************************************************************************************************************/
/**********************************************       contenu       ****************************************************/
/***********************************************************************************************************************/


/**********************************************     partie gauche   ****************************************************/


#contact-gauche{
	width:258px;
	padding:86px 0px 0px 22px;
	float:left;
}

/**********************************************         plan        ****************************************************/


#plan{
	width:318px;
	float:left;
	padding:58px 0px 20px 5px;
	background:url(images/bg_plan.gif) no-repeat 0px 6px;
}

#plan img{
	cursor:pointer;
}

/**********************************************      formulaire    ****************************************************/

#formulaire{
	width:333px;
	float:left;
	background:url(images/bg_form.jpg) no-repeat;
	padding:113px 0px 0px 6px;
}

h3.h3-form{
	display:block;
	width:176px;
	height:16px;
	font-size:12px;
	padding-bottom:24px;
	background:url(images/bg_h3-form.jpg) no-repeat;
}

#form{
	padding:0px 0px 0px 0px;
	margin:0px;
}

label{
	display:block;
	float:left;
	width:86px;
	padding:0px 0px 0px 14px;
	background:url(images/bg_label.gif) no-repeat 0px 2px;
	font:;
}

.input{
	width:192px;
	height:15px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#0096da;
	border:solid 1px #9FA0A3;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}

textarea{
	width:192px;
	height:78px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#0096da;
	border:solid 1px #9FA0A3;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}

#bouton{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 225px;
	display:block;
	width:69px;
	height:17px;
	background:url(images/bg_bouton.gif) no-repeat;
	border:none;
	cursor:pointer;
}
