div,p,ul,li,h1,span,img,table,td, tr,  input, textarea, form{
margin:0;
padding:0;
}



#global{
width:1081px;
margin-left:auto;
margin-right:auto;
background-image:url('http://www.data-connexion.net/img/backgroung4.jpg'); 
background-repeat: no-repeat;
background-color:#333333;
border:0px;
}

#contenu{
width:700px;
margin-left:auto;
margin-right:auto;
}

#header{
width:700px;
height:101px;
margin-top:5px;
}

#colonnes{

width:700px;

}

#col_gauche
{
width:230px;
float:left;
}

#col_droite
{
padding-left:11px;
width:450px;
float:right;
}



#form1{
margin-bottom:10px;
text-align:top;
}

#footer{
clear:both;
width:700px;
margin-left:auto;
margin-right:auto;
background-image:url('http://www.data-connexion.net/img/basdepage_03.jpg' );
background-repeat: no-repeat;
filter: alpha(opacity=80); 
filter: progid:DXImageTransform.Microsoft.alpha( opacity=80); 
opacity: 0.8;
-moz-opacity:0.8;
}

#campagne{
width:230px;
background-color:#f0f1f1;

margin-bottom:5px;
text-decoration:none;

}

#campagne2{
width:210px;
margin-left:auto;
margin-right:auto;
text-align:justify;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
color:#000000;
padding-bottom:10px;

}

#newsletter{

width:230px;
background-color:#f0f1f1;

margin-bottom:5px;
text-decoration:none;

}

#newsletter2{
width:210px;
margin-left:auto;
margin-right:auto;
text-align:justify;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
color:#000000;
padding-bottom:10px;

}

#bdd{
width:230px;
background-color:#f0f1f1;

margin-bottom:5px;
text-decoration:none;
}

#bdd2{
width:210px;
margin-left:auto;
margin-right:auto;
text-align:justify;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
color:#000000;
padding-bottom:10px;
}

#relation{
width:230px;
background-color:#f0f1f1;

margin-bottom:5px;
text-decoration:none;
}

#relation2{
width:210px;
margin-left:auto;
margin-right:auto;
text-align:justify;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
color:#000000;
padding-bottom:10px;
}

#optimisation{
width:230px;
background-color:#f0f1f1;

margin-bottom:5px;
text-decoration:none;

}

#optimisation1{
width:230px;
background-color:#f0f1f1;

margin-bottom:5px;
text-decoration:none;

}

#optimisation2{
width:210px;
margin-left:auto;
margin-right:auto;
text-align:justify;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
color:#000000;
padding-bottom:10px;

}
#optimisation3{
width:210px;
margin-left:auto;
margin-right:auto;
text-align:justify;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
color:#000000;
padding-bottom:10px;

}



#centre1{
width:448px;
background-color:#f0f1f1;
margin-top:3px;
text-decoration:none;
}

#text1{
width:248px;
text-align:justify;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
color:#000000;
padding-bottom:10px;
padding-left:10px;
margin-top:10px;
float:left;
}

#popio{
width:129px;
float:right;
}

#cent{
clear:both;
}

#centre2{
width:449px;
background-color:#f0f1f1;
text-decoration:none;
margin-top:5px;
margin-bottom:5px;

}

#text2{
width:200px;
text-align:justify;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
color:#000000;
padding-left:10px;
float:left;
}

#image{
width:193px;
float:right;
}

#text3{
width:400px;
text-align:justify;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
color:#000000;
padding-left:10px;
padding-bottom:10px;
clear:both;
}




#bando1{
width:449px;}

#centre3{
width:449px;
height:230px;
clear:both;
background-color:#f0f1f1;
}


#pub{
float:right;

}



#form{
float:left;
background-color:#f0f1f1;
padding-right:5px;
width:273px;
height:200px;
}

td{vertical-align:top;}



/*Effet sur les formulaires des menu droit  de la page*/
.tf{
font:bold 8px arial, verdana, Helvetica, sans-herif;
margin-left:10px;
color:#000000;
}
.in {
border:1px solid #000000;
margin:0;
height:14px;
width:180px;
}
.tx {
border:1px solid #000000;
margin:0;
height:40px;
width:180px;
}
.bo{
border:1px solid #000000;
background-color:#FFF;
margin:5px 0 0;
width:50px;
height:16px;
color:#9c9c9c;
font:bold 10px Arial, Verdana, Helvetica, sans-sherif;
}

a:link{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9px;
color:#ec232b;
font-weight:bold;
text-decoration:underline;
}

a:visited{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9px;
color:#ec232b;
font-weight:bold;
text-decoration:underline;
}

a:active{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:19px;
color:#ec232b;
font-weight:bold;
text-decoration:underline;
}



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