body {
margin:auto;
background-image: url('http://srv2.crystal-serv.com/images/site/soldehiver.jpg');
background-color:#151515;
background-position: center top;
/background-position: center top;
background-repeat: no-repeat;
font-family:arial;
font-size:12px;
color:black !important;
width:100%;

}

p{
color:black !important;
font-family:arial;
}

tr{
color:black !important;
}
td{
color:black !important;
}

a img {
border:none;
display:block;
}

.page a {
text-decoration: none;
color: black;
}

.page a:hover  {
text-decoration: none;
color: #d29208;
}

a {
text-decoration: none;
color: black;
outline: none
}

a:hover {
text-decoration: none;
color: #000000;
}


a.sponsors{
filter : alpha(opacity=40);
opacity:0.4;
}

a.sponsors:hover{
filter : alpha(opacity=90);
opacity:0.9;
text-decoration:none;
}


div.flash {
/*j"ai choisi de positionner une boite dans l'entête*/
font-family:arial;
font-size: 0.95em;
border: 1px solid #FFFFFF;
width : 245px; /*taille de la boite*/
height: 235px; /*hauteur de la fenêtre défilante à reporter dans le script...*/
padding : 2px;
background-color:#E7E7E7;
text-align:left;
overflow: hidden;
}
#menu_deroulant {  background-color:#E7E7E7; overflow: hidden;  position: relative; }
#menu_defile {  position: relative; }

.bouton_bck{
	background:url('../images/fond_bouton.gif') repeat-x;
	/*height:19px;*/
	line-height:20px;
	padding-left:10px;
	padding-right:10px;
	font-family:arial;
	font-size: 11px;
	color:white;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	text-align:right;
	text-decoration:none;
	border:1px solid white;
}

.bouton_bck:hover{
	text-decoration:none;
	border:1px solid black;
	color:white;
	font-weight:bold;
}

.bouton_bas_page{
	text-align:right;
	margin-right:10px;
}

h3{
	color:white !important;
	font-size:12px;
	font-weight:bold;
	font-family:arial;
	text-align:left;
	margin-left:15px;
	padding-top:2px;
}

h3.title_page{
	color:black !important;
	font-size:14px;
	font-weight:bold;
	font-family:arial;
	text-align:left;
	margin-left:5px;
}

.tableau{
	border-spacing:0;
	padding:0;
	text-align:center;
	width:97%;
	border:2px solid #878C94;
	text-align:left;
	background:#fff;
	margin-bottom:10px;
	margin-right:0px;
	margin-left:15px;
}

.tableau th {
	color:#fff;
	/*text-transform:uppercase;*/
	height:24px;
	padding-left:10px;
	font-weight:bold;
	width:30%;
	/*vertical-align:center;*/
	background:#c4c5c5;
}

.tableau td {
	/*border-bottom:1px solid #cccccc;*/
	background:#fff;
	padding:2px;
	padding-left:10px;

	/*vertical-align:center;*/

	/*border-bottom:1px solid #ddd;*/
}

.commande{
	border-spacing:0;
	padding:0;
	text-align:center;
	width:100%;
	border:2px solid black;
	text-align:left;
	background:#fff;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:0px;
	margin-left:0px;
}

.commande th {
	color:#fff;
	height:24px;
	padding-left:10px;
	font-weight:bold;
	width:30%;
	background:#C0C0C0;
	margin-top:4px;
	margin-bottom:4px;
}

.commande td {
	/*border-bottom:1px solid #cccccc;*/
	background:#fff;
	padding:2px;
	padding-left:10px;
	margin-top:4px;
	margin-bottom:4px;
	width:70%;
}

p.infrastructure{
	font-size:12px;
	font-family:arial;
}

 span.radio {
   width: 19px;
   height: 25px;
   padding: 0 5px 0 0;
   background: url(radio.gif) no-repeat;
   display: block;
   clear: left;
   float: left;
 }
 span.select {
   position: absolute;
   width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
   height: 21px;
   padding: 0 24px 0 8px;
   color: #fff;
   font: 12px/21px arial,sans-serif;
   background: url(select.gif) no-repeat;
     overflow: hidden;
}

