* { margin:0; padding:0; }
html, body { margin:0; padding:0; }
body { background:url('/img/bg_body.gif') repeat top center; font:10px verdana; }
#bg { background:url('/img/bg_top.gif') repeat-x top center; }
h1,h2,h3,input,textarea,select,td,ul,li,
p { color:black; font:10px verdana; }
#header,#content,#contebis,#footer,
#all { color:black; margin:0 auto; width:850px; }
#all { background:black url('/img/bg_all.gif') repeat-y top left; height:100%; }
/* HEADER * ******************************************************************** */
#header { background:black url('/img/bg_header.gif') no-repeat top left; height:84px; overflow:hidden; }
#header h1 { display:none; }
#header .flash { padding:10px 0 0 10px; }
#header form { float:right; width:250px; }
#header h3 { color:#2da2ff; font-weight:bold; font-size:12px; margin-bottom:3px; padding:7px 0 0 10px; text-align:left; }
#header p { color:white; padding:0 0 0 10px; }
#header p label { display:block; font-weight:bold; float:left; width:110px; }
#header p input { background:black; color:white; border:1px solid white; margin:0 0 2px 0; width:100px; }
#header p input.submit { background:white; color:black; font-weight:bold; margin:0 0 2px 131px; width:80px; }
/* REGISTER * ******************************************************************** */
.register .l { width:325px; float:left; }
.register .r { width:325px; float:right; }
.register label { display:block; float:left; width:125px; }
.register label.cb { width:auto; float:none; display:inline; }
.register span label { width:auto; float:none; display:inline; }
.register a[href $='.pdf'] { padding-right: 18px; background: transparent url(/img/icons/pdf.png) no-repeat center right; }
/* CONTENT * ******************************************************************* */
#content { background:black url(/img/bg_content.gif) no-repeat left top; }
/* ACCUEIL * ******************************************************************* */
#prix { float:left; width:274px; }
#prix .offres { height:123px; margin:0 0 7px 0; }
#prix .hos { background:url('/img/bg_offres_hos.gif') no-repeat top right; }
#prix .str { background:url('/img/bg_offres_str.gif') no-repeat top right; }
#prix h2 { height:42px; font-size:1px; text-indent:-500px; overflow:hidden; margin:0 0 5px 15px; }
#prix .hos h2 { background:url('/img/h2_offr_hosting.gif') no-repeat bottom left; width:139px; }
#prix .str h2 { background:url('/img/h2_offr_streaming.gif') no-repeat bottom left; width:139px; }
#prix h3 { background:#090909; color:white; font-weight:bold; text-indent:15px; margin:0; width:175px; }
#prix h3 a { color:white; text-decoration:none; }
#prix p { margin:0 0 0 15px; text-align:justify; width:160px; }
#prix p a { color:black; text-decoration:none; }
#prix p a:hover { color:#323232; }
#img { float:left; width:393px; }
#img .flash { padding:5px 0 0 10px; }
#img h2 { height:15px; font-size:1px; text-indent:-500px; overflow:hidden; margin-bottom:5px; }
#img p span { background:#060606; color:white; font-weight:bold; padding:0 1px; }
#img p a { color:black; font-weight:bold; font-style:italic; text-decoration:none; }
#img p a:hover { text-decoration:underline; }
#img .asso { background:url('/img/bg_asso.gif') no-repeat top left; float:left; height:123px; overflow:hidden; margin-top: 11px; padding-top: 15px; padding-right: 20px; padding-bottom: 0; padding-left: 105px; width: 342px; }
#img .asso h2 { background:url('/img/h2_asso.gif') no-repeat top left; width:115px; }
#img .asso p { width:270px; }
#adhesite { float:left; width:183px; }
#adhesite h2 { height:15px; font-size:1px; text-indent:-500px; overflow:hidden; margin:15px 0 5px 15px; width:120px; }
#adhesite h2.adher { background:url('/img/h2_adherents.gif') no-repeat top left; }
#adhesite h3 { background:white; color:black; font-weight:bold; margin-bottom:5px; padding-left:15px; }
#adhesite ul { list-style:none; margin:0 0 15px 0; width:183px; }
#adhesite ul li { color:white; font-weight:bold; margin:2px 0 5px 15px; }
#adhesite a { color:white; text-decoration:none; }
#adhesite a:hover { color:#ff2d32; }
#adhesite h2.menu { background:url('/img/h2_menu.gif') no-repeat top left; }
#adhesite h2.offres { background:url('/img/h2_offreszvip.gif') no-repeat top left; }
#adhesite ul.menu a:hover { color:#2da2ff; }
#adhesite .offr h2 { height:15px; font-size:1px; text-indent:-500px; overflow:hidden; margin:0 0 5px 15px; }
#adhesite .offr h2.hosting { background:url('/img/h2_off_hos.gif') no-repeat top left; width:110px; }
#adhesite .offr h2.streaming{ background:url('/img/h2_off_str.gif') no-repeat top left; width:110px; }
#adhesite .offr p { color:white; margin:0 15px 5px 15px; padding-bottom:5px; border-bottom:1px solid #343434; }
#adhesite .offr img { border:0; float:right; margin:-5px 0 0 0; }
/* CONTENU * ******************************************************************* */
#contenu { float:left; width:667px; }
#contenu h2 { height:44px; font-size:1px; text-indent:-500px; overflow:hidden; margin:15px 0 5px 15px; }
#contenu h3 { background:#ebebeb; color:black; font-weight:bold; margin:30px 15px 5px 15px; }
#contenu img { border:0; }
#contenu p { margin:15px 15px; text-align:justify; }
#contenu p.grey { color:#646464; }
#contenu ul { margin:15px 50px; }
#contenu ul li { color:#646464; list-style:url('/img/asso_zvip/li.gif'); margin:10px 0; text-align:justify; }
#contenu ul li span { color:black; }
#contenu ul li span a { color:black; }
#contenu ul li a { color:#646464; }
#contenu ul li textarea { height:50px; width:500px; }
#contenu ul li a:hover { color:black; }
#contenu fieldset { margin:0 15px 0 15px; } /* ADD */
#contenu a { color:black; text-decoration:underline; }
#contenu a:hover { color:#d10000; text-decoration:underline; }
/* ASSO_ZVIP * ********************************************************* */
#contenu .asso_zvip h2 { background:url('/img/asso_zvip/h2.gif') no-repeat bottom left; width:411px; }
#contenu .asso_zvip #status { border:4px solid #ebebeb; float:right; margin:5px 35px; width:120px; }
#contenu .asso_zvip #status p { margin:15px; text-align:center; }
#contenu .asso_zvip #status a { text-decoration:none; }
#contenu .asso_zvip ul li { margin:30px 0 5px 0; text-align:justify; }
/* HOSTING * *********************************************************** */
#contenu .web h2 { background:url('/img/hosting/h2.gif') no-repeat bottom left; width:448px; }
#contenu .web ul li { margin-top:0; margin-bottom:0; }
#contenu .web ul li img { vertical-align:middle; }
#contenu .web .tarifs { border:4px solid #ebebeb; margin:5px 15px; }
#contenu .web a.ins { background:#c10000; color:white; font-weight:bold; padding:1px 100px; text-decoration:none; }
#contenu .web a.ins:hover { background:black; }
/* STREAMING * ********************************************************* */
#contenu .str h2 { background:url('/img/streaming/h2.gif') no-repeat bottom left; width:448px; }
#contenu .str ul li { margin-top:0; margin-bottom:0; }
#contenu .str ul li img { vertical-align:middle; }
#contenu .str .tarifs { border:4px solid #ebebeb; margin:5px 15px; }
#contenu .str a.ins { background:#c10000; color:white; font-weight:bold; padding:1px 100px; text-decoration:none; }
#contenu .str a.ins:hover { background:black; }
/* TEAMSPEAK * ********************************************************* */
#contenu .tms h2 { background:url('/img/teamspeak/h2.gif') no-repeat bottom left; width:448px; }
#contenu .tms ul li { margin-top:0; margin-bottom:0; }
#contenu .tms ul li img { vertical-align:middle; }
#contenu .tms .tarifs { border:4px solid #ebebeb; margin:5px 15px; }
#contenu .tms a.ins { background:#c10000; color:white; font-weight:bold; padding:1px 100px; text-decoration:none; }
#contenu .tms a.ins:hover { background:black; }
/* NOS SITES * ********************************************************* */
#contenu .nos_sites h2 { background:url('/img/nos_sites/h2.gif') no-repeat bottom left; width:434px; }
#contenu .nos_sites ul li { color:black; margin:2px 0; }
#contenu .nos_sites ul li span { display:block; margin:5px 0 30px 0; }
#contenu .nos_sites ul.on li a { color:black; font-weight:bold; text-decoration:none; }
#contenu .nos_sites ul.on li a:hover { color:#d10000; }
/* NOS PARTENAIRES * *************************************************** */
#contenu .nos_partenaires h2 { background:url('/img/partners/h2.gif') no-repeat bottom left; width:336px; }
#contenu .nos_partenaires table td { text-align:center; vertical-align:top; }
#contenu .nos_partenaires table td p { text-align:justify; }
/* CONTACT * *********************************************************** */
#contenu .contact h2 { background:url('/img/contact/h2.gif') no-repeat bottom left; width:275px; }
#contenu .contact .border { border:4px solid #ebebeb; margin:20px; padding:10px; }
#contenu .contact .border img { float:right; }
#contenu .contact .border p { margin:10px; }
#contenu .contact .form { margin-top:10px; }
#contenu .contact .form p { margin-top:0; margin-bottom:0; }
#contenu .contact .form p img { vertical-align:top; }
#contenu .contact .form p.submit { margin-top:5px; text-align:right; }
#contenu .contact .form p.error { color:#c10000; font-weight:bold; text-align:center; width:310px; }
#contenu .contact p label { display:block; float:left; font-weight:bold; width:100px; }
#contenu .contact p input { border:1px solid #9b9b9b; margin:0 10px 10px 0; width:180px; }
#contenu .contact p textarea { border:1px solid #9b9b9b; height:100px; width:310px; }
/* C * ****************************************************************** */
#contenu .c h2 { background:url('/img/c/h2.gif') no-repeat bottom left; width:448px; }
/* BOTTOM * ************************************************************* */
#bottom { background:url('/img/bg_bottom.gif') no-repeat bottom left; clear:both; height:14px; }
/* CONTEBIS * *********************************************************** */
#contebis { background:white url('/img/bg_contebis.gif') no-repeat top right; clear:both; height:109px; overflow:hidden; }
#contebis h2 { height:15px; font-size:1px; text-indent:-500px; overflow:hidden; margin-bottom:5px; }
#contebis p { text-align:justify; }
#contebis p span { background:#060606; color:white; font-weight:bold; padding:0 1px; }
#contebis p a { color:black; font-weight:bold; font-style:italic; text-decoration:none; }
#contebis p a:hover { text-decoration:underline; }
#contebis .org { background:url('/img/bg_org.gif') no-repeat top left; float:left; height:105px; overflow:hidden; padding:10px 20px 0 105px; }
#contebis .org h2 { background:url('/img/h2_org.gif') no-repeat top left; width:115px; }
#contebis .org p { width:220px; }
#contebis .projets { background:url('/img/bg_projets.gif') no-repeat top left; float:left; height:105px; overflow:hidden; padding:10px 0 0 25px; width:440px; }
#contebis .projets h2 { background:url('/img/h2_projets.gif') no-repeat top left; width:285px; }
#contebis .projets p a { font-style:normal; }
#contebis .projets p { width:440px; }
/* FOOTER * ************************************************************* */
#footer { background:url('/img/bg_footer.gif') no-repeat top left; }
#footer div { float:right; margin:0; padding:4px 0 0 0; width:367px; }
#footer div form { float:left; margin:0; padding:0; }
#footer img { border:none; }
#footer p { font-size:9px; padding:10px; }
#footer p a { color:black; text-decoration:none; }
#footer p a:hover { text-decoration:underline; }
/* ****** * ************************************************************* */
/* DEV * *********************************************************************** */
#projets, #links, #c { margin:0 15px 0 15px; min-height: 600px; }
#projets h2, #links h2 {
font-size:large;
text-indent:0;
height:auto;
margin:0 0 15px 0;
}
#links h3 {
background-color:transparent;
font-size:small;
margin:10px 15px 0 15px;
}
#links h3 img {
vertical-align:middle;
}
#links .empty {
color:gray;
margin:0 15px 0 40px;
font-style:italic;
}
.separator {
background-image:url(/img/separator.gif);
background-position:right center;
background-repeat:no-repeat;
height:20px;
margin:10px 0 10px 0;
clear:both;
}