body{ margin: auto; font-family: arial, serif; background-color: white; }
p{ font-size: 0.8em; margin:0; padding: 5px; padding-top: 7px; }
table{ font-size: 0.8em; }
h2{ display: inline; padding-left: 17px; font-size: 1.7em; color: #474b4d; }
.h2{ font-size: 1.4em; color: #474b4d; padding-left: 17px; }
h3{ display: inline; line-height: 35px; padding-left: 35px; padding-bottom: 15px; font-size: 1em; color: #474b4d; }
/*p a{ color #0092b6; text-decoration: underline; }*/
ul{ list-style-image: url("images/fleche.png"); }
.tableau_serveurs{ margin-left: 30px; margin-top: 20px; margin-bottom: 10px; }
.u{ text-decoration: underline; }
.portail{ color: black; text-decoration: none; }
.portail:hover{ background-color: #e9e9e9; color: blue; }
.contener_news{ margin-top: 12px; }
.contenu_news{ margin-top: 7px; margin-bottom: 30px; }

#logo a{ display: block; margin-left: 40px; width: 398px; height: 63px; }
#slide{ margin-left: 20px; }


#offres_portail
{
 float: left;
 margin-left: 5px;
 margin-top: 35px;
 width: 749px;
}

#conteneur-intro{ margin: auto; width: 435px; }
#decompte{ margin: auto; background-color: black; color: white; }
#decompte p{ text-align: center; }
#decompte h2{ color: white; }
#intro-logo
{
 margin: auto;
 margin-top: 25px;
 width: 434px;
 height: 132px;
 background-image: url("images/intro-logo.png");
 background-repeat: no-repeat;
}

.rediriger{ margin-left: 20px; }
.default{ color: white; text-decoration: underline; }
.default:hover{ color: white; text-decoration: none; }
.left20{ margin-left: 23px; margin-bottom: 20px; }
.marginleft20{ margin-top: 15px; margin-left: 20px; }
.clear{ clear: both; }
.saut{ margin-bottom: 20px; }
.marge{ margin-left: 17px; }
.cats_portal{ float: left; width: 263px; }
.numero{ font-size: 1.1em; color: #06bce9; }
.fontsize08{ font-size: 0.9em; }
.fontsize07{ font-size: 0.8em; }
.fontsize12{ font-size: 1.2em; }
.details{ background-color: #e9e9e9; padding-left: 18px; margin-top: 7px; margin-left: 13px; padding-bottom: 10px; }
.details_autres{ background-color: #e9e9e9; padding-left: 18px; margin-top: 13px; padding-bottom: 10px; margin-bottom: 7px; }
.details_box{ color: #474b4d; background-color: #e9e9e9; padding: 0; padding-top: 3px; padding-left: 16px; width: 209px; margin-left: 6px; padding-bottom: 3px; }
.float_left{ float: left; }
.clear{ clear: both; }
.lien_block{ display: block; width: 135px; height: 25px; }
.prix{ font-size: 4.8em; }
.euro{ font-size: 3.3em; }
.webopass{ margin-top: -20px; padding-left: 20px; font-size: 1.5em; }
.offer{ float: left; height: 250px; }
.offer table{ margin-left: 25px; }
.margintop5{ margin-top: 5px; }
#tableau_heberg{ margin-left: 23px; margin-top: 12px; font-size: 0.8em; }
#tableau_heberg td{ border-bottom: 1px solid #e9e9e9; }
.tableau_serveurs td, th{ width: 200px; line-height : 1em; }
.tableau_serveurs td{ padding-left: 15px; }
.tableau_serveurs th{ text-align: left; padding-top: 10px; padding-left: 15px; padding-bottom: 17px; }
.info{ margin-top: 10px; border: 1px solid #d1d1d1; padding: 3px; }

.noborder{ border: none; }
.carac_serveurs{ margin-top: 10px; }
.carac_serveurs td, th{ width: 200px; line-height : 1em; }
.carac_serveurs td{ width: 200px; padding-left: 15px; }
.carac_serveurs tr{ width: 200px; padding-left: 15px; height: 15px; }
.carac_serveurs th{ text-align: left; padding-top: 10px; padding-left: 15px; padding-bottom: 17px; }
.vert{ color: #00b615; }

.listing_liens{ display: block; color: black; width: 100%; }
.listing_liens a{ color: black; }
.listing_liens:hover{ display: block; color: black; width: 100%; background-color: #e9e9e9; }
.listing_liens2 a{ font-style: italic; color: green; }
.hosts a, img{ text-decoration: none; border: none; }

.lien_pub{ display: block; width: 100%; height: 100%; }
.bouton{ width: 135px; height: 31px; margin-left: 10px; background-image: url("images/bouton.png"); background-repeat: no-repeat; }
.bouton:hover{ background-image: url("images/bouton2.png"); }
.deux{ margin: 0; padding-left: 35px; color: #076da0; }
.links{ color: #076da0; text-decoration: underline; }
.mails{ color: #076da0; text-decoration: underline; }
.firstCol{ margin: 0; width: 410px; }
.limite{ float: left; width: 7px; height: 203px; background-image: url("images/limite.png"); background-repeat: no-repeat; }
.barre{ margin-left: 20px; margin-top: 5px; width: 470px; height: 12px; background-image: url("images/barre.png"); background-repeat: no-repeat; }
#hosting{ width: 255px; }
#domaines, #streaming{ width: 200px; }
#news{ margin-top: 18px; }
#news .date{ margin:0; padding: 5px; padding-left: 18px; padding-top: 0px; font-size: 0.8em;}
#news p{ padding-left: 18px; }

#contact_form  input, #contact_form textarea{ border: 1px solid #cbcbcb; }
#contact_form .input{ background-image: url("images/input.png"); background-repeat: no-repeat; }
#contact_form .textarea{ margin: 0; padding: 0; background-image: url("images/textarea.png"); background-repeat: no-repeat; }
#contact_form .submit{ margin-top: 5px; background-image: url("images/envoyer.png"); background-repeat: no-repeat; border: none; }
#code{ color: #076da0; padding: 3px; width: 120px; margin: 0; font-size: 1.5em; border: 1px solid #cbcbcb; }

#conteneur
{
 width: 1000px;
 margin: auto;
 padding: 0;
 border-left: 1px solid black;
 border-right: 1px solid black;
}

#header
{
 width: 1000px;
 height: 218px;
 margin: 0; padding: 0;
 background-image: url("images/header.png");
 background-repeat: no-repeat;
}

#logo
{
 float: left;
 width: 595px;
 height: 125px;
 background-image: url("images/logo.png");
 margin: 0;
 padding: 0;
 padding-top: 30px;
 background-repeat: no-repeat;
}

#login
{
 float: left;
 padding: 0;
 margin: 0;
 padding-left: 15px;
 color: white;
 width: 390px;
 height: 40px;
 background: url("images/login.png");
 background-repeat: no-repeat;
}
.log_input{ height: 14px; }
#log_submit{ width: 33px; height: 22px; border: none; background-image: url("images/ok.png"); }


#menu{ margin-top: 0px; margin-left: 30px; clear: both; }
#menu a{ text-decoration: none; color: white; font-size: 0.8em; text-align: center; padding-top: 5px; }
#menu a:hover{ color: #bff4fe; }
#menu li
{
 display: block;
 float: left;
}

#accueil
{
 margin-top: -23px;
 width: 141px;
 height: 64px;
 background-image: url("images/accueil.png");
 background-repeat: no-repeat;
}

#offres
{
 margin-top: -23px;
 width: 139px;
 height: 65px;
 background-image: url("images/offres.png");
 background-repeat: no-repeat;
}

#serveurs
{
 margin-top: -23px;
 width: 141px;
 height: 65px;
 background-image: url("images/serveurs.png");
 background-repeat: no-repeat;
}

#forum
{
 margin-top: -23px;
 width: 141px;
 height: 65px;
 background-image: url("images/forum.png");
 background-repeat: no-repeat;
}

#references
{
 margin-top: -23px;
 width: 147px;
 height: 65px;
 background-image: url("images/references.png");
 background-repeat: no-repeat;
}

#contact
{
 margin-top: -23px;
 width: 147px;
 height: 65px;
 background-image: url("images/contact.png");
 background-repeat: no-repeat;
}

#gauche
{
 float: left;
 margin-top: 23px;
 margin-left: 7px;
 width: 233px;
}

#gauche p{ color: white; font-size: 0.75em; padding-left: 20px; padding-right: 17px; }

#assistance
{
 width: 235px;
 height: 374px;
 padding-top: 5px;
 margin: 0;
 background-image: url("images/assistance.png");
 background-repeat: no-repeat;
}
#assistance p{ padding-top: 15px; }
#assistance ul{ margin: 0; padding: 0; }
#assistance li{ list-style-type: none; }
#assistance img{ padding-left: 14px; padding-top: 7px; }

#pub
{
 width: 235px;
 height: 259px;
 padding-top: 25px;
 /*background-image: url("images/pub.png");
 background-repeat: no-repeat; */
}

#droite_accueil
{
 float: left;
 margin-left: 13px;
 margin-top: 30px;
 width: 735px;
}

#droite_heberg
{
 float: left;
 margin-left: 7px;
 margin-top: 35px;
 width: 486px;
}

#droite_autres
{
 float: left;
 margin-left: 27px;
 margin-top: 35px;
 width: 500px;
}

#list_heberg
{
 float: left;
 margin-left: 18px;
 margin-top: 25px;
 width: 240px;
}

#offres_top
{
 display: none;
 margin-left: 4px;
 padding-top: 20px;
 width: 703px;
 height: 25px;
 background-image: url("images/offres_top.png");
 background-repeat: no-repeat;
}

#offres_body
{
 width: 712px;
 display: none;
 padding-top: 5px;
 background-image: url("images/offres_body.png");
 background-repeat: repeat-y;
}

#offres_foot
{
 display: none;
 clear: both;
 margin-left: -3px;
 width: 715px;
 height: 77px;
 background-image: url("images/offres_foot.png");
 background-repeat: no-repeat;
}

.top_box
{
 width: 238px;
 height: 15px;
 background-image: url("images/top_box.png");
 background-repeat: no-repeat;
}

.body_box
{
 width: 238px;
 background-image: url("images/body_box.png");
 background-repeat: repeat-y;
 padding-bottom: 10px;
}

.foot_box
{
 width: 236px;
 height: 78px;
 margin-left: 1px;
 background-image: url("images/foot_box.png");
 background-repeat: no-repeat;
}

#footer
{
 clear: both;
 color: white;
 padding-left: 7px;
 padding-top: 3px;
 padding-bottom: 0;
 margin-left: 2px;
 width: 995px;
 height: 38px;
 background-image: url("images/footer.png");
 background-repeat: no-repeat;
}

#footer a{ color: white; text-decoration: underline; }
#footer a:hover{ color: white; text-decoration: none; }
#footer_droite{ width: 995px; }