p.recap_commande{
	font-size:12px;
	height:20px;
}

span.recap_span_commande{
	font-size:13px;
	font-weight:bold;
}

p.description_pack{
	font-size:12px;
	margin-bottom:18px;
	margin-left:33px;
}

p.action_serveur{
	font-weight:bold;
	font-size:12px;
	font-family:arial;
}

.table{
	border-spacing:0;
	padding:0;
	text-align:center;
	width:97%;
	text-align:left;
	margin-bottom:10px;
	margin-right:0px;
	margin-left:15px;
}

.table th {
	height:24px;
	padding-left:10px;
	font-weight:bold;
	width:30%;
	background-color:#ECECEC;
}

.table td {
	padding:2px;
	padding-left:10px;
}

.bouton_install{
	border:1px red solid;
	background-color:red;
	color:white;
	font-weight:bold;
	font-size:12px;
	padding:3px;
}

.bouton_non_install{
	border:1px green solid;
	background-color:green;
	color:white;
	font-weight:bold;
	font-size:12px;
	padding:3px;
}

ul.menu{
	border:none;
	list-style : none;
	margin : 0;
	padding : 0;
	position:absolute;
}

ul.menu li{
	border:none;
	list-style : none;
	margin : 0;
}

ul.menu li ul li{
	border:none;
	list-style : none;
	width:141px;
	height:20px;
	background-repeat:no-repeat;
	padding-top:2px;
	text-align:center;
	margin-top:0px;
	margin-left:-1px;
	font-weight:bold;
}

ul.menu li ul li.deux{
	border:none;
	list-style : none;
	width:141px;
	height:20px;
	background-repeat:no-repeat;
	padding-top:2px;
	text-align:center;
	margin-top:0px;
	margin-left:-1px;
	font-weight:bold;
	
}

.table_offre{
	border-spacing:0;
	padding:0;
	text-align:center;
	width:90%;
	text-align:left;
	margin-bottom:10px;
	margin-right:0px;
	margin-left:15px;
}

.table_offre th {
	height:25px;
	padding-left:10px;
	font-weight:bold;
	background-color:#ECECEC;
}

.table_offre td {
	width:25%;
	height:20px;
	padding-left:10px;
}

a.bulle {
     position:relative;
     color:#707070 !important;
     text-decoration:none;
     font-family:arial;
     text-align:center;
     font-weight:bold;
   }
   
   a.bulle:hover {
      background: none;
      z-index: 50;
   }
   
   a.bulle span {
     display: none;
   }
   
   a.bulle:hover span {
      display: block;
      position: absolute;
      top: -10px;
      left: 20px;
      font-family:arial;
      font-size:12px;
      font-weight:normal;
      width:200px;
      background: white;
      padding: 5px;
      border: 2px solid lightgrey;
      border-left: 3px solid lightgrey;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
   }
   
.tableau_formulaire{
	border-spacing:0;
	padding:0;
	text-align:center;
	width:90%;
	border-top:1px solid #1753b5;
	border-left:1px solid #1753b5;
	border-right:1px solid #1753b5;
	text-align:left;
	margin:0px;
	margin-right:0px;
	margin-left:0px;
}

.tableau_formulaire th, .tableau_formulaire2 th{
	color:white;
	/*text-transform:uppercase;*/
	height:25px;
	padding-left:10px;
	width:30%;
	/*vertical-align:center;*/
	border-bottom:1px solid #1753b5;
	background-image:url('http://www.crystal-serv.com/images/site/bg-th.png');
	background-repeat:repeat-x;
}

.tableau_formulaire td, .tableau_formulaire2 td{
	/*border-bottom:1px solid #cccccc;*/
	background:#eaeaea;
	padding:2px;
	padding-left:10px;

	/*vertical-align:center;*/

	border-bottom:1px solid #1753b5;
}

