#integration {
color: #FFFFFF;
padding:0px 0px 0px 0px; /* 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:2.2em;
text-align:left;
color:#FFFFFF;
font-family:"Times New Roman", Times, serif;
text-transform:uppercase;
font-weight:bold;
margin:12px;
}
#integration h2 {
color:#FFFFFF;
font-size:1.1em;
text-transform:uppercase;
font-weight:bold;
margin:10px 0px 2px 0px;
border-bottom:1px dashed #FFFFFF;
}
#integration h3 {
font-size:1.2em;
font-weight:bold;
font-style:oblique;
color:#8EDCFF;
margin:0px 0px 5px 0px;
}
#integration h4 {
font-size:1em;
}
/*-------------------------------TEXTES-------------------------------*/
#integration p {
margin:0.75em 0;
}
.txt1 {
color:#FFFFFF;
font-size:1.3em;
line-height:0.9em;
font-weight:lighter;
}
.txt2 {
color:#8EDCFF;
font-style:italic;
font-weight:bold;
}
.txt3 {
background:url(../img/paragraphe.gif) top left no-repeat;
padding:5px 0px 0px 5px;
}
.txt4{
color:#FFFFFF;
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:426px;
float:left;
text-align:justify;
position:relative;
}
.colonne_1_3{
width:276px;
float:left;
position:relative;
text-align:justify;
}
.colonne_2_3{
width:576px;
float:left;
text-align:justify;
position:relative;
}
.colonne_1_1, .colonne_1_2, .colonne_1_3, .colonne_2_3 {
margin:0px 12px!important;
margin:0px 6px;
}
.element_flottant_gauche {
float:left;
margin-right:12px;
}
.element_flottant_droit {
float:right;
margin-left:12px;
}
.encart {
background:url(../img/encart.jpg) top center;
margin:0 auto;
text-align:center;
color:#FFFFFF;
padding:4px;
border:2px solid #FFFFFF;
}
.encart2 {
background:url(../img/encart2.jpg) no-repeat top center;
padding: 5px;
border:1px solid #8EDCFF;
color:#FFFFFF;
text-align:justify;
}
.encart3 {
background:url(../img/encart.jpg) top center;
margin:0 auto;
text-align:justify;
color:#FFFFFF;
padding:4px;
border:2px solid #FFFFFF;
width:750px;
}
.carton {
padding:6px 0px 6px 0px;
background:#E4EDEC;
}
#plan {
width:750px;
height:350px;
margin:0 auto;
border:1px solid #FFFFFF;
}
.infos-legales {
text-align:center;
margin: 0px auto;
}
/*-------------------------------IMAGES/FLASH-------------------------------*/
.bordure1 {
border:1px solid #FFFFFF;
}
.bordure2 {
border:1px solid #8EDCFF;
}
.bordureflash {
border:1px solid #FFFFFF;
display:block;
}
/*-------------------------------LISTES-------------------------------*/
.liste {
margin:0px;
padding:0;
list-style-image:none;
list-style-type:none;
}
.liste li {
margin:12px 0px 12px 0px;
padding:0px;
text-align:left;
background:url(../img/puce1.gif) top left no-repeat;
color:#FFFFFF;
}
.liste li ul {
}
.liste li ul li {
list-style-image:none;
list-style-type:none;
margin:6px 0px 6px 20px;
padding:0px 0px 0px 20px;
background:url(../img/puce2.gif) no-repeat top left;
font-weight:normal;
color:#FFFFFF;
}
/*-------------------------------LIENS-------------------------------*/
#integration a {
text-decoration:underline;
color:#FFFFFF;
}
#integration a:hover {
text-decoration:none;
}
#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:#8EDCFF;
}
#liens-referencement a:hover{
text-decoration: none;
}
/*-------------------------------GOODIES-------------------------------*/
#integration .img_link a img{

border:1px solid #FFFFFF;
}

/****** boite "virtuelle" pour pousser le texte et dont les dimensions correspondent généralement a l'espace d'affichage des miniatures **/
.gallerybox{
position:relative;
width:426px;
height:450px;
}

/****** div sortie du flux. Les coordonnées (0;0) sont celles du coin haut-gauche de la div gallerybox. top et left sont obligatoires tous les deux, meme a zéro **/
.galleryframe{ 
position:absolute;
top:-40px;
left:-400px;
}