#integration {
color: #ffffff;
padding:0px 85px 0px 200px; /* A CHANGER SUIVANT LA LARGEUR DE L'INTEGRATION */
}
/*-------------------------------TITRES-------------------------------*/
#integration h1, #integration h2, #integration h3, #integration h4, #integration h5, #integration h6 {
margin:1em 0.5em 0;
font-weight:bold;
}
#integration h1 {
font-size:1.8em;
text-align:left;
color:#726F42;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
margin:10px 0px 0px -20px;
}
#integration h2 {
color:#e1d5a1;
font-size:0.9em;
text-transform:uppercase;
font-weight:bold;
margin:10px 0px 2px 0px;
border-bottom:1px dashed #e1d5a1;
}
#integration h3 {
font-size:1.2em;
font-weight:bold;
font-style:oblique;
color:#F2F1E5;
margin:0px 0px 5px 0px;
}
#integration h4 {
font-size:1em;
}
/*-------------------------------TEXTES-------------------------------*/
#integration p {
margin:10px 0px 10px 0px;;
}
.txt1 {
color:#445864;
font-size:1.4em;
line-height:0.9em;
font-weight:lighter;
}
.txt2 {
color:#F2F1E5;
font-size:0.9em;
font-weight:bold;
}
.txt3 {
background:url(../img/paragraphe.jpg) top left no-repeat;
padding:5px 0px 0px 5px;
}
.txt4{
color:#eae1bc;
font-weight:bold;
}
.txt_gras {
font-weight:bold;
}
.txt_italique {
font-style:italic;
}
.center{
text-align:center;
margin:0 auto;
}
.clear {
clear:both;
}
/*-------------------------------BLOCS-------------------------------*/
.colonne_1_1{
clear:both;
text-align:justify;
position:relative;
}
.colonne_1_2{
width:283px;
float:left;
text-align:justify;
position:relative;
}
.colonne_1_3{
width:181px;
float:left;
position:relative;
}
.colonne_2_3{
width:386px;
float:left;
text-align:justify;
position:relative;
}
.colonne_1_1, .colonne_1_2, .colonne_1_3, .colonne_2_3 {
margin:2px 12px 2px 12px!important;
margin:2px 7px 2px 7px;
}
.element_flottant_gauche {
float:left;
margin-right:12px;
}
.element_flottant_droit {
float:right;
margin-left:12px;
}
.encart {
width:277px;
background:url(../img/encart.jpg) top center;
margin:0 auto;
margin-bottom:10px;
margin-top:10px;
text-align:center;
color:#FFFFFF;
font-size:1.2em;
padding:4px;
border:2px solid #7b7a5a;
}
#plan {
width:515px;
height:350px;
margin:0 auto;
border:1px solid #445864;
}
.infos-legales {
text-align:center;
margin: 0px auto;
}
.carton{
background:#d3d0a7 url(../img/pli-papier.jpg) bottom right no-repeat;
padding:5px 0px 5px 0px;
margin:2px 0px 2px 0px;
color:#000000;
}
/*-------------------------------IMAGES/FLASH-------------------------------*/
.bordure1 {
border:1px solid #445864;
}
.bordure2 {
border:1px solid #F2F1E5;
display:block;
}
.fpicto {
display:inline-block;
margin:0px 0px -7px 0px;
}
.bordureflash {
border:1px solid #fff;
display:block;
}

/*-------------------------------LISTES-------------------------------*/
.liste {
margin:0.75em 0.75em 32px;
padding:0;
list-style-image:none;
list-style-type:none;
}
#integration .liste li {
font-size:1.2em;
letter-spacing:1px;
margin:15px 0px 15px 0px;
text-align:left;
}
.liste li ul {
font-size:0.6em;
}
.liste li ul li {
list-style-image:none;
list-style-type:none;
margin:3px 0px 3px 30px;
}
.listeH{
margin:0 auto;
text-align:center;
list-style-image:none;
list-style-type:none;
}
.listeH li{
display:block;
float:left;
margin:15px 2px 5px 2px;
padding:5px 15px 5px 15px;
background-color:#445864;
font-size:1.2em;
font-weight:bold;
color:#FFFFFF;
}
/*-------------------------------LIENS-------------------------------*/
#integration a {
text-decoration:none;
color:#445864;
font-style:oblique;
font-weight:bold;
}
#integration a:hover {
text-decoration:none;
color:#000000;
}
#integration a img {
border:none;
}
#integration a:hover img {
border:none;
}
/*-------------------------------REFERENCEMENT-------------------------------*/
#liens-referencement{
text-align:center;
margin-top:10px;
font-size:9px;
}
#liens-referencement a{
color:#F2F1E5;
}
#liens-referencement a:hover{
text-decoration: none;
}
/*-------------------------------GOODIES-------------------------------*/
.table_1_1{
width:591px;
border:0px;
border-bottom:2px solid #445864;
border-top:2px solid #445864;
}
.table_1_1 td{
background:url(../img/cell.jpg) top left no-repeat;
text-align:center;
vertical-align:middle;
padding:5px 2px 5px 2px;
letter-spacing:1px;
}
.table_1_1 .title1{
font-size:1.5em;
font-weight:normal;
background-image:none;
border:0px solid #445864;
color:#445864;
}
.table_1_1 .title2{
font-weight:bold;
background-image:none;
background-color:#445864;
color:#FFFFFF;
}
#integration .img_link a img{
border:1px solid #445864;
}
#integration .metier{
border:0px;
}
#integration .metier td{
text-align:left;
vertical-align:top;
padding:0px;
margin:0px;
width:33%;
}
#integration .metier td p{
font-size:0.8em;
text-transform:uppercase;
padding:0px 10px 0px 5px;
margin:0px 0px 15px 0px;
color:#FFFFFF;
}
#integration .metier .imag{
	width:200px;
	height:150px;
	border:1px solid #FFFFFF;
}
#integration .metier td p img{
margin-right:7px;
}

.ref{
width:128px;
height:180px;
margin:4px;
float:left;
background:#b8b592;
border:2px solid #d6d2a9;
text-align:center;
padding:0px 5px;
}
.ref img{
border:1px solid #fff;
}
#integration .ref a img{
border:1px solid #fff;
}
.cat{
width:128px;
height:100px;
margin:4px;
float:left;
background:#b8b592;
border:2px solid #d6d2a9;
text-align:center;
padding:0px 5px;
}
.cat img{
border:1px solid #fff;
}
#integration .cat a img{
border:1px solid #fff;
}
.fonderie{
	display:none;
}