.tableau_formulaire .entete_formulaire{

	color:#292929;
	background:#E0E0E0;
	border-bottom:2px solid #CFCFCF;
	padding:0;
	width:90%;
	font-size:16px;
	font-weight:bold;
	padding-left:10px;
}

.erreur_titre{
	background:#B82108;
	color:#fff;
	list-style-type:none;
	font-size:16px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	margin:0;	
	padding:5px;		
}

.erreur{
	list-style-type:none;
	font-size:14px;
	padding:5px;
	margin-left:0px;
}

.erreur_cadre{
	border:1px solid #B82108;
	width:500px;
	margin:10px;
}

a.bulle_ping {
     position:relative;
     color:#707070 !important;
     text-decoration:none;
     font-family:arial;
     text-align:center;
     font-weight:bold;
   }
   
a.bulle_ping:hover {
  background: none;
  z-index: 50;
}

a.bulle_ping span {

 display: none;
}

a.bulle_ping:hover span {
  display: block;
  position: absolute;
  top: 10px;
  left: 20px;
  font-family:arial;
  font-size:10px;
  font-weight:normal;
  min-width:60px;
  background: black;
  padding: 1px;
  color:white;
  font-weight:bold;
}

a.bulle_membres {
     position:relative;
     color:#707070 !important;
     text-decoration:none;
     font-family:arial;
     text-align:center;
     font-weight:bold;
   }
   
a.bulle_membres:hover {
  background: none;
  z-index: 50;
}

a.bulle_membres span {
 display: none;
}

a.bulle_membres:hover span {
  display: block;
  position: absolute;
  top: 10px;
  left: -20px;
  font-family:arial;
  font-size:10px;
  font-weight:normal;
  min-width:110px;
  background: black;
  padding: 1px;
  color:white;
  font-weight:bold;
}

a.bulle_cc {
     position:relative;
     color:#707070 !important;
     text-decoration:none;
     font-family:arial;
     text-align:center;
     font-weight:bold;
   }
   
a.bulle_cc:hover {
  background: none;
  z-index: 50;
}

a.bulle_cc span {
 display: none;
}

a.bulle_cc:hover span {
  display: block;
  position: absolute;
  top: 10px;
  left: 20px;
  font-family:arial;
  font-size:10px;
  font-weight:normal;
  min-width:180px;
  background: black;
  padding: 1px;
  color:white;
  font-weight:bold;
}

a.bulle_vocal {
     position:relative;
     color:#707070 !important;
     text-decoration:none;
     font-family:arial;
     text-align:center;
     font-weight:bold;
   }
   
a.bulle_vocal:hover {
  background: none;
  z-index: 50;
}

a.bulle_vocal span {
 display: none;
}

a.bulle_vocal:hover span {
  display: block;
  position: absolute;
  top: 10px;
  left: 20px;
  font-family:arial;
  font-size:10px;
  font-weight:normal;
  min-width:290px;
  background: black;
  padding: 1px;
  color:white;
  font-weight:bold;
}

a.bulle_connect {
     position:relative;
     color:#707070 !important;
     text-decoration:none;
     font-family:arial;
     text-align:center;
     font-weight:bold;
   }
   
a.bulle_connect:hover {
  background: none;
  z-index: 50;
}

a.bulle_connect span {
 display: none;
}

a.bulle_connect:hover span {
  display: block;
  position: absolute;
  top: 10px;
  left: -0px;
  font-family:arial;
  font-size:10px;
  font-weight:normal;
  min-width:200px;
  background: black;
  padding: 1px;
  color:white;
  font-weight:bold;
}

#actions{
	list-style-type:none;
}

#actions img{
	width:16px;
	height:16px;
}

#actions li{
	padding-left:5px;
	display:inline;
	white-space: nowrap;
	margin-top:-3px;
}

.list_actions{
	text-align:right;
	width:80px;
	padding-right:5px;
}

span.bulle {
     position:relative;
     color:#707070 !important;
     text-decoration:none;
     font-family:arial;
     text-align:center;
     font-weight:bold;
   }
   
