div,p,ul,li,h1,span,img,table{
margin:0;
padding:0;
}

body{
background-color:#ffffff;
font: 12px Lucida Grande,Verdana,Helvetica,Arial,sans-serif;
margin:5px 0 0;
padding:0;
}
td{vertical-align:top;}

#contenus{
width:600px;
height:649px;
background-image:url('http://www.data-connexion.net/images/popup-camp_02.jpg'); 
background-repeat: no-repeat;
}

#contenun{
width:630px;
height:739px;
background-image:url('http://www.data-connexion.net/images/back-newsletters.jpg'); 
background-repeat: no-repeat;
}
#contenu{
margin:0 auto 0;
width:700px;
}
#contenub{
width:600px;
height:649px;
background-image:url('http://www.data-connexion.net/images/bdd.jpg'); 
background-repeat: no-repeat;
}

#contenur{
width:600px;
height:649px;
background-image:url('http://www.data-connexion.net/images/bdd.jpg'); 
background-repeat: no-repeat;
}

#texte{
font-family:verdana,Helvetica,sans-serif;
font-size:11px;
color:#000000;
margin-left:20px;
margin-right:25px;
}

#texte-info{
font-family:verdana,Helvetica,sans-serif;
font-size:11px;
color:#000000;
margin-left:20px;
margin-right:25px;
}

a:link{
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
color:#777777;
font-weight:bold;
text-decoration:none;
}
a:visited{
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
color:#777777;
font-weight:bold;
text-decoration:none;
}
a:active{
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
color:#777777;
font-weight:bold;
text-decoration:none;
}

a:hover{
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
color:#222222;
font-weight:bold;
text-decoration:none;
}

/*Effet sur les liens du formulaire webcallback*/
a.lien{
text-decoration:underline;
margin:0;
font:bold 11px Arial, Verdana, Helvetica, sans-herif;
color:blue;
}
a.lien:link  a.lien:visited  a.lien:active{
text-decoration:underline;
color:blue;
}
a.lien:hover{
text-decoration:underline;
color:blue;
}
.texte4{
margin-left:20px;
margin-right:20px;
display:block;
font:12px trebuchet MS, Helvetica, sans-serif;
color:#999999;
}

/*Effet sur le formulaire contact*/
.obligatoire{        /* Permet d'affiché les message d'erreur du formulaire*/
font:bold 11px Arial, verdana, Helvetica, sans-herif;
color:red;
}
fieldset{
margin:0 65px 0;
width:80%;
}
.formulaire{
margin:0 95px 0;
}
.text{
margin:0 0 0;
text-align:justify;
font:bold 11px Arial, verdana, Helvetica, sans-herif;
color:#fff;
}
.text_info{
margin:0 0 0;
text-align:justify;
font:bold 9px Arial, verdana, Helvetica, sans-herif;
color:#fff;
}
.text_rouge{
margin:0 0 0;
text-align:justify;
font:bold 11px Arial, verdana, Helvetica, sans-herif;
color:#fe0704;
}
.bulle_maps{
font:bold 14px Arial, verdana, Helvetica, sans-herif;
color:#000000;

}
.tf{
font:bold 11px arial, verdana, Helvetica, sans-herif;
margin:0;
color:#000;
}
.in {
border:1px solid #d1d2d3;
margin:0;
height:14px;
width:200px;
}
.bo{
border:1px solid #d1d2d3;
background-color:#FFF;
margin:5px 0 0;
width:50px;
height:16px;
color:#000;
font:bold 10px Arial, Verdana, Helvetica, sans-sherif;
}
.erreur_form{
display:block;
margin:0;
font:bold 11px Arial, Verdana, Helvetica, sans-sherif;
color:red;
}