.tableau_cb{
	border-spacing:0;
	padding:0;
	text-align:center;
	width:90%;
	border:1px solid #404040;
	text-align:left;
	background:#fff;
	margin:0px;
	margin-right:0px;
	margin-left:0px;
}

.tableau_cb th{
	background-color:#fff;
	color:white;;
	/*text-transform:uppercase;*/
	height:24px;
	padding-left:10px;

	width:30%;
	/*vertical-align:center;*/
	border-bottom:1px inset #404040;
	background:#313131;
}

.tableau_cb td{
	/*border-bottom:1px solid #cccccc;*/
	background:#fff;
	padding:2px;
	padding-left:10px;

	/*vertical-align:center;*/

	border-bottom:1px solid #ddd;
}

.tableau_cb .entete_formulaire{
	color:white;
	background:#1A1A1A;
	border-bottom:2px solid #404040;
	padding:0;
	width:90%;
	font-size:16px;
	font-weight:bold;
	padding-left:10px;
}

div.background_commande{
	border: 1px solid grey;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-bottom:20px;
    -moz-box-shadow: 1px 1px 10px #999; 
  	-webkit-box-shadow: 1px 1px 10px #999; 
	box-shadow: 1px 1px 10px #999;
	background-image:linear-gradient(#E4E4E4, #BBBBBB); /* Norme W3C */
	background-image:-moz-linear-gradient(#E4E4E4, #BBBBBB); /* Firefox */
	background-image:-webkit-gradient(linear, #E4E4E4, #BBBBBB); /* Chrome, Safari */
	background-image:-o-linear-gradient(#E4E4E4, #BBBBBB); /* Opera */
	background-image:-ms-linear-gradient(#E4E4E4, #BBBBBB); /* IE */
}

div.bt_panel{
	border: 1px dashed #CFCFCF;
	-moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    float:left;
    margin-right:5px;
    width:220px;
    height:75px;
    background-color:#E2E2E2;
    margin-top:5px;
}

div.bt_panel:hover {
	border: 1px dashed grey;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    float:left;
	background-image:linear-gradient(#E2E2E2, #C9C9C9); /* Norme W3C */
	background-image:-moz-linear-gradient(#E2E2E2, #C9C9C9); /* Firefox */
	background-image:-webkit-gradient(linear, #E2E2E2, #C9C9C9); /* Chrome, Safari */
	background-image:-o-linear-gradient(#E2E2E2, #C9C9C9); /* Opera */
	background-image:-ms-linear-gradient(#E2E2E2, #C9C9C9); /* IE */
}

div.bt_panel img{
	padding-top:5px;
	padding-left:5px;
}

a.a_communautaire:hover, a.a_communautaire:focus {
	z-index: 50;
	border:1px solid grey;
} 

a.footer{
	font-family:arial;
	color:#D3D3D3;
	font-size:12px;
}

a.footer:hover{
	font-weight:bold;
	text-decoration:underline;
	font-family:arial;
	color:#D3D3D3;
	font-size:12px;
}

h4.footer{
	font-size:14px;
	font-family:arial;
	color:white;
	margin-top:0px;
	margin-bottom:5px;
	padding:0;
}

div.menu_list_produits{
	border: 1px solid #d9d9d9;
    width:231px;
    float:left;
    margin-left:35px;
    margin-top:0px;
    background-image:linear-gradient(#eaeaea, #eaeaea); /* Norme W3C */
	background-image:-moz-linear-gradient(#eaeaea, #eaeaea); /* Firefox */
	background-image:-webkit-gradient(linear, #eaeaea, #eaeaea); /* Chrome, Safari */
	background-image:-o-linear-gradient(#eaeaea, #eaeaea); /* Opera */
	background-image:-ms-linear-gradient(#eaeaea, #eaeaea); /* IE */
}

div.bloc_offre_commande{
	width:700px;
	float:left;
    margin-left:10px;
    margin-top:2px;
}

div.moyen_paiements{
	width:231px;
	float:left;
	border: 1px solid #d9d9d9;
    margin-left:35px;
    margin-top:10px;
    background-image:linear-gradient(#eaeaea, #eaeaea); /* Norme W3C */
	background-image:-moz-linear-gradient(#eaeaea, #eaeaea); /* Firefox */
	background-image:-webkit-gradient(linear, #eaeaea, #eaeaea); /* Chrome, Safari */
	background-image:-o-linear-gradient(#eaeaea, #eaeaea); /* Opera */
	background-image:-ms-linear-gradient(#eaeaea, #eaeaea); /* IE */
}

div.avantages_offre{
	width:670px;
	float:left;
	margin-left:10px;
	border: 1px solid #CFCFCF;
	-moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /*margin-left:2px;
    background-image:linear-gradient(#f1f1f1, #dbdbdb); 
	background-image:-moz-linear-gradient(#f1f1f1, #dbdbdb);
	background-image:-webkit-gradient(linear, #f1f1f1, #dbdbdb); 
	background-image:-o-linear-gradient(#f1f1f1, #dbdbdb); 
	background-image:-ms-linear-gradient(#f1f1f1, #dbdbdb); */
}

.taille_bloc_commande{
	width:680px;
	float:left;
}

div.bt_prix{
	width:480px;
	height:42px;
	margin:0 auto;
}

div.bt_prix_valide{
	width:278px;
	height:42px;
    float:right;
    margin-right:10px;
    margin-top:10px;
    background-image: url('http://www.crystal-serv.com/images/commande/montant-classique.png');
}

div.bt_prix_valide_minecraft{
	width:284px;
	height:44px;
    float:right;
    margin-right:10px;
    margin-top:10px;
    background-image: url('http://www.crystal-serv.com/images/commande/montant-minecraft.png');
}

div.fond_div_classic{
	padding:5px;
	width:95%;
	min-height:40px;
	margin:0 auto;
	border: 1px solid #CFCFCF;
    background-image:linear-gradient(#f1f1f1, #dbdbdb); 
	background-image:-moz-linear-gradient(#f1f1f1, #dbdbdb);
	background-image:-webkit-gradient(linear, #f1f1f1, #dbdbdb); 
	background-image:-o-linear-gradient(#f1f1f1, #dbdbdb); 
	background-image:-ms-linear-gradient(#f1f1f1, #dbdbdb);
}

span.title_menu_1{
	color:white;
	width:200px;
	padding:3px;
	border: 1px solid #CFCFCF;
	-moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;	
	background-image:linear-gradient(#D90000, #DD0000); 
	background-image:-moz-linear-gradient(#D90000, #DD0000);
	background-image:-webkit-gradient(linear, #D90000, #DD0000); 
	background-image:-o-linear-gradient(#D90000, #DD0000); 
	background-image:-ms-linear-gradient(#D90000, #DD0000);
}


span.title_menu_2{
	color:white;
	width:200px;
	padding:3px;
	border: 1px solid #CFCFCF;
	-moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;	
	background-image:linear-gradient(#008BCE, #006A9D); 
	background-image:-moz-linear-gradient(#008BCE, #006A9D);
	background-image:-webkit-gradient(linear, #008BCE, #006A9D); 
	background-image:-o-linear-gradient(#008BCE, #006A9D); 
	background-image:-ms-linear-gradient(#008BCE, #006A9D);
}

span.title_menu_3{
	color:white;
	width:200px;
	padding:3px;
	border: 1px solid #CFCFCF;
	-moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;	
	background-image:linear-gradient(#009500, #007700); 
	background-image:-moz-linear-gradient(#009500, #007700);
	background-image:-webkit-gradient(linear, #009500, #007700); 
	background-image:-o-linear-gradient(#009500, #007700); 
	background-image:-ms-linear-gradient(#009500, #007700);
}

div.menu_list_perso{
	border-bottom: 1px solid #CFCFCF;
    width:100%;
    float:left;
    margin-left:1px;
    margin-top:0px;
	height:80px;
}

div.bloc_mon_compterZS{
	border: 1px solid #CFCFCF;
	-moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-left:3px;
    margin-top:0px;
    background-image:linear-gradient(#f1f1f1, #dbdbdb); /* Norme W3C */
	background-image:-moz-linear-gradient(#f1f1f1, #dbdbdb); /* Firefox */
	background-image:-webkit-gradient(linear, #f1f1f1, #dbdbdb); /* Chrome, Safari */
	background-image:-o-linear-gradient(#f1f1f1, #dbdbdb); /* Opera */
	background-image:-ms-linear-gradient(#f1f1f1, #dbdbdb); /* IE */
}

div.bloc_bottom{
	z-index:150;
	margin:0 auto;
	width:903px;
	height:128px;
}

ul.menu li table tr td{
	z-index:500;
	width:100%;
	height:25px;
	background-color:#252525;
	border-bottom:1px solid #37383a;
	color:white !important;
}

ul.menu li.ligne{
	float:left;
	list-style:none;
}

ul.menu li table tr td{
	color:white !important;
	font-weight:normal;
	font-size:11px;
	width:100%;
	height:30px;
}

ul.menu li table tr td a{
	color:white !important;
	font-weight:normal;
	font-size:11px;
}

ul.menu li table tr td:hover{
	z-index:500;
	width:100%;
	height:30px;
	background-color:#4D4D4D;
	border-bottom:1px solid #5B5B5B;
	color:white !important;
}


div.panel{
	background-image:linear-gradient(#f1f1f1, #dbdbdb); /* Norme W3C */
	background-image:-moz-linear-gradient(#f1f1f1, #dbdbdb); /* Firefox */
	background-image:-webkit-gradient(linear, #f1f1f1, #dbdbdb); /* Chrome, Safari */
	background-image:-o-linear-gradient(#f1f1f1, #dbdbdb); /* Opera */
	background-image:-ms-linear-gradient(#f1f1f1, #dbdbdb); /* IE */
	border: 1px solid #CFCFCF;
    padding:6px;
}

div.panel a{
	color:#464646;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
	text-decoration:none;
    text-align:left;
}

div.panel:hover{
	color:black;
	text-decoration:none;
	border:1px solid #464646;
	background-color:#C4C4C4;
	background-image:linear-gradient(#C4C4C4, #C4C4C4); /* Norme W3C */
	background-image:-moz-linear-gradient(#C4C4C4, #C4C4C4); /* Firefox */
	background-image:-webkit-gradient(linear, #C4C4C4, #C4C4C4); /* Chrome, Safari */
	background-image:-o-linear-gradient(#C4C4C4, #C4C4C4); /* Opera */
	background-image:-ms-linear-gradient(#C4C4C4, #C4C4C4); /* IE */
}

div.panel_left{
	width:25%;
	float:left;
}

div.panel_right{
	width:75%;
	float:left;
}

div.panel_top{
	width:96%;
	margin:0 auto;
	border: 1px solid #CFCFCF;
}

div.content_main{
	background-color:#f1f1f1;
	border: 3px solid #050505;
    /*-webkit-border-top-right-radius:9px;
    -webkit-border-top-left-radius:9px;
    -moz-border-radius-topleft:9px;
    -moz-border-radius-topright:9px;
    border-top-right-radius:9px;
    border-top-left-radius:9px;*/
    -moz-border-radius: 9px;
    -o-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    width:983px;
    float:left;
}

div.menu{
	height:34px;
}

div.bandeau_top{
	margin-left:5px;
	margin-top:15px;
}

div.bloc_promo{
	float:left;
	margin-left:4px;
	padding:0;
}

div.separation{
	float:left;
	margin-left:3px;
	margin-right:9px;
}

div.bloc_offre{
	float:left;
	width:470px;
}

div.bandeau_offres{
	clear:both;
}

div.separation-offre{
	float:left;
	background-image: url('http://www.crystal-serv.com/images/site/separation1.png');
	width:4px;
	height:224px;
	margin-left:10px;
	margin-right:10px;
}

div.separation-offre1{
	float:left;
	background-image: url('http://www.crystal-serv.com/images/site/separation2.png');
	width:14px;
	height:224px;
	margin-left:10px;
	margin-right:10px;
}

div.separation-offre2{
	float:left;
	background-image: url('http://www.crystal-serv.com/images/site/separation3.png');
	width:14px;
	height:224px;
	margin-left:10px;
	margin-right:10px;
}

div.crystalcore{
	float:left;
	background-image: url('http://www.crystal-serv.com/images/site/offre-crystalcore.png');
	width:208px;
	height:218px;
	margin-left:40px;
	
}


div.crystalcore:hover{
	float:left;
	background-image: url('http://srv2.crystal-serv.com/images/site/offre-crystalcore-on.png');
	width:208px;
	height:218px;
	margin-left:40px;
	
}

div.minecraft{
	float:left;
	background-image: url('http://www.crystal-serv.com/images/site/offre-minecraft.png');
	width:208px;
	height:218px;
}

div.minecraft:hover{
	float:left;
	background-image: url('http://srv2.crystal-serv.com/images/site/offre-minecraft-on.png');
	width:208px;
	height:218px;
}

div.serveurs-jeux{
	float:left;
	background-image: url('http://www.crystal-serv.com/images/site/offre-jeux.png');
	width:185px;
	height:201px;
	margin-left:30px;
	margin-top:10px;
}

div.serveurs-jeux:hover{
	float:left;
	background-image: url('http://srv2.crystal-serv.com/images/site/offre-jeux-on.png');
	width:185px;
	height:201px;
	margin-left:30px;
	margin-top:10px;
}

div.serveurs-vocaux{
	float:left;
	background-image: url('http://www.crystal-serv.com/images/site/offre-vocaux.png');
	width:185px;
	height:201px;
	margin-top:10px;
}

div.serveurs-vocaux:hover{
	float:left;
	background-image: url('http://srv2.crystal-serv.com/images/site/offre-vocaux-on.png');
	width:185px;
	height:201px;
	margin-top:10px;
}

div.separation-h{
	clear:both;
	background-image: url('http://www.crystal-serv.com/images/site/separation-h.png');
	width:1024px;
	height:39px;
}

div.bandeau_bottom{
	clear:both;
}

div.actus{
	float:left;
	width:360px;
	height:170px;
	margin-left:15px;
}

div.reseaux-sociaux{
	float:left;
	width:195px;
	height:170px;
	margin-top:2px;
	margin-left:20px;
}

div.serveurs-test{
	float:left;
	width:359px;
	height:170px;
	margin-top:1px;
	margin-left:20px;
}

div.serv1{
	width:380px;
}

div.bottom{
	background-color:#151515;
	width:983px;
	height:115px;
	margin:0 auto;
}

p.list-offre{
	font-size:13px;
	font-weight:normal;
	font-family:arial;
	margin-left:15px;
	color:#1e1e1e !important;
}

p.list-promo{
	font-size:13px;
	font-weight:bold;
	font-family:arial;
	margin-left:15px;
	color:white !important;
}

div.separation-commande{
	clear:both;
	background-image: url('http://www.crystal-serv.com/images/site/line-sep.png');
	width:735px;
	height:37px;
}

.bt-valider{
	background-image:url('http://www.crystal-serv.com/images/site/bt-prix.png');
	background-repeat:no-repeat;
	float:left;
	width:113px;
	height:42px;
	margin-top:7px;
}

.txt-prix{
	font-size:22px;
	color:#303030;
	font-family:arial !important;
	font-weight:bold;
	text-align:center;
	padding-top:6px;
}

/*--Main Container--*/
.main_view {
	float: left;
	width: 470px;
	margin-top:-3px;
}
/*--Window/Masking Styles--*/
.window {
	height:163px;	width: 470px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position:absolute;
	top: 260px; right: 330px;
	width: 50px; height:13px;
	z-index: 999990; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a div{
	width:11px;
	height:11px;
	background-image:url('http://www.crystal-serv.com/images/site/slide.png');
	background-repeat:none;
}
.paging a.active div{
	width:11px;
	height:12px;
	background-image:url('http://www.crystal-serv.com/images/site/slide-on.png');
	background-repeat:none;
}
.paging a:hover {font-weight: bold;}

.the_menu {
    display:none;
    width:300px;
    border: 1px solid #1c1c1c;
}

a.bouton{
	background:url('../images/site/fond_bouton.png') repeat-x;
	/*height:19px;*/
	line-height:25px;
	padding-left:5px;
	padding-right:5px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color:white;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	border: 1px solid #CFCFCF;
	-moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

a.bouton:hover{
	color:white;
	text-decoration:none;
	border:1px solid #464646;
}


a.bouton_installe{
	background:url('../images/site/fond_bouton_install.png') repeat-x;
	/*height:19px;*/
	line-height:25px;
	padding-left:5px;
	padding-right:5px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color:white;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	border: 1px solid #CFCFCF;
	-moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

a.bouton_installe:hover{
	color:white;
	text-decoration:none;
	border:1px solid #464646;
}

a.bouton_off{
	color:#5D5D5D;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
	text-decoration:none;
	background-image:linear-gradient(#f1f1f1, #dbdbdb); /* Norme W3C */
	background-image:-moz-linear-gradient(#f1f1f1, #dbdbdb); /* Firefox */
	background-image:-webkit-gradient(linear, #f1f1f1, #dbdbdb); /* Chrome, Safari */
	background-image:-o-linear-gradient(#f1f1f1, #dbdbdb); /* Opera */
	background-image:-ms-linear-gradient(#f1f1f1, #dbdbdb); /* IE */
	border: 1px solid #CFCFCF;
	-moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding:6px;
    text-align:center;
}

a.bouton_off:hover{
	color:#5D5D5D;
	text-decoration:none;
	border:1px solid #464646;
}

div.pack-eps{
	float:left;
	background-image: url('http://www.crystal-serv.com/images/site/div-eps.png');
	width:208px;
	height:190px;
	margin-left:10px;
	
}

div.pack-pro{
	float:left;
	background-image: url('http://www.crystal-serv.com/images/site/div-pro.png');
	width:208px;
	height:190px;
	margin-left:10px;
	
}

div.pack-liberte{
	float:left;
	background-image: url('http://www.crystal-serv.com/images/site/div-liberte.png');
	width:208px;
	height:190px;
	margin-left:10px;
	
}


.back_element{
	padding:5px;
	min-height:40px;
	border: 1px solid #CFCFCF;
    background-color:#f1f1f1; 
	border: 1px solid #CFCFCF;
	-moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

ul.menu_commande li a:hover{
	color:#2c69a7 !important;
}

ul.menu_commande_minecraft li a:hover{
	color:#50851a !important;
}

.tableau_formulaire_minecraft{
	border-spacing:0;
	padding:0;
	text-align:center;
	width:90%;
	border-top:1px solid #548d1b;
	border-left:1px solid #548d1b;
	border-right:1px solid #548d1b;
	text-align:left;
	margin:0px;
	margin-right:0px;
	margin-left:0px;
}

.tableau_formulaire_minecraft th{
	color:white;
	/*text-transform:uppercase;*/
	height:25px;
	padding-left:10px;
	width:30%;
	/*vertical-align:center;*/
	border-bottom:1px solid #548d1b;
	background-image:url('http://www.crystal-serv.com/images/commande/bg-th-minecraft.png');
	background-repeat:repeat-x;
}

.tableau_formulaire_minecraft td{
	/*border-bottom:1px solid #cccccc;*/
	background:#eaeaea;
	padding:2px;
	padding-left:10px;

	/*vertical-align:center;*/

	border-bottom:1px solid #548d1b;
}

.tableau_formulaire_minecraft .entete_formulaire{

	color:#292929;
	background:#E0E0E0;
	border-bottom:2px solid #CFCFCF;
	padding:0;
	width:90%;
	font-size:16px;
	font-weight:bold;
	padding-left:10px;
}


/* ///////////////////////////////